body,
html {
    min-width: 1400px;
    max-width: 1920px;
    margin: 0 auto;
}

.wrap {
    width: 100%;
    height: 2579px;
    margin: 0 auto;
    overflow: hidden;
    background: url(https://heroportal.chinesegamer.net/Newzh/img/tzhtw2604_bg.jpg) top center no-repeat;
    position: relative;
}

.top_box {
    width: 100%;
    height: 100px;
    background: url(https://heroportal.chinesegamer.net/Newzh/img/tzhtw2604_top.png) no-repeat top center;
    position: relative;
    z-index: 10;
}

.box_as {
    width: 1400px;
    height: 100px;
    margin: 0 auto;
}

.wrap_leftkk {
       width: 200px;
    position: fixed;
    top: 0%;
    left: 50%;
    bottom: 0;
    margin: auto;
    z-index: 99;
    cursor: pointer;
    animation: movetb 2s linear infinite;
    margin-left: -945px;
}

@keyframes movetb {
    0% {
        transform: translateY(-5px);
        -webkit-transform: translateY(-5px);
        -moz-transform: translateY(-5px);
    }

    50% {
        transform: translateY(8px);
        -webkit-transform: translateY(8px);
        -moz-transform: translateY(8px);
    }

    100% {
        transform: translateY(-5px);
        -webkit-transform: translateY(-5px);
        -moz-transform: translateY(-5px);
    }
}

.box_aslogo {
    width: 100px;
    height: 100px;
    display: block;
    position: absolute;
    left: 278px;
}

.shuihu_logo {
    height: 111px;
    float: left;
    display: flex;
    align-items: center;
    margin-right: 282px;
}

.top_pa {
    margin-left: 176px;
    color: #fff;
    line-height: 100px;
    font-size: 20px;
    float: left;
}

.top_btns {
    width: 253px;
    height: 100%;
    margin-right: 10px;
    float: right;
    display: flex;
    align-items: center;
}

.top_btns .top_res {
    float: right;
    cursor: pointer;
}

.top_btns .top_login {
    float: left;
    cursor: pointer;
    margin-right: 27px;
}

.top_btnsyes {
    min-width: 310px;
    height: 100%;
    margin-right: 10px;
    float: right;
    display: flex;
    align-items: center;
    display: none;
}

.top_btnsyes p {
    color: #fff;
    line-height: 100px;
    font-size: 20px;
    float: left;
}

.top_btnsyes img {
    cursor: pointer;
}














.banner_btns {
    width: 461px;
    height: 52px;
    z-index: 11;
    position: relative;
    margin: 0 auto;
    margin-top: 833px;
}

.banner_btns .banner_btn1 {
    float: left;
    cursor: pointer;
}

.banner_btns .banner_btnzhuxiao {
    float: left;
    cursor: pointer;
    display: none;
}

.banner_btns .banner_btn2 {
    float: right;
    cursor: pointer;
}




.thyhdxtb {
    position: fixed;
    right: 50%;
    margin-right: -970px;
    bottom: 3%;
    animation: tada1 2s infinite linear;
    z-index: 2;
}

@keyframes tada1 {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(15px);
    }

    100% {
        transform: translateY(0px);
    }
}

.video_box {
    position: absolute;
    left: 50%;
    top: 0;
    height: 1080px;
    width: 1920px;
    transform: translate(-50%);
}

.tf_logo {
    position: absolute;
    left: 247px;
    top: 19px;
    width: 200px;
}

.wrap_zct {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    top: 755px;
    z-index: 1;
}

.Hybox_jrgw {
    position: absolute;
    top: 0;
    right: 122px;
    cursor: pointer;
}


.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
}

/* 內容 */
.wrap_box {
    width: 1400px;
    margin: 0 auto;
    position: relative;
    margin-top: 1008px;
    z-index: 2;
    height: 2000px;
}

.wrap_title {
    display: block;
    margin: 0 auto;
}

