html {
    font-size: 16px;
    /* 这将使1rem等于16px */
}

.top {
    width: 100%;
    height: 1rem;
    background-color: rgba(46, 36, 42, 0.8);
    border-bottom: 1px solid #603624;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 99;
}

.top_l {
    width: 4.5rem;
    height: 1rem;
    float: left;
    margin-left: 0.15rem;
}

.top_l .top_lword {
    width: 3rem;
    float: left;
    height: 1rem;
}

.top_l img {
    width: 4.6rem;
    height: 0.64rem;
    vertical-align: middle;
    display: block;
    margin-top: 0.16rem;
    margin-left: 0.1rem;
    float: left;
}

.top_l h2 {
    font-size: 0.28rem;
    float: left;
    color: #fff;
    margin-top: 0.15rem;
    margin-left: 0.05rem;
    font-family: "微软雅黑";
}

.top_l p {
    font-size: 0.2rem;
    float: left;
    color: #868686;
    line-height: 0.28rem;
    font-family: "微软雅黑";
}

.top_r {
    width: 2.75rem;
    height: 1rem;
    float: right;
}

.top_r img {
    width: 2rem;
    height: 0.7rem;
    margin-top: 0.15rem;
    float: right;
    margin-right: 0.3rem;
}


.section1 .mqd_xh {
    width: 1.5rem;
    height: 1.52rem;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0.7rem;
    animation: ttspan 2s linear infinite;
    display: none;
}

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

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

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

.default_container .pagelist {
    width: 100%;
    margin-top: 1rem;
}


.pagelist .pagecon {
    width: 7rem;
    margin: 0 auto;
    position: relative;
}

