*{margin:0;padding:0;box-sizing:border-box}
body{background:#182330;color:#d9dadd;font-size:14px;font-family:Poppins-Regular}
button,fieldset,img{margin:0;padding:0;outline-style:none;border:0 none}
body,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,html,img,input,legend,li,ol,p,ul{margin:0;padding:0}
@font-face{font-family:Poppins-Regular;src:url(../fonts/Poppins-Regular.ttf);font-display:swap}
@font-face{font-family:Poppins-Medium;src:url(../fonts/Poppins-Medium.ttf);font-display:swap}
@font-face{font-family:Poppins-SemiBold;src:url(../fonts/Poppins-SemiBold.ttf);font-display:swap}
button,input,select,textarea{outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:10px;border:none;font-size:14px}
ul{list-style:none}
ol{margin-left:20px}
a:link{text-decoration:none}
a:visited{text-decoration:none}
a:hover{text-decoration:none;cursor:pointer}
a:active{text-decoration:none}
a{text-decoration:none;outline:0;-webkit-appearance:none;color:#6ebfff}
.clearfix:after,.clearfix:before{content:"";display:table}
.clearfix:after{clear:both;overflow:hidden}
.clearfix{zoom:1}
.clear{clear:both;display:block;overflow:hidden;height:0;line-height:0;font-size:0}
h1,h2,h3,h4,h5,h6{font-weight:400;font-family:Poppins-Medium}
i{font-style:normal}
em{font-style:normal}
button{cursor:pointer;border-radius:5px;font-family:'Poppins-Regular';}
img{display:inline-block;max-width:100%;height:auto}
.price strong{font-weight:400;padding-left:5px}
button.hover-btn:hover{background:#272852;color:#fff}
button.gradient-btn:hover{background:-webkit-linear-gradient(top,#775cdc,#2d78e6);background:-o-linear-gradient(bottom,#775cdc,#2d78e6);background:-moz-linear-gradient(bottom,#775cdc,#2d78e6);background:linear-gradient(to bottom,#775cdc,#2d78e6)}
.flex{display:flex}
.flexItemCenter{display:flex;align-items:center}
.flexCenter{display:flex;align-items:center;justify-content:center}
.flexBetween{display:flex;align-items:center;justify-content:space-between}
.flexColumn{display:flex;flex-direction:column;align-items:center}
.container{margin:0 auto;width:min(1300px,96%)}
.live {cursor:pointer }
.main { padding-top: 175px }
.header{background:#171e26}
.header_top{display:flex;align-items:center;justify-content:space-between;padding:20px 0;height:125px}
.header_left{display:flex;align-items:center}
.header_menu-toggle{margin-right:20px;cursor:pointer;display:none}
.header_menu-toggle img{height:30px}
.header_logo{width:auto}
.header .quick-nav{display:none}
.header_logo-link img{height:52px}
header.header{position:fixed;width:100%;z-index:99}
.header_logo-subtitle{margin-top:5px;font-size:14px}
.header_search{position:relative;width:25%}
.header_search input{width:100%;padding:13px 40px;border:none;border-radius:5px;outline:0;background:#1e2731;font-size:14px;color:#fff}
.header_right{display:flex;align-items:center}
.header_search i{position:absolute;left:15px;top:13px;font-size:20px;cursor:pointer}
.header_cart img{height:30px}
.header_currency-select,.header_language-select{padding:5px;border:none;background-color:transparent;color:#fff;outline:0}
.header_currency-select option img,.header_language-select option img{margin-right:5px}
.header_nav{background-color:#1e2f43;height:50px;line-height:50px}
.header_nav-list{display:flex;justify-content:center}
.header_nav-item a{display:flex;align-items:center;padding:0 17px;color:#d9dadd;position:relative}
.header_nav-list .game_area>a{color:#fff}
.header_nav-item a:hover{color:#fff}
.mobile_menu{display:none}
.header_cart i{font-size:27px;color:#fff;vertical-align:middle;position:relative;top:2px}
.header_cart .cart_num{display:inline-block;background:#5c7e10;width:25px;height:25px;text-align:center;line-height:25px;border-radius:16px;vertical-align:middle;color:#fff;font-size:12px;margin-left:2px}
.header_cart .cart_num.change { animation: pulse 0.5s ease-in-out; }
@keyframes pulse {
    0% { transform: scale(1); background: #ff8f00 }
    50% { transform: scale(1.2); }
    100% { transform: scale(1); background: #6c9a1a; }
}
.header_right .slide_button{border:2px solid #4c6d25;border-radius:5px;width:170px;height:45px;margin-left:10px;position:relative}
.header_select-group .item{position:relative;color:#fff;height:100%;width:50%;border-radius:45px;text-align:center;z-index:99;display:flex;align-items:center;justify-content:center;cursor:pointer}
.header_login-group a{text-decoration:none;color:#fff;height:100%;width:50%;border-radius:45px;text-align:center;z-index:9;display:flex;align-items:center;justify-content:center}
.header_right .slide_button .account_bg{background:linear-gradient(to top right,#7bb324,#5d7f10);position:absolute;width:50%;top:0;left:50%;height:100%;transition:none}
.header_login-group a i{font-size:20px;padding-right:5px;padding-top:4px}
.header_search:hover{box-shadow:0 0 4px 1px #75a820;transition:all .3s}
.header_nav .container{display:flex;justify-content:space-between;align-items:center}
.header_nav-item a .menu{font-size:23px;vertical-align:middle;padding-right:5px;position:relative;top:2px}
.header_nav-list .game_area{background:#366c90;position:relative}
.icon{background-image:url(../images/icon.png);background-repeat:no-repeat;background-size:400px;display:inline-block}
 
.header_nav-item>a::after{content:'';display:inline-block;width:1px;height:28px;background-color:#366c90;position:absolute;right:0;top:50%;transform:translateY(-50%)}
.header_nav-item .icon{width:26px;height:28px;vertical-align:middle;background-size:900px;margin-right:5px}
.news span.icon { background-position: -256px -55px }
.help_center span.icon{background-position:-10px -55px}
.affiliate span.icon{background-position:-50px -55px}
.game_activity span.icon{background-position:-297px -55px}
.member_discount span.icon{background-position:-92px -55px}
.sell_toUS span.icon{background-position:-130px -55px}
.contacu_us span.icon{background-position:-174px -55px}
.header_right-chat .live_chat .ico_chat{width:28px;height:30px;vertical-align:middle;background-size:800px;margin-right:5px;background-position:-187px -48px}
.game_area .menu_box{display:flex;visibility:hidden;flex-wrap:wrap;justify-content:space-between;opacity:0;transition:all .4s;-webkit-transition:all .4s;width:100%;background:#1c242d;position:absolute;z-index:10;min-width:1300px;pointer-events:none;overflow-y:scroll;height:80vh;}
.menu_box .head_hotGame{width:20%;padding:20px}
.menu_box .head_hotGame li:hover { background: #212b37; }
.game_area .menu_box.display{visibility:visible;opacity:1;pointer-events:auto}
.game_area .menu_box .menu_box-gameList{width:80%;padding:20px;background:#171e26}
.menu_box .head_hotGame .title{background:linear-gradient(to top right,#7bb324,#5d7f10);text-align:center;border-radius:5px;height:40px;line-height:40px}
.header_select-group .country.en{width:33px;height:20px;background-size:600px}
.search_Sorting .search{position:relative;width:33.3%;margin-bottom:0;}
.search_Sorting .search input{width:100%;padding:13px 40px;border:none;border-radius:5px;outline:0;background:#1e2731;font-size:14px;color:#fff}
.search_Sorting .search i{position:absolute;left:15px;top:17px;font-size:20px;cursor:pointer}
.search_Sorting .search_ul{width:100%;margin-left:20px}
.menu_box-gameList .menu_box-ul{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:15px 0}
.menu_box-gameList .menu_box-ul li{background:#11151a;border-radius:3px}
.menu_box-gameList .menu_box-ul li:hover{background:#366c90}
.search_Sorting .search_ul .search_li{font-weight:700;line-height:35px;min-width:35px;height:35px;padding:0 5px;cursor:pointer;text-align:center;border-radius:5px}
.search_ul .search_li.current,.search_ul .search_li:hover{background:#366c90}
.menu_box-ul li a{width:231px;height:40px;line-height:40px;white-space:nowrap;overflow:hidden}
.menu_box-gameList .switch{text-align:center;height:30px}
.menu_box-gameList .switch i{font-size:25px;margin:0 15px;cursor:pointer;color:#a8a9aa}
.menu_box-gameList .switch i:hover{color:#fff}
.head_hotGame ul .icon{background-size:750px;width:28px;background-position:-10px -123px}
.head_hotGame ul .head_poe2 .icon{background-position:-47px -85px;}
.head_hotGame ul .head_eso .icon{background-position:-272px -85px}
.head_hotGame ul .head_dcuo .icon{background-position:-385px -85px}
.head_hotGame ul .head_f76 .icon{background-position:-171px -90px;background-size:800px}
.head_hotGame ul .head_swtor .icon{background-position:-423px -85px}
.head_hotGame ul .head_lost_ark .icon{background-position:-310px -85px}
.head_hotGame ul .head_d2 .icon{background-position:-85px -85px}
.head_hotGame ul .head_new_world .icon{background-position:-497px -85px}
.head_hotGame ul .head_elden_ring .icon{background-position:-122px -85px}
.head_hotGame ul .head_gift_card .icon{background-position:-534px -85px}
.head_hotGame ul .head_fc25 .icon{background-position:-235px -85px}
.head_hotGame ul .head_mpg .icon{background-position:-197px -85px}
.head_hotGame ul .head_lotf .icon{background-position:-309px -85px}
.head_hotGame ul .head_animal_crossing .icon{background-position:-347px -85px}
.head_hotGame ul .head_sab .icon{background-position:-460px -85px}
.head_hotGame ul .head_d4 .icon{background-position:-9px -85px}
.head_hotGame ul .head_wow_classic .icon{background-position:-572px -85px}
.head_hotGame ul .head_poe .icon{background-position:-609px -85px}
.head_hotGame ul .head_gta5 .icon{background-position:-647px -85px}
.head_elden .icon{background-position:-296px -45px}
.head_d2 .icon{background-position:-332px -48px}
.head_fcCoins .icon{background-position:-372px -48px}
.head_hotGame ul li a{padding:0 5px}
.country_icon.en{background-position:-75px -9px}
.country_icon.nl{background-position:-259px -9px}
.country_icon.es{background-position:-113px -9px}
.country_icon.it{background-position:-187px -9px}
.country_icon.pt{background-position:-296px -9px}
.country_icon.ar{background-position:-4px -9px}
.country_icon.jp{background-position:-223px -9px}
.header_select-group i{font-size:16px;position:relative;top:2px}
.header_select-group .item div{display:flex;align-items:center;justify-content:space-between}
.header_currency-select .currency span{font-size:20px}
.header_currency-select .currency p{margin:0 7px}
.header_country-select .country p{margin:0 5px}
.header_select-group .country_options{display:none;position:absolute;top:40px;overflow:inherit;width:100%;max-height:500px;text-align:center;border:none;border-radius:5px;background:#222c36;z-index:10}
.header_select-group .country_options li{display:flex;align-items:center;padding:3px 3px 3px 8px}
.country_options li span{margin-right:6px}
.header_select-group .country_options li:hover{background:#38485b}
.header_select-group .currency_options{display:none;position:absolute;top:40px;overflow:inherit;width:100%;max-height:500px;text-align:center;border:none;border-radius:5px;background:#222c36;z-index:10}
.header_select-group .currency_options li{display:flex;align-items:center;padding:3px}
.currency_options li span{font-size:20px;margin:0 8px 0 6px}
.header_select-group .currency_options li:hover{background:#38485b}
.item.active .icon-caret-down { transform: rotate(180deg); margin-top: -8px; }
.item.active .country_options,.item.active .currency_options{display:block}
.header_select-group .country_options::before { position: absolute; z-index: 10; top: -10px; left: 0; right: 0; margin: 0 auto; width: 0; height: 0; content: ''; border-right: 10px solid transparent; border-bottom: 10px solid #222c36; border-left: 10px solid transparent }
.header_select-group .currency_options::before { position: absolute; z-index: 10; top: -10px; left: 0; right: 0; margin: 0 auto; width: 0; height: 0; content: ''; border-right: 10px solid transparent; border-bottom: 10px solid #222c36; border-left: 10px solid transparent }
.social_list .steam .logolink-icon{border-radius:20px;background:#4d4d4d;padding:0}
.service_sale .service_sale-l .alone{text-align:center;font-size:47px;color:#d9dadd;padding-left:220px}
.language_icon{background:url(../images/language-icon.png);background-repeat:no-repeat;background-size:400px;display:inline-block}
.country_icon.icon{width:33px;height:25px;background-size:650px}
.country_icon.language_icon{width:33px;height:25px;background-size:650px}
.country_icon.de{background-position:-39px -10px}
.country_icon.fr{background-position:-148px -8px}
.z-uniques-title{color:#ecd2a8}

.mobile_account{display:none}
.mobile_footer{display:none}
.news_content .text{margin:15px 0;display:-webkit-box;overflow:hidden;width:100%;height:63px;text-overflow:ellipsis;color:#a3b1bf;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.news_content .date_tag{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}
.news_content .date_tag .time{background:#13181f;padding:5px 7px;font-size:13px}
.news_content .date_tag .category{background:#366c90;color:#fff;padding:4px 7px;border-radius:3px;font-size:12px}
.search_question .input_box{width:600px;position:relative;margin:auto}
.search_question .input_box input{height:60px;border-radius:60px;background:#1e2731;border:1px solid #22354c;width:100%;padding-left:32px;color:#fff}
.search_question .input_box i{position:absolute;right:21px;top:19px;font-size:27px;cursor:pointer}
.home_banner{padding-top:174px}
.help_center h2{color:#fff;font-size:40px;margin:20px 0 25px}
.help_center{text-align:center}
.help_center .faq_cate{margin:30px 0}
.help_center .faq_cate ul{display:flex;flex-wrap:wrap;justify-content:center}
.faq_cate ul li{background:#213042;border-radius:5px;height:45px;line-height:45px;margin-right:10px;cursor:pointer;color:#fff;padding:0 22px;font-size:16px}
.faq_cate ul li.current,.faq_cate ul li:hover{background:#366c90}
.faq_content .item{margin-bottom:20px}
.faq_content .item .item_title{background:#1c2a3b;height:65px;line-height:65px;padding:0 30px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;color:#fff}
.faq_content .item .item_text{padding:35px 30px 70px;background:#000;color:#fff;display:none;text-align:left;overflow:hidden;transition:max-height .3s ease-out}
.rotate-90{transform:rotate(90deg);transition:transform .3s ease}
.faq_content .item .item_text p{margin-bottom:10px;text-align:left}
.faq_content .item_title i{font-size:28px}
.sell_toUs h2.title{color:#fff;font-size:28px;margin:20px 0 25px}
.sell_topBanner{background:url(../images/sell-toUs-bg.png) no-repeat;padding:30px;border-radius:5px}
.sell_topBanner h2{font-size:40px;color:#3bbeff;text-transform:uppercase}
.sell_topBanner .left{height:150px}
.sell_topBanner h2 span{color:#80ffbb}
.sell_cantact .sell_item{display:flex;justify-content:center;align-items:center;background:#1c2a3b;padding:20px;width:24%}
.sell_cantact{display:flex;justify-content:space-between;align-items:center}
.sell_cantact .sell_item i{font-size:20px;margin-right:10px;vertical-align:middle;padding:4px;border-radius:26px;width:35px;height:35px;line-height:35px;text-align:center;display:block}
.sell_item .Discord{background:#4f4cc9}
.sell_item .Skype{background:#00aff0}
.sell_cantact .sell_item i.Email{background:#c24b4b;font-size:18px}
.sell_item .Chat{width:28px;height:30px;vertical-align:middle;background-size:750px;margin-right:5px;background-position:-173px -44px}
.sell_item .live_chat{background:#5f9222;border-radius:20px;width:35px;height:35px;line-height:35px;text-align:center;margin-right:10px}
.sell_item div .text{color:#61b1e5;margin-left:10px}
.sell_toUs .information{margin-top:30px}
.information .sell_form{background:#1c2a3b;padding:30px;display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center}
.information .sell_form .box{width:48%;margin-bottom:20px;position:relative}
.sell_form .box input,.sell_form .box select{width:100%;background:#182330;color:#d9dadd;margin-top:7px;position:relative;padding:15px}
.sell_form .box p i{margin-right:4px;color:red;vertical-align:middle}
.information .sell_form .box .multiple_box{display:flex;align-items:center;justify-content:space-between}
.sell_form .box .multiple_box select{width:100%;margin-right:20px}
.information h2{margin-bottom:15px}
.sell_form i.icon-caret-down{position:absolute;right:12px;top:45px;font-size:17px}
.sell_form .multiple_box>div{position:relative;width:35%;margin-right:20px}
.sell_form .multiple_box i{top:25px}
.sell_form .sumbit{width:100%}
.sell_form .sumbit button{padding:12px 50px;background:linear-gradient(to top right,#7bb324,#5d7f10);color:#fff;margin-top:10px}
.help-content{display:flex;justify-content:space-between}
.help-content .left{width:27%;margin-right:35px}
.tree_left-main .pro_first{height:50px;padding:0 0 0 10px;margin:0 0 2px;line-height:50px;background:#3b4654}
.tree_left-main .pro_first a{display:block;color:#d9dadd;width:100%;height:100%;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tree_left-main .pro_first:hover{background:#4c5a6c}
.help-content .help_title{padding:10px 0 10px 10px;font-size:16px;background:rgba(0,0,0,.4);border-radius:5px 5px 0 0}
.help-content .tree_right-main{background:#2b364b;padding:12px}
.help-content .tree_right-main h2{font-size:22px;margin:10px 0 5px}
.help-content .tree_right-main h3{font-size:18px;margin:10px 0 5px}
.help-content .tree_right-main h4{font-size:16px;margin:10px 0 5px}
.help-content .tree_right-main p{margin-bottom:10px}
.help-content .tree_right-main img{width:auto;margin:10px 0}
.help-content .content_box{width:100%;margin:20px 0 0}
.my_profile{display:flex;justify-content:space-between;margin:20px 0;}
.my_profile .left{width:18%;margin-right:20px}
.profile_list .pro_first{height:50px;padding:0 0 0 10px;border-bottom:2px solid #2d4159;line-height:50px;background:#1c2a3b;cursor: pointer;}
.profile_list .pro_first i{margin-right:10px;font-size:20px;vertical-align:middle;position:relative;top:3px}
.profile_list .pro_first a{color:#d9dadd}
.profile_list .pro_first:hover{background:#2d4159}
.my_profile .right{width:80%}
.member_box .bg_box{background:#1c2a3b;padding:20px}
.member_box .activity{display:flex;justify-content:space-between}
.member_box .activity .bg_box{width:49%}
.member_box h2.title{font-size:30px;margin-bottom:10px}
.activity .bg_box h3{margin-bottom:10px;color:#6ebfff}
.activity .bg_box input,.activity .bg_box select{width:100%;background:#182330;color:#d9dadd;padding:15px;margin-bottom:10px;position: relative;}
.activity .bg_box button{background:linear-gradient(to top right,#7bb324,#5d7f10);color:#fff;padding:10px 30px}
.activity .bg_box p{height:50px;overflow:hidden;margin-bottom:20px}
.activity .bg_box button:hover{background:linear-gradient(to bottom,#7bb324,#5d7f10)}
.profile_list .pro_first:last-child{border:none}
.activity .bg_box .select::after{content:"\f0d7";font-family:icomoon;font-size:17px;display:inline-block;margin:0 4px 0 8px;vertical-align:middle;position: absolute;right: 10px;top: 14px;color:#d9dadd}
.activity .bg_box .select{position:relative}
.modal_remember{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;}
.modal_overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:100;display:none}
.modal_container{width:480px;margin:20px auto}
.login_sign-box{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;margin:0;z-index:199;display:none}
.modal_content{background:#171e26;border-radius:10px;padding:25px 32px;position:relative;color:#b5b5b5}
.modal_close{position:absolute;top:20px;right:20px;padding:5px;font-size:20px;color:#fff;cursor:pointer}
.modal_input-group{margin-bottom:15px;position:relative}
.modal_input-group i{position:absolute;top:17px;left:15px;font-size:20px}
.modal_input{height:46px;border:1px solid #283c54;width:100%;border-radius:5px;padding-left:44px;background:#1e2731;color:#fff;}
.modal_terms{margin:20px 0;display:flex;align-items:center}
.modal_actions{margin-top:25px}
.modal_input-group i.icon-lock{font-size:24px;top:15px;left:17px}
.modal_actions .modal_submit{background:linear-gradient(to bottom,#7bb324,#5d7f10);padding:10px 15px;width:100%;height:50px;font-size:18px;color:#fff;border-radius:8px;font-weight:700}
@keyframes modalSlideIn{0%{opacity:0;transform:translateY(20px) scale(.95)}
100%{opacity:1;transform:translateY(0) scale(1)}
}
.modal_active{display:block;animation: modalSlideIn 0.3s cubic-bezier(0.68, -0.55, 0.27, 1.55);}
.modal_actions .modal_submit:hover{background:linear-gradient(to top,#7bb324,#5d7f10)}
.minimal-checkbox{display:inline-flex;align-items:center;gap:.6em;cursor:pointer}
.modal_terms label{margin-right:10px}
.minimal-checkbox input{appearance:none;width:1.1em;height:1.1em;border:2px solid #94a3b8;border-radius:.25em;position:relative;transition:all .1s ease;padding:7px;}
.minimal-checkbox input:checked{background:#2563eb;border-color:#2563eb;animation:check .2s ease}
.minimal-checkbox input:checked::after{content:"";position:absolute;left:50%;top:36%;width:.4em;height:.7em;border:solid #fff;border-width:0 2px 2px 0;transform:translate(-50%,-50%) rotate(45deg)}
.minimal-checkbox:hover input:not(:checked){border-color:#2563eb80}
@keyframes check{0%{transform:scale(.9)}
50%{transform:scale(1.1)}
100%{transform:scale(1)}
}
.modal_content .social{margin-top:30px;text-align:center;padding:0 30px}
.social .social_list{display:flex;justify-content:space-around;margin:20px 0}
.social_list div i{color:#d9dadd;font-size:25px;cursor:pointer;width:40px;height:40px;line-height:47px;display:block}
.social_list .google{background:#c43c39;border-radius:20px}
.social_list .facebook{background:#245fa8;border-radius:20px}
.social_list .twitter{background:#2c93ce;border-radius:20px}
.social_list .steam{background:#4d4d4d;border-radius:20px}
.social_list .windows{background:#373496;border-radius:20px}
.social_list .twitter i.icon-x{font-size:23px}
.social_list .facebook i.icon-facebook{font-size:23px}
.social_list .windows i.icon-windows8{font-size:23px}
.modal_content .icon-icons8-lock{font-weight:700;top:15px;}
.help-content .right{width:75%}
.member_box .re_order{display:flex;align-items:center}
.member_box .re_order .select::after{content:"\f107";font-family:icomoon;font-size:20px;display:inline-block;margin:0 4px 0 8px;vertical-align:middle;position:absolute;right:18px;top:13px;color:#d9dadd}
.re_order select{width:230px;background:#24374e;color:#d9dadd;padding:15px;position:relative;margin:0 10px;border-radius:5px}
.re_order .select.first{margin-left:29px}
.member_box .re_order .select{position:relative}
.member_box .data_container{background:#1c2a3b;margin-top:20px}
.member_box .re_order h2.title{margin-bottom:0}
.data_container .header_row{grid-template-columns:1fr 1fr 1fr 1fr 1fr minmax(180px, 1.2fr);}
.data_container .fixed_row{grid-template-columns:1fr 1fr 1fr 1fr 1fr minmax(180px, 1.2fr);}
.data_container .dynamic_content{display:flex;justify-content:space-between;padding:20px;align-items:center;border-bottom:1px solid #2d4159}
.dynamic_content .item_details{display:flex;align-items:center}
.dynamic_content .item_details img{max-width:100px;margin-right:30px}
.dynamic_content .num_price{display:flex;align-items:center;justify-content:space-around;width:30%}
.num_price .price{font-weight:700}
.data_container .user_info h3{margin-bottom:7px}
.data_container .user_info{padding:20px;border-bottom:1px solid #2d4159}
.data_container .user_info .margin{margin-top:30px}
.data_container .battle_tag>div{display:flex}
.user_info .flexItemCenter p{margin-right:30px}
.user_info .flexItemCenter span{color:#6ebfff}
.data_cell .leam_chat{display:flex;align-items:center;justify-content:space-between}
.leam_chat button.more{background:#213042;color:#6ebfff;font-family:Poppins-Regular}
.leam_chat button.chat{color:#d9dadd;background:#366c90}
.data_container .pay_methods{padding:20px 20px 35px}
.data_cell.total_price{color:#6ebfff}
.pay_methods .pay_methods-box{display:flex;flex-wrap:wrap;justify-content:space-between}
.pay_methods-box .total_list{width:30%}
.pay_methods-box .total_list .line{display:flex;justify-content:space-between;margin-bottom:10px}
.total_list .line span{font-weight:700}
.pay_methods-box .total_list .button{display:flex;margin-top:30px;justify-content:space-around}
.total_list .button button{color:#d9dadd;background:#366c90;padding:10px 25px}
.total_list .button button:hover{background:#4282ad}
.text_blue{color:#6ebfff}
.total_list .line.Subtotal{border-top:1px solid #2d4159;padding:20px 0 0}
.member_box .header_row{display:grid;padding:10px 20px;background:#366c90;border-radius:10px 10px 0 0}
.member_box .fixed_row{display:grid;align-items:center;padding:20px;border-bottom:1px solid #2d4159}
.member_box .message .header_row{grid-template-columns:minmax(200px,3fr) 1fr 1fr}
.member_box .message .fixed_row{grid-template-columns:minmax(200px,3fr) 1fr 1fr;color:#808080;}
.fixed_row.active .dot{color:#82ba2f}
.data_cell .dot{margin-right:3px;color:grey}
.member_box .coupon .header_row{grid-template-columns:minmax(200px,2fr) 1fr 1fr 1fr}
.member_box .coupon .fixed_row{grid-template-columns:minmax(200px,2fr) 1fr 1fr 1fr}
.member_box .cont_bg{background:#1c2a3b;margin-top:15px}
.coupon .data_cell .use{background:linear-gradient(to top right,#7bb324,#5d7f10);color:#fff;padding:7px 25px}
.change_pass-form .input_box input{width:100%;max-width:400px;background:#182330;color:#d9dadd;padding:15px;margin-bottom:10px;position:relative}
.member_box .change_pass-form{padding:20px}
.change_pass-form .input_box{margin-bottom:15px}
.change_pass-form .input_box i{vertical-align:middle;color:red}
.change_pass-form .input_box label{margin-bottom:10px;display:block}
.change_pass-form .pass_sub{background:linear-gradient(to top right,#7bb324,#5d7f10);color:#fff;padding:10px 30px}
.change_pass-form .pass_sub:hover{background:linear-gradient(to bottom,#7bb324,#5d7f10)}
.member_box .message .fixed_row.active{color:#eeeff2}
.member_box .user_box{background:#1c2a3b;padding:20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;color: #aeb0b5;}
.member_box .user_box .img{width:15%;text-align:center}
.member_box .user_box .user_detail{width:83%;display:grid;grid-template-columns:repeat(2,1fr)}
.user_box .user_detail .item{display:flex;align-items:center;margin:10px 0}
.user_box .img img{object-fit:scale-down}
.user_detail .item div{margin:0 10px}
.user_detail .item div:first-child{width:100px;color: #d9dadd;}
.pro_bottom h2.title{margin-top:20px}
.pro_bottom .pro_form{padding:20px;background:#1c2a3b;display:grid;grid-template-columns:repeat(2,1fr);align-items:center;gap: 10px 50px;}
.pro_form .input_box{margin-bottom:15px}
.pro_form .input_box input{width:100%;background:#182330;color:#d9dadd;padding:15px;margin-bottom:10px;position:relative}
.pro_form .input_box label{display:block;margin-bottom: 10px;}
.pro_form .input_box label i{color:red;vertical-align:middle}
.pro_form .submit button{background:linear-gradient(to top right,#7bb324,#5d7f10);color:#fff;padding:10px 30px}
.pro_form .submit{width:100%;box-sizing:border-box;grid-column:span 2;text-align:center}
.pro_form .submit button:hover {background: linear-gradient(to bottom, #7bb324, #5d7f10);}
.header_cart-top .cart_link{position:absolute;min-width:360px;top:44px;left:-125px;z-index:20;display:none;background:#1c242d;border-top:2px solid #76aa21}
.header_cart-top{position:relative;padding:10px;}
.mobile_cart-tit{display:none}
.header_right .header_cart-top:hover .cart_link{display:block}
.header_cart-top .cart_list{display:block;max-height:300px;overflow-y:auto}
.header_cart-top .cart_list .cart_list-li{display:flex;border-bottom:1px solid #525254;padding:12px 15px;overflow:hidden;color:#fff;align-items:center;position:relative;cursor:pointer}
.cart_list .cart_list-li .cart_img{height:80px;width:80px;min-width:80px;margin-right:20px;display:flex;align-items:center;justify-content:center}
.cart_tit-cont .price{font-size:16px}
.cart_tit-cont .shop_num{display:flex;align-items:center;height:35px;margin-top:5px}
.cart_tit-cont .shop_num span{width:30px;display:flex;align-items:center;justify-content:center;background:#223042;cursor:pointer;height:35px}
.cart_tit-cont .shop_num .number_input{width:80px;border-left:1px solid #000;border-right:1px solid #000;height:100%;background:#223042;text-align:center;color:#fff}
.cart_tit-cont .shop_num .sub{border-radius:5px 0 0 5px}
.cart_tit-cont .shop_num .add{border-radius:0 5px 5px 0}
.cart_list .cart_list-li .delete{position:absolute;right:14px;bottom:17px;color:#5090b6;font-size:17px}
.cart_list .cart_list-li .delete:hover{color:#427796}
.cart_tit-cont .shop_num span:hover{background:#3c7395}
.cart_link .cart_total{display:flex;align-items:center;justify-content:space-between;padding:10px}
.cart_link .cart_total>div{display:flex;align-items:center;}
.cart_tit-cont .cart_title{font-size:13px}
.header_cart-top .cart_list .cart_list-li:hover{background:#2a3d54}
.cart_link.display { opacity: 1; display: block; animation: .4s ease 0s 1 normal none running cartShow; -moz-animation: .4s ease 0s 1 normal none running cartShow; -webkit-animation: .4s ease 0s 1 normal none running cartShow }
.cart_link .cart_total .item_num{color:#61b1e5;margin:0 5px}
.cart_link .cart_total .price{color:#61b1e5;margin:0 5px;font-size:22px}
.cart_link .cart_total .price strong{position:relative;left:5px}
.cart_tit-cont .shop_num .sub i{height:8px}
.cart_tit-cont .shop_num .add i{height:10px}
.cart_link .cart_button{text-align:right;padding:15px 10px;border-radius:0 0 5px 5px;display:flex;align-items:center;justify-content:space-between;background:#222c36}
.cart_link .cart_button .clear_btn{background:#171e26;color:#fff;padding:10px 25px;border-radius:5px}
.cart_link .cart_button .checkout_btn{background:#366c90;color:#fff;padding:10px 25px;border-radius:5px}
.cart_link .cart_button .checkout_btn:hover{background:#427aa0}
.cart_link .cart_button .clear_btn:hover{background:#0f1419}
.header_right .logged_in{width:230px;}
.modal_content .sigin_rigister{margin-bottom:20px}
.sigin_rigister a{color:#fff;width:100%;border-bottom:1px solid rgba(255,255,255,.1);text-align:center;padding-bottom:20px;font-size:20px}
.sigin_rigister a.acive{border-bottom:1px solid #366c90}
.loading_page-topimg{min-height:200px;margin-bottom:30px}
.loading_page-topimg .service_sale {align-items:flex-start;}
.guide-container{margin:20px 0;background:#16202c;}
.guide-container .gc-title{padding:12px 16px;border-left:solid 4px #3c7294;background:#0e1319;}
.guide-container .gc-title h2{font-size:18px;color:#d9dadd;margin:0}
.guide-container .container {padding: 20px;background:#16202c;width: 100%;}
.guide-container .container p{margin-bottom:10px;overflow:hidden;}
.guide-container .container p:last-child{margin-bottom:0;}
.guide-container .container .p-icon{margin-top:20px;font-size:16px;}
.guide-container .container li{display:list-item;margin-bottom:6px;margin-left:15px;}
.guide-container .container .d2i-new li{display:block;}
.guide-container .container .panel-text p{margin-left:2px}
.guide-container .panel-group{margin-bottom:20px;border:solid 1px #304153;border-radius:5px}
.guide-container .panel-group .panel-tit{padding:15px 20px;font-size:14px;color:#61b5e8}
.guide-container .panel-group .panel-text{padding:15px 20px;border-top:solid 1px #304153}
.main:has(.loading_page-topimg){position:relative;overflow:hidden}
.main:has(.loading_page-topimg)::before{content:"";position:absolute;top:175px;left:0;width:100vw;height:100%;background:url(/images/gamebg/default-bg.jpg) top center/cover;z-index:-1;background-size:1920px;background-repeat:no-repeat}
.main:has(.loading_page-topimg.tpbg)::before { background: var(--bigBanner); background-size: 1920px; background-repeat: no-repeat }
.noCart{padding:10px}
.loading_page-topimg .service_sale-l{width:64%;padding-left:14px;padding-top:30px;}
.loading_page-topimg .service_sale-r{width:28%;position:relative}
.loading_page-topimg .service_sale-r img{position:absolute;top:-30px}
.loading_page-topimg .service_sale-r img[src]:not([src=""]):after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #182330; background-size: contain; }
.service_sale-l p { line-height: 25px; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden }
.pagination{text-align:center;margin:40px 0 30px}
.pagination a{background:#171e26;padding:10px 17px;color:#d9dadd;margin:0 7px;border-radius:5px}
.pagination a.active,.pagination a:hover{background:#366c90}
.giveaways_page{margin:20px 0}
.giveaways_page .giveaways_tit{background:#366c90;padding:20px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}
.giveaways_tit .left h2{color:#fff000}
.giveaways_page .giveaways_list{margin-top:20px;display:grid;gap:15px;grid-template-columns:repeat(4,1fr)}
.giveaways_list .item>a{display:block;color:#fff;padding:15px 10px}
.giveaways_list .give_top{display:flex;justify-content:space-between}
.giveaways_list .item{background:#060c1d;box-shadow:0 0 5px 1px #121d3d;border-radius:10px}
.giveaways_list .rl-center{position:relative}
.giveaways_list .rl-img{margin:0;padding-top:60px;height:auto;text-align:center}
.giveaways_list .rl-img img{width:auto;height:164px;object-fit:scale-down}
.giveaways_list .rl-right{position:absolute;top:35px;right:0;left:auto}
.giveaways_list .rl-price{position:absolute;top:0;right:0;font-size:16px}
.giveaways_list .rl-textColor{position:relative;color:#fff;line-height:13px}
.giveaways_list .rl-winner{position:absolute;top:0;left:55%;color:#f8fafc;transform:translateX(-50%)}
.giveaways_list .rl-centerName{position:relative;height:40px;color:#fff;text-shadow:rgb(0 0 0 / 75%) 1px 1px 4px;font-size:16px;text-align:center}
.giveaways_list .available-left{position:absolute;top:0;left:0}
.giveaways_details .raffle-item{background:#000;padding:10px}
.giveaways_details .rl-winner{font-size:20px}
.giveaways_list .rl-img .compose img{height:auto;width:54px;margin:0}
.giveaways_list .baseid10{position:absolute;top:55%;left:50%;transform:translate(-50%,-50%)}
.giveaways_details .raffle-statistics ul{display:flex;justify-content:space-between;align-items:center;text-align:center;padding:10px}
.giveaways_details .raffle-statistics li{font-size:16px}
.giveaways_details .raffle-login{text-align:center;margin-bottom:1px;padding:20px 0;background:#21435b}
.giveaways_details .raffle-login .src03{font-size:22px;margin-bottom:10px}
.giveaways_details .raffle-login input{display:inline-block;color:#fff;background:#396b8c;text-align:center;line-height:30px;width:120px;padding:5px 15px;border-radius:3px;margin:0 10px;cursor:pointer}
.giveaways_details .raffle-login a{display:inline-block}
.dr2openboxtop{padding:20px 10px;background:#31678b;color:#c5dff0;font-weight:700;font-size:20px}
.dr2-openbox{margin:15px 0}
.dr2-openbox-ul{padding:10px;background:#1a374b}
.dr2-openbox-ul ul{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.dr2-openbox-ul ul li{padding:15px;transition:all .3s;position:relative;top:0}
.dr2-openbox-ul ul li .box{display:block;padding:20px;border-radius:6px;background:#2c5f81;text-align:center;color:#fff;font-size:16px}
.dr2-openbox-ul .box .act-name{margin-bottom:10px}
.dr2-openbox-ul ul li:hover{top:-2px}
.advantage{margin:30px 0 0}
.dr2-content .advan-right{padding:20px;width:100%;background:#1a374b}
.dr2-content .advan-right p{margin-bottom:10px}
.available-left p{padding-bottom:0}
.available-left ul{display:flex;gap:10px}
.available-left li img{width:26px;opacity:.7}
.available-left li .boxfix{display:none}
.giveaways_list .rl-buy{display:flex;justify-content:space-between;align-items:center;border-top:1px #582e56 solid;padding:15px 10px}
.giveaways_list .rl-userinfo{display:flex;align-items:center}
.giveaways_list .rl-btn a{display:block;color:#fff;background:#396b8c;text-align:center;line-height:30px;padding:2px 15px;border-radius:3px}
.give_img img{height:164px;object-fit:scale-down}
.giveaways_list .give_img{text-align:center;margin:10px 0}
.giveaways_list .give_name{text-align:center;font-size:18px}
.give_name .number{color:#66c0f4}
.giveaways_list .give_buy{display:flex;justify-content:space-between;align-items:center;border-top:1px #582e56 solid;padding:15px 10px}
.giveaways_list .give_buy .give_info{display:flex;align-items:center}
.give_buy .give_info i{margin-right:15px;font-size:29px;vertical-align:middle;padding-top:5px}
.give_buy .join_now a{display:block;color:#fff;background:#396b8c;text-align:center;line-height:30px;padding:2px 15px;border-radius:3px}
.give_top i{font-size:24px;color:#c3c3c3;margin-right:5px}
.give_top .pla_icon{margin-top:7px;display:flex;align-items:center}
.give_top .give_gif{margin-top:7px;text-align:right}
.give_buy .join_now a:hover{background:#4584ad}
.give_info .timeBar span{margin-right:4px}
.giveaways_list .finished{opacity:.5;-webkit-filter:grayscale(.8);filter:grayscale(.8)}
.giveaways_details{margin:30px auto;max-width:560px;background:#2e5876}
.giveaways_details .img{padding:20px;background:#2e5876;text-align:center}
.giveaways_details .img img{width:163px;vertical-align:middle}
.giveaways_details .give_top{display:flex;justify-content:space-between}
.giveaways_details .details{background:#060c1d;padding:10px}
.giveaways_details .details .tit{font-size:20px}
.giveaways_details .give_img{text-align:center;margin:10px 0}
.giveaways_details .give_name{text-align:center;font-size:18px}
.giveaways_details .statistics{display:flex;justify-content:space-between;align-items:center;padding:15px;font-size:20px;text-align:center;color:#fff}
.giveaways_details .give_login{text-align:center;margin-bottom:1px;padding:20px 0;background:#21435b}
.give_login .tit{font-size:22px;margin-bottom:10px}
.give_login .log_sign a{display:inline-block;color:#fff;background:#396b8c;text-align:center;line-height:30px;width:120px;padding:5px 15px;border-radius:3px;margin:0 10px}
.statistics span{font-size:15px;color:#d9dadd}
.giveaways_details .statistics .timeBar{color:#fff;font-size:22px}
.statistics .timeBar span{margin-right:7px;color:#fff}
.give_login .give_luck{display:flex;align-items:center;justify-content:center;text-align:left;border-bottom:1px solid #315c78;padding:10px 0;font-size:16px}
.give_login .give_luck i{font-size:37px;margin-right:10px;vertical-align:middle}
.giveaways_details .give_content{background:#2b3339;padding:15px}
.give_luck .info span{font-size:14px;color:#a5afb7}
.Game_List h2{margin-bottom:20px;font-size:30px}
.Game_List{margin:20px 0}
.Game_List ul li{width:40px;height:40px;background:#1e2f43;border-radius:5px;color:#fff;margin-right:15px;cursor:pointer}
.Game_List ul li.active,.Game_List ul li:hover{background:#366c90}
.game_list-info .game_list-item{border-top:1px solid #366c90;color:#fff;padding:25px 0;display:flex;align-items:center}
.game_list-item .item_text{font-size:25px;min-width:150px}
.game_list-item .flexItemCenter{flex-wrap:wrap}
.game_list-item .flexItemCenter a{min-width:260px;height:40px;color:#fff;display:flex;align-items:center;white-space:break-spaces;width:260px}
.game_area .menu_box::-webkit-scrollbar{width:8px;height:8px}
.game_area .menu_box::-webkit-scrollbar-thumb{background:#366c90;border-radius:5px;border:1px solid hsla(0,0%,100%,.26);cursor:pointer}
.modal_login .phone-city{display:flex;align-items:center}
.phone-city .input_box{display:flex;position:relative}
.phone-city .input_box i{width:10px;height:6px;right:20px;top:16px;position:absolute;left:auto}
.phone-city .countryselect{margin-right:10px;height:45px;color:#fff;background:#1e2731;border-radius:5px 5px 5px 5px;border:1px solid #364756;font-size:12px;line-height:45px;padding-left:12px;cursor:pointer;white-space:nowrap;padding-right:42px;outline:0;width:100%;display:flex;align-items:center;min-width:106px}
.phone-city .countryselect img{margin-right:5px;width:20px;display:none}
.phone-city .country_select-down{position:absolute;top:52px;display:none;z-index:10;min-width:360px;background-color:#262626;border:1px solid #636363}
.country_select-down .country_search{padding:5px}
.phone-city .country_search .countrysearch{background:#171916;padding-left:10px;border:1px solid #dbdbdb;height:40px}
.phone-city .country_select-list ul{max-height:400px;overflow-y:auto;padding:5px}
.country_select-list ul li{background:#2e302e;margin-bottom:0;padding:8px 16px;white-space:nowrap;cursor:pointer;display:flex;align-items:center;justify-content:space-between;margin:0 0 1px;font-size:13px}
.country_item--left img{margin-right:5px;margin-bottom:-1px}
.country_select-list .country_item--right{color:#03a9f4;font-weight:700}
.phone-city .input_box.tel{width:100%}
.phone-city .input_box.tel i{left:13px}
.phone-city .input_box input{background:#1e2731;border:1px solid #364756;border-radius:5px;width:100%;height:45px;padding-left:40px;color:#fff;font-size:14px}
.header_cart-top .cart_list::-webkit-scrollbar{width:8px;height:8px}
.header_cart-top .cart_list::-webkit-scrollbar-thumb{background:#76aa21;border-radius:5px;border:1px solid hsla(0,0%,100%,.26);cursor:pointer}
.country_select-list ul li:hover{background:#366c90}
.country_select-down .country_select-list ul li.hide { display: none }
.user_reviews{display:flex;position:relative;overflow:hidden;background:#1e2f43;padding:30px 15px;margin:20px 0;border-radius:5px;}
.user_reviews .left{width:24%}
.user_reviews .right{display:flex;align-items:center;justify-content:space-between;width:75%;position:relative}
.reviews_del .star{display:flex;align-items:center}
.reviews_del .star_icon i{display:inline-block;background:#00b67a;padding:8px 7px 6px 7px;color:#fff}
.reviews_del .star .star_icon{display:flex;gap:5px;margin-right:8px}
.reviews_del .title{margin:10px 0;font-size:16px;font-weight:700}
.reviews_del .details{overflow:hidden;height:47px;line-height:22px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:10px 0;}
.user_reviews .reviews_del{display:flex;width:100%;gap:15px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}
.reviews_del .box{min-width:265px;max-width:265px;flex-shrink:0;box-sizing:border-box}
.reviews_del .date{color:#8a9db3;font-size:14px}
.user_reviews .arrow{cursor:pointer;font-size:35px;padding:0 10px;user-select:none;margin:0 10px;color:#fff;transition:all .3s ease;z-index:1}
.user_reviews .icon-circle-left{margin-left:0}
.reviews_del .star .icon-hook{font-size:20px;vertical-align:middle}
.user_reviews .arrow.disabled{color:#6b7c8f;cursor:not-allowed;opacity:.5}
#google_ac{display:flex;justify-content:center}
.google_apple--warpper{margin:20px 0}
.menu_box-gameList.all_game{margin:20px 0;min-height:300px;}
.all_game .search_Sorting .search i{top:15px}
.all_game .search_Sorting .search_ul .search_li{background:#1e2f43}
.all_game .search_Sorting .search_ul .search_li.current,.all_game .search_Sorting .search_ul .search_li:hover{background:#366c90}
.games_activity{margin:20px 0}
.games_activity .activity_list{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin:20px 0}
.games_activity h2{margin-bottom:10px}
.rank{margin:15px 0;overflow:hidden;margin-top:20px;border:solid 2px #3078a7;border-radius:5px}
.ranktitle{height:52px;background:#2e678d;line-height:52px;background-image:-webkit-linear-gradient(0deg,#56a2ce 0,#386b8b 100%);color:#fff;padding:0 20px;font-size:20px}
.rankcontent{padding:20px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px}
.rankcontent .rankcont-img{width:40%;margin-right:10px}
.rank-sele-link{display:flex;justify-content:end;padding:0 20px}
.rank-sele .search-rarities{padding-left:10px;width:160px}
.ranklist{padding:20px}
.ranklist .event-prizes{color:#539cc7;font-weight:700;font-size:18px}
.ranklist .scroll{overflow-y:auto;margin-top:15px}
.d2crateprize-token{overflow:hidden;padding-bottom:20px;display:grid;grid-template-columns:repeat(5,1fr);gap:15px}
.d2crateprize-token .goldrl-box{position:relative;border:1px solid #582e56;text-align:center}
.d2crateprize-token .goldrl-box .rl-name{overflow:hidden;height:45px;border-bottom:1px #582e56 solid;border-radius:3px 3px 0 0;color:#fff;white-space:nowrap;font-size:14px;line-height:45px}
.d2crateprize-token .goldrl-box .t1{font-size:10pt;padding-top:3px;line-height:20px;white-space:nowrap}
.d2crateprize-token .goldrl-box .t2{font-size:9pt;line-height:17px;padding-bottom:2px;color:#fff;position:absolute;width:100%;z-index:1}
.d2crateprize-token .goldrl-box .rl-center{position:relative;background:#000}
.d2crateprize-token .goldrl-box .rl-img{height:140px}
.d2crateprize-token .rl-img img{padding:20px 0;width:auto;height:100%}
.d2crateprize-token .goldrl-box .rl-buy{padding:3px 4px;border-top:1px #582e56 solid}
.d2crateprize-token .goldrl-box .rl-price{background:#35576e;height:auto;font-size:16px;line-height:25px}
.scr-rank-date ul{margin-bottom:6px;background-color:#1c2939;font-weight:500;display:grid;grid-template-columns:repeat(7,1fr);padding:10px;border:solid 1px #386c8c;text-align:center;box-shadow:inset 0 2px 18px 0 rgb(63 119 154 / 50%)}
.scr-rank-date .rankd-title li{border-right:1px solid #024e60;width:100%;text-align:center;text-overflow:ellipsis;white-space:nowrap}
.scr-rank-date .rankd-title{background-color:#306586}
.d2r-rank-date ul input{position:relative;width:100px;height:auto;border:solid 1px #216879;background:#336b90;border-radius:5px;color:#fff;font-size:14px;cursor:pointer}
.forc_content{width:620px;height:848px;background-color:#002938;background-image:linear-gradient(to right,#0a5671 0,#002938 130%);border-radius:6px;display:block;overflow:hidden;position:fixed;top:30px;left:calc(50% - 310px);z-index:99}
.forc_content .conter{width:95%;height:97.5%;margin:0 auto;overflow:hidden;border-radius:10px}
.forc_content .conter .conter_top .top_img{padding:5px 0}
.forc_content .float_left{float:left}
.forc_content .conter_top .top_text{font-size:12px;line-height:36px;padding-left:10px;margin:3px;color:#f0f0f0}
.forc_content .conter .top_text h3{display:inline-block}
.forc_content .conter .top_img img{width:25px}
.forc_content .float_right{float:right}
.forc_content .conter .conter_top .top_close{padding:7px 0;cursor:pointer}
.clearfix{clear:both}
.forc_content .conter .free-crates{height:785px;background-color:#f5f5f5;border-radius:10px;overflow-y:auto}
.forc_content .conter .free-crates .d2rankbossdateil{margin:0 auto;width:92%;height:650px;color:#000;font-size:12px}
.d2rankbossdateil_list{padding:4px 0;border-bottom:1px #8c8c8c dashed}
.d2rankbossdateil_list>ul>li{overflow:hidden}
.bossnamerank{float:left;padding-top:16px;width:200px}
.d2rankbossdateil .d2rankbossdateil_list img{width:32px;max-height:35px;vertical-align:bottom}
.d2numprank{float:right;width:calc(100% - 200px)}
.d2numprank ul{display:block;overflow:hidden}
.d2numprank ul li{width:19%;float:left}
.d2numprank ul li:nth-child(1){width:16%}
.d2numprank ul li:nth-child(2){width:65%;line-height:35px}
.forc_content .conter .free-crates::-webkit-scrollbar{width:10px}
.forc_content .conter .free-crates::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#1f7ebe;height:100px}
.d2r_datebase{margin:15px 0}
.d2r_datebase h2.tit{text-align:center;font-size:25px;margin-bottom:30px;}
.d2r_datebase .datebase_list{margin:10px 0;display:grid;grid-template-columns:repeat(6,1fr);gap:20px}
.datebase_list .item{display:flex;text-align:center;justify-content:center;border:solid 1px #366c90;background:#000}
.datebase_list .item a{display:block;width:100%;height:100%}
.datebase_list .d_name{padding:10px 0;border-bottom:solid 1px #366c90;color:#fff;font-size:16px}
.categories{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px;padding-bottom:10px;overflow-x:auto}
.category__item{padding:6px 12px;border-radius:12px;font-size:14px;cursor:pointer;transition:all .2s ease;white-space:nowrap;background:#213042}
.category__item--active{background-color:#366c90;color:#e0e0e0}
.category__item a{color:#fff}
.database_header{margin:15px 0}
.date_search{position:relative;display:none;}
.category__item--inactive{background-color:#213042;color:#fff}
.category__item--inactive:hover{background-color:#366c90}
.search{position:relative;margin-bottom:20px}
.search__input{width:100%;padding:10px 10px 10px 36px;border-radius:12px;background-color:#213042;border:1px solid #000;color:#e0e0e0;font-size:14px}
.search__input:focus{outline:0;border-color:#3d3d3d}
.search__icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#757575}
.database_grid{column-count:5;column-gap:16px}
.database_grid .card{text-align:center;background-color:#213042;border-radius:8px;padding:16px;display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease;break-inside:avoid;margin-bottom:16px}
.database_grid .card:hover{transform:translateY(-4px);box-shadow:0 4px 12px rgba(0,0,0,.3)}
.card__image{height:180px;background-color:#34495e;border-radius:4px;margin-bottom:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;text-transform:uppercase;letter-spacing:1px}
.card__title{color:#fff;font-size:18px;margin-bottom:8px;font-weight:600}
.card__text{color:#cbd5e1;font-size:14px;line-height:1.5;margin-bottom:12px;flex-grow:1}
.card__text--highlight{color:#3498db;font-weight:500}
.card__stats{display:flex;justify-content:space-between;color:#94a3b8;font-size:13px;margin-top:auto}
.database_grid .z-hidden{display:none}
.z-sort-name .z-sets-title{color:#90ff00}
.z-smallstats{color:#84b7ff}
.z-smallstats .z-white{color:#fff}
.z-vf-hide .z-hr{width:100%;height:2px;border-bottom:1px solid #000;display:block;margin-top:14px;margin-bottom:14px;box-shadow:0 1px 0 rgba(255,255,255,.04)}
.z-vf-hide .z-grey{color:#888;margin-right:2px}
.ajax_catch .z-sets-title{color:#90ff00}
.float-right.opcra-main{order:1;width:54%}
.mari-section-outer{overflow:hidden;margin:0 auto;margin-top:20px;border:solid 2px #3078a7;border-radius:5px;color:#333}
.mari-section-outer .crates-option{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;padding:10px}
.crates-option .craopt-goods{background:#2e5876;border-radius:5px;text-align:center;padding:16px;margin:7px;cursor:pointer;box-sizing:content-box;color:#caf0ff}
.craopt-goods:hover{background:#264d69}
.section-outer-title{height:52px;background:#2e678d;line-height:52px;background-image:-webkit-linear-gradient(0deg,#56a2ce 0,#386b8b 100%)}
.section-outer-title span{display:inline-block;margin:0 auto;padding:0 20px;border-radius:5px;color:#fff;letter-spacing:.8px;font-weight:700;font-size:22px;line-height:52px}
.open-crates{display:flex;justify-content:space-between;padding:20px}
.open-crates .float-left{width:44%}
.open-crates .float-left .cratetext{color:#d9dadd}
.open-crates .cratetext ul{list-style-type:decimal;padding-left:20px;margin:10px 0}
.open-crates .cratetext ul li{margin:7px 0}
.infoshow-top{height:190px;overflow:hidden}
.infoshow-top-crile{display:flex;width:88%;height:598px;border-radius:300px;border:solid 2px #5eb0df;margin:0 auto;padding:10px 74px;background-image:-webkit-linear-gradient(0deg,#56a2ce 0,#386b8b 100%)}
.infoshow-img img{width:190px;height:190px}
.infoshow-name .number{font-size:70px;color:#f9f9f9;position:relative;top:36px}
.infoshow-name .name{font-size:24px;color:#cbf0f9;position:relative;top:20px;height:24px}
.infoshow-top-crile .infoshow-name{text-align:center}
.opcra-main .infoshow-in{border:solid 2px #5eb0df;width:88%;margin:0 auto;border-bottom:1px solid;border-radius:5px}
.prize-passway{width:93%;height:157px;background:#54abde;border-radius:5px;padding:8px;position:relative;margin:20px auto}
#lottery-container{position:relative;overflow:hidden;height:140px;color:#fff;width:512px}
#lottery-container ul{position:absolute;list-style:none;margin:0;padding:0;white-space:nowrap}
.passway-all li{background:#000;border-radius:3px;display:inline-block;font-size:13px;text-align:center;line-height:25px;overflow:hidden;height:100%;width:106px;margin-right:1px}
.passway-all li img{width:106px}
.open-crates-input{width:109%;background:#4583a8;border:2px solid #5eb0df;position:relative;z-index:3;left:-5%;border-radius:5px;padding:10px 10px 26px 10px}
.open-crates-input ul{display:flex;justify-content: space-between;flex-wrap:wrap;gap:15px;}
.open-crates-input ul li{width:40%;text-align:center;margin:10px 2%;display:inline-block;position:relative}
.open-crates-input a{display:inline-block;width:100%;height:45px;background:#ebb125;font-size:22px;border-radius:18px;line-height:45px;text-align:center;text-shadow:1px 1px 2px #000;box-shadow:0 5px 0 #ac741b;color:#fff;cursor:pointer}
.passway-pointer{position:absolute;top:-40px;left:46%}
.infoshow-lower{height:50px;overflow:hidden;margin-bottom:50px;width:104%;border-bottom:solid 2px #5eb0df;margin:0 auto;position:relative;top:-1px;left:-2%}
.infoshow-lower .infoshow-lower-crile{height:100px;background:#4381a6;border:solid 2px #5eb0df;border-radius:50px;margin:0 auto;padding:0 50px;display:flex;justify-content:space-between}
.crates-giftshow{padding:0 10px;margin-top:15px}
.infoshow-lower-crile .all-skinstitle{font-size:18px;color:#fff;line-height:44px}
.all-skinstitle span{color:#f8da2d;font-weight:600}
.rankcontent .rankc-exp{width:60%}
.rank-sele-link .rank-link{order:-1}
.rank-link ul li .on{border:solid 1px #458bb7;box-shadow:inset 0 2px 35px 0 rgba(44,131,152,.81);color:#fff;display:inline-block;padding:0 50px;height:49px;background:#1b4865;line-height:50px}
.rank-date{padding:20px}
.rank-date .rankd-title{color:#fffc05;font-weight:500;box-shadow:inset 0 2px 35px 0 rgba(27,40,56,.47);background-color:#306586;display:flex;align-items:center;justify-content:space-between;margin:2px 0;padding:10px 0;height:50px;border:solid 1px #386c8c}
.rank-date .rankd-title li{display:inline-block;overflow:hidden;box-sizing:border-box;padding:0 6px;width:16%;border-right:1px solid #024e60;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:30px;color:#fff}
.header_nav-item span{display:inline-block;width:auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.header_right-chat{width:auto;white-space:nowrap}
.all_game .menu_box-ul li a{width:100%}
.all_game .menu_box-ul span{max-width:100%}
.wow_classic{margin:15px 0}
.dr2simu-open ul{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;text-align:center;margin:20px 0}

.h-top{position:fixed;right:13px;bottom:73px;z-index:1;display:none;text-align:center}
.h-top i{background:linear-gradient(to top right,#7bb324,#5d7f10);display:block;padding:15px;border-radius:50px;font-size:20px;cursor:pointer;font-weight:700}
.footer{background-color:#151f2c;box-shadow:#101c36 1px -1px 6px 1px;margin-top:50px;color:#d9dadd}
.footer_columns{display:flex;flex-wrap:wrap;justify-content:space-between;padding:30px 0 0;text-align:left;font-size:14px}
.footer_column{width:calc(16.666% - 20px);margin-bottom:20px}
.footer_logo-link{display:inline-block}
.google_sate a{display:flex;align-items:center;gap:5px;color: #82ba2f;}
.google_sate a img{max-width:25px}
.trustpilot-widget{max-height:105px;overflow:hidden;margin-bottom:2px}
.footer_logo-link img{height:50px;margin-bottom:20px}
.footer_site-description{font-size:14px;line-height:1.6}
.footer_column-title{font-size:18px;margin-bottom:20px;color:#82ba2f;height:25px}
.footer_column-list{list-style-type:none;margin:0;padding:0}
.footer_column-item{margin-bottom:10px}
.footer_column-item a{color:#d9dadd;font-size:13px}
.footer .capy_main p{margin:5px 0;font-size:13px}
.footer .capy_main{background:#1b2838;text-align:center;padding:15px 0}
.footer_social-list{list-style-type:none;margin:0;padding:0;display:flex}
.footer_social-item{margin-right:10px}
.footer_column-item a:hover{color:#ffffff}
.footer_social-item img{height:30px}
.footer_contact-info{margin-bottom:10px;display:flex;align-items:center}
.footer_contact-info i{font-size:18px;vertical-align:middle;padding-top:5px;display:block}
.footer_contact-info div p{font-size:15px;color:#fff;text-align:left}
.footer_contact-info a{color:#d9dadd}
.footer_column.footer_column-logo{width:25%}
.footer_contact-info .info_bg{background:#619314;border-radius:3px;padding:5px 8px;margin-right:10px;min-width:35px;text-align:center}
.social_media{display:flex;align-items:center;flex-wrap:wrap;margin:20px 0;gap:15px}
.social_media a{background:#619314;border-radius:3px;padding:5px 8px;margin-right:10px;min-width:35px;text-align:center}
.social_media a i{color:#fff;font-size:18px;vertical-align:middle;padding-top:5px;display:block}
.social_media a:hover{background:#6fa817}
.breadcrumb{padding-top:18px }
.breadcrumb ul{display:flex;align-items:baseline;}
.breadcrumb ul li a{color:#fff}
.breadcrumb ul li{font-size:13px;color:#d9dadd}
.breadcrumb ul li:not(:first-child)::before{content:"\f0da";font-family:icomoon;font-size:17px;display:inline-block;margin:0 4px 0 8px;vertical-align:middle;position:relative;top:2px;color:#d9dadd}
.pager{text-align:center;display:flex;justify-content:center;margin-top:30px}
.pager a.disabled { display:none }
.pager a, .pager span { width: 40px; height: 40px; border: 1px solid #354e6c; margin-left: -1px; color: #0b85ea; display: inline-block; line-height: 40px; float: left; font-size: 15px; text-decoration: none; margin: 0 5px; border-radius: 6px }
.pager span.active{background-color:#0b85ea;color:#fff;border-color:#0b85ea;position:relative;z-index:1}
.pager a:hover{border-color:#0b85ea;color:#0b85ea;position:relative;z-index:1;box-shadow:0 0 6px 1px #354e6c}
.service_sale .service_sale-l h1,.service_sale .service_sale-l h2{font-size:25px;margin-bottom:13px;color:#6ebfff;font-weight:bold;}
.aoeah_d4Gold-banner{background-image:url(/images/golds_banner.webp)}
input.error { border: 1px solid #ff0000 !important; box-shadow: 0px 0px 5px 1px #ff0000; }
.errortip { position: absolute; background: #fff; top: -90px; left: 0; padding: 20px; border-radius: 10px; display: flex; align-items: center; z-index: 1; white-space: nowrap; color: #585a8a; font-size: 14px; }
.errortip::before { content: ''; position: absolute; bottom: -7px; left: 50%; background: #fff; width: 15px; height: 15px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); }
@keyframes scale{0%,10%,100%,50%,70%{-webkit-transform:scale(1);transform:scale(1)}
30%{-webkit-transform:scale(.9);transform:scale(.9)}
40%{-webkit-transform:scale(1.3);transform:scale(1.3)}
60%{-webkit-transform:scale(1.15);transform:scale(1.15)}
}
.items-list li .bigImage { position: absolute; left: 102%; top: 0; z-index: 9; min-width: 320px; background: #061025; padding: 10px; border: 1px solid #0e2358; border-radius: 5px; }
.items-list li .bigImage:hover { display: none; }
.suggestions-container{position:relative;display:inline-block}
.suggestions-list{position:absolute;z-index:1000;min-width:260px;max-height:268px;overflow-y:auto;border:1px solid #616161;background-color:#2e302e;box-shadow:0 2px 4px rgba(0,0,0,.2);display:none}
.suggestion-item{padding:8px 12px;cursor:pointer;border-bottom:1px solid #272626}
.suggestion-item:hover{background-color:#3c7395}
.highlight{font-weight:700;color:#f60}
.suggestion-item.active{background-color:#606060}

/* �Զ���alert��ʽ */
#customAlertBox{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:flex;justify-content:center;align-items:center}
.custom-alert-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5)}
.custom-alert-container{position:relative;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);min-width:300px;max-width:90%; animation:fadeIn .3s;overflow:hidden}
.custom-alert-header{display:flex;justify-content:space-between;align-items:center;padding:5px 15px;background-color:#f8f8f8;border-bottom:1px solid #eee}
.custom-alert-title{font-size:16px;font-weight:700;color:#333}
.custom-alert-close{font-size:20px;color:#999;cursor:pointer;line-height:1;transition:color .3s}
.custom-alert-close:hover{color:#333}
.custom-alert-content{padding:20px;font-size:14px;color:#666;line-height:1.5;text-align:center}
.confirm-footer { text-align: center; margin-top: -10px; }
.confirm-footer .confirm-btn { height: 25px; padding: 7px; width: 70px; padding-top: 3px; margin: 3px; }
.confirm-footer .confirm-btn-ok { background: #4a6cf7; }

@keyframes fadeIn {
from{opacity:0;transform:translateY(-20px)}
to{opacity:1;transform:translateY(0)}

}
.addCartImg{-webkit-animation-name:flyCart;animation-name:flyCart;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear;display:block;position:fixed;opacity:1;z-index:10000}
.addCartImg img{width:80px}