.wrap_box .tianw_box {
    width: 1437px;
    height: 1399px;
    position: relative;
    margin: 0 auto;
    background: url(https://heroportal.chinesegamer.net/Newzh/img/tzhtw2604_conbg.png) no-repeat;
    margin-top: 20px;
    margin-left: -17px;
    overflow: hidden;
}

.tianw_con {
    width: 1308px;
    height: 1167px;
    margin: 0 auto;
    margin-top: 55px;
    margin-left: 70px;
}

.wrap_box .tianw_duihuan {
    width: 283px;
    height: 64px;
    position: absolute;
    top: 10px;
    right: 174px;
    cursor: pointer;
    background: url(https://heroportal.chinesegamer.net/Newzh/img/tzhtw2604_dhmbtn.png) no-repeat;
}

.tianw_duihuan input {
    line-height: 64px;
    width: 100%;
    background: none;
    border: none;
    text-align: center;
    font-size: 22px;
    /* font-weight: 550;
    color: #1a0d0d; */
}



.tianw_duihuan input::placeholder {
    color: #1a0d0d;
}

.wrap_box .tianw_iptdhbtn {
    position: absolute;
    top: 8px;
    right: 33px;
    cursor: pointer;
}

.tianw_box .tianw_diva {
    width: 1309px;
    height: 418px;
    position: relative;
    margin: 0 auto;
    overflow: hidden;
}

.tianw_diva .tianwa_ula {
    width: 636px;
    height: 201px;
    position: relative;
    margin: 0 auto;
    margin-top: 129px;
    z-index: 10;
}

.tianwa_ula li {
    width: 199px;
    height: 164px;
    position: relative;
    float: left;
    background: url(https://heroportal.chinesegamer.net/Newzh/img/tzhtw2604_slotn.png) no-repeat;
    margin-right: 16px;
    cursor: pointer;
}

.tianwa_ula li:nth-child(3) {
    margin-right: 0;
}

.tianwa_ula li .tianwa_pa {
    color: #fff;
    text-align: center;
    margin-top: -39px;
    font-size: 29px;
    font-weight: 550;
}

.tianwa_ula li.on {
    border: 1px solid #a7a193;
}

.tianwa_ula li.yes {
    background: url(https://heroportal.chinesegamer.net/Newzh/img/tzhtw2604_sloty.png) no-repeat;
}

.tianwa_ula li .tianw_wpimg {
    margin: auto;
    display: block;
    margin-top: 33px;
}

.tianwa_ula li .tianw_wpkong {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.tianwa_ula li .tianwa_name {
    color: #fdcf15;
    text-align: center;
    font-size: 18px;
    margin-top: 9px;
    font-weight: 550;
}

.tianwa_ula li .tianwa_num {
    color: #fff;
    text-align: center;
    font-size: 18px;
    margin-top: 15px;
    font-weight: 550;
    height: 44px;
    line-height: 44px;
    display: none;
}

.tianw_diva .tianwa_juanzhou {
    width: 145px;
    height: 166px;
    position: relative;
    float: left;
    background: url(https://heroportal.chinesegamer.net/Newzh/img/tzhtw2604_juazhou.png) no-repeat;
    margin-right: 16px;
    cursor: pointer;
    margin-top: -101px;
    margin-left: 15px;
}

.tianwa_juanzhou span {
    color: #fff;
    text-align: center;
    font-size: 18px;
    position: absolute;
    margin-top: 15px;
    bottom: 32px;
    right: 44px;
}




.tianw_diva .tianwa_ulb {
    width: 1309px;
    height: 418px;
    position: absolute;
    top: 0;
    display: none;
}

.tianwa_ulb li {
    position: absolute;
    float: left;
}

.tianwa_ulb li:nth-child(1) {
    top: 96px;
    left: 34px;
}

.tianwa_ulb li img {
    position: absolute;
    top: 0;
    left: 0;
}

.tianwa_ulb li img.tianwb_xingy {
    top: -30px;
    left: -19px;
    display: none;
}

.tianwa_ulb li.on img.tianwb_xingy {
    display: block;
}

.tianwa_ulb li.on img.tianwb_xingn {
    display: none;
}

.tianwa_ulb li:nth-child(2) {
    top: 202px;
    left: 215px;
}

.tianwa_ulb li:nth-child(3) {
    top: 321px;
    left: 380px;
}

.tianwa_ulb li:nth-child(4) {
    top: 11px;
    left: 425px;
}

.tianwa_ulb li:nth-child(5) {
    top: 314px;
    left: 817px;
}

.tianwa_ulb li:nth-child(6) {
    top: 14px;
    left: 817px;
}

.tianwa_ulb li:nth-child(7) {
    top: 191px;
    left: 998px;
}

.tianwa_ulb li:nth-child(8) {
    top: 44px;
    left: 1085px;
}

.tianwa_ulb li:nth-child(9) {
    top: 169px;
    right: 131px;
}

.tianwa_ulb li:nth-child(10) {
    top: 323.4px;
    right: 117px;
}


.wrap_box .tianw_divb {
    width: 1281px;
    height: 256px;
    position: relative;
    margin: 0 auto;
    background: url(https://heroportal.chinesegamer.net/Newzh/img/tzhtw2604_table1bg.png) no-repeat;
    overflow: hidden;
    margin-top: -5px;
    display: none;
}

.wrap_box .tianw_divb2,
.wrap_box .tianw_divb3 {
    background: url(https://heroportal.chinesegamer.net/Newzh/img/tzhtw2604_table2bg.png) no-repeat;
}


.tianw_divb .tianwb_qhul {
    width: 990px;
    height: 190px;
    position: relative;
    margin-left: 257px;
    margin-top: 35px;
}

.tianwb_qhul li {
    width: 95px;
    height: 184px;
    position: relative;
    float: left;
    background: url(https://heroportal.chinesegamer.net/Newzh/img/tzhtw2604_tablelibgn.png) no-repeat;
    margin-right: 4px;
}

.tianwb_qhul li.on {
    background: url(https://heroportal.chinesegamer.net/Newzh/img/tzhtw2604_tablelibgy.png) no-repeat;
}

.tianwb_qhul li:nth-child(10) {
    margin-right: 0;
}

.tianwb_qhul li p {
    width: 95px;
    height: 58px;
    line-height: 58px;
    text-align: center;
    color: #fff;
    font-size: 26px;
    font-weight: 550;
    margin-bottom: 4px;
    /* 黑色描边核心代码，4向阴影模拟描边效果 */
    text-shadow:
        -1px -1px 0 #000,
        1px -1px 0 #000,
        -1px 1px 0 #000,
        1px 1px 0 #000;
}

.wrap_box .tianw_divc {
    width: 1281px;
    height: 256px;
    position: relative;
    margin: 0 auto;
    background: url(https://heroportal.chinesegamer.net/Newzh/img/tzhtw2604_tablemesbg.png) no-repeat;
    overflow: hidden;
    margin-top: 20px;
}

.tianw_divc .tianw_divcon {
    width: 1221px;
    height: 196px;
    position: relative;
    margin: 0 auto;
    overflow: hidden;
    margin-top: 33px;
    display: none;
}

.tianw_divconleft {
    width: 581px;
    float: left;
}

.tianw_divconleft h3 {
    color: #fff;
    font-size: 24px;
    font-weight: 550;
    margin-bottom: 4px;
    /* 黑色描边核心代码，4向阴影模拟描边效果 */
    text-shadow:
        -1px -1px 0 #000,
        1px -1px 0 #000,
        -1px 1px 0 #000,
        1px 1px 0 #000;
    margin-bottom: 19px;
}

.tianw_divconleft h3 span:nth-child(1) {
    color: #37dbf9;
}

.tianw_divconleft h3 span:nth-child(2) {
    color: #ef0606;
}


.tianw_divcon .tianw_leftpa {
    color: #fff;
    font-size: 24px;
    /* font-weight: 550; */
    margin-bottom: 15px;
    /* 黑色描边核心代码，4向阴影模拟描边效果 */
    text-shadow:
        -1px -1px 0 #000,
        1px -1px 0 #000,
        -1px 1px 0 #000,
        1px 1px 0 #000;
}

.tianw_divconright {
    width: 581px;
    float: right;
}

.tianw_divconright h3 {
    color: #fff;
    font-size: 24px;
    font-weight: 550;
    margin-bottom: 4px;
    /* 黑色描边核心代码，4向阴影模拟描边效果 */
    text-shadow:
        -1px -1px 0 #000,
        1px -1px 0 #000,
        -1px 1px 0 #000,
        1px 1px 0 #000;
    margin-bottom: 19px;
}

.tianw_divconright .tianw_rightpa {
    color: #fff;
    font-size: 24px;
    /* font-weight: 550; */
    margin-bottom: 15px;
    /* 黑色描边核心代码，4向阴影模拟描边效果 */
    text-shadow:
        -1px -1px 0 #000,
        1px -1px 0 #000,
        -1px 1px 0 #000,
        1px 1px 0 #000;
}

.wrap_box .tianw_divctip {
    width: 487px;
    height: 51px;
    position: relative;
    background: url(https://heroportal.chinesegamer.net/Newzh/img/tzhtw2604_tablemestip.png) no-repeat;
    overflow: hidden;
    float: left;
    margin-top: -57px;
    margin-left: 42px;
}

.tianw_divctip p {
    color: #fff;
    font-size: 18px;
    margin-left: 12px;
    line-height: 50px;
    font-weight: 550;
}

.tianw_con .tianw_qianghbtn {
    margin: 0 auto;
    display: block;
    cursor: pointer;
    margin-top: 55px;
}


.tianw_divcon2 p,
.tianw_divcon3 p {
    color: #69c50f;
    font-size: 24px;
    color: #69c50f;
    line-height: 32px;
    text-shadow:
        -1px -1px 0 #000,
        1px -1px 0 #000,
        -1px 1px 0 #000,
        1px 1px 0 #000;
}

.tianw_divcon2 p .tianw_divcon2sp1,
.tianw_divcon3 p .tianw_divcon3sp1 {
    color: #ffdf79;
}

.tianw_divcon2 p .tianw_divcon2sp2,
.tianw_divcon3 p .tianw_divcon3sp2 {
    color: #fff;
}

.tianw_divcon2 p,
.tianw_divcon3 p {
    display: none;
}


























.wrap_leftcon .wrap_leftpa {
    color: #ff000d;
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    margin-top: 13px;
}

.wrap_leftcon .wrap_leftcode2 {
    width: 296px;
    margin: 0 auto;
    display: block;
    margin-top: 50px;
}

.wrap_right {
    width: 991px;
    height: 1437px;
    float: right;
    position: relative;
    margin-right: 16px;
}

.wrap_right .wrap_rightimg1 {
    display: block;
    margin: 0 auto;
}

.wrap_right .wrap_rightcon {
    width: 1021px;
    height: 1262px;
    position: relative;
    margin: 0 auto;
    background: url(https://heroportal.chinesegamer.net/Newzh/img/tzhzc2603_right1conbg.png) no-repeat;
    margin-top: 21px;
    overflow: hidden;
    float: left;
    margin-left: -7px;
    display: none;
}

.wrap_rightcon .wrap_rightcontit2 {
    font-size: 19px;
    color: #fff;
    text-align: center;
    margin-top: 18px;
}

.wrap_rightcon .wrap_rightcontit {
    font-size: 30px;
    color: #ff000d;
    text-align: center;
    margin-top: 149px;
    letter-spacing: 1px;
}

.wrap_right .wrap_rightcon2 {
    background: url(https://heroportal.chinesegamer.net/Newzh/img/tzhzc2603_right2conbg.png) no-repeat;
}

.wrap_rightcon .wrap_righttxt {
    width: 962px;
    height: 175px;
    position: relative;
    margin: 0 auto;
    margin-top: 27px;
    background: #050505;
    display: block;
    border: none;
    resize: none;
    color: #fff;
    text-indent: 15px;
    line-height: 32px;
    padding-top: 25px;
    /* font-size: 16px; */
}

.wrap_right .wrap_rightbtn {
    float: right;
    margin-top: 61px;
    margin-right: 27px;
    cursor: pointer;
    margin-bottom: 57px;
}

.wrap_right .wrap_rightmg2 {
    display: block;
    margin: 0 auto;

}

.wrap_rightcon2 .wrap_rightcon2pa {
    font-size: 30px;
    color: #ff000d;
    text-align: center;
    margin-top: 147px;
    letter-spacing: 3px;
}

.wrap_rightcon2 .wrap_rightcon2pb {
    font-size: 18px;
    color: #fff;
    text-align: center;
    margin-top: 10px;
    letter-spacing: 2px;
}

.wrap_rightcon2 .wrap_right2diva {
    width: 933px;
    height: 470px;
    background: #fff;
    margin: 0 auto;
    display: block;
    margin-top: 24px;
    overflow: hidden;
}

.wrap_right2diva .wrap_right2ul {
    width: 895px;
    height: 427px;
    margin: 0 auto;
    display: block;
    margin-top: 23px;
    position: relative;
}

.wrap_right2ul .wrap_right2li {
    width: 447px;
    height: 207px;
    float: left;
    position: relative;
    margin-bottom: 16px;
    cursor: pointer;
}

.wrap_right2ul .wrap_right2li img {
    /* width:100%;
    height: 207px; */
}

/* .wrap_right2ul .wrap_right2li:nth-child(1) {
    width: 453px;
}

.wrap_right2ul .wrap_right2li:nth-child(3) {
    width: 450px;
}

.wrap_right2ul .wrap_right2li:nth-child(2) {
    width: 480px;
    margin-left: -39px;
}

.wrap_right2ul .wrap_right2li:nth-child(4) {
    width: 484px;
    margin-left: -39px;
} */

.wrap_right2ul .wrap_right2li .wrap_tpimg {
    position: absolute;
    left: 0;
}

.wrap_right2li .wrap_tpcon {
    width: 364px;
    height: 86px;
    margin: 0 auto;
    margin-top: 113px;
    z-index: 10;
    position: relative;
}

.wrap_tpcon .wrap_tpnum {
    font-size: 34px;
    font-weight: bolder;
    color: #ff000d;
    text-stroke: 2px #1A1A1A;
    -webkit-text-stroke: 2px #1A1A1A;
    float: right;
    line-height: 40px;
}

.wrap_tpcon .wrap_tpnum span {
    font-size: 36px;
    margin-right: 2px;
}

.wrap_right2li .wrap_tpiptbg {
    width: 364px;
    height: 40px;
    position: relative;
    margin: 0 auto;
    background: url(https://heroportal.chinesegamer.net/Newzh/img/tzhzc2603_right2jdtbg.png) no-repeat;
    padding: 7px;
    overflow: hidden;
}

.wrap_tpiptbg .wrap_tpipt {
    width: 0%;
    background: #ff000d;
    height: 25px;
}

.wrap_right .wrap_rightdivb {
    width: 966px;
    height: 578px;
    background: #1a1818;
    display: block;
    margin: 0 auto;
    margin-top: 169px;
    padding-top: 34px;
    padding-left: 50px;

}

.wrap_rightdivb ul {
    width: 860px;
    height: 511px;
    overflow: hidden;
    position: relative;
}

.wrap_rightdivb li {
    color: #fff;
    font-size: 22px;
    text-align: left;
    position: relative;
    width: 100%;
    float: left;
    font-weight: 550;
    line-height: 38px;
    transform: skewX(-8deg);
}

.wrap_rightdivb li p {
    color: #0095ff;
    float: left;
    margin-right: 7px;
}

/*底部*/
.footer {
    width: 100%;
    height: 305px;
    margin: 0 auto;
    background: #3a3a3a;
}

.footer_divbox {
    height: 156px;
}

.footer .footer_diva {
    width: 1213px;
    margin: 0 auto;
    padding-top: 72px;
    padding-bottom: 40px;
    color: #fff;
    font-size: 16px;
    overflow: hidden;
}

.footer .footer_tip1 {
    text-align: center;
    margin-top: 106px;
    line-height: 28px;
    width: 100%;
    letter-spacing: 1px;
}

.footer .footer_tip2 {
    float: left;
    line-height: 26px;
    margin-left: 15px;
    letter-spacing: 1px;
    font-size: 16px;
}

.footer_divb {
    overflow: hidden;
    float: left;
}

.footer .twgler_footicon {
    float: right;
    margin-top: 74px;
    width: 353px;
}

.twgler_footicon img:nth-child(2) {
    margin-top: 1px;
    float: right;
}

.footer .twgler_foottip {
    text-align: center;
}


/*提示*/
.tishitk {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .6);
    justify-content: center;
    align-items: center;
    display: none;
    z-index: 105;
}

.tishi_diva {
    width: 515px;
    height: 322px;
    position: relative;
    background: url(https://heroportal.chinesegamer.net/Newzh/img/tzhzc2603_tipkk.png) no-repeat;
    padding-top: 111px;
    background-size: 100%;
}

.tishi_close {
    position: absolute;
    top: -60px;
    right: -55px;
    cursor: pointer;
}

.tishi_pa {
    color: #fff;
    font-size: 24px;
    text-align: center;
    height: 85px;
    font-family: "思源宋体";
    font-weight: 550;
    line-height: 30px;
}

.tishi_imgas {
    display: block;
    margin: 0 auto;
    cursor: pointer;
}
.tishi_juanzbz {
    display: block;
    margin: 8px auto;
    cursor: pointer;
    display: none;
}


/*提示*/
.confirm_kk {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .6);
    justify-content: center;
    align-items: center;
    display: none;
    z-index: 102;
}

.confirm_diva {
    width: 639px;
    height: 407px;
    position: relative;
    background: url(https://heroportal.chinesegamer.net/Newzh/img/tzhzc2603_tipkk.png) no-repeat;
    padding-top: 136px;
    background-size: 100%;
}

.confirm_pa {
    color: #fff;
    font-size: 24px;
    text-align: center;
    height: 85px;
    font-family: "思源宋体";
    font-weight: 550;
    line-height: 30px;
}

.confirm_btns {
    display: block;
    margin: 54px auto;
    cursor: pointer;
    width: 483px;
}

.confirm_btns .confirm_qr {
    float: left;
    cursor: pointer;
}

.confirm_btns .confirm_qx {
    float: right;
    cursor: pointer;
}

/*登录*/
.Signins {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .6);
    justify-content: center;
    align-items: center;
    display: flex;
    display: none;
    z-index: 11;
}

.Signins_divas {
    width: 772px;
    height: 484px;
    position: relative;
    background: url(https://heroportal.chinesegamer.net/Newzh/img/tzhzc2603_loginkk.png) no-repeat;
    padding-top: 180px;
}

.longn_pa {
    width: 598px;
    height: 47px;
    margin-bottom: 30px;
}

.longn_pa input {
    width: 318px;
    height: 44px;
    text-indent: 8px;
    background: #808080;
    color: #000;
    display: block;
    float: right;
    border: none;
}

.longn_pa span {
    float: right;
    line-height: 44px;
    font-size: 20px;
    color: #fff;
}

.Signins_divb {
    width: 496px;
    height: 55px;
    margin: 0 auto;
    margin-top: 50px;
}

.Signins_divb .Signin_imgb {
    float: left;
    cursor: pointer;
}

.Signins_divb .Signin_imgc {
    float: right;
    cursor: pointer;
}

.Signin_gb {
    position: absolute;
    top: -62px;
    right: -53px;
    cursor: pointer;
}


/*提示*/
.sharec_kk {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .6);
    justify-content: center;
    align-items: center;
    display: flex;
    display: none;
    z-index: 102;
}

.shareckk_diva {
    width: 652px;
    height: 747px;
    position: relative;
    /* background: url(../img/tzhzc2603_fxcard1.png) no-repeat; */
    background-size: 100%;
}

.shareckk_img {
    position: absolute;
    left: 0;
    top: 0;
    width: 652px;
    height: 747px;
}

.shareckk_close {
    position: absolute;
    top: -73px;
    right: -40px;
    cursor: pointer;
}

.shareckk_btns {
    width: 445px;
    height: 55px;
    margin: 0 auto;
    margin-top: 774px;
    z-index: 10;
    position: relative;
}

.shareckk_btns .shareckk_btn1 {
    float: left;
    cursor: pointer;
}

.shareckk_btns .shareckk_btn2 {
    float: right;
    cursor: pointer;
}

.tishi_imgas {
    display: block;
    margin: 0 auto;
    cursor: pointer;
}

/*提示*/
.sharec_kk2 {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .6);
    justify-content: center;
    align-items: center;
    display: flex;
    display: none;
    z-index: 102;
}

.shareckk_diva2 {
    width: 660px;
    height: 765px;
    position: relative;
    background: url(https://heroportal.chinesegamer.net/Newzh/img/tzhzc2603_fxcard2.png) no-repeat;
    background-size: 100%;
    margin-left: -98px;
}

.shareckk_close2 {
    top: -48px;
    right: -61px;
}

.sharec_kk2 .shareckk_btns {
    margin-top: 649px;
    margin-left: 165px;
}

/*提示*/
.sharec_kk3 {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .6);
    justify-content: center;
    align-items: center;
    display: flex;
    display: none;
    z-index: 102;
}

.shareckk_diva3 {
    width: 652px;
    height: 747px;
    position: relative;
    background: url(https://heroportal.chinesegamer.net/Newzh/img/tzhzc2603_fxcard3.png) no-repeat;
    background-size: 100%;
    margin-left: 87px;
}

.shareckk_close3 {
    top: -42px;
    right: 29px;
}

.sharec_kk3 .shareckk_btns {
    margin-top: 663px;
    margin-left: 74px;
}

/*提示*/
.sharec_kk4 {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .6);
    justify-content: center;
    align-items: center;
    display: flex;
    display: none;
    z-index: 102;
}

.shareckk_diva4 {
    width: 668px;
    height: 726px;
    position: relative;
    background: url(https://heroportal.chinesegamer.net/Newzh/img/tzhzc2603_fxcard4.png) no-repeat;
    background-size: 100%;
    margin-left: 123px;
}

.shareckk_close4 {
    top: -58px;
    right: 52px;
}

.sharec_kk4 .shareckk_btns {
    margin-top: 644px;
    margin-left: 58px;
}

/* 發現未知神兵弹框样式（单槽位） */
.unknown_godweapon_modal1 {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.6);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 103;
}

.ugw_modal_content1 {
    width: 943px;
    height: 482px;
    background: url(https://heroportal.chinesegamer.net/Newzh/img/tzhtw2604kk_bg.png) no-repeat center center;
    background-size: 100%;
    position: relative;
    padding: 21px 40px;
}

.ugw_close {
    position: absolute;
    top: -26px;
    right: -72px;
    cursor: pointer;
}

.ugw_title1 {
    color: #fff;
    font-size: 32px;
    text-align: center;
    margin-bottom: 25px;
    font-weight: 550;
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
    letter-spacing: 2px;
}

.ugw_body1 {
    width: 820px;
    height: 210px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 51px;
    margin-left: 43px;
}

.ugw_left1 {
    width: 298px;
    height: 205px;
}

.ugw_item1 {
    padding: 17px 0;
    text-align: center;
}

.ugw_item_img1 {
    width: 64px;
    height: 64px;
    margin-bottom: 15px;
}

.ugw_item_name1 {
    color: #fdcf15;
    font-size: 22px;
    font-weight: 550;
    margin-bottom: 15px;

}

.ugw_item_attr1 {
    color: #4ade80;
    font-size: 18px;
    font-weight: 550;
    margin-bottom: 8px;
}

.ugw_item_attr12 {
    color: #ffc000;
    font-size: 18px;
    font-weight: 550;
    margin-bottom: 8px;
}

.ugw_item_level1 {
    color: #fff;
    background: #b91c1c;
    display: inline-block;
    font-size: 18px;
    width: 59px;
    height: 30px;
    line-height: 30px;
}

.ugw_arrow1 {
    display: flex;
    align-items: center;
}

.ugw_arrow_img1 {
    width: 50px;
    height: 50px;
}

.ugw_right1 {
    width: 405px;
    height: 122px;
    flex: 1;
    margin-left: 115px;
}

.ugw_tip1 {
    color: #000;
    font-size: 18px;
    text-align: center;
    margin-bottom: 16px;
    font-weight: 550;
}

.ugw_slot1 {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.ugw_slot_item1 {
    display: flex;
    align-items: center;
    padding: 9px 0px 0 33px;
}

.ugw_slot_img1 {
    width: 64px;
    height: 64px;
}

.ugw_slot_info1 {
    margin-left: 17px;
}

.ugw_slot_name1 {
    color: #fff;
    font-size: 18px;
    font-weight: 550;
    margin-bottom: 12px;
}

.ugw_slot_attr1 {
    color: #fff;
    font-size: 14px;
    font-weight: 550;

}

.ugw_slot_level1 {
    color: #b91c1c;
    font-size: 18px;
    font-weight: 550;
    min-width: 30px;
    text-align: center;
    margin-left: 22px;
}

.ugw_exchange_btn {
    background: url(https://heroportal.chinesegamer.net/Newzh/img/tzhtw2604kk_duihuanbtna.png) no-repeat center center;
    background-size: contain;
    border: none;
    width: 96px;
    height: 53px;
    cursor: pointer;
    color: #fff;
    font-size: 22px;
    font-weight: 550;
    line-height: 53px;
    margin-left: 6px;
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
    letter-spacing: 3px;
    padding-left: 10px;
}

.ugw_abandon_btn {
    display: block;
    margin: 29px auto 0;
    background: url(https://heroportal.chinesegamer.net/Newzh/img/tzhtw2604kk_fenjbobtn.png) no-repeat center center;
    background-size: contain;
    border: none;
    width: 458px;
    height: 76px;
    cursor: pointer;
}


/* 發現未知神兵弹框样式（双槽位） */
.unknown_godweapon_modal2 {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.6);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 103;
}

.ugw_modal_content2 {
    width: 943px;
    height: 482px;
    background: url(https://heroportal.chinesegamer.net/Newzh/img/tzhtw2604kk_bg2.png) no-repeat center center;
    background-size: 100%;
    position: relative;
    padding: 21px 40px;
}

.ugw_body2 {
    width: 820px;
    height: 219px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 39px;
    margin-left: 43px;
}

.ugw_left2 {
    width: 298px;
    height: 205px;
    margin-top: 14px;
}

.ugw_item2 {
    padding: 17px 0;
    text-align: center;
}

.ugw_item_img2 {
    width: 64px;
    height: 64px;
    margin-bottom: 15px;
}

.ugw_item_name2 {
    color: #fdcf15;
    font-size: 22px;
    font-weight: 550;
    margin-bottom: 15px;
}

.ugw_item_attr2 {
    color: #4ade80;
    font-size: 14px;
    font-weight: 550;
    margin-bottom: 8px;
}

.ugw_item_level2 {
    color: #fff;
    background: #b91c1c;
    display: inline-block;
    font-size: 18px;
    width: 59px;
    height: 30px;
    line-height: 30px;
}

.ugw_arrows2 {
    display: flex;
    align-items: center;
}

.ugw_arrows2 .ugw_arrow2 {
    width: 50px;
    height: 50px;
}

.ugw_right2 {
    width: 405px;
    height: 214px;
    flex: 1;
    margin-left: 115px;
    margin-top: 9px;
}

.ugw_tip2 {
    color: #000;
    font-size: 18px;
    text-align: center;
    margin-bottom: 14px;
    font-weight: 550;
}

.ugw_slot2 {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.ugw_slot_item2 {
    display: flex;
    align-items: center;
    padding: 3px 0px 0 33px;
    height: 80px;
}

.ugw_slot_img2 {
    width: 64px;
    height: 64px;
    display: none;
}


.ugw_slot_info2 {
    margin-left: 17px;
    min-width: 238px;
}

.ugw_slot_name2 {
    color: #fff;
    font-size: 18px;
    font-weight: 550;
    margin-bottom: 12px;
}

.ugw_slot_attr2 {
    color: #fff;
    font-size: 14px;
    font-weight: 550;

}

.ugw_slot_level2 {
    color: #b91c1c;
    font-size: 18px;
    font-weight: 550;
    min-width: 30px;
    text-align: center;
    margin-left: 22px;
    display: none;
}