.container {
    width: 100%;
    height: 26.29rem;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    background: url(http://oss.online-game.com.cn/50/tsm_img/hdimg/tsmvip2505_bgsj.jpg) top center no-repeat;
    background-size: 100% 100%;
}

.footer_nr {
    width: 7.5rem;
    height: 2.5rem;
    margin: 0 auto;
    padding-top: 0.2rem;
    background: #000;
}

.footer_nr .footer_tu {
    width: 0.23rem;
    height: 0.23rem;
}

.footer_nr .logowrap {
    margin: 0 auto;
    height: 0.64rem;
    width: 5rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.footer_nr .logowrap .logo-1 {
    float: left;
    padding-right: 0.1rem;
}

.footer_nr .logowrap .logo-1 img {
    width: 2.12rem;
    height: 0.44rem;
}

.footer_nr .logowrap .logo-3 {
    float: right;
    margin-left: 0.31rem;
}

.footer_nr .logowrap .logo-3 img {
    width: 1.45rem;
    height: 0.51rem;
}

.footer_nr ul {
    width: 7rem;
    height: 1.7rem;
    position: relative;
    padding: 0 0.2rem;
}

.footer_nr ul li {
    font-size: 0.18rem;
    color: rgb(255, 255, 255);
    line-height: 0.28rem;
    text-align: center;
    font-family: "Microsoft YaHei", simSun, "Lucida Grande", "Lucida Sans Unicode", Arial;
    letter-spacing: 0.01rem;
}

.footer_nr ul li a {
    font-size: 0.18rem;
    color: rgb(255, 255, 255);
}

.Newtsm_ban {
    width: 100%;
    height: 4rem;
    position: relative;
}



/* 内容 */
.Newtsm_content {
    width: 7rem;
    position: relative;
    margin: 0 auto;
    margin-top: 0.25rem;
    z-index: 99;
}

.vipxt_box {
    position: relative;
    width: 100%;
    height: 9.5rem;
    margin: 0 auto;
}

.title_1 {
    display: block;
    margin: 0 auto;
    width: 3.15rem;
}

.vipxt_box ul {
    width: 1.24rem;
    height: 3rem;
    float: left;
}

.vipxt_box ul li {
    width: 1.23rem;
    height: 0.61rem;
    float: left;
    cursor: pointer;
    position: relative;
    margin-top: -0.01rem;
}

.vipxt_box ul li img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.vipxt_box ul li .vipxt_yes {
    display: none;
}

.vipxt_box ul li.on .vipxt_yes {
    display: block;
}

.vipxt_box ul li.on .vipxt_no {
    display: none;
}

.vipxt_diva {
    width: 5.96rem;
    height: 3.02rem;
    margin: 0 auto;
    margin-top: -1rem;
}

.vipxt_boxs {
    display: none;
}

.vipxt_box .vipxt_con {
    width: 4.66rem;
    height: 3.01rem;
    background: url(http://oss.online-game.com.cn/50/tsm_img/hdimg/tsmvip2505am_vipbg.png) no-repeat;
    background-size: 100%;
    float: right;
    position: relative;
}

.vipxt_con img {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.vipxt_con img {
    width: 4.02rem;
}

.vipxt_btns {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 1.2rem;
    margin-top: 0.1rem;
}
.vipxt_btns .vipxt_btnsdiva{
    width:0.57rem;
    height:0.52rem;
    position: relative;
}
.vipxt_btns .vipxt_btnsdiva img{
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
.vipxt_btns .vipxt_btnsdiva .vipxt_youy,.vipxt_btns .vipxt_btnsdiva .vipxt_zuo{
    width: 0.3rem;
}
.vipxt_btns .vipxt_btnsdiva:nth-child(1){
    margin-right: 0.37rem;
}
.vipxt_btns .vipxt_zuoz,
.vipxt_btns .vipxt_youy {
    transform: rotate(180deg);
    display: none;
}

.vipxt_btns img {
    cursor: pointer;
}

.Newtsm_content .vip_rule {
    width: 6.54rem;
    color: #f2f2f2;
    line-height: 0.3rem;
    font-size: 0.2rem;
    margin: 0 auto;
    margin-top: 0.2rem;
    height: 3rem;
    z-index: 99;
    position: relative;
    overflow: hidden;
}

/* vip方案 */
.vipfa_box {
    position: relative;
    width: 100%;
    height: 8rem;
    margin: 0 auto;
}

.title_2 {
    display: block;
    margin: 0 auto;
    width: 2.23rem;
}

.vipfa_box .vipfa_btn {
    display: block;
    margin: 0 auto;
    margin-top: -0.9rem;
    cursor: pointer;
    z-index: 100;
    position: relative;
    width: 3.01rem;
}

.vipfa_box .vipfa_img {
    display: block;
    margin: 8px auto;
    margin-left: -0.3rem;
    width: 7.48rem;
    margin-top: -0.3rem;
}

.vipfa_box .vip_rule {
    margin-top: 0.4rem;
    height: 3.6rem;
}




/* vip官方 */
.vipgf_box {
    position: relative;
    width: 100%;
    margin: 0 auto;
    margin-top: 0.3rem;
}

.title_5 {
    display: block;
    margin: 0 auto;
    width: 2.23rem;
    margin-top: 0.5rem;
}

.vipgf_diva {
    display: flex;
    justify-content: center;
    margin-top: -0.6rem;
    padding-left: 0.3rem;
}

.vipgf_diva img {
    width: 1.43rem;
}

.vipgf_diva img:nth-child(2) {
    margin: 0 0.75rem;
}

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

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

.mCSB_scrollTools .mCSB_draggerRail,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 4px;
}


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

.vip_rulediva {
    width: 7rem;
    height: 6.6rem;
    position: relative;
    background: url(http://oss.online-game.com.cn/50/tsm_img/hdimg/tsmvip2505a_hdgzkk.png) no-repeat;
    background-size: 100%;
    padding-top: 0.3rem;
}

.vip_ruledivb {
    width: 5rem;
    height: 6rem;
    color: #302c28;
    font-size: 0.22rem;
    text-align: left;
    line-height: 0.32rem;
    overflow: hidden;
    margin: 0 auto;
    padding-left: 0.1rem;
}

.vip_ruledivb p {
    height: 0.2rem;
}

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

.vip_ruleclose {
    position: absolute;
    top: -0.77rem;
    right: 0.18rem;
    cursor: pointer;
    z-index: 2;
    width: 0.8rem;
}

b {
    font-weight: 550;
}