/* 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);
}

table {
    border-collapse: collapse;
}

a {
    text-decoration: none;
}

ul, li {
    list-style: none
}

a, img {
    -webkit-touch-callout: none; /* 禁止长按链接与图片弹出菜单，根据需要选择是否删除 */
}

html, body {
    -webkit-user-select: none; /* 禁止选中文本（如无文本选中需求，此为必选项） */
    user-select: none;
}

/* reset end */
html {
    font-size: 50px;
    /* 兼容不支持vw的系统 */
    font-size: 13.33333333vw;
    /* 7.5rem === 100vw */
}

html, body {
    max-width: 1024px;
    height: 100%;
}
.ion_image
{
    width: 33px;
    height: 28px;
    position: absolute;
    top: 13rem;
    left: 3.5rem;
    z-index: 3;
}
.wrap {
    width: 7.5rem;
    height: 100%;
    min-height: 10rem;
    display: none;
}

@font-face {
    font-family: "shserif";
    src: url("//game.gtimg.cn/images/baiye/cp/a20230131gwyy/shserif.woff") format("woff"), /* chrome、firefox */ url("//game.gtimg.cn/images/baiye/cp/a20230131gwyy/shserif.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: "shserifl";
    src: url("//game.gtimg.cn/images/baiye/cp/a20230131gwyy/shserifl.woff") format("woff"), /* chrome、firefox */ url("//game.gtimg.cn/images/baiye/cp/a20230131gwyy/shserifl.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

#sMobile {
    /*background-image: url('//fyzh.hicnhm.com/static/image/qietu2/lanm1.png');*/
    /*height:43px;*/
    /*background-size: 100% 100%;*/
    border-radius: 10px;
    margin-top: 17px;
    margin-left: 38px;
}

#sVftCode {
    /*background-image: url('//fyzh.hicnhm.com/static/image/qietu2/lanm2.png');*/
    /*height:43px;*/
    /*background-size: 100% 100%;*/
    border-radius: 10px;
    margin-top: 20px;
    margin-left: 38px;
}

.topbar {
    /*background: url(../picture/logo.png) no-repeat center top / 41% 80%;*/
    width: 100%;
    height: 1.2rem;
    position: fixed;
    left: -105px;
    top: 4px;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0.22rem 0.05rem 0.28rem;
    box-sizing: border-box;
}
.log_a
{
    width: 97%;
    height: 51px;
    position: absolute;
    top: 0px;
    z-index: 1;
    margin-top: 6px;
    padding-left: 6px;
}
.log_a img
{
  width: 50%;
  height: 100%;
}
.logo {
    display: block;
    background: url(//game.gtimg.cn/images/baiye/cp/a20230131gwyy/logo.png) no-repeat center top / 100% 100%;
    width: 1.96rem;
    height: 0.56rem;
    pointer-events: none;
}

.topbar .nav {
    display: block;
}

.topbar .share-bar {
    display: none;
}

.m-toggle {
    display: block;
    background: url(../picture/btn_cd.png) no-repeat center / 100%;
    width: 1.3rem;
    height: 1rem;
    position: absolute;
    right: -1.8rem;
    top: 0.1rem;
}

.topbar .nav {
    display: none;
}

.head {
    background: url(../picture/bg1.png);
    background-size: 100% 100%;
    height: 15rem;
    padding-top: 8.22rem;
    box-sizing: border-box;
}

.head .vbg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 14.20rem;
    pointer-events: none;
    mask: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 90%, rgba(0, 0, 0, 0) 100%);
    -webkit-mask: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 90%, rgba(0, 0, 0, 0) 100%);
}

.head .vbg::after {
    display: block;
    content: '';
    /*background: url(//game.gtimg.cn/images/baiye/cp/a20230131gwyy/m-vbg-cover.png) no-repeat center 0 / 100%;*/
    width: 100%;
    height: 2.92rem;
    position: absolute;
    left: 0;
    bottom: -0.02rem;
    pointer-events: none;
    z-index: 2;
}

.head .vbg video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.head .vbg video::-webkit-media-controls-play-button {
    display: none;
}

.vplay-btn {
    display: block;
    /*background: url(//game.gtimg.cn/images/baiye/cp/a20230131gwyy/v-playicon.png) no-repeat center right;
    background-size: 1.06rem 1.14rem;
    width: 1.14rem;
    height: 1.14rem;*/
    margin: 0 auto;
    transition: transform 0.3s ease;
    position: relative;
    z-index: 2;
}

.vplay-btn:hover {
    transform: scale(1.05);
    filter: brightness(1.1);
    -webkit-filter: brightness(1.1);
}

.cadpa {
    background: url(/static/picture/tips.png) no-repeat center top / 100%;
    width: 1rem;
    height: 2rem;
    position: absolute;
    top: 1.5rem;
    right: 0.23rem;
    z-index: 2;
}

.slogan {
    background: url(/static/picture/logo.png) no-repeat center top / 78%;
    width: 5.11rem;
    height: 1.4rem;
    margin: 0.1rem auto 0;
    transform: translate(0.05rem, 0);
    text-indent: -9999px;
    position: relative;
    z-index: 2;
}

.loginbox {
    position: absolute;
    top: 0.2rem;
    right: -0.4rem;
    text-align: right;
    width: 4.4rem;
    color: #fff;
    font-size: 0.2rem;
    z-index: 8;
}

