@charset "UTF-8";

.cf,
.cfhd,
.h5_spr,
.p-sectit-before,
.p-sectit::after,
.p-sectit::before,
.p-text2,
.p-text2-line,
.p-text3-line,
.p-textline1,
.p1-tab1,
.p1-tab1-on,
.p1-tab2,
.p1-tab2-on,
.p1-tab3,
.p1-tab3-on,
.p1-tab4,
.p1-tab4-on,
.p1-title,
.p1-video-btn,
.p2-tab1,
.p2-tab1-on,
.p2-tab2,
.p2-tab2-on,
.p2-tab2-video,
.p2-tab2-vplay,
.p2-title,
.p2-video1,
.p2-video2,
.p2-video3,
.p3-item,
.p3-title,
.p4-btm-item,
.p4-btm-item2,
.p4-next,
.p4-prev,
.p4-tab1,
.p4-tab1-on,
.p4-tab2,
.p4-tab2-on,
.p4-tag2,
.p4-title,
.p4-video,
.p5-next,
.p5-prev,
.p5-title,
.p6-next,
.p6-prev,
.p6-title,
.p7-btn,
.p7-prod-item,
.p7-title,
.p7-video-play,
.p8-btn-hdgz,
.p8-btn-txfk,
.p8-title,
.part-btn1,
.part1 .p1-btn .p1-click.p1-tab1.on,
.part1 .p1-btn .p1-click.p1-tab2.on,
.part1 .p1-btn .p1-click.p1-tab3.on,
.part1 .p1-btn .p1-click.p1-tab4.on,
.part2 .p2-btm .p2-btm-g .titlepo::after,
.part2 .p2-btm .p2-btm-g .titlepo::before,
.part2 .p2-btm-tab2 .p2-tab2-video .txp_btn_play_lg,
.part2 .p2-tab1.on,
.part2 .p2-tab2.on,
.part4 .p4-sw .p4-left .next,
.part4 .p4-sw .p4-left .prev,
.part4 .p4-tab .p4-tab1.on,
.part4 .p4-tab .p4-tab2.on,
.part5 .p5-bg .next,
.part5 .p5-bg .prev,
.prod-tab1 {
    background-image: url(//game.gtimg.cn/images/cfhd/cp/a20250623shy/h5_spr.png?v=1729078122);
    background-size: 20.63rem 18.66rem;
    background-repeat: no-repeat
}

.cf {
    background-position: -18.43rem -6.14rem;
    width: 1.7rem;
    height: .38rem
}

.cfhd {
    background-position: -19.07rem -4.89rem;
    width: 1.18rem;
    height: .4rem
}

.p-sectit-before,
.p-sectit::after,
.p-sectit::before,
.part2 .p2-btm .p2-btm-g .titlepo::after,
.part2 .p2-btm .p2-btm-g .titlepo::before {
    background-position: -19.55rem -5.34rem;
    width: .16rem;
    height: .11rem
}

.p-text2-line {
    background-position: -10.76rem -16.7rem;
    width: 6.81rem;
    height: .24rem
}

.p-text2 {
    background-position: -7.33rem -18.04rem;
    width: 7.2rem;
    height: .44rem
}

.p-text3-line {
    background-position: -12.5rem -15.22rem;
    width: 7.35rem;
    height: .05rem
}

.p-textline1 {
    background-position: 0 -18.04rem;
    width: 7.28rem;
    height: .62rem
}

.p1-tab1-on,
.part1 .p1-btn .p1-click.p1-tab1.on {
    background-position: -15.43rem 0;
    width: 5.2rem;
    height: 1.79rem
}

.p1-tab1 {
    background-position: -10.09rem -10.87rem;
    width: 5.2rem;
    height: 1.79rem
}

.p1-tab2-on,
.part1 .p1-btn .p1-click.p1-tab2.on {
    background-position: 0 -13.91rem;
    width: 6.2rem;
    height: 1.44rem
}

.p1-tab2 {
    background-position: -6.25rem -13.91rem;
    width: 6.2rem;
    height: 1.44rem
}

.p1-tab3-on,
.part1 .p1-btn .p1-click.p1-tab3.on {
    background-position: -7.88rem -4.21rem;
    width: 5.6rem;
    height: 1.92rem
}

.p1-tab3 {
    background-position: -7.88rem -7.54rem;
    width: 5.6rem;
    height: 1.92rem
}

.p1-tab4-on,
.part1 .p1-btn .p1-click.p1-tab4.on {
    background-position: 0 -15.4rem;
    width: 5.33rem;
    height: 1.56rem
}

.p1-tab4 {
    background-position: -5.38rem -15.4rem;
    width: 5.33rem;
    height: 1.56rem
}

.p1-title {
    background-position: -7.88rem -6.18rem;
    width: 5.55rem;
    height: 1.31rem;
    background-image: url(//game.gtimg.cn/images/cfhd/cp/a20250623shy/m/p1-title.png);
    background-size: 100% auto;
    background-position: 0 0;
}

.p1-video-btn {
    background-position: -17.3rem -5.61rem;
    width: 1.08rem;
    height: .98rem
}

.p2-tab1-on,
.part2 .p2-tab1.on {
    background-position: -10.09rem -12.71rem;
    width: 3.45rem;
    height: .75rem
}

.p2-tab1 {
    background-position: -15.43rem -8.05rem;
    width: 3.45rem;
    height: .76rem
}

.p2-tab2-on,
.part2 .p2-tab2.on {
    background-position: -16.36rem -15.4rem;
    width: 3.45rem;
    height: .75rem
}

.p2-tab2-video {
    background-position: 0 0;
    width: 7.5rem;
    height: 4.16rem
}

.p2-tab2-vplay,
.part2 .p2-btm-tab2 .p2-tab2-video .txp_btn_play_lg {
    background-position: -19.07rem -3.86rem;
    width: 1.09rem;
    height: .98rem
}

.p2-tab2 {
    background-position: -15.43rem -9.67rem;
    width: 3.45rem;
    height: .76rem
}

.p2-title {
    background-position: -5.46rem -17.01rem;
    width: 5.41rem;
    height: .97rem;
    background-image: url(//game.gtimg.cn/images/cfhd/cp/a20250623shy/m/p2-title.png);
    background-size: 100% auto;
    background-position: 0 0;
    width: 5.55rem;
    height: 1.25rem;
}

.p2-video1 {
    background-position: -7.55rem 0;
    width: 7.83rem;
    height: 3.28rem
}

.p2-video2 {
    background-position: 0 -4.21rem;
    width: 7.83rem;
    height: 3.28rem
}

.p2-video3 {
    background-position: 0 -7.54rem;
    width: 7.83rem;
    height: 3.28rem
}

.p3-item {
    background-position: -15.43rem -1.84rem;
    width: 4.62rem;
    height: 1.97rem
}

.p3-title {
    background-position: -7.88rem -9.51rem;
    width: 5.55rem;
    height: 1.26rem
}

.p4-btm-item {
    background-position: -3.36rem -10.87rem;
    width: 3.31rem;
    height: 2.99rem
}

.p4-btm-item2 {
    background-position: -6.72rem -10.87rem;
    width: 3.32rem;
    height: 2.98rem
}

.p4-next {
    background-position: -19.07rem -5.34rem;
    width: .2rem;
    height: .2rem
}

.p4-prev {
    background-position: -19.32rem -5.34rem;
    width: .18rem;
    height: .2rem
}

.p4-tab1-on,
.part4 .p4-tab .p4-tab1.on {
    background-position: -15.43rem -12.1rem;
    width: 3.45rem;
    height: .75rem
}

.p4-tab1 {
    background-position: -15.43rem -10.48rem;
    width: 3.45rem;
    height: .76rem
}

.p4-tab2-on,
.part4 .p4-tab .p4-tab2.on {
    background-position: -15.43rem -12.9rem;
    width: 3.45rem;
    height: .75rem
}

.p4-tab2 {
    background-position: -15.43rem -8.86rem;
    width: 3.45rem;
    height: .76rem
}

.p4-tag2 {
    background-position: -20.1rem -2.82rem;
    width: .45rem;
    height: .93rem
}

.p4-title {
    background-position: -10.92rem -17.01rem;
    width: 5.41rem;
    height: .97rem
}

.p4-video {
    background-position: 0 -10.87rem;
    width: 3.31rem;
    height: 2.99rem
}

.p5-next {
    background-position: -20.3rem -4.89rem;
    width: .23rem;
    height: .39rem
}

.p5-prev {
    background-position: -20.23rem -5.61rem;
    width: .22rem;
    height: .39rem
}

.p5-title {
    background-position: -12.5rem -13.91rem;
    width: 5.55rem;
    height: 1.26rem
}

.p6-next,
.part4 .p4-sw .p4-left .next,
.part5 .p5-bg .next {
    background-position: -20.21rem -4.37rem;
    width: .39rem;
    height: .45rem
}

.p6-prev,
.part4 .p4-sw .p4-left .prev,
.part5 .p5-bg .prev {
    background-position: -20.21rem -3.86rem;
    width: .39rem;
    height: .46rem
}

.p6-title {
    background-position: 0 -17.01rem;
    width: 5.41rem;
    height: .98rem
}

.p7-btn {
    background-position: -17.3rem -6.64rem;
    width: 1.09rem;
    height: .3rem
}

.p7-prod-item {
    background-position: -15.43rem -3.86rem;
    width: 1.82rem;
    height: 3.33rem
}

.p7-title {
    background-position: -10.76rem -15.4rem;
    width: 5.55rem;
    height: 1.25rem;
    background-image: url(//game.gtimg.cn/images/cfhd/cp/a20250623shy/m/p7-title.png);
    background-size: 100% auto;
    background-position: 0 0;
    width: 5.41rem;
    height: 0.97rem;
}

.p7-video-play {
    background-position: -17.3rem -3.86rem;
    width: 1.72rem;
    height: 1.7rem
}

.p8-btn-hdgz {
    background-position: -15.43rem -7.24rem;
    width: 3.45rem;
    height: .76rem
}

.p8-btn-txfk {
    background-position: -15.43rem -11.29rem;
    width: 3.44rem;
    height: .76rem
}

.p8-title {
    background-position: -7.55rem -3.33rem;
    width: 7.28rem;
    height: .77rem
}

.part-btn1 {
    background-position: -18.43rem -5.61rem;
    width: 1.75rem;
    height: .48rem
}

.prod-tab1 {
    background-position: -20.1rem -1.84rem;
    width: .45rem;
    height: .93rem
}

.p2-btn1,
.p2-btn1-on,
.p2-btn2,
.p2-btn2-on,
.p2-btn3,
.p2-btn3-on,
.p2-btn4,
.p2-btn4-on,
.p2-btn5,
.p2-btn5-after,
.p2-btn5-after-on,
.p2-btn5-on,
.part2 .p2-btm-tab2 .p2-right a.p2-btn1.on,
.part2 .p2-btm-tab2 .p2-right a.p2-btn2.on,
.part2 .p2-btm-tab2 .p2-right a.p2-btn3.on,
.part2 .p2-btm-tab2 .p2-right a.p2-btn4.on,
.part2 .p2-btm-tab2 .p2-right a.p2-btn5.on,
.part2 .p2-btn5.on::after,
.part2 .p2-btn5::after,
.spr_part2 {
    background-image: url(//game.gtimg.cn/images/cfhd/cp/a20250623shy/spr_part2.png?v=1729607025);
    background-size: 9.91rem 8.14rem;
    background-repeat: no-repeat
}

.p2-btn1-on,
.part2 .p2-btm-tab2 .p2-right a.p2-btn1.on {
    background-position: -2.49rem 0;
    width: 2.44rem;
    height: 2.68rem
}

.p2-btn1 {
    background-position: -7.47rem 0;
    width: 2.44rem;
    height: 2.68rem
}

.p2-btn2-on,
.part2 .p2-btm-tab2 .p2-right a.p2-btn2.on {
    background-position: -4.98rem 0;
    width: 2.44rem;
    height: 2.68rem
}

.p2-btn2 {
    background-position: 0 -2.73rem;
    width: 2.44rem;
    height: 2.68rem
}

.p2-btn3-on,
.part2 .p2-btm-tab2 .p2-right a.p2-btn3.on {
    background-position: -2.49rem -2.73rem;
    width: 2.44rem;
    height: 2.68rem
}

.p2-btn3 {
    background-position: -4.98rem -2.73rem;
    width: 2.44rem;
    height: 2.68rem
}

.p2-btn4-on,
.part2 .p2-btm-tab2 .p2-right a.p2-btn4.on {
    background-position: 0 0;
    width: 2.44rem;
    height: 2.68rem
}

.p2-btn4 {
    background-position: -7.47rem -2.73rem;
    width: 2.44rem;
    height: 2.68rem
}

.p2-btn5-after-on,
.part2 .p2-btn5.on::after {
    background-position: -7.47rem -5.46rem;
    width: 2.44rem;
    height: 2.45rem
}

.p2-btn5-after,
.part2 .p2-btn5::after {
    background-position: -4.98rem -5.46rem;
    width: 2.44rem;
    height: 2.45rem
}

.p2-btn5-on,
.part2 .p2-btm-tab2 .p2-right a.p2-btn5.on {
    background-position: 0 -5.46rem;
    width: 2.44rem;
    height: 2.68rem
}

.p2-btn5 {
    background-position: -2.49rem -5.46rem;
    width: 2.44rem;
    height: 2.68rem
}

@font-face {
    font-family: font;
    src: url(//game.gtimg.cn/images/cfhd/cp/a20250623shy/font.ttf)
}

.mx-auto {
    margin-left: auto;
    margin-right: auto
}

.p-textline1 {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
    padding: 0 .3rem
}

.p-textline1 p {
    font-size: .16rem;
    line-height: .2rem;
    color: #fff;
    text-align: center
}

.p-sectit {
    display: flex;
    align-items: center;
    justify-content: center
}

.p-sectit::after,
.p-sectit::before {
    content: '';
    margin: 0 .36rem
}

.p-sectit p {
    font-size: .2rem;
    line-height: .32rem
}

.p-sectit p span {
    font-weight: 700;
    background-image: linear-gradient(to bottom, #b2f2ff 30%, #f2f2f2);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: .02rem .02rem .06rem rgba(51, 119, 255, .3)
}

.logo-btn {
    position: absolute;
    top: .25rem;
    left: .25rem
}

.logo-btn a {
    display: inline-block;
    vertical-align: middle
}

article,
body,
dd,
dl,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
ol,
p,
section,
ul {
    margin: 0
}

body,
button,
input,
select,
textarea {
    font: .12rem/1.5 tahoma, '\5FAE\8F6F\96C5\9ED1', sans-serif
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%
}

b,
em {
    font-style: normal
}

a {
    text-decoration: none
}

a:hover {
    text-decoration: underline
}

img {
    border: 0
}

button,
input,
select,
textarea {
    font-size: 100%;
    outline: 0
}

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

ol,
td,
th,
ul {
    padding: 0;
    list-style: none
}

.gray {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    pointer-events: none
}

a:not(.gray):hover {
    -webkit-filter: brightness(1.2);
    filter: brightness(1.2)
}

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

/*!! 通用底部样式*/
#afooter {
    background: #1c1c1c;
    text-align: center
}

#afooter .wrap_ieg {
    width: 100%;
    margin: 0 auto;
    padding: .3rem 0
}

#afooter p {
    color: #6e6e6e;
    line-height: .24rem;
    font-size: .1rem
}

#afooter a {
    color: #6e6e6e;
    font-size: .12rem
}

/*!! asyncCookie的iframe样式*/
#loginStatusSyncFrame_ams_ame {
    display: block
}

#_overlay_,
#actTitleWrap,
.ost,
.ost_box,
body {
    width: 100%
}

.g-wrap {
    overflow: hidden;
    position: relative;
    font-family: '\5FAE\8F6F\96C5\9ED1'
}
/* .g-wrap::before{
    content: '';
    background-image: url(//game.gtimg.cn/images/cfhd/cp/a20250623shy/m-after.jpg);
    background-size: 100% auto;
    width: 7.5rem;
    background-position: 0 0;
    height: 30rem;
    z-index: 1000;
    opacity: 0.4;
    pointer-events: none;
    display: block;
    position: absolute;
    left: 0;
    top: -178px;
} */

.g-wrap a {
    -webkit-transition: filter .3s, border .3s, color .3s;
    transition: filter .3s, border .3s, color .3s
}

.g-wrap a:hover {
    text-decoration: none;
    -webkit-filter: brightness(1.2);
    filter: brightness(1.2)
}

::-webkit-scrollbar-track-piece {
    background-color: #27322a
}

::-webkit-scrollbar {
    width: .06rem
}

::-webkit-scrollbar-thumb {
    background: #7ab1e1;
    border-radius: .1rem
}

.g-wrap {
    width: 100%;
    color: #fff;
    font-size: .2rem;
    text-align: center
}

.marginLine {
    height: .01rem
}

.background {
    background: url(//game.gtimg.cn/images/cfhd/cp/a20250623shy/m_bg.jpg) no-repeat;
    background-position: top;
    width: 100%;
    height: 28.20rem;
    background-size: 100% auto
}

.background .head {
    position: relative;
    margin: 0 auto;
    height: 4.14rem;
    background-image: url(//game.gtimg.cn/images/cfhd/cp/a20250623shy/m/head.jpg);
    background-size: 100% auto;
    background-position: 0 0;
    width: 100%;
}

.background .head video {
    width: 100%;
    min-width: 100%;
    height: 100%;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%
}

.background .head .login-text {
    position: absolute;
    font-size: .2rem;
    z-index: 11;
    left: 0;
    right: 0;
    text-align: center;
    color: #fff;
    line-height: .3rem;
    bottom: .0rem
}

.background .head .login-text a {
    color: #0af
}

.p-text-line {
    margin-left: auto;
    margin-right: auto
}

@font-face {
    font-family: font;
    src: url(//game.gtimg.cn/images/cfhd/cp/a20250623shy/font.ttf)
}

.p-text-line {
    margin-left: auto;
    margin-right: auto
}

.p-text2-line {
    margin-left: auto;
    margin-right: auto
}

.p-text3-line {
    margin-left: auto;
    margin-right: auto
}

.p-text {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .2rem;
    color: #ffcd01;
    text-align: center
}

.p-text span {
    margin: 0 .2rem
}

.p-text2 {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .204rem;
    color: #fff
}

.p-text2 span {
    background-image: linear-gradient(to bottom, #b2f2ff 30%, #f2f2f2);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: .02rem .02rem .06rem rgba(51, 119, 255, .3)
}

.p-text4 {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: font;
    font-size: .28rem;
    color: #fff;
    text-shadow: -.01902rem .00618rem 0 rgba(29, 88, 201, .4)
}

.p-text4 span {
    margin: 0 .3rem
}

.p-text4::after {
    content: ''
}

.p-text4::before {
    content: ''
}

.p-text3 {
    font-size: .18rem;
    color: #657d95;
    line-height: .24rem;
    text-align: center;
    white-space: pre-line
}

.part_box {
    box-sizing: border-box;
    font-size: 0
}

.part1 {
    position: relative;
    /* padding-top: .12rem; */
    height: 7.41rem;
    overflow: hidden
}

.part1 .p1-swp-bg {
    margin-top: 0;
    position: relative;
    width: 100%;
    height: 5.96rem
}

.part1 .p1-swp-bg .p1-video {
    position: absolute;
    top: 2.74rem;
    right: .3rem;
    z-index: 3
}

.part1 .p1-swp-bg .p1-video .p1-play {
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    z-index: 3
}

.part1 .p1-swp-bg .p1-video #container3 {
    position: absolute;
    top: .02rem;
    left: .02rem
}

.part1 .p1-swp-bg .mySwiper {
    width: 100%;
    height: 100%;
    position: relative
}

.part1 .p1-swp-bg .mySwiper .swiper-wrapper .swiper-slide {
    position: relative
}

.part1 .p1-swp-bg .mySwiper .swiper-wrapper .swiper-slide .p1-item-po {
    position: absolute;
    transform: translate(-50%, -50%);
    top: 45%;
    left: 50%
}

.part1 .p1-swp-bg .mySwiper .swiper-wrapper .swiper-slide .p1-item-po img {
    width: 11rem
}

.part1 .p1-swp-bg .mySwiper .swiper-wrapper .swiper-slide .p1-item-po a {
    display: block;
    position: absolute;
    top: 4.41rem;
    left: 50%;
    transform: translateX(-50%)
}

.part1 .p1-swp-bg .mySwiper .swiper-wrapper .swiper-slide .p1-item-po .p1-i3-tag {
    position: absolute;
    width: 2.02rem;
    height: .48rem;
    background-size: 100% auto;
    background-position: 0 0;
    background-image: url(//game.gtimg.cn/images/cfhd/cp/a20250623shy/p1-i3-tag.png);
    background-repeat: no-repeat;
    top: 2.59rem;
    left: 62.3%;
    transform: translateX(-50%) scale(.6)
}

.part1 .p1-swp-bg .mySwiper .swiper-wrapper .swiper-slide .p1-item-po.p1-item2 a {
    top: unset;
    left: 3.64rem;
    bottom: 1.66rem;
    transform: scale(.5);
    z-index: 20
}

.part1 .p1-swp-bg .mySwiper .swiper-wrapper .swiper-slide .p1-item-po.p1-item2 a:nth-of-type(2) {
    left: 4.41rem
}

.part1 .p1-swp-bg .mySwiper .swiper-wrapper .swiper-slide .p1-item-po.p1-item2 a:nth-of-type(3) {
    left: 5.2rem
}

.part1 .p1-swp-bg .mySwiper .swiper-wrapper .swiper-slide .p1-item-po.p1-item2 a:nth-of-type(4) {
    left: 6.03rem
}

.part1 .p1-swp-bg .mySwiper .prev {
    position: absolute;
    top: 50%;
    left: .25rem;
    z-index: 3;
    transform: translateY(-50%)
}

.part1 .p1-swp-bg .mySwiper .next {
    position: absolute;
    top: 50%;
    right: .25rem;
    z-index: 3;
    transform: translateY(-50%)
}

.part1 .p1-swp-bg .p1-swp-front {
    position: absolute;
    top: .42rem;
    left: .45rem;
    pointer-events: none
}

.part1 .p1-btn {
    position: absolute;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: unset !important;
    width: 100%;
    z-index: 11
}

.part1 .p1-btn .p1-click {
    transform: scale(.52);
    position: absolute;
    display: block
}

.part1 .p1-btn .p1-click.p1-tab1 {
    position: absolute;
    top: 3.02rem;
    left: -1.26rem
}

.part1 .p1-btn .p1-click.p1-tab2 {
    position: absolute;
    top: 4.76rem;
    left: -1.24rem
}

.part1 .p1-btn .p1-click.p1-tab3 {
    position: absolute;
    top: 1.78rem;
    left: 2.66rem
}

.part1 .p1-btn .p1-click.p1-tab4 {
    position: absolute;
    top: 4.43rem;
    left: 3.43rem
}

.part2 {
    height: 9.73rem;
    /* padding-top: .25rem */
    /* padding-top: 0.03rem; */
}

.part2 a {
    display: block
}

.part2 .p2-btm,
.part2 .p2-btm-tab2,
.part2 .p2-tab,
.part2 .p2-title {
    margin: 0 auto
}

.part2 .p2-tab {
    width: 7.21rem;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    margin-top: 0.16rem;
    box-sizing: border-box;
    margin-bottom: .27rem
}

.part2 .p2-text,
.part2 .p2-text2 {
    margin-top: .12rem;
    margin-bottom: .11rem
}

.part2 .p2-text p,
.part2 .p2-text2 p {
    font-size: .18rem;
    color: #9bf3d2;
    padding-top: .72rem;
    text-align: center
}

.part2 .p2-btm {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    margin-top: .1rem;
    font-size: .3rem;
    line-height: .4rem;
    color: #80c6ff;
    flex-direction: column
}

.part2 .p2-btm .p2-btm-g {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: -.4rem
}

.part2 .p2-btm .p2-btm-g:nth-child(2) .p2-btm-info {
    margin-left: 0;
    margin-right: -1.2rem
}

.part2 .p2-btm .p2-btm-g:nth-child(2) .p2-video2 {
    transform: scale(.6) translateX(1.7rem)
}

.part2 .p2-btm .p2-btm-g .p2-video1,
.part2 .p2-btm .p2-btm-g .p2-video2,
.part2 .p2-btm .p2-btm-g .p2-video3 {
    transform: scale(.6);
    margin: -.44rem -1rem -.51rem -2rem
}

.part2 .p2-btm .p2-btm-g .titlepo {
    font-size: .3rem;
    text-align: center;
    line-height: .46rem;
    font-weight: 700;
    background-image: linear-gradient(to bottom, #b2f2ff 30%, #f2f2f2);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: .02rem .02rem .06rem rgba(51, 119, 255, .3);
    margin-bottom: .2rem
}

.part2 .p2-btm .p2-btm-g .titlepo::after,
.part2 .p2-btm .p2-btm-g .titlepo::before {
    display: inline-block;
    content: ''
}

.part2 .p2-btm .p2-btm-g .titlepo::before {
    margin-right: .36rem
}

.part2 .p2-btm .p2-btm-g .titlepo::after {
    margin-left: .36rem
}

.part2 .p2-btm .p2-btm-g .p2-btm-info {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-left: -1.2rem
}

.part2 .p2-btm .p2-video-text {
    width: 11.6rem;
    display: flex;
    justify-content: space-between;
    margin-top: .4rem
}

.part2 .p2-btm .text {
    font-size: .18rem;
    color: #80c6ff;
    line-height: .26rem
}

.part2 .p2-btm .p2-video-text .text {
    text-align: left;
    font-size: .28rem
}

.part2 .p2-btm-tab2 {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin-top: -.05rem
}

.part2 .p2-btm-tab2 .p2-tab2-video {
    position: relative;
    margin-top: .25rem
}

.part2 .p2-btm-tab2 .p2-tab2-video .p2-video {
    position: absolute;
    top: 0;
    left: .01rem;
    width: 7.5rem;
    height: 4.16rem;
    overflow: hidden;
    mask-image: url(//game.gtimg.cn/images/cfhd/cp/a20250623shy/m/video-mask.png);
    -webkit-mask-image: url(//game.gtimg.cn/images/cfhd/cp/a20250623shy/m/video-mask.png);
    mask-size: 100% 100%;
    -webkit-mask-size: 100% 100%
}

.part2 .p2-btm-tab2 .p2-tab2-video .p2-video video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    object-fit: cover;
    height: 100%
}

.part2 .p2-btm-tab2 .p2-tab2-video .p2-video video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    object-fit: cover
}

.part2 .p2-btm-tab2 .p2-tab2-video .p2-tab2-vplay,
.part2 .p2-btm-tab2 .p2-tab2-video .txp_btn_play_lg {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
    opacity: 1
}

.part2 .p2-btm-tab2 .p2-tab2-video .txp_btn_play_lg svg {
    display: none
}

.part2 .p2-btm-tab2 .p2-tab2-video video {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.part2 .p2-btm-tab2 .p2-right {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: .19rem;
    box-sizing: border-box;
    padding: 0 .3rem 0 .3rem
}

.part2 .p2-btm-tab2 .p2-right a {
    transform: scale(.6);
    margin: -.62rem -.74rem
}

.part2 .p2-btm-tab2 .p2-right a.p2-btn5 {
    position: relative
}

.part2 .p2-btm-tab2 .p2-right a.p2-btn5 p {
    font-size: .18rem;
    color: #fff;
    text-align: center;
    position: absolute;
    line-height: .24rem;
    bottom: -.5rem;
    left: -1rem;
    right: -1rem;
    text-align: center
}

.part3 {
    padding-top: .12rem;
    height: 6.11rem;
    position: relative
}

.part3 .p3-btm,
.part3 .p3-item,
.part3 .p3-title {
    margin: 0 auto
}

.part3 .p3-text1 {
    font-size: .2rem;
    margin: -.11rem auto .4rem
}

.part3 .p3-text2 {
    margin: .23rem auto 0;
    font-size: .24rem
}

.part3 .p3-title {
    margin-top: 0;
    margin-bottom: .16rem
}

.part3 .p3-item {
    position: absolute;
    top: 2.59rem;
    right: 0
}

.part3 .p3-item .p3-item-btn {
    position: absolute;
    top: 2.01rem;
    right: 1.17rem
}

.part3 .p3-btm {
    margin-top: .15rem;
    width: 100%;
    display: flex;
    justify-content: center
}

.part3 .p3-btm-btn {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin: .03rem auto 0;
    box-sizing: border-box;
    padding: 0 .65rem
}

.part4 .p4-btm,
.part4 .p4-sw,
.part4 .p4-tab,
.part4 .p4-title {
    margin: 0 auto
}

.part4 {
    height: 10.18rem;
    padding-top: .25rem
}

.part4 .part4 .p4-title {
    margin-top: 0
}

.part4 .p4-tab {
    width: 7.21rem;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin-top: .24rem;
    align-items: center;
    box-sizing: border-box
}

.part4 .p4-sw {
    width: 7.03rem;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin-top: .18rem;
    box-sizing: border-box;
    padding: 0 0;
    margin-bottom: .09rem
}

.part4 .p4-text {
    margin-top: .22rem
}

.part4 .p4-sw .p4-left {
    position: relative;
    transform: translateX(-.09rem);
    width: 3.48rem;
    height: 3.16rem;
    background-size: 3.32rem 2.99rem;
    background-image: url(//game.gtimg.cn/images/cfhd/cp/a20250623shy/m/p4-left.png);
    background-position: top center;
    background-repeat: no-repeat
}

.part4 .p4-sw .p4-left .mySwiper2 {
    width: 100%;
    height: 100%;
    position: relative;
    position: absolute;
    top: 0;
    left: 0;
    right: -.2rem;
    bottom: 0
}

.part4 .p4-sw .p4-left .mySwiper2 .p4-item-name {
    font-size: .2rem;
    line-height: .24rem;
    color: #fdf9ff;
    text-align: center;
    position: absolute;
    bottom: .42rem;
    left: 0;
    right: 0
}

.part4 .p4-sw .p4-left .mySwiper2 .swiper-wrapper .p4-item-po {
    position: absolute;
    top: 0;
    right: .1rem;
    transform-origin: top right
}

.part4 .p4-sw .p4-left .mySwiper2 .swiper-wrapper .p4-item-po .p4-tag1 {
    position: absolute;
    top: .3rem;
    line-height: .28rem;
    text-align: center;
    left: 0;
    right: 0;
    font-size: .2rem;
    color: #00d5ff;
    font-family: font;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    text-shadow: 0 0 .1rem rgba(51, 119, 255, .4)
}

.part4 .p4-sw .p4-left .mySwiper2 .swiper-wrapper .p4-item-po .p4-tag2 {
    position: absolute;
    right: .73rem;
    top: .6rem;
    font-size: .2rem;
    color: #09cad4;
    text-align: center;
    box-sizing: border-box;
    padding-left: .4rem;
    width: 1.13rem;
    height: 2.16rem;
    background-image: url(//game.gtimg.cn/images/cfhd/cp/a20250623shy/p4-tag2.png);
    background-position: 0 0;
    background-size: 100% auto;
    padding: .19rem .3rem .58rem .7rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: #34fcff;
    line-height: .26rem;
    line-height: .22rem;
    text-shadow: 0 0 .03rem rgba(5, 229, 234, .2);
    transform: scale(.6);
    right: .33rem;
    top: 0
}

.part4 .p4-sw .p4-left .mySwiper2 .swiper-wrapper .p4-item-po img {
    width: 100%
}

.part4 .p4-sw .p4-left .mySwiper2 .swiper-pagination {
    width: .75rem;
    height: .3rem
}

.part4 .p4-sw .p4-left .mySwiper2 .text {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%
}

.part4 .p4-sw .p4-left .mySwiper2 .text .swiper-pagination-bullet {
    display: inline-block;
    width: .06rem;
    height: .06rem;
    border-radius: unset;
    box-sizing: border-box;
    border: solid .01rem rgba(0, 255, 255, .6);
    background-color: transparent;
    margin: 0 .05rem
}

.part4 .p4-sw .p4-left .mySwiper2 .text .swiper-pagination-bullet.swiper-pagination-bullet-active {
    border-color: #0ff;
    background-color: #0ff
}

.part4 .p4-sw .p4-left .p4-left-text {
    position: absolute;
    top: .58rem;
    left: .4rem
}

.part4 .p4-sw .p4-left .prev {
    position: absolute;
    top: 40%;
    left: -.03rem;
    z-index: 3;
    transform: scale(.8)
}

.part4 .p4-sw .p4-left .next {
    position: absolute;
    top: 40%;
    right: -.03rem;
    transform: scale(.8);
    z-index: 3
}

.part4 .p4-sw .p4-video {
    position: relative
}

.part4 .p4-sw .p4-video .p4-play {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 3.31rem;
    height: 2.99rem;
}

.part4 .p4-sw .p4-video .p4-play img {
    width: 100%;
}

.part4 .p4-sw .p4-video .video>div,
.part4 .p4-sw .p4-video .video>txpdiv {
    width: 100% !important;
    height: 100% !important
}

.part4 .p4-sw .p4-video .p4-play {
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%
}

.part4 .p4-sw .p4-video #container {
    position: absolute;
    top: .05rem;
    left: .44rem;
    width: 3.37rem;
    height: 2.29rem;
    top: .23rem;
    left: .16rem
}

.part4 .p4-sw .p4-video #container2 {
    position: absolute;
    top: .05rem;
    left: .44rem;
    width: 3.37rem;
    height: 2.29rem;
    top: .23rem;
    left: .16rem
}

.part4 .p4-btm {
    width: 7.03rem;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin-top: .17rem
}

.part4 .p4-btm .p4-btm-bg {
    position: relative
}

.part4 .p4-btm .p4-btm-bg .p4-btn {
    position: absolute;
    transform: translate(-50%, -50%);
    top: 81%;
    left: 50%
}

.part5 {
    height: 6.11rem;
    padding-top: .12rem
}

.part5 .p5-title {
    margin-left: auto;
    margin-right: auto
}

.part5 .swiper-slide>div {
    transform: scale(.601);
    margin-left: -2.37rem;
    margin-top: -1rem
}

.part5 .p5-bg {
    margin-top: 0;
    position: relative
}

.part5 .p5-bg .po {
    width: 12.28rem;
    height: 6.23rem;
    position: relative
}

.part5 .p5-bg .po img {
    width: 100%
}

.part5 .p5-bg .po p {
    height: .87rem;
    width: 10.87rem;
    position: absolute;
    bottom: 1.05rem;
    left: 0;
    right: 0;
    margin: 0 auto;
    font-size: .2rem;
    color: #fff;
    line-height: .26rem;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center
}

.part5 .p5-bg .mySwiper3 {
    height: 4.2rem;
    position: relative;
    width: 100%
}

.part5 .p5-bg .prev {
    position: absolute;
    z-index: 3;
    left: .1rem;
    top: 49%;
    transform: translateY(-50%)
}

.part5 .p5-bg .next {
    position: absolute;
    z-index: 3;
    right: .1rem;
    top: 49%;
    transform: translateY(-50%)
}

.part5 .p5-bg img {
    width: 7.2rem
}

.part6 {
    padding-top: .25rem
}

.part6 .p6-title {
    margin-left: auto;
    margin-right: auto
}

.part6 .p6-pic {
    margin-left: auto;
    margin-right: auto
}

.part6 .p6-pic,
.part6 .p6-pic2 {
    margin-top: 0;
    width: 6.45rem;
    margin-bottom: 0
}

.part6 .p6-pic img,
.part6 .p6-pic2 img {
    width: 100%
}

.part6 .mySwiper4 {
    margin-top: .5rem;
    position: relative;
    width: 100%
}

.part4 .p4-sw .p4-left .part6 .mySwiper4 .prev,
.part5 .p5-bg .part6 .mySwiper4 .prev,
.part6 .mySwiper4 .p6-prev,
.part6 .mySwiper4 .part4 .p4-sw .p4-left .prev,
.part6 .mySwiper4 .part5 .p5-bg .prev {
    position: absolute;
    top: 37%;
    left: .1rem;
    z-index: 3;
    cursor: pointer
}

.part4 .p4-sw .p4-left .part6 .mySwiper4 .prev[aria-disabled=true],
.part5 .p5-bg .part6 .mySwiper4 .prev[aria-disabled=true],
.part6 .mySwiper4 .p6-prev[aria-disabled=true],
.part6 .mySwiper4 .part4 .p4-sw .p4-left .prev[aria-disabled=true],
.part6 .mySwiper4 .part5 .p5-bg .prev[aria-disabled=true] {
    opacity: .6;
    cursor: default
}

.part4 .p4-sw .p4-left .part6 .mySwiper4 .next,
.part5 .p5-bg .part6 .mySwiper4 .next,
.part6 .mySwiper4 .p6-next,
.part6 .mySwiper4 .part4 .p4-sw .p4-left .next,
.part6 .mySwiper4 .part5 .p5-bg .next {
    position: absolute;
    top: 37%;
    right: .1rem;
    z-index: 3;
    cursor: pointer
}

.part4 .p4-sw .p4-left .part6 .mySwiper4 .next[aria-disabled=true],
.part5 .p5-bg .part6 .mySwiper4 .next[aria-disabled=true],
.part6 .mySwiper4 .p6-next[aria-disabled=true],
.part6 .mySwiper4 .part4 .p4-sw .p4-left .next[aria-disabled=true],
.part6 .mySwiper4 .part5 .p5-bg .next[aria-disabled=true] {
    opacity: .6;
    cursor: default
}

.part6 .p6-btn {
    margin-top: .36rem
}

.fusion-pm-fl-wrapper {
    font-size: .3rem !important
}

.p-desc {
    font-size: .16rem;
    color: #fff;
    line-height: .24rem;
    text-align: center
}

.part7 {
    padding-top: 0.02rem;
    height: 6.11rem;
    box-sizing: border-box;
    width: 100%
}

.part7 .p7-title {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: .15rem
}

.part7 .p7-btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.part7 .p7-btn span {
    font-family: font;
    font-size: .16rem;
    color: #fff;
    line-height: 1.2;
    text-align: center;
    text-shadow: 0 0 .1rem rgba(46, 138, 229, .5)
}

.part7 .p7-prod-list {
    width: 7.46rem;
    margin-top: .37rem;
    display: flex;
    align-items: flex-start;
    justify-content: center
}

.part7 .p7-prod-list .p7-prod-item {
    width: 1.78rem;
    margin: 0 .05rem .24rem;
    position: relative
}

.part7 .p7-prod-list .p7-prod-item img {
    width: 100%
}

.part7 .p7-prod-list .p7-prod-item .p7-prod-con {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    box-sizing: border-box;
    font-size: .14rem;
    line-height: .16rem;
    box-sizing: border-box;
    padding: 0 .08rem 0 .08rem;
    letter-spacing: -.01rem;
    height: .72rem;
    margin-top: .19rem;
    color: #fff;
    font-weight: 700
}

.part7 .p7-prod-list .p7-prod-item .p7-prod-img {
    position: relative;
    margin-top: .05rem;
    width: 1.45rem;
    height: 1.38rem;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: center;
    justify-content: center
}

.part7 .p7-prod-list .p7-prod-item .p7-prod-img .prod-tab1 {
    position: absolute;
    top: -.57rem;
    left: 1.09rem
}

.part7 .p7-prod-list .p7-prod-item .p7-prod-img a {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.part7 .p7-prod-list .p7-prod-item .p7-prod-img img {
    width: 100%
}

.part7 .p7-prod-list .p7-prod-item .p7-prod-name {
    position: absolute;
    bottom: -.41rem;
    right: 0;
    font-size: .14rem;
    line-height: .18rem;
    height: .36rem;
    color: #fff;
    left: 0;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center
}

.part7 .p7-prod-list .p7-prod-item a {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: .25rem
}

.part7 .p-text3-line {
    margin-bottom: .03rem
}

.part7 .p7-prodx {
    width: 7.17rem;
    height: 1.66rem;
    background-size: 100% auto;
    background-image: url(//game.gtimg.cn/images/cfhd/cp/a20250623shy/p7-prodxm.png);
    margin: .07rem auto 0
}

.part-btn1 {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.part-btn1 span {
    font-family: font;
    font-size: .26rem;
    color: #fff;
    line-height: 1.2;
    text-align: center;
    text-shadow: 0 0 .1rem rgba(46, 138, 229, .5)
}

/*!# sourceMappingURL=comm_h5.css.map */
body,
html {
    font-size: .4rem
}

.login-text {
    font-size: .28rem
}

.p3-item-desc {
    position: absolute;
    top: 2.57rem;
    right: 1.17rem;
    font-size: .16rem;
    color: #80c6ff;
    width: 1.75rem
}

.login-text a {
    color: #fff
}

.milo-alert-content {
    font-size: .28rem !important
}

.milo-alert-footer {
    font-size: .32rem !important
}

.intro-tips {
    color: #80c6ff;
    font-size: .16rem;
    line-height: .2rem;
    margin-top: .14rem
}

.part3 .intro-tips2 {
    font-size: .18rem;
    color: #9e98f6;
    text-align: center;
    margin-top: .09rem
}

.milo-mygiftlist-dialog-content table td {
    line-height: .41rem !important
}

.dia {
    width: 7rem;
    height: 3.5rem;
    border: .03rem solid #54bdd3
}

.dia-con {
    width: 7rem;
    height: 3.5rem;
    float: left;
    text-align: center;
    clear: both;
    background: #fedde9
}

.dia_close {
    width: .4rem;
    height: .4rem;
    top: -.4rem;
    right: -.2rem;
    position: absolute;
    font-size: 0
}

.dia_close::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: .06rem;
    height: .4rem;
    background-color: #fff;
    transform: rotate(45deg)
}

.dia_close::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: .06rem;
    height: .4rem;
    background-color: #fff;
    transform: rotate(-45deg)
}

.part8 .p8-title {
    margin-top: .87rem;
    margin-left: auto;
    margin-right: auto
}

.part8 p {
    line-height: 1.2;
    margin-top: .12rem;
    font-size: .16rem;
    text-align: center;
    color: #fff;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: block
}

.part8 .p8-actions {
    display: flex;
    width: 7.21rem;
    justify-content: space-between;
    margin-left: auto;
    margin-right: auto;
    margin-top: .36rem
}

.asideNav {
    display: none
}

.dia-con video {
    object-fit: cover
}

.dia-rule {
    display: none;
    transform: scale(.6);
    width: 11.98rem;
    height: 6.92rem;
    background-image: url(//game.gtimg.cn/images/cfhd/cp/a20250623shy/pop-rule-bg.png);
    background-size: 100% auto;
    box-sizing: border-box;
    padding-top: 1.37rem;
    box-sizing: border-box;
    border: unset
}

.dia-rule ul {
    margin-left: auto;
    margin-right: auto;
    width: 9.6rem;
    height: 5rem;
    overflow-y: scroll
}

.dia-rule ul li {
    font-size: .26rem;
    text-align: left;
    color: #fff;
    line-height: .34rem
}

@keyframes breaths1 {

    0%,
    100% {
        transform: scale(1.03)
    }

    50% {
        transform: scale(.97)
    }
}

.part1 .p1-item-po .p1-i3-gif {
    position: absolute;
    top: 2.54rem;
    left: 54%;
    width: .65rem !important;
    height: auto;
    transform: translateX(-50%) rotate(13deg)
}

.part2 .p2-btn5 {
    position: relative
}

.part2 .p2-btn5::after {
    content: '';
    animation: 1.2s ease infinite breaths1;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto
}

.part2 .p2-btn5.on::after {
    animation: unset
}

.milo-alert-frame{z-index: 9999!important;}
.milo-dialog{
    width: 7.5rem;
    margin: 0 auto;
}

.milo-mygiftlist-dialog {
    width: 7.5rem;
    background-color: #fff;
    z-index: 1000;
    /*font-size:27px!important;*/
 }
 
 .milo-mygiftlist-dialog  .milo-mygiftlist-dialog-header {
    width: 100%;
    background: url(https://ossweb-img.qq.com/images/gamevip/act/act_comm/lz_top_spr_v2.png) repeat-x 0 -97px;
    height: 36px;
    line-height: 36px;
    margin: 0px;
    color: #fff;
    padding: 0 20px;
    position: relative;
    box-sizing: border-box;
 }
 
 .milo-mygiftlist-dialog  .milo-mygiftlist-dialog-header .milo-mygiftlist-close-btn {
    position: absolute;
    right: 0;
    top: 0;
    margin: 10px 10px 0 0;
    width: 14px;
    height: 13px;
    text-indent: -999em;
    overflow: hidden;
    background: url(https://ossweb-img.qq.com/images/gamevip/act/act_comm/lz_top_spr_v2.png) no-repeat -297px -5px;
 }
 
 .milo-mygiftlist-dialog-content {
    padding: 0.2rem;
 }
 .milo-mygiftlist-dialog-content table {
    width: 100%;
    border-collapse:collapse;
    font-size: .20rem;
 }
 
 .milo-mygiftlist-dialog-content .tips {
    font-size: 0.16rem;
 }
 .milo-mygiftlist-dialog-content table th{
    border: 1px solid #e8e8e8;
    padding: 4px 2px;
    width: 33.3%;
    text-align: center;
    font-weight: normal;
    background: #efefef;
 }
 .milo-mygiftlist-dialog-content table td {
    height: 28px;
    line-height: 28px;
    text-align: center;
    background: #fff;
    color: #000;
    border: 1px solid #e8e8e8;
 }
 .milo-mygiftlist-dialog-content .pagination {
      background: #efefef;
      text-align: center
 }
 .milo-mygiftlist-dialog-content .pagination .page {
     border:none;
 }
 
 .milo-mygiftlist-dialog-mobile {
    width: 300px;
    max-height: 600px;
    overflow: scroll;
    background-color: #fff;
    z-index: 1000;
 }
 .milo-mygiftlist-dialog .milo-mygiftlist-dialog-header>div{
    font-size: .24rem;
 }
 .milo-mygiftlist-dialog-mobile  .milo-mygiftlist-dialog-header {
    width: 100%;
    background: url(https://ossweb-img.qq.com/images/gamevip/act/act_comm/lz_top_spr_v2.png) repeat-x 0 -97px;
    height: 30px;
    line-height: 30px;
    margin: 0px;
    color: #fff;
    padding: 0 10px;
    position: relative;
    box-sizing: border-box;
 }
 .milo-mygiftlist-dialog-mobile  .milo-mygiftlist-dialog-header .milo-mygiftlist-close-btn {
    position: absolute;
    right: 0;
    top: 0;
    margin: 10px 10px 0 0;
    width: 14px;
    height: 13px;
    text-indent: -999em;
    overflow: hidden;
    background: url(https://ossweb-img.qq.com/images/gamevip/act/act_comm/lz_top_spr_v2.png) no-repeat -297px -5px;
 }
 .milo-mygiftlist-dialog-mobile .milo-mygiftlist-dialog-content {
    padding: 10px;
 }
 .milo-mygiftlist-dialog-mobile .milo-mygiftlist-dialog-content table {
    width: 100%;
    font-size: 14px;
    border-collapse:collapse;
 }