@charset "UTF-8";
/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2015-01-14 10:45:40
 * @version $Id$
 */
.top-discord{ width: 135px; height: 26px; background: url(../png/topdiscord.png) no-repeat; position: absolute; top: 12px; right: 480px;}
.top-discord:hover{ background: url(../png/topdiscord2.png) no-repeat;}
.nav-discord{ width: 31px; height: 31px; float: left; margin-top: 3px;}
.nav-discord{ background: url(../png/discord.png) no-repeat;}
.nav-vip:hover .nav-discord{ background: url(../png/discord2.png) no-repeat;}

.allclear{ clear: both;}

.nav-vip{ width: 206px; height: 38px;}
.nav-vip:hover{ background: #de3f05;}
.nav-vip:hover span{ color: #ffffff; float: left;}
.nav-diamond{ width: 31px; height: 31px; background: url(../png/diamond.png) no-repeat; float: left; margin-top: 3px;}
.nav-diamond2{ width: 31px; height: 31px; background: url(../png/diamond2.png) no-repeat; float: left; margin-top: 3px;}
.nav-vip:hover .nav-diamond{ background: url(../png/diamond2.png) no-repeat;}

.header .update-txt{position: absolute; top:15px; left:-224px; height: 20px; padding-left: 22px; background: url(../gif/news.gif) no-repeat; color:#474444;}

.security-vip{ width: 192px; height: 18px; margin-bottom: 10px;}
.top-diamond,.top-diamond2{ width: 21px; height: 18px; float: left;}
.top-diamond{ background: url(../png/diamond_top.png) no-repeat;}
.top-diamond2{ background: url(../png/diamond_top2.png) no-repeat;}
.top-vip{ width: 60px; height: 14px; background: #de3f05; text-align: center; color: #ffffff; float: left; margin: 2px 7px; font-size: 12px; line-height: 14px; border-radius: 4px;}
.top-vip-grey{ width: 60px; height: 14px; background: #737373; text-align: center; color: #ffffff; float: left; margin: 2px 7px; font-size: 12px; line-height: 14px; border-radius: 4px;}
.progressBar_bg{ width: 97px; height: 9px; background: #535353; float: left; margin-top: 5px;}
.progress_top{ height: 9px; background: #f7a900; float: left;}

.pro-vip{ margin-top: 30px; position: relative;}
.diamond_right,.diamond_right2{ width: 42px; height: 35px; float: left; margin-top: -10px;}
.diamond_right{ background: url(../png/diamond_right.png) no-repeat;}
.diamond_right2{ background: url(../png/diamond_right2.png) no-repeat;}
.vipbox{ width: 100px; height: 100px;}

.vip_pop{ position:absolute; top:14px; left:117px; z-index: 2; padding: 10px 0;}
.vip_popin{ width:279px; background:#5a5a5a; font-family:'arial'; line-height:18px; padding: 15px 0; text-align: center; color: #ffffff; font-size: 13px;}
.vip_btn{ width: 249px; height: 33px; margin: 10px auto 0 auto; position: relative;}
.vip_l_btn,.vip_r_btn{ width: 116px; height: 32px; top: 0; position: absolute; background: #383838; border-radius: 4px; line-height: 32px; color: #ffffff;}
.vip_l_btn:hover,.vip_r_btn:hover{ background: #de3f05; text-decoration: none;}
.vip_l_btn{ left: 0;}
.vip_r_btn{ right: 0;}
.vip_discord,.vip_ok{ width: 19px; height: 19px; float: left; margin: 3px 10px 0 10px;}
.vip_discord{ background: url(../png/vip_discord.png) no-repeat;}
.vip_ok{ background: url(../png/vip_ok.png) no-repeat}
.vip_triangle_up{width:0; height: 0; border-width:0 5px 8px 5px; border-style:dashed dashed solid dashed; border-color:transparent transparent #5a5a5a transparent; overflow: hidden; font-size:0!important; position: absolute; top: 2px; left: 50px;}


.vip_text{ width: 415px; height: 114px;}
.vip_input{ width: 289px; height: 33px; background: #404040; border: 0; border-radius: 4px; float: left; color: #ffffff; text-indent: 10px;}
.vip_cake{ width: 26px; height: 25px; margin-top: 6px; background: url(../png/vip_cake.png) no-repeat; cursor: pointer;}


.vip_mask{width: 100%; height: 100%; background: #000; opacity:0.6; -moz-opacity:0.6; position: fixed; left: 0; top: 0; animation:extra 0.7s; z-index:10;}

.vip_popup{height: 303px;			margin-top:-110px!important;/*FF IE7 half of its height*/}
.vip_popup2{height: 399px;			margin-top:-110px!important;/*FF IE7 half of its height*/}
.vip_close{ width: 18px;height: 18px; position:absolute; top:14px; right:14px; background: url(../png/close1-2.png) no-repeat; cursor: pointer;}
.vip_close:hover{ background: url(../png/close2-3.png) no-repeat;}
.vip_popup_titlebg{ width: 100%; height: 48px; position: absolute; left: 0; top: 0; background: #282828;}
.vip_popup_title{ position: absolute; left: 23px; top: 12px; color: #999999; font-size: 16px;}
.vip_popup_ok,.vip_popup_collect,.vip_popup_close{ width: 80px; height: 32px; border-radius: 4px; background: #de3f05; text-align: center; line-height: 32px; position: absolute; cursor: pointer; color: #ffffff;}
.vip_popup_ok,.vip_popup_collect{ left: 170px;}
.vip_popup_ok{ bottom: 46px;}
.vip_popup_collect{ bottom: 76px;}
.vip_popup_close{ left: 360px; bottom: 25px;}
.vip_popup_ok:hover,.vip_popup_collect:hover,.vip_popup_close:hover{ background: #ed4204;}
.vip_popup_content{ width: 360px; position: absolute; left: 30px; top: 70px; line-height: 22px;}
.vip_popup_ckbox{ position: absolute; left: 141px; top: 177px; font-size: 15px;}
.vip_popup_gift1,.vip_popup_gift2,.vip_popup_gift3,.vip_popup_gift4{ position: absolute;}
.vip_popup_gift1,.vip_popup_gift2{ width: 100px; left: 0; text-align: right;}
.vip_popup_gift1{ top: 75px;}
.vip_popup_gift2{ top: 123px;}
.vip_popup_gift3,.vip_popup_gift4{ width: 310px; right: 0; text-align: left;}
.vip_popup_gift3{ top: 70px;}
.vip_popup_gift3 select{width: 238px;height: 33px; color: #000000;text-indent:5px; border-radius: 3px; font-size: 14px;}
.vip_popup_gift4{ top: 123px;}
.vip_popup_gift5{ width: 100%; text-align: center; position: absolute; bottom: 30px; left: 0;}
.vip_popup_collected{ width: 80px; height: 32px; border-radius: 4px; background: #282828; text-align: center; line-height: 32px; position: absolute; left: 170px; bottom: 76px; color: #999999;}
.vip_popup3{ position:relative; z-index:11; background:#414141; width: 800px;height: 359px; font-size: 14px;
    left:50%;/*FF IE7*/
    top:40%;/*FF IE7*/

    margin-left:-400px!important;/*FF IE7 half of its width */
    margin-top:-145px!important;/*FF IE7 half of its height*/

    margin-top:0px;
    position:fixed!important;/*FF IE7*/
    position:absolute;/*IE6*/

    _top:       expression(eval(document.compatMode &&
						document.compatMode=='CSS1Compat') ?
						documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/
						document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);/*IE5 IE5.5*/}
.mt_box,.mt_box2{ position: absolute; left: 35px; overflow-x: auto; text-align: center;}
.mt_box{width: 730px; height: 33px; top: 81px;}
.mt_box2{width: 748px; height: 165px; top: 114px;}
.mt_table{ width: 730px;}
.mt_box table tr td,.mt_box2 table tr td{ border:1px solid #282828; height: 31px;}
.tr1{width: 750px;background-color: #282828;color: #ffffff;}
.tr2{background-color: #ffffff;color: #000000;}
.td1,.td2,.td3,.td4,.td5{width: 140px;word-break:break-all; word-wrap:break-word; table-layout:fixed; padding: 0 3px;}
.td4{ text-align: left;}
.user_vip{ position: absolute; top: 0; left: 0;}


/*.gift_over,.gift_out{ width: 19%; height: 45px; float: left; margin-right: 1%; font-size: 0.99em;}
.gift_over,.gift_out{min-width: 19%;height: 45px;float: left;margin-right: 1%;font-size: 0.99em;}*/
.gift_over,.gift_out{ height: 45px; float: left; margin-right: 1%; font-size: 0.89em; line-height: 3.2em;}
.gift_over{ color: #ed4204;}
.gift_out{ cursor: pointer;}
.vip_box{ width: 100%;color: #ffffff;}
.vip_title{ width: 100%; position: relative; margin: 25px 0; font-size: 14px; color: #ffffff;}
.vip_history{ position: absolute; top: 0; right: 0; color: #797979; font-size: 14px; cursor: pointer; font-weight: bold;}

.vip_box2{ width: 100%; margin-bottom: 20px; position: relative; z-index: 2;}
.tribute_over,.tribute_out{ width: 49.5%;margin-right: 1%;}
.silver_out,.silver_over{ width: 33%;margin-right: 0.5%;}
.silver_out,.silver_over,.tribute_over,.tribute_out{ height: 56px; float: left; color: #ffffff; font-size: 16px; text-align: center; line-height: 56px;}
.silver_out,.tribute_out{ background: #3a3a3a; cursor: pointer;}
.silver_over,.tribute_over{ background: #d7420a;}
.silver_out:hover,.tribute_out:hover{ color: #d7420a;}
.vip_red{ color: #ed4204;}

.progress-info .vip-level {height:14px; margin:1px 0 0 8px; background:#de3f05; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; padding:0 5px; color:#fff; font-size:12px; line-height:14px;}
.progress-info .vip-level-grey{ height:14px; background: #737373; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; padding:0 5px; color:#fff; font-size:12px; line-height:14px; margin: 1px 0 0 7px;}

.vip_royalty{ width: 100%; margin: 20px 0; position: relative; z-index: 2;}
.royalty_text{ font-size: 16px; font-weight: bold;}
.royalty_text2{ padding: 25% 8% 0 8%; font-size: 16px;}
.royalty_btn{ width: 100%; height: 300px; background: #3a3a3a; float: left; font-size: 24px; line-height: 300px; cursor: pointer; text-align: center; font-weight: bold; letter-spacing: -0.5px;}
.royalty_screen{ width: 100%; height: 250px; background: #3a3a3a; float: left; font-size: 24px; text-align: center; font-weight: bold; padding: 50px 0 0 0;}


.royalty_left{ width: 23%; float: left;}
#royalty_right{ width: 76%; float: right;list-style: none;}
.royalty_screen2{ width: 100%; height: 273px; background: #3a3a3a; font-size: 24px; text-align: center; font-weight: bold; padding: 90px 0 0 0;}
#faq{ width: 100%; list-style: none;}
.leftbtn_out{ width: 100%; background: #3a3a3a; cursor: pointer; margin-bottom: 6px; text-align: center; font-size: 16px; line-height: 20px; padding: 40px 0;}
.leftbtn_out:hover{ color: #ed4204;}
.leftbtn_over{ background: #ed4204; cursor: auto;}
.leftbtn_over:hover{ color: #ffffff;}
#royalty_right ul li,#faq ul li{margin-bottom: 10px;}
.right_title{position: relative; width: 94%;min-height: 14px;background: #3a3a3a;line-height: 20px;padding: 13px 2% 13px 4%;font-size: 16px;cursor: pointer;}
.right_title:before{position: absolute;content: "";top: 15px;left: 1.5%;width: 16px;height: 10px; background: url("../png/arrow-2.png") no-repeat;}
#royalty_right ul li.on .right_title,#faq ul li.on .right_title{ background: #ed4204; color: #ffffff; position: relative;}
.right_text,.right_text2{ width: 96%; background: #262627; font-size: 16px; padding: 15px 2%; line-height: 22px;overflow: hidden;}
.right_text,.right_text2{display: none;}
.right_title:hover{ color: #ed4204;}
#royalty_right ul li.on .right_text2,#royalty_right ul li.on .right_text,#faq ul li.on .right_text2,#faq ul li.on .right_text{display: block;-webkit-animation: fadeInDown 0.2s linear;animation: fadeInDown 0.2s linear;}
#royalty_right ul li.on .right_title:before,#faq ul li.on .right_title:before{top: 12px;left: 2%; width: 10px;height: 16px; background: url("../png/arrow2.png") no-repeat;}

/* ��Ұ */
.picBox{overflow:hidden;zoom:1;margin:40px auto 0 auto;width:1000px;}
.picL{overflow:hidden;zoom:1;margin-left:-1px;}
.picL li{overflow:hidden;position:relative;float:left; display:inline; width: 31.3%; height: 300px; zoom:1; margin-right: 3%; cursor: pointer;}
.picL li .text{background:#ed4204;position:absolute; width: 100%; height: 100%; top:300px;left:0;}
.picL li .text p{line-height:24px; }

@-webkit-keyframes fadeInDown {
    from {
        -webkit-transform: translate3d(0, -10%, 0);
        transform: translate3d(0, -10%, 0);
    }

    to {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInDown {
    from {
        -webkit-transform: translate3d(0, -10%, 0);
        transform: translate3d(0, -10%, 0);
    }
    to {
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

/*弹框样式*/
.cd-popup{
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s;
    z-index:9999;
}
.cd-popup.is-visible {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0s;
}
.cd-popup-container {
    position: relative;
    position: fixed;
    left: 0;
    top: 0;
    width:100%;
    height:100%;
    background:#0b0b0b url(../jpg/vip_pop.jpg) no-repeat;
    background-size: 100% 100%;
    -webkit-transform:scale(0.8);
    -moz-transform:scale(0.8);
    -ms-transform:scale(0.8);
    -o-transform:scale(0.8);
    transform:scale(0.8);
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.cd-popup-close{ width: 36px; height: 38px; position: absolute; top: 20px; right: 20px; background: url(../png/close-2.png) no-repeat; cursor: pointer;}
.is-visible .cd-popup-container {
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
}

/*.vip_input{position: absolute;top: 0;left: 0;opacity: 0;z-index: -10;}*/
.vip_amanda, .vip_amanda2{ width: 110px; height: 22px; margin: 0 10px; cursor: pointer; background: #de3f05; line-height: 22px; text-align: center; border-radius: 4px; float: left;}
.vip_icon,.vip_icon2{ width: 26px; height: 25px; float: left; margin: 0 8px;}
.vip_icon2{ border-radius: 13px; background: #9a9a9a; line-height: 26px; text-align: center; color: #1d1d1d;}
.vip_icon3{ font-size: 25px; color: #f7a900; margin: 0 5px;}


/*20211018新增开始*/
.mod-gm-list2 {margin-left:-1%; zoom:1;}
.mod-gm-list2 li {float:left; position:relative; width:20%; margin-left:1%; *margin-left:1.36%; border:1px solid #1f1f1f; background:#000; line-height:0; margin-bottom: 1%;}
.mod-gm-list2 .gm-info2 {position:absolute; bottom:0; width:100%; padding:0.5em 0; background:#000; background:rgba(0,0,0,.75); text-align: center; font-weight: 100;}
.mod-gm-list2 li img {display:block; margin:0 auto;}
.mod-gm-list2 li .gm-tit2{ font-size: 1.8em; font-weight: bold; line-height:1em; margin-right: 5%;}

/*20211202新增开始*/
.store_title{ float: left; margin-right: 40px;}
.store_title h3{ color: #de3f05;}
.store_title h3:hover{ color: #ffffff;}
.allclear{ clear: both;}

/*20211231新增开始，站内信红点样式*/
.remind{width: 10px;height: 10px;background: #ff0000;border-radius: 10px;position: absolute;right: -3px;top: -3px; z-index: 3;}


/*20230615开始*/

#mp_nav{ position: absolute; right: 0; /*top: 0;*/ z-index: 99;}
#mp_nav li { float: left; display: block; position: relative; z-index: 999; cursor: pointer;}
#mp_nav li img{ margin-right: 5px; vertical-align: -2px;}
#mp_nav li a { width: 9em; height: 38px; display: block; padding: 0; text-decoration: none; zoom: 1; background: #de3f05; color: #ffffff; line-height: 38px;}
#mp_nav li a p{ margin-left: 5em;}
#mp_nav ul { position: absolute; display: none; margin: 0; padding: 0; list-style: none; right: 0; top: 2.7em;}
#mp_nav ul li { text-align: center; margin-top: 10px;}
#mp_nav ul a { display: block;}
#mp_nav ul a:hover { background: #ed4204;}
.mp_crown2{ width: 33px; height: 20px; background: url(../png/mp_crown2.png) no-repeat; position: absolute; left: 27px; top: 8px;}


.mp_crown{ width: 20px; height: 19px; background: url(../png/mp_crown.png) no-repeat; position: absolute; left: -6px; top: -7px; pointer-events: none;}
.mp_crown3{ width: 20px; height: 19px; background: url(../png/mp_crown3.png) no-repeat; position: absolute; left: -6px; top: -7px; pointer-events: none;}

.vip_popup,.vip_popup2,.vip_popup4{ position:relative; z-index:10000; background:#414141; width: 420px; font-size: 14px; color: #ffffff;
    left:50%;/*FF IE7*/
    top:40%;/*FF IE7*/

    margin-left:-211px!important;/*FF IE7 half of its width */

    margin-top:0px;
    position:fixed!important;/*FF IE7*/
    position:absolute;/*IE6*/

    _top:       expression(eval(document.compatMode &&
						document.compatMode=='CSS1Compat') ?
						documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/
						document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);/*IE5 IE5.5*/}
.vip_popup4{height: 460px; margin-top:-110px!important;/*FF IE7 half of its height*/}

/*20230615结束*/

/*20231121新增*/
.bp_signin_text2,.bp_signin_text3{ width: 150px; position: absolute; left: -67px; text-align: center; color: #ffffff; line-height: 20px;}
.bp_signin_text2{ top: -25px;}
.bp_signin_text3{ top: 25px;}
.bp_signin_text4{ width: 100%; text-align: center; position: absolute; left: 0; top: 22.6em; color: #ffffff;}
.bp_signin_text5{ border: 1px solid #de3f05; color: #de3f05; text-align: center; border-radius: 5px; padding: 0.3em 1em; margin-left: 0.5em;}
.bp_checkin_box{ width: 96%; margin: 350px auto 0 auto;}
.bp_checkin{ width: 15%; height: 99px; margin: 0 0.8%; float: left; cursor: pointer; text-align: center; background: #575757; color: #ffffff;}
.bp_checkin:hover{ background: #de3f05; text-decoration: none;}
.bp_checkin_ico{ margin: 13px 0 0 0;}
.bp_checkin_banner{ width: 47.35%; margin: 0.3em 1.2%; float: left; cursor: pointer;}
.bp_checkin_box2{ width: 97%; margin: 0 auto;}

.bp_banner_box{ width: 100%; margin: 0 auto; position: relative; display: block;}
.bp_banner2{ width: 100%; z-index: 2; margin: 0 auto;}
.bp_banner2 .swiper-pagination-bullet{ background: #000000; opacity: 0.7;}
.bp_banner2 .swiper-pagination-bullet-active{ background: #e45719; opacity: 0.7;}
.bp_banner_box2{ width: 102%; height: 98px; margin: 1em 0 4em 0; position: relative;}
.bp_top_btn{ width: 32%; color: #ffffff; font-size: 1.3em; float: left; margin-right: 1.1%; position: relative;}
.bp_top_text{ width: 14em; position: absolute; left: 0; top: 3.8em; font-size: 1em; color: #ffffff; text-align: center; line-height: 1.3em; font-weight: bold;}
.bp_server_title{ width: 100%; height: 40px; position: absolute; left: 0; top: 0; background: #282828; line-height: 40px; text-align: center;}
.bp_server_box1,.bp_server_box2{ width: 100%; height: 35px; position: relative; margin-bottom: 15px;}
.bp_server_box1{ margin-top: 60px;}
.bp_server{ position: absolute; line-height: 35px; right: 350px; top: 0; text-align: right;}
.bp_server_input{ width: 280px; background: #c5c4c4; color: #333; border-radius: 5px; height: 35px; line-height: 35px; position: absolute; top: 0; left: 160px; border: 0; text-indent: 10px;}
.bp_server_btn{ width: 10em; margin: 20px auto 0 auto; height: 38px; line-height: 38px; color: #ffffff; background: #de3f05; text-align: center; cursor: pointer; font-size: 1em;}
.bp_server_btn:hover{ background: #ed4204;}
.bp_server_bot{ width: 100%; text-align: center; line-height: 40px;}
.bp_exchange_bot{ text-align: right; position: absolute; bottom: 0; right: 6em; font-size: 0.8em; line-height: 23px; font-weight: bolder; color: #ed4204;}

.bp_miss_box{ width: 104%; margin-left: -2%;}
.bp_mission{ width: 40%; min-height: 211px; padding: 3% 3% 1.5% 3%; margin: 0 2% 3.5% 2%; background: #222222; float: left; position: relative; color: #737373;}
.bp_miss_ico{ width: 66px; height: 66px; float: left;}
.bp_miss_reward{ position: absolute; right: 12px; top: 7px; font-size: 15px;}
.bp_miss_time{ position: absolute; left: 22%; top: 18%; font-size: 1.15em; line-height: 20px;}
.bp_miss_text3{ width: 100%; height: 100px; margin: 15px 0; font-size: 16px; line-height: 25px;}
.bp_miss_btn,.bp_miss_comp{ width: 188px; height: 40px; line-height: 40px; color: #ffffff; font-size: 1.15em; text-align: center; margin: 0 auto; position: relative;}
.bp_miss_btn{ background: #de3f05; cursor: pointer;}
.bp_miss_btn:hover,.bp_miss_text:hover{ background: #ed4204; text-decoration:none;}
.bp_miss_comp{ background: #575757;}
.bp_main_btn2{ width: 188px; height: 40px; line-height: 40px; background: #de3f05; cursor: pointer; color: #ffffff; font-size: 1.15em; text-align: center; margin: 155px auto 0 auto; display: block; position:relative;}
.bp_miss_titlebox{ width: 100%; height: 41px; background: #3a3a3a; margin: 0 0 40px 0;}
.bp_miss_title{ min-width: 5%; height: 41px; background: #ed4204; float: left; padding: 0 2%; line-height: 41px; font-size: 1.15em; color: #ffffff; text-align: center;}
.bp_miss_pass{ width: 50px; height: 22px; background: url("../png/pass.png") no-repeat; position: absolute; left: 0; top: -30px;}
.bp_miss_pass2{ width: 330px; position: absolute; left: 55px; top: 0; line-height: 22px; text-align: left;}


/*20231121修改*/
.bp_signin_pop{ position:relative; z-index:11; background:#414141; width: 964px;height: 650px; font-size: 14px;
    left:50%;/*FF IE7*/
    top:40%;/*FF IE7*/

    margin-left:-482px!important;/*FF IE7 half of its width */
    margin-top:-260px!important;/*FF IE7 half of its height*/

    margin-top:0px;
    position:fixed!important;/*FF IE7*/
    position:absolute;/*IE6*/

    _top:       expression(eval(document.compatMode &&
						document.compatMode=='CSS1Compat') ?
						documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/
						document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);/*IE5 IE5.5*/}
.bp_signin_text{ width: 150px; position: absolute; left: -67px; top: -70px; text-align: center; color: #ffffff; line-height: 20px;}
.bp_signin_line{ width: 804px; height: 9px; background: #222222; position: absolute; top: 200px; left: 80px;}
.bp_signin_btnover,.bp_signin_btnout{ width: 107px; height: 38px; color: #ffffff; font-size: 12px; position: absolute; left: -45.5px; top: 60px; border-radius: 4px; line-height: 38px; text-align: center;}
.bp_exchange_btn2{ min-width: 5em; padding: 0 2em; float: right; margin-right: 4%;}
.bp_exchange_box{ width: 105px; height: 22px; line-height: 22px; float: right; margin: 22px 20px 0 0; text-align: center;}
.bp_main2{ width: 100%; margin: 40px 0 0 0; font-size: 16px;}
.bp_main2_l,.bp_main2_r{ width: 42%; min-height: 245px; background: #222222; padding: 0 3%; margin-bottom: 40px; position: relative;}
.bp_l_btn,.bp_l_btn2,.bp_r_btn{ width: 188px; height: 40px; line-height: 40px;color: #ffffff; font-size: 1.15em; text-align: center; background: #de3f05; cursor: pointer;display:block}
.bp_main_ico{ position: absolute; left: 7%; top: 11%;}
.bp_main_text,.bp_main_text2{ text-align: left; font-size: 16px; position: absolute;}
.bp_main_text{ width: 70%; left: 22%; top: 20%; color: #de3f05;}
.bp_main_text2{ width: 86%; left: 7%; top: 45%; color: #737373; line-height: 1.5em;}
.bp_main_text2 span{ font-size: 1.2em; font-weight: 900; margin: 0 0.3em; cursor: pointer; color: #de3f05;}
.bp_main_btn:hover,.bp_main_btn2:hover,.bp_l_btn2:hover{ background: #ed4204; text-decoration:none;}

/*20231121新增开始 点卡兑换*/
.redeemcard{ position: absolute; right: 1.5%; top: 8.3em;}
.redeemcard2{ padding: 0.05em 1em; border-radius: 3px; float: right; margin-right: 1em;}
.redeemcard2:hover{ text-decoration: none;}

.card-btn{ float: left; padding: 0.5em 1.5em; font-size: 1.2em; background: #1b1b1b; color: #ffffff;}
.card-btn:hover{ color: #de3f05; text-decoration:none;}
.card-select{ float: left; padding: 0.5em 1.5em; font-size: 1.2em; background: #de3f05; color: #ffffff;}
.card-bar{height:3.142857142857143em;  margin:1em 0; zoom:1;}
.card-bar .drop-input{float:left; width:28%;}
.card-bar .drop-input .input-txt{ width:95%; padding:0.6em 0 0.6em 5%; background: #c5c4c4; color:#333; font-size: 1.2em;}
.card-nopass{ cursor: auto; background: #1b1b1b; display:inline-block; min-width:4em;}

.giftcard-explain{ height: 13em; margin: 2em 0; position: relative; color: #ffffff;}
.giftcard-ico1,.giftcard-ico2,.giftcard-ico3{ width: 6%; position: absolute; top: 3.5em;}
.giftcard-ico1{ left: 3em;}
.giftcard-ico2{ left: 15em;}
.giftcard-ico3{ left: 27em;}
.giftcard-arrow{ width: 80%; position: absolute; top: 1.5em; right: -5.5em;}
.giftcard-text{ width: 180%; text-align: center; position: absolute; left: -40%; top: 5em;}
.giftcard-rule{ width: 100%; margin: 2em 0; text-align: left; color: #ffffff;}
.giftcard-rule p,.giftcard-explain p{ font-size: 1.1em; font-weight: bold; line-height: 2em;}
.giftcard-bg{ width: 29.5%; position: absolute; right: 4em; top: 10em;}

.vip_mask{width: 100%; height: 100%; background: #000; opacity:0.6; -moz-opacity:0.6; position: fixed; left: 0; top: 0; animation:extra 0.7s; z-index:10;}
.card_popup{ position:relative; z-index:11; background:#414141; width: 420px; font-size: 14px; color: #ffffff;height: 220px; text-align: center;
    left:50%;/*FF IE7*/
    top:40%;/*FF IE7*/

    margin-left:-211px!important;/*FF IE7 half of its width */
    margin-top:-110px!important;/*FF IE7 half of its height*/

    margin-top:0px;
    position:fixed!important;/*FF IE7*/
    position:absolute;/*IE6*/

    _top:       expression(eval(document.compatMode &&
						document.compatMode=='CSS1Compat') ?
						documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/
						document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);/*IE5 IE5.5*/}
.card_close{ width: 18px;height: 18px; position:absolute; top:14px; right:14px; background: url(../png/close1-2.png) no-repeat; cursor: pointer;}
.card_close:hover{ background: url(../png/close2-3.png) no-repeat;}
.card_popup_titlebg{ width: 100%; height: 48px; position: absolute; left: 0; top: 0; background: #282828;}
.card_popup_title{ position: absolute; left: 23px; top: 12px; color: #999999; font-size: 16px;}
.card_popup_check{ width: 10em; line-height: 2.4em; border-radius: 4px; background: #de3f05; cursor: pointer; color: #ffffff; margin: 0 auto; display: block;}
.card_popup_check:hover{ background: #ed4204; text-decoration: none;}
.card_popup_content{ width: 360px; margin: 80px auto 30px auto; line-height: 22px;}

.bp_main_pop{ position:relative; z-index:11; background:#414141; width: 800px;height: 375px; font-size: 14px;
    left:50%;/*FF IE7*/
    top:47%;/*FF IE7*/

    margin-left:-401px!important;/*FF IE7 half of its width */
    margin-top:-177px!important;/*FF IE7 half of its height*/

    margin-top:0px;
    position:fixed!important;/*FF IE7*/
    position:absolute;/*IE6*/

    _top:       expression(eval(document.compatMode &&
						document.compatMode=='CSS1Compat') ?
						documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/
						document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);/*IE5 IE5.5*/}
.bp_main_popbox{ width: 700px; padding: 72.5px 50px 0 50px;}

/*20240403添加游戏底部广告位样式*/
.game_ad{ width: 100%; position: absolute; bottom: 0; left: 0; z-index: 2;}
.ad_close{ width: 32px; height: 32px; position: absolute; top: 10%; right: 15%; z-index: 3; cursor: pointer;}
.ad_close:hover{ filter: brightness(10); -webkit-filter: brightness(10); -moz-filter: brightness(10); -ms-filter: brightness(10); -o-filter: brightness(10);}