.loginbox a {
    color: #fff;
    /*text-decoration: underline;*/
}

.loginbox img {
    width: 75px;
    height: 46px;
    float: right;
}

.loginbox .unlogin a {
    color: #C2B7BD;
    border: #C2B7BD solid 1px;
    padding: 0.02rem 0.12rem;
    border-radius: 0.3rem;
    text-decoration: none;
}

.subscribe {
    width: 6.8rem;
    margin: 0.7rem auto 0;
    position: relative;
    z-index: 2;
}

.subscribe-btn {
    display: block;
    background: url(/static/image/pop-bind-btn.png) no-repeat center top / 100%;
    width: 3.4rem;
    height: 1.37rem;
    margin: 0 auto;
    text-indent: -9999rem;
}

.subscribe-btn.binded-btn {
    background: url(/static/image/binded-btn.png) no-repeat center top / 100%;
    cursor: default;
}

.subscribe-btn2 {
    display: block;
    background: url(/static/image/index/taptap_down_m.png) no-repeat center top / 100%;
    width: 3.4rem;
    height: 1.37rem;
    margin: 0 auto;
    text-indent: -9999rem;
    margin-right: 0px;
}

.subscribe-btn.phone {
    background-image: url(//game.gtimg.cn/images/baiye/cp/a20230131gwyy/bindphone-btn.png);
}

.subscribe-btn.gray {
    background-image: url(//game.gtimg.cn/images/baiye/cp/a20230131gwyy/bindedshare-btn.png);
    /* pointer-events: none; */
}

.subscribe-btn:hover {
    filter: brightness(1.1);
    -webkit-filter: brightness(1.1);
}

.subscribe-tn {
    color: #e7e7e7;
    font-size: 0.22rem;
    text-align: center;
    margin-top: 0.02rem;
    text-shadow: 0 0 2px rgba(0, 0, 0, 0.6);
}

.subscribe-tn span {
    color: #ccad7d;
}

.subscribe-btns {
    width: 5.4rem;
    display: flex;
    justify-content: space-between;
    position: absolute;
    bottom: 0.92rem;
    left: 50%;
    margin-left: -2.7rem;
    z-index: 2;
}

.subscribe-btns a {
    display: block;
    background: url(//game.gtimg.cn/images/baiye/cp/a20230131gwyy/subscribe-btns.png) no-repeat;
    background-size: 4.68rem 2.06rem;
    width: 2.06rem;
    height: 2.06rem;
    background-position: 0 0;
    text-indent: -9999px;
    margin: 0 0.28rem;
}

.subscribe-btns a:hover {
    filter: brightness(1.1);
}

.subscribe-btns a.wx {
    background-position: -2.62rem 0;
}

.qrcodes {
    display: none;
}

.m-follow-btns {
    width: 5.4rem;
    display: flex;
    justify-content: space-between;
    position: absolute;
    bottom: 1.2rem;
    left: 50%;
    margin-left: -2.7rem;
    z-index: 2;
}

.m-follow-btns a {
    display: block;
    background: url(//game.gtimg.cn/images/baiye/cp/a20230131gwyy/m-follow-btns.png) no-repeat;
    background-size: 4.69rem 2.06rem;
    width: 2.06rem;
    height: 2.06rem;
    background-position: 0 0;
    text-indent: -9999px;
}

.m-follow-btns a.weibo {
    background-position: -2.62rem 0;
    margin-left: 0.56rem;
}

.m-sidebar {
    width: 3.1rem;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    /*right: 0;*/
    height: 100%;
    z-index: 20;
    display: none;
}

.m-sidebar.show {
    display: block;
}

.m-sidebar-cover {
    display: block;
    position: fixed;
    top: 0;
    bottom: 0;
    /*right: 0;*/
    left: 0;
    /*background: #000;*/
    opacity: 0;
    animation: fadein 0.3s ease both;
}

@keyframes right200in {
    0% {
        transform: translate(2rem, 0);
    }
    100% {
        transform: translate(0, 0);
    }
}

@keyframes fadein {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 0.8;
    }
}

.m-sidebar-bd {
    height: 100%;
    padding-top: 1rem;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    background: #0D1018;
    position: relative;
    z-index: 2;
    animation: fadein 0.3s ease;
    opacity: 0.8;
}

.m-sidebar-close {
    display: block;
    width: 0.60rem;
    height: 0.60rem;
    background: url('//game.gtimg.cn/images/baiye/cp/a20230131gwyy/m-sidebar-close.png') no-repeat center / 0.36rem;
    position: absolute;
    right: 0.10rem;
    top: 0.10rem;
    z-index: 5;
}

.m-sidebar .nav {
    height: 100%;
    max-height: 5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    flex: 1;
}

.m-sidebar .nav li {
    width: 2.09rem;
    margin: 0.2rem 0;
    float: left;
    list-style: none;
    transition: transform .3s;
}

.m-sidebar .nav li.active h4, .m-sidebar .nav li:hover h4 {
    color: #fff799;
    -webkit-text-fill-color: transparent;
    filter: drop-shadow(0 0 2px rgba(207, 155, 67, 0.8)) drop-shadow(0 0 6px rgba(207, 155, 67, 1));
    background: linear-gradient(to bottom, #ffde5f 0%, #fff799 100%);
    -webkit-background-clip: text;
    background-clip: text;
}

.m-sidebar .nav li a {
    width: 100%;
    height: 0.90rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.m-sidebar .nav li h4 {
    color: #fff;
    font-size: 0.26rem;
    line-height: 0.3rem;
    font-weight: bold;
}

.m-sidebar .nav li span {
    color: #fff;
    font-size: 0.18rem;
    opacity: 0.6;
}

.m-sidebar-tit {
    width: 100%;
    color: #fff;
    opacity: 0.65;
    font-size: 0.35rem;
    text-align: center;
    margin: 0 auto;
    padding-top: 0.4rem;
    position: relative;

}

.m-sidebar-tit::before {
    display: block;
    content: '';
    width: 100%;
    height: 1px;
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 10%, rgba(255, 255, 255, 0.6) 40%, rgba(255, 255, 255, 0.6) 60%, rgba(0, 0, 0, 0) 90%);
    position: absolute;
    left: 0;
    top: 0;
}

.share-bar {
    display: flex;
    flex: none;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    width: 1rem;
    height: auto;
    margin: 0.6rem auto 0;
    padding-bottom: 1rem;
}

.share-bar a {
    display: block;
    width: 60px;
    height: 60px;
    background: url(//fyzh.hicnhm.com/static/picture/top_all.png) no-repeat;
}


.share-bar a + a {
    margin-top: 0.14rem;
}

.share-bar a.icon-wx {
    background-position: -405px 0px;
}
.share-bar a.icon-douyin2 {
    background-position: -255px 0px;
}
.share-bar a.icon-qq {
    background-position: -327px 0px;
}

.share-bar a.icon-weibo {
    background-position: -1px 0px;
}

.share-bar a.icon-bilibili {
    background-position: -180px 0px;
}

.share-bar a.icon-tap {
    background-position: -95px 0px;
}

.share-bar a:hover.icon-wx {
    background-position: -405px -55px;
}

.share-bar a:hover.icon-qq {
    background-position: -327px -55px;
}

.share-bar a:hover.icon-weibo {
    background-position: -1px -55px;
}

.share-bar a:hover.icon-bilibili {
    background-position: -180px -55px;
}

.share-bar a:hover.icon-tap {
    background-position: -95px -55px;
}
.share-bar a:hover.icon-douyin2 {
    background-position: -255px -55px;
}
.share-bar a.icon-wx .wxcodetip {
    display: none;
}


.reward {
    background: url(../picture/bg4.png);
    background-size: 100% 100%;
    height: 15.66rem;
    padding-top: 0rem;
    box-sizing: border-box;
    margin-top: -1px;
}

.reward-tit {
    background: url(//fyzh.hicnhm.com/static/image/qietu2/ti2.png) no-repeat center / 100%;
    width: 5.04rem;
    height: 1.3rem;
    margin: 0 auto;
    z-index: 10;
    top: 188px;
    position: relative;
    text-indent: -9999px;
}

.reward-steps {
    width: 100%;
    /*height: 16.6rem;*/
    margin: 0.1rem auto 0;
    position: relative;
    overflow: hidden;
    z-index: 30;
}

/* 所有奖励项目使用正常文档流，不使用绝对定位 */

.reward-item-container {
    /* width: 7rem; */
    /* margin: 0 auto; */
    height: auto;
    padding-top: 2.9rem;
    position: relative;
}

.reward-pg-bar {
    height: 0.03rem;
    width: 14.20rem;
    /* 8d97a9 */
    /* rgba(141,151,169,1) */
    /* background: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(217,190,108,0.6) 10%, rgba(217,190,108,1) 50%, rgba(217,190,108,0.6) 90%, rgba(0,0,0,0) 100%); */
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(141, 151, 169, 0.6) 10%, rgba(141, 151, 169, 1) 50%, rgba(141, 151, 169, 1) 90%, rgba(0, 0, 0, 0) 100%);
    position: absolute;
    top: 0.4rem;
    left: 0;
}

.reward-pg-bar i {
    display: block;
    background: url(//game.gtimg.cn/images/baiye/cp/a20230131gwyy/reward-item-line-on.png) no-repeat center top / 100%;
    width: 4.84rem;
    height: 0.09rem;
    position: absolute;
    left: 0;
    top: -0.03rem;
    opacity: 0;
}

.reward-pg-bar[data-step="1"] {
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(210, 170, 51, 0.6) 10%, rgba(210, 170, 51, 1) 10%, rgba(210, 170, 51, 1) 15%, rgba(141, 151, 169, 1) 30%, rgba(141, 151, 169, 1) 95%, rgba(0, 0, 0, 0) 100%);
}

.reward-pg-bar[data-step="1"] i {
    opacity: 1;
    left: -1.60rem;
}

.reward-pg-bar[data-step="2"] {
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(210, 170, 51, 0.6) 10%, rgba(210, 170, 51, 1) 20%, rgba(210, 170, 51, 1) 25%, rgba(141, 151, 169, 1) 30%, rgba(141, 151, 169, 1) 95%, rgba(0, 0, 0, 0) 100%);
}

.reward-pg-bar[data-step="2"] i {
    opacity: 1;
    left: 0.60rem;
}

.reward-pg-bar[data-step="3"] {
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(223, 182, 60, 0.6) 10%, rgba(210, 170, 51, 1) 30%, rgba(210, 170, 51, 1) 40%, rgba(141, 151, 169, 1) 45%, rgba(141, 151, 169, 1) 95%, rgba(0, 0, 0, 0) 100%);
}

.reward-pg-bar[data-step="3"] i {
    opacity: 1;
    left: 3.20rem;
}

.reward-pg-bar[data-step="4"] {
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(217, 190, 108, 0.6) 10%, rgba(217, 190, 108, 1) 40%, rgba(217, 190, 108, 1) 50%, rgba(141, 151, 169, 1) 55%, rgba(141, 151, 169, 1) 95%, rgba(0, 0, 0, 0) 100%);
}

.reward-pg-bar[data-step="4"] i {
    opacity: 1;
    left: 4.40rem;
}

.reward-pg-bar[data-step="5"] {
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(217, 190, 108, 0.6) 10%, rgba(217, 190, 108, 1) 66%, rgba(217, 190, 108, 1) 75%, rgba(141, 151, 169, 1) 85%, rgba(141, 151, 169, 1) 95%, rgba(0, 0, 0, 0) 100%);
}

.reward-pg-bar[data-step="5"] i {
    opacity: 1;
    left: 8.80rem;
}

.reward-pg-bar[data-step="6"] {
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(217, 190, 108, 0.6) 10%, rgba(217, 190, 108, 1) 80%, rgba(217, 190, 108, 1) 90%, rgba(141, 151, 169, 1) 95%, rgba(141, 151, 169, 1) 95%, rgba(0, 0, 0, 0) 100%);
}

