body, html{ background-color: #150d0a!important; } a{ color: #b1997f!important; text-decoration: none; } a:hover{ color: #f8b700!important; } .bg-nav{ background-color: #150D0A!important; } .bg-platform{ background: #261913!important; } .bg-jiajian{ background: #241712; } .bg-jianbian1{ background: linear-gradient(to bottom,#402a20 0,#150d0a); } .bg-jianbian2{ background: linear-gradient(36deg,#4a98d3,#243238,#4b98d3); } .bg-jianbian3{ background: linear-gradient(to bottom,#1d130f 0,#402a20); } .bg-jianbian4{ background: linear-gradient(to bottom,#261913 0,#402a20); } .bg-checkout{ background: linear-gradient(to bottom,#402a20 0,#261913)!important; } .bg-banner{ background: url("../images/poe-bg-4-4.jpg") center center!important; } .bg-fixed{ background-color: rgba(74,44,37,.8);; } .bg-review{ background-color: #017F4E!important; } .mr_zhe { width: 300px; position: absolute; top: 0; background: rgba(0,0,0,.58) none repeat scroll 0 0; filter: Alpha(opacity=80); left: 0; right: 0; } .text-a{ color: #f8b700; } .text-b{ color: #b1997f!important; } .text-c{ color: #017f4e; } .text-d{ color: #ebdec2!important; } .text-e{ color: #da9e73!important; } .text-ad{ color: #b1997f!important; } .footer-a a{ padding: 0 15px; color: #b1997f!important; } .footer-a a:hover{ padding: 0 15px; color: #f8b700!important; } .btn-a, .btn-a.show, .btn-a:active{ color: #f8b700; } .btn-a:hover{ color: #ffffff!important; } .btn-b{ color: #f8b700; border: 1px solid #504137!important; } .btn-b:hover, .btn-b.show, .btn-b:active{ color: #f8b700!important; border:1px solid #f8b700!important; } .btn-c{ color: #b1997f; border: 1px solid #504137!important; } .btn-c:hover, .btn-c.show, .btn-c:active{ color: #fff; border: 1px solid #504137!important; } .btn-d{ color: #ebdec2; background: linear-gradient(to bottom,#150d0a 0,#402a20); } .btn-d:hover, .btn-d.show, .btn-d:active{ background: linear-gradient(to bottom,#f8b700 0,#886300) !important; color: #241712!important; } .btn-e{ color: #b1997f; border: 1px solid #504137; } .btn-e:hover, .btn-e.show, .btn-e:active, .btn-e-active{ background: linear-gradient(to bottom,#402a20 0,#261913); border: 1px solid #504137; color: #f7b10a !important; } .btn-pl{ color: #ccc!important; border: 1px solid #ccc!important; } .btn-pl-active, .btn-pl:hover, .btn-pl:active, .btn-pl.show{ color: #fff!important; background: linear-gradient(to bottom,#f8b700 0,#886300) !important; border: 1px solid #f8b700!important; } .btn-f{ color: #b1997f; background-color: #1f140f; border: 1px solid #504137; } .btn-f:hover, .btn-f:active, .btn-f.show{ color: #ebdec2; background-color: #1f140f; border: 1px solid #504137; } .btn-s{ color: #3c3c3c; background-color: #1f140f; border: 1px solid #504137; } .btn-s:hover, .btn-s:active, .btn-s.show{ color: #3c3c3c; background: linear-gradient(to bottom,#402a20 0,#261913); border: 1px solid #504137; } .btn-pay-now{ color: #ffffff; background: #f8b700; } .btn-pay-now:hover, .btn-pay-now:active, .btn-pay-now.show{ color: #fff; background: linear-gradient(to bottom,#f8b700, #ff5b00); } .btn-new-poe{ color: #fff; border: 1px solid #fff; } .btn-new-poe:hover, .btn-new-poe.active, .btn-new-poe.show{ color: #f8b700; border: 1px solid #f8b700; } .btn-new-search, .btn-new-search:hover, .btn-new-search.active, .btn-new-search.show{ background-color: #f8b700; color: #fff; } .border-a a{ border-right: 1px solid #463a32; } .border-a a:last-child{ border: none; } .border-b{ border: 1px solid #f7b10a!important; } .border-c{ border-color: #f8b700!important; } .border-cate{ border-color: #504137!important; } .border-cart{ border-color: #664c00!important; } .border-buy{ border: 1px solid #4e3327!important; } .border-new-input{ border-top: none; border-bottom: none; border-left: 1px solid #753d22; border-right: 1px solid #753d22; } .border-new-poe{ border: 2px solid #753d22; } .shadow1{ box-shadow: -5px 5px 5px -5px rgba(0,0,0,.48); } .fs-1 { font-size: 2.5rem !important; } .fs-2 { font-size: 1.8rem !important; } .fs-3 { font-size: 1.2rem !important; } .fs-4 { font-size: 1.0rem !important; } .fs-5 { font-size: 0.9rem !important; } .fs-6 { font-size: 0.8rem !important; } .fs-7 { font-size: 0.7rem !important; } .bg-a{ background-color: #f8b700; } .bg-b{ background-color: #4E3226; } /*支付方式*/ .bg-zffs { width: 150px; height: 65px; background: url('../images/all-img.png') no-repeat; } .js-payment-icon-2, .js-payment-icon-3, .js-payment-icon-4, .js-payment-icon-5, .js-payment-icon-6, .js-payment-icon-7, .js-payment-icon-82{ background-position: 6px 2px; } .js-payment-icon-11 { background-position: -154px -248px; } .js-payment-icon-15 { background-position: 4px -355px; } .js-payment-icon-16 { background-position: 4px -353px; } .js-payment-icon-17 { background-position: 6px -299px; } .js-payment-icon-69 { background-position: 8px -60px; } .js-payment-icon-70 { background-position: 22px -118px; } .js-payment-icon-71 { background-position: 22px -178px; } .js-payment-icon-73 { background-position: 6px -240px; } .js-payment-icon-77{ background-position: 4px -413px; } .js-payment-icon-78{ background-position: -162px -56px; } .js-payment-icon-79{ background-position: -145px -117px; } .js-payment-icon-80{ background-position: -158px -184px; } .js-payment-icon-ideal{ background-position: 8px -476px; } .js-payment-icon-sepa{ background-position: 6px -535px; } .js-payment-icon-giropay{ background-position: -146px 2px; } .js-payment-icon-many{ background-position: -158px -248px; } .black-box { background: #150d0a; border-top: 2px solid #27201d; border-bottom: 2px solid #27201d; } .blue-box{ background: #101116; border-top: 2px solid #27201d; border-bottom: 2px solid #27201d; } .bg-right-line{ padding-right: 20px; background: url("../images/top_page_line.png")no-repeat right center; } .hot-games h3{ color: #fff; } .hot-games:hover h3{ color: #f8b700; } .log-quick .form-control:focus { color: #fff; background-color: #150d0a!important; border-color: #f8b700; outline: 0; box-shadow: 0 0 0 0; } .form-control:focus { border-color: #f8b700; background-color: #150D0A; outline: 0; box-shadow: 0 0 0 0; color: #ebdec2; } .form-control { color: #fff!important; } input{ background-color: #150D0A!important; } input[type=email]::placeholder, input[type=password]::placeholder{ color: #ebdec2; } .input-gold input[type=text]::placeholder{ color: #ebdec2; } input[type=text]::placeholder{ color: #ebdec2; } a.lg-quick { color: #b1997f; } a.lg-quick:hover, a.lg-quick:active{ color: #f8b700!important; } a.summary{ color: #ebdec2!important; } a.summary:hover, a.summary:active{ color: #f8b700!important; } .website-cart .dropdown-item:focus, .website-cart .dropdown-item:hover { color: var(--bs-dropdown-link-hover-color); background: linear-gradient(to bottom,#402a20 0,#150d0a); } .website-cart .dropdown-item.active, .website-cart .dropdown-item:active { color: var(--bs-dropdown-link-active-color); background: linear-gradient(to bottom,#402a20 0,#150d0a); } .breadcrumb-item+.breadcrumb-item::before { color: #b1997f!important; } .currency .dropdown-item.active, .currency .dropdown-item:active { color: var(--bs-dropdown-link-active-color); text-decoration: none; background-color: var(--bs-dropdown-link-hover-bg); } .currency .dropdown-item:focus, .currency .dropdown-item:hover { color: var(--bs-dropdown-link-hover-color); background-color: var(--bs-dropdown-link-hover-bg); } .top-cate-active{ color: #f8b700!important; } .amount .dropdown-item:focus, .amount .dropdown-item:hover, .amount .dropdown-item:active{ background: linear-gradient(to bottom,#f8b700 0,#886300) !important; color: #241712!important; } .active>.page-link, .page-link.active { z-index: 3; color: #fff!important; background: linear-gradient(to bottom,#f8b700 0,#886300) !important; border: 1px solid #504137!important; } .page-link{ color: #b1997f!important; border: 1px solid #504137!important; background-color: #261913!important; } .delivery-terms tr{ width: 100%; } .delivery-terms td, th { padding: 15px 20px; border: 1px solid #f1e9e9; color: #424242; vertical-align: top; text-align: left; font-size: 13px; line-height: 24px; } table th, table td{ border: 1px solid #504137!important; } table th{ color: #f8b700!important; } table td{ color: #424242!important; } .js-initials-box button.active{ color: #fff; border: 1px solid #504137!important; background-color: #f8b700!important; } .nav-pills .nav-link.active, .nav-pills .show>.nav-link { color: #fff; border: 1px solid #504137!important; background-color: #f8b700!important; } .range-slider .irs--round .irs-bar { background-color: #fff!important; } .range-slider .irs--round .irs-handle { top: 26px; width: 24px; height: 24px; border: 4px solid #f8b700; background-color: white; border-radius: 24px; box-shadow: 0 0 0 0; } .range-slider .irs--round .irs-from, .irs--round .irs-to, .irs--round .irs-single { background-color: #f8b700!important; color: #ffffff; } .range-slider .irs--round .irs-min, .irs--round .irs-max, .irs--round .irs-min { color: #000; background-color: #b1997f!important; } .irs--round .irs-from, .irs--round .irs-to, .irs--round .irs-single { background-color: #f8b700!important; } .irs--round .irs-from:before, .irs--round .irs-to:before, .irs--round .irs-single:before { border-top-color: #f8b700!important; } .irs--round .irs-handle { border: 4px solid #f8b700!important; } .irs--round .irs-bar { background-color: #f8b700!important; } .form-check-input:checked { background-color: #f8b700!important; border-color: #f8b700!important; box-shadow: none; } .description-box { width: 500px; font-size: 0.9rem; } .description-box table { width: 100%; } .description-box h2 { margin: 0; font-size: 1rem; text-align: center; background-color: #111; padding: 10px 0; } .description-box td { text-align: center; width: 50%; } .bg-table { background: #24211C; } .description-box a { color: #3fbddd; } .description-box img { width: 100%; max-width: 100%; } .bg-t{ color: #686868!important; background: #e6e6e6!important; } .user-login input::placeholder{ color: #686868!important; } /*按钮闪烁效果*/ .wyx-shine { position: relative; overflow: hidden; } .wyx-shine button::before { position: absolute; top: 0; left: -75%; z-index: 2; display: block; content: ''; width: 50%; height: 100%; background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%); -webkit-transform: skewX(-30deg); transform: skewX(-30deg); } .wyx-shine button::before { -webkit-animation: none; animation: none; } @-webkit-keyframes shine { 100% { left: 120%; } } @keyframes shine { 100% { left: 120%; } } .description-box-2{ width: 350px; font-size:0.9rem; } .description-box-2 table { width: 100%; } .description-box-2 h2{ margin: 0; font-size: 1rem; text-align: center; background-color: #111; padding: 10px 0; } .description-box-2 td{ text-align: center; width:50%; } .bg-table{ background: #24211C; } .description-box-2 a{ color: #3fbddd; } .description-box-2 img{ max-width: 100%; } input.bg-t::placeholder{ color: #686868 !important; } /*头部和底部，手机电脑端的显示与隐藏*/ @media (min-width: 1025px) { .d-pc { display: block; } .d-phone { display: none; } } @media (max-width: 1024px) { .d-pc { display: none; } .d-phone { display: block; } .description-box{ width: 100% !important; } .description-box-2{ width: 100% !important; } } .eftpl input{ background-color: transparent!important; } .select-dark{ background-color: #000000!important; } @media screen and (max-width: 768px) { .home-banner-box{ height: 120px; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .home-banner-box{ height: 284px; } } @media screen and (min-width: 1024px) and (max-width: 1100px) { .home-banner-box{ height: 380px; } } @media screen and (min-width: 1100px) and (max-width: 1535px) { .home-banner-box{ height: 440px; } } @media screen and (min-width: 1536px) and (max-width: 1745px) { .home-banner-box{ height: 530px; } } @media screen and (min-width: 1745px){ .home-banner-box{ height: 660px; } } .btn-buy { color: #f7b10a!important; background-color: #0079B8!important; } .btn-buy:hover { background-color: #F4AE1B!important; color: #f7b10a!important; } .btn-buy:active { background-color: #008CC8 !important; border: 1px solid #008CC8 !important; color: #fff !important; } .btn-buy.show { color: #fff; background-color: #008CC8 !important; border-color: #008CC8 !important; } .bg-dia4-dark{ background-color: #000; } .bg-dia4-dark img{ transition: all 0.5s; } .bg-dia4-dark:hover img{ transform: scale(1.1); } .text-dia4-des{ color: #c9c9c9; } .text-dia4-des li:first-child{ color: #F4AE1B; } .text-dia4-des li::marker{ color: #3E91C9; } .news-show{ color: #b1997f !important; } .news-show img{ max-width: 100%; height: auto; } .affix-txt{ color: #000; } .affix-box:hover .affix-txt{ color: #f7b10a; } .bg-new-review{ background: url("../images/Shadow.png") center center no-repeat; background-size: contain; } .text-truncate-2{ overflow: hidden!important; display: -webkit-box!important; -webkit-line-clamp: 2!important; -webkit-box-orient: vertical!important; } .text-truncate-3{ overflow: hidden!important; display: -webkit-box!important; -webkit-line-clamp: 3!important; -webkit-box-orient: vertical!important; } .text-truncate-4{ overflow: hidden!important; display: -webkit-box!important; -webkit-line-clamp: 4!important; -webkit-box-orient: vertical!important; } .text-truncate-5{ overflow: hidden!important; display: -webkit-box!important; -webkit-line-clamp: 5!important; -webkit-box-orient: vertical!important; } .text-truncate-6{ overflow: hidden!important; display: -webkit-box!important; -webkit-line-clamp: 6!important; -webkit-box-orient: vertical!important; } .text-truncate-7{ overflow: hidden!important; display: -webkit-box!important; -webkit-line-clamp: 7!important; -webkit-box-orient: vertical!important; }