.reward-pg-bar[data-step="6"] i {
    opacity: 1;
    left: 10.4rem;
}

/* ===== 移动端奖励区域样式 - 完全重写 ===== */

/* 奖励列表容器 - 使用Grid布局，2行3列 */
.reward-items {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    grid-template-rows: repeat(2, auto) !important;
    gap: 0.2rem !important;
    padding: 0 0.2rem !important;
    justify-items: center !important;
    width: 100% !important;
    margin: 0 !important;
}

/* 每个奖励项目 */
.reward-items > li {
    width: 2.3rem !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    position: relative !important;
    height: auto !important;
    z-index: 20;
}

/* 奖励项外框 */
.reward-item-bd {
    width: 100%;
    background: url(//fyzh.hicnhm.com/static/image/qietu4/10.png) no-repeat center / 100% 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0.3rem 0.1rem;
    box-sizing: border-box;
    filter: grayscale(1);
}

/* 已达成/当前达成的样式 */
.reward-items > li.opened .reward-item-bd,
.reward-items > li.opening .reward-item-bd {
    filter: none;
    background-image: url(//fyzh.hicnhm.com/static/image/qietu2/sam1.png);
}

/* 顶部标题图片区域 */
.reward-item-val {
    width: 100%;
    text-align: center;
    margin-bottom: 0.1rem;
}

.reward-item-val img {
    width: 1.8rem;
    height: auto;
}

/* 奖励图标容器 - 底框 */
.reward-icon {
    width: 1.4rem;
    height: 1.3rem;
    background: url('//fyzh.hicnhm.com/static/image/qietu2/f1.png') no-repeat center / 1rem 0.97rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 0.08rem;
    position: relative;
    padding-top: 0.15rem;
    box-sizing: border-box;
}

/* 奖励图标图片 - 统一大小，在底框内居中 */
.reward-icon img,
.reward-icon .kun,
#xianding,
.reward-icon-picsp {
    width: 0.65rem;
    height: 0.65rem;
    object-fit: contain;
    display: block;
    margin-top: 0.1rem;
}

/* 奖励文字 - 在底框下方 */
.reward-icon p {
    color: #5f5b55;
    font-family: 'shserif';
    font-size: 0.16rem;
    text-align: center;
    white-space: nowrap;
    font-weight: bolder;
    margin-top: 0.05rem;
    line-height: 1.2;
}

/* 其他保留的样式 */
.maijia {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 33%;
    top: 3rem;
    z-index: 0;
    pointer-events: none;
    animation: ani-juxiang 20s infinite linear;
    text-align: center;
}

.maijia img {
    width: 100%;
    height: 100%;
}

#qishi2 {
    width: 97%;
    text-align: center;
    font-size: 18px;
    font-weight: normal;
    font-style: italic;
    color: #FFFFFF;
    line-height: 20px;
    text-shadow: 0px 2px 10px rgba(0, 0, 0, 0.8);
}

.juxiang {
    display: block;
    width: 100%;
    height: 100%;
    background: url('') no-repeat center top / 100%;
    position: absolute;
    left: -2.5rem;
    top: 12rem;
    z-index: 0;
    pointer-events: none;
    animation: ani-juxiang 20s infinite linear;
    text-align: center;
}

.juxiang video {
    width: 97%;
}

#yanzhengma {
    width: 40%;
    text-align: center;
    font-size: larger;
    color: #000;
}


.camp {
    background: url(//game.gtimg.cn/images/baiye/cp/a20230131gwyy/m-camp-bg.jpg) no-repeat center top / 100%;
    height: 8.68rem;
    box-sizing: border-box;
    margin-top: -1px;
    padding-top: 0.9rem;
    position: relative;
}

.camp-tit {
    background: url(//game.gtimg.cn/images/baiye/cp/a20230131gwyy/camp-title.png) no-repeat center /  100%;
    width: 2.95rem;
    height: 1.19rem;
    margin: 0 auto;
    text-indent: -9999px;
    transform: translate(0, -40px);
}

.camp-swp {
    width: 7.03rem;
    height: 6.23rem;
    margin: -0.36rem auto 0;
    position: relative;
}

.camp-swp::before {
    display: block;
    content: '';
    background: url(//game.gtimg.cn/images/baiye/cp/a20230131gwyy/m-camp-cover.png) no-repeat center top / 100%;
    position: absolute;
    top: 3.05rem;
    left: -0.09rem;
    width: 7.12rem;
    height: 1.02rem;
    pointer-events: none;
    z-index: 10;
}

.camp-swp-prev, .camp-swp-next {
    display: block;
    background: url(//game.gtimg.cn/images/baiye/cp/a20230131gwyy/camp-prev.png) no-repeat center top / 100%;
    width: 0.51rem;
    height: 0.69rem;
    position: absolute;
    top: 3.42rem;
    z-index: 5;
    outline: none;
}

.camp-swp-prev:hover, .camp-swp-next:hover {
    filter: brightness(1.1);
    -webkit-filter: brightness(1.1);
}

.camp-swp-prev {
    left: 0.10rem;
}

.camp-swp-next {
    background-image: url(//game.gtimg.cn/images/baiye/cp/a20230131gwyy/camp-next.png);
    right: 0.10rem;
}

.camp-detail {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    pointer-events: none;
}

.camp-icon {
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center;
    height: 1.72rem;
    width: 4rem;
    margin: 2rem auto 0;
    text-indent: -9999rem;
}

.camp-icon1 {
    background-image: url(//game.gtimg.cn/images/baiye/cp/a20230131gwyy/camp-icon1.png);
}

.camp-icon2 {
    background-image: url(//game.gtimg.cn/images/baiye/cp/a20230131gwyy/camp-icon2.png);
}

.camp-icon3 {
    background-image: url(//game.gtimg.cn/images/baiye/cp/a20230131gwyy/camp-icon3.png);
}

.camp-icon4 {
    background-image: url(//game.gtimg.cn/images/baiye/cp/a20230131gwyy/camp-icon4.png);
}

.camp-icon5 {
    background-image: url(//game.gtimg.cn/images/baiye/cp/a20230131gwyy/camp-icon5.png);
}

.camp-icon6 {
    background-image: url(//game.gtimg.cn/images/baiye/cp/a20230131gwyy/camp-icon6.png);
}

.camp-line {
    display: none;
}

.camp-txt {
    color: #fff;
    font-size: 0.22rem;
    line-height: 0.36rem;
    opacity: 0.8;
    text-align: center;
    /* width: 6.3rem; */
    width: 5.8rem;
    margin: 0.8rem auto 0;
    text-shadow: 0 0 2px #000;
}

.camp-txt br {
    display: none;
}

.pugongying {
    display: none;
}

.loading {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 20;
    overflow: hidden;
}

.loading-bg {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../picture/bg1.png);
    background-size: 100% 100%;

}

.loading-bg::before {
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}

.loading-bd {
    width: 100%;
    height: 2.50rem;
    top: 50%;
    left: 0;
    position: absolute;
    margin: -1.25rem 0 0 0;
    z-index: 3;
}

.loading-logo {
    display: block;
    width: 4.36rem;
    height: 1.23rem;
    margin: 0 auto;
}

.loading-bar {
    width: 5.36rem;
    height: 0.03rem;
    margin: 0.75rem auto 0;
    box-sizing: border-box;
    position: relative;
    background: rgba(0, 0, 0, 0.6);
}

.loading-line {
    width: 0%;
    height: 100%;
    background: #fff;
}

.loading-txt {
    color: #fff;
    font-size: 0.3rem;
    text-align: center;
    margin-top: 0.26rem;
}

.pop {
    outline: none;
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: 1000;
}

.pop-bd {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding-top: 0.60rem;
    box-sizing: border-box;
    outline: none;
}

.pop-close {
    display: block;
    background: url(../picture/btn_gb1.png) no-repeat center / 100%;
    width: 0.35rem;
    height: 0.4rem;
    position: absolute;
    right: 0.4rem;
    top: 0.1rem;
}

.pop-wxcode .pop-bd, .pop-qqcode .pop-bd, .pop-succ .pop-bd {
    /*background: url(//game.gtimg.cn/images/baiye/cp/a20230131gwyy/pop-bg.png) no-repeat center / 100%;*/
    width: 5.5rem;
    height: 3.3rem;
}
.qq_baitiao1
{
    width: 56%;
    position: absolute;
    top: 64px;
    left: 27px;
}
.qq_baitiao2
{
    width: 85%;
    position: absolute;
    top: 106px;
    left: 27px;
}
.qq_baitiao3
{
    width: 85%;
    position: absolute;
    top: 150px;
    left: 27px;
}
.tiaoqun {
    background: url(../picture/img_10.png);
    background-size: 100%  100%;
    width: 100px;
    height: 185px;
}
.pop-unbind .pop-bd {
    background: url(//game.gtimg.cn/images/baiye/cp/a20230131gwyy/pop-bg-md.png) no-repeat center / 100%;
    width: 7.04rem;
    height: 5.50rem;
}

.pop-succ-pic {
    background: url(//game.gtimg.cn/images/baiye/cp/a20230131gwyy/m-pop-succ-pic.png) no-repeat center top / 100%;
    width: 4.97rem;
    height: 2.5rem;
    margin: 0.38rem 0 0 1.0rem;
    text-indent: -9999px;
    pointer-events: none;
}

.pop-succ-btn-share {
    display: block;
    background: url(//game.gtimg.cn/images/baiye/cp/a20230131gwyy/pop-btn-go2.png) no-repeat center top / 100%;
    width: 2.33rem;
    height: 0.60rem;
    text-indent: -9999px;
    margin: -0.10rem auto 0;
}

.sns-info {
    display: none;
}

.sns-info-tit {
    background: url(//game.gtimg.cn/images/baiye/cp/a20230131gwyy/pop-succ-txt.png) no-repeat center top / 100%;
    width: 2.97rem;
    height: 0.37rem;
    margin: 0.28rem auto 0.18rem auto;
    text-indent: -9999px;
}

.pop-succ .share-bar {
    width: 3rem;
    height: 0.50rem;
    display: flex;
    flex-wrap: nowrap;
    margin: 0 auto;
    padding: 0;
}

.pop-succ .share-bar a {
    display: block;
    background: url('//game.gtimg.cn/images/baiye/cp/a20230131gwyy/pop-shareicons.png') no-repeat;
    background-size: 2.99rem 0.99rem;
    width: 0.60rem;
    height: 0.50rem;
}

.pop-succ .share-bar a + a {
    margin-top: 0;
}

.pop-succ .share-bar a:hover {
    background-position-y: -0.50rem;
}

.pop-succ .share-bar a.icon-wx {
    background-position-x: 0;
}

.pop-succ .share-bar a.icon-qq {
    background-position-x: -0.60rem;
}

.pop-succ .share-bar a.icon-weibo {
    background-position-x: -1.20rem;
}

.pop-succ .share-bar a.icon-bilibili {
    background-position-x: -1.80rem;
}

.pop-succ .share-bar a.icon-tap {
    background-position-x: -2.40rem;
}

.pop-succ-unbind {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0.15rem auto 0;
}

.pop-succ-unbind::before, .pop-succ-unbind::after {
    display: block;
    content: '';
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJkAAAAKCAYAAACnrvxXAAAB40lEQVR4AWJ0L/BhoAYYBaPAgt+Y6cTHs4D2yxrBiiAIw/XX2BPc3ULOgeX4BdCIcGMcQlxS/BJEHIAQEtzdR7qLmur13Wgl6+/JLy3PZTyNgykSmSFeP3m8nyaBKRKZAVZ9yDcJ/PkVX7sr4ptsxoks+5wuZvK3CTQ3revLK74u7sQ3WWTGWPMp21o4eQiizVZAtmbN90drP6Z75r3u5lYd2727+3vhX7Thz5/SdF65wPTf3JDLskK/mht8r0KvbsxXdQ9Vp0a3aVA3XRRF6GvNTdFBoYqkYudyNI1Hnjs06plrdj5D5jw0sEs9uAmK2rFPU+gCBitgHXKc+ASA48ZppV3rocscPJMWREjQqvPcKrQXIuu8Z9aQ+JEuKAlD1MtIR+T0AqbWY1BJTCEj60wxtFbHhZigc2VkjQAM9UJhfOx824tJPQiatdMsMB86aKYwFxCI7S1hHw2k2pYyqOF+t5kweH+gAQRhMdVMgtZba2tGfBs0mrcuBFDLcCbLgtDDlk3SQf4I0bXe5/JEPLqcFpFVr7tLk7y6RIIdo95kD8S7gVcr5L3l+CabLhH9WUzm5fVNItkFoYsvl7mB+J9sRon8WP3XJf3mKAhP/6I8HY8uI7PC8x79AeHgp6XpDxrHfz3K4xJUvRtHAAAAAElFTkSuQmCC') no-repeat center / 100%;
    width: 1.53rem;
    height: 0.10rem;
    margin: 0 0.10rem;
}

.pop-succ-unbind::after {
    transform: scale(-1, 1);
}

.pop-succ-unbind a {
    color: #342c22;
    font-size: 0.18rem;
    font-family: 'shserifl';
}

#gfooter {
    display: none;
}

.footer {
    width: 100%;
    background-color: #000;
    overflow: hidden;
}

.footer-mask {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
}

.footer-content {
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: auto;
    flex-direction: column;
    padding: 0.40rem;
    box-sizing: border-box;
}

.foot-copy {
    margin-top: 0.30rem;
    color: #fff;
    opacity: 0.4;
    font-size: 0.2rem;
    line-height: 0.30rem;
}

.foot-copy p a {
    padding-right: 10px;
    color: #fff;
}

.foot-logo {
    width: 100%;
    display: flex;
    justify-content: center;
}

.foot-logo a {
    margin-right: 0.5rem;
    pointer-events: none;
}

.foot-logo img {
    height: 0.7rem;
    object-fit: contain;
}

.m-foot-tt {
    margin-top: 0.30rem;
    color: #fff;
    opacity: 0.4;
    font-size: 0.2rem;
    line-height: 0.30rem;
}

.m-foot-tt p a {
    padding-right: 10px;
    color: #fff;
}

.m-foot-tt p .f_line {
    padding: 0 0.05rem;
}

#afooter {
    width: 100%;
}

.foot {
    color: #fff;
    opacity: 0.4;
    font-size: 0.2rem;
    line-height: 0.30rem;
}

.pop-wxcode-pic, .pop-qqcode-pic {
    background: url(../image/qietu3/gz1.png) no-repeat center top / 100%;
    width: 2.5rem;
    height: 2.5rem;
    margin: 0.4rem auto 0;
}

.pop-qqcode-pic {
    background-image: url(//game.gtimg.cn/images/baiye/cp/gmi530294/pop-qrcode-qq.png);
}

.pop-wxcode-tt, .pop-qqcode-tt {
    color: #fff;
    font-size: 0.26rem;
    font-weight: bold;
    text-align: left;
    margin-top: 0.1rem;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5), 0 2px 3px rgba(0, 0, 0, 0.5);
    padding-left: 11%;
}

.pop-login .pop-bd, .pop-pf .pop-bd {
    background: url(//game.gtimg.cn/images/baiye/cp/a20230131gwyy/pop-bg.png) no-repeat center / 100%;
    width: 7.04rem;
    height: 4.70rem;
}

.pop-title {
    height: 0.53rem;
    width: 4rem;
    background-size: auto 100%;
    background-position: center;
    background-repeat: no-repeat;
    margin: 0 auto;
    text-indent: -9999rem;
}

.pop-login .pop-title {
    background-image: url(//game.gtimg.cn/images/baiye/cp/a20230131gwyy/pop-login-title.png);
    margin-top: 0.20rem;
}

.pop-login-lt {
    display: flex;
    justify-content: center;
    margin-top: 0.50rem;
}

.pop-login-lt a {
    display: block;
    background: url(//game.gtimg.cn/images/baiye/cp/a20230131gwyy/pop-platform-itembg.png) no-repeat center top / 100%;
    width: 2.05rem;
    height: 2.08rem;
    margin: 0 0.34rem;
    text-align: center;
    padding-top: 0.50rem;
    box-sizing: border-box;
}

.pop-login-lt a img {
    width: 1rem;
    height: 1rem;
    object-fit: contain;
}

.pop-pf .pop-title {
    background-image: url(//game.gtimg.cn/images/baiye/cp/a20230131gwyy/pop-pf-title.png);
    margin-top: 0.20rem;
}

.pop-pf .pop-login-lt a:first-child img {
    width: 1.05rem;
}

.pop-pf .pop-login-lt a:last-child img {
    width: 0.51rem;
}

.pop-bind .pop-bd {
    background: url(../picture//bg3.png) no-repeat center top / 100% 100%;
    width: 6.5rem;
    min-height: 5.8rem;
    padding-bottom: 0.3rem;
}

.pop-bind-title1 {
    background-image: url(//game.gtimg.cn/images/baiye/cp/a20230131gwyy/pop-bind-title1.png);
    height: 0.37rem;
    margin-top: 0.32rem;
}

.pop-bind-title2 {
    background-image: url(//game.gtimg.cn/images/baiye/cp/a20230131gwyy/pop-bind-title2.png);
    height: 0.37rem;
    margin-top: 0.32rem;
}

.pop-bind-pf {
    font-size: 0.25rem;
    font-family: 'shserif';
    display: flex;
    align-items: center;
    width: 5.60rem;
    margin: 0 auto 0;
}

.pop-bind-pf label {
    display: flex;
    align-items: center;
    margin-left: 0.50rem;
}

.pop-bind-pf label:first-child {
    margin-left: 1.90rem;
}

.pop-bind-pf input {
    display: inline-block;
    vertical-align: top;
    width: 0.33rem;
    height: 0.24rem;
    background: url(../picture/2.png) no-repeat left top / auto 100%;
    border: none;
    outline: none;
    border-radius: 0;
    appearance: none;
    -webkit-appearance: none;
    margin-left: 0.06rem;
}

.pop-bind-pf input:checked {
    background-image: url(../picture/1.png);
}

.pop-bind-input {
    width: 5.6rem;
    margin: 0 auto 0;
}

.pop-bind-input input {
    display: block;
    width: 80%;
    /*background: #F4F7F9;*/
    background-color: transparent;
    border: 0;
    border: none;
    outline: none;
    border-radius: 0;
    height: 0.54rem;
    padding: 0.04rem 0.10rem;
    box-sizing: border-box;
    margin: 0;
    flex: 1;
    color: #797979;
    font-size: 0.22rem;
}

.pop-bind-input input::placeholder {
    color: #cbcbcb;
}

.pop-bind-input input:focus {
    box-shadow: 0 0 2px 2px #ebc788;
}

.pop-bind-input .yzcode {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-top: 0.18rem;
}

#userBind {
    width: 80%;
    height: 10%;
    background: #E2C78F;
    border-radius: 10px;
    font-size: 18px;
    font-family: SimSun;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 36px;
    text-align: center;
}

.pop-bind-send {
    display: block;
    background: url(//game.gtimg.cn/images/baiye/cp/a20230131gwyy/pop-bind-send.png) no-repeat center top;
    width: 2.03rem;
    height: 1.57rem;
    text-indent: -9999px;
    flex: none;
    margin-left: 0.15rem;
}

.pop-bind-countdown {
    display: block;
    background: url(//game.gtimg.cn/images/baiye/cp/a20230131gwyy/pop-btn-countdown.png) no-repeat center top / 100%;
    width: 2.03rem;
    height: .57rem;
    line-height: 0.56rem;
    color: #373433;
    font-size: 0.26rem;
    font-family: 'shserif';
    text-align: center;
    flex: none;
    margin-left: 0.15rem;
}

.pop-bind-btn {
    display: block;
    background: url(//fyzh.hicnhm.com/static/image/qietu2/btnd.png) no-repeat center top / 100%;
    width: 2.34rem;
    height: 0.62rem;
    margin: 0.36rem auto 0;
    /*text-indent: -9999px;*/
}

.pop-bind-rule {
    width: 5.60rem;
    margin: 0.30rem auto 0;
    font-family: 'shserif';
    color: #201d1d;
    font-size: 0.18rem;
    line-height: 0.33rem;
}

.pop-bind-agrees {
    width: 5.60rem;
    margin: 0.1rem auto 0;
    font-family: 'shserif';
    color: #201d1d;
    font-size: 0.18rem;
    line-height: 0.33rem;
}

.pop-bind-agrees a {
    color: #868686;
}

.pop-bind-gift {
    display: flex;
    justify-content: center;
    margin-top: 0.08rem;
}

.pop-bind-giftitem {
    background: url(//game.gtimg.cn/images/baiye/cp/a20230131gwyy/pop-bind-itembg.png) no-repeat center top / 100%;
    background-size: 0.89rem auto;
    width: 1.51rem;
    height: 1.29rem;
    text-align: center;
}

.pop-bind-giftitem:first-child {
    width: 1.91rem;
    margin-left: 0.20rem;
}

.pop-bind-giftitem img {
    display: block;
    margin: 0 auto;
    object-fit: contain;
}

.pop-bind-giftitem:first-child img {
    width: .95rem;
    height: .92rem;
}

.pop-bind-giftitem:nth-child(2) img {
    width: .92rem;
    height: .84rem;
    margin-bottom: .08rem;
}

.pop-bind-giftitem:nth-child(3) img {
    width: .65rem;
    height: .79rem;
    margin-bottom: .13rem;
}

.pop-bind-giftitem:last-child img {
    width: .84rem;
    height: .92rem;
}

.pop-bind-giftitem p {
    font-family: 'shserif';
    font-size: 0.2rem;
    color: #000000;
    white-space: nowrap;
}

.pop-bind-gift-tip {
    width: 5.60rem;
    font-size: 0.14rem;
    text-align: center;
    color: #595959;
    margin: 0 auto;
}

.pop-unbind-title {
    background-image: url(//game.gtimg.cn/images/baiye/cp/a20230131gwyy/pop-unbind-tit.png);
    height: 0.37rem;
    margin-top: 0.44rem;
}

.pop-unbind-tt {
    color: #201d1d;
    font-size: 0.18rem;
    font-family: 'shserif';
    line-height: 0.33rem;
    width: 5.60rem;
    margin: 0.30rem auto 0;
    text-align: left;
}

.pop-unbind-btn {
    display: block;
    background: url(//game.gtimg.cn/images/baiye/cp/a20230131gwyy/pop-unbind-btn.png) no-repeat center / 100%;
    width: 2.33rem;
    height: 0.60rem;
    text-indent: -9999px;
    margin: 0.36rem auto 0;
}

/*video pop*/
.pop-video .pop-bd {
    width: 100%;
    height: 4.22rem;
    padding: 0;
    background: #000;
}

.pop-video .pop-bd .video-con, .pop-video .pop-bd img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.pop-video .pop-close, .pop-share-pic .pop-close {
    display: block;
    width: 0.50rem;
    height: 0.50rem;
    position: absolute;
    top: -0.6rem;
    right: 0.1rem;
    text-indent: -9999px;
    background: none;
}

.pop-video .pop-close:before, .pop-video .pop-close:after, .pop-share-pic .pop-close:before, .pop-share-pic .pop-close:after {
    position: absolute;
    left: 0.26rem;
    top: 0;
    content: ' ';
    height: 0.56rem;
    width: 0.04rem;
    border-radius: 0.02rem;
    background-color: #fff;
}

.pop-video .pop-close:before, .pop-share-pic .pop-close:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.pop-video .pop-close:after, .pop-share-pic .pop-close:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.pop-lg-pic .pop-bd {
    width: 100%;
    height: 3.45rem;
    padding: 0;
    background: #000;
}

.pop-share-pic {
    height: 100%;
}

.pop-share-pic .pop-bd {
    height: 80%;
    padding: 0;
    padding-bottom: 0.30rem;
    box-sizing: border-box;
    position: absolute;
}

.pop-share-pic .pop-bd img {
    display: block;
    height: 100%;
}
.yanzheng_x
{
    top: 4px;right: 3px;z-index: 9;
}
#select
{
    position: fixed;
    width:400px;
    height:350px;
    top:-50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index:99999;
    padding: 0px;
    background-color: rgb(242, 236, 225);
    border-radius: 12px;
}
.pop-share-pic .pop-bd p {
    width: 100%;
    font-size: 0.16rem;
    text-align: center;
    background: #000;
    color: #fff;
    height: 0.30rem;
    position: absolute;
    left: 0;
    bottom: 0;
}

.pop-share-pic-tip {
    display: none;
}

.m-pop-share-pic-tip {
    display: block;
}

#getCodeShow {
    font-size: 14px;
    font-family: shserif;
    margin-top: 22px;
    display: block;
}