html,body{ scroll-behavior: smooth; } .mk-box{ border-top: 1px solid #302e28; } .why-box{ border: 1px solid #302e28; background: #000; } .bg-eso{ background: url('../images/body_bg.jpg') #080808; } .bg-eso-game{ background: url('../images/the-elder-scrolls-online.jpg') center center no-repeat; background-size: cover; } .qingchu{ margin: 0; padding: 0; } .eso-content .bg-white{ background: transparent!important; border: 1px solid #43443d!important; } .fenlei-bg div:nth-child(1) a{ color:#333!important; background-color: #0B94C0!important; } .fenlei-bg div:nth-child(2) a{ color:#333!important; background-color: #fdc409!important; } .fenlei-bg div:nth-child(3) a{ color:#333!important; background-color: #25a188!important; } .fenlei-bg div:nth-child(4) a{ color:#333!important; background-color: #d3ca2e!important; } .fenlei-bg div:nth-child(1) a:hover, .fenlei-bg div:nth-child(2) a:hover, .fenlei-bg div:nth-child(3) a:hover, .fenlei-bg div:nth-child(4) a:hover, .fenlei-bg div:nth-child(1) a:active, .fenlei-bg div:nth-child(2) a:active, .fenlei-bg div:nth-child(3) a:active, .fenlei-bg div:nth-child(4) a:active{ background: #222!important; color: #ffb400!important; } .top-cate-active{ background-color: #f8b700!important; color: #fff!important; } .breadcrumb-item::before{ color: #b4ae90!important; } .bg-g section.bg-white{ color: #999!important; background-color: transparent!important; border: 1px solid #43443d!important; } .form-check-input:checked { background-color: #f8b700; border-color: #f8b700; } .jingtai p { margin-top: 1rem; } .jingtai ol { padding: 0 1rem; } .jingtai table { border-collapse: collapse; border-spacing: 0; } .jintai th, .jingtai td { border: 1px solid #ddd; padding: 8px; } .jingtai h4 { font-size: 0.9rem !important; font-weight: 700 !important; margin-top: 1rem !important; } .table td{ border: 1px solid #43443d!important; } @media screen and (max-width: 768px) { .container{ margin: 0!important; padding: 0!important; } .conta{ padding: 0 20px!important; } }@media screen and (min-width: 768px) { .border-right-pc{ border-right: 1px solid #222!important; } } p{ margin: 0; padding: 0; } .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; } a{ text-decoration: none; } footer a{ color: #c5bf9e!important; } footer a:hover, footer a:active, footer a.show{ color: #feb300!important; } header a{ color: #c5bf9e!important; background-color: transparent!important; } header a:hover, header a:active, header a.show{ color: #ffda34!important; background-color: transparent!important; } .head-a{ color: #c5bf9e!important; background-color: transparent!important; } .head-a:hover, .head-a:active, .head-a.show{ color: #ffda34!important; background-color: transparent!important; } div.header-a:last-child a{ border: none!important; } .game-a{ color: #ffbc05!important; } .game-a:hover, .game-a:active, .game-a.show{ color: #fff!important; } .news-title-a{ color: #bfbda6!important; } .news-title-a:hover, .news-title-a:active{ color: #ffda34!important; } .login-a{ color: #009ae4 !important; } .login-a:hover, .login-a:active{ color: #F8B700!important; } .title-a{ color: #000!important; } .title-a:hover, .title-a:active{ color: #009ae4!important; } .news-a{ color: #ffffff!important; } .news-a:hover, .news-a:active{ color: #F8B700!important; } .footer-link div{ border-right: 1px solid #222!important; } .footer-link div:last-child{ border-right: none!important; } a.footer-eso-a:last-child{ border: none!important; } .bg-a{ background-color: #020202!important; } .bg-b{ background-color: rgba(109,64,28,.63)!important; } .bg-c{ background: #0e0e0e!important; } .bg-d{ background-color: #333!important; } .bg-e{ background-color: #E8F0FE!important; } .bg-f{ background: rgba(251,251,251,.9) !important; } .bg-g{ background: rgba(255,255,255,.1)!important; } .bg-h{ background: #b4ae90!important; } .bg-h-default{ background: #f9f9f9!important; } .bg-item{ background: #0a0a0a!important; } .bg-rate{ background: #ffda34!important; } .bg-title-img{ width: 100%; background: url('../images/title_bg_line.png')no-repeat center bottom; text-align: center; padding-bottom: 30px; } .bg-jianbian1{ background: linear-gradient(90deg,#080719 0,#273248)!important; } .bg-jianbian2{ background: linear-gradient(90deg,#273248 0,#080719)!important; } .bg-rating{ background: #243238!important; } .bg-fixed{ background: rgba(0,0,0,.8) !important; } .bg-fee { background-color: #4FAE52!important; } .bg-review{ background-color: #f9f9f9!important; } .bg-platform{ background-color: #FAFAFA !important; } .bg-nav{ background-color: #7b909c !important; } .bg-zffs { width: 150px; height: 65px; background: url('../images/all-img.png') no-repeat; } input::placeholder{ color: #ccc!important; } input.search-input::placeholder{ color: #999; } /*头部和底部，手机电脑端的显示与隐藏*/ @media (min-width: 1025px) { .d-pc { display: block!important; } .d-phone { display: none!important; } .shouji-box{ width: 300px; right: 0; top: 83px; } } @media (max-width: 1024px) { .d-pc { display: none!important; } .d-phone { display: block!important; } .shouji-box{ width: 250px; right: 0; top: 52px; } } .text-a{ color: #e7e3af!important; } .text-b{ color: #999!important; } .text-c{ color: #C5BF9E!important; } .text-d{ color: #fed938!important; } .text-e{ color: #b4ae90!important; } .text-f{ color: #ffda34!important; } .text-g{ color: #ffbc05!important; } .text-h{ color: #050505!important; } .text-i{ color: #f1f1f1bf!important; } .text-sub{ color: #9fafbd!important; } .text-ad{ margin-bottom: 1rem!important; color: red!important; } .border-a{ border-color: #2b2a23!important; } .border-b{ border-color: #353535!important; } .border-c{ border-color: #43443d!important; } .btn-a{ color: #c5c29e!important; border: 1px solid #252525!important; } .btn-a:hover, .btn-a.show, .btn-a:active{ background: #111!important; color: #feb532!important; border: 1px solid #252525!important; } .btn-b{ color: #C5BF9E!important; border: 1px solid #2b2a23!important; } .btn-b:hover, .btn-b.active{ background: #333!important; border: 1px solid #2b2a23!important; } .btn-c{ color: #fff!important; background-color: #009BDE!important; } .btn-c:hover, .btn-c:active, .btn-c.show{ background-color: #333!important; } .btn-d{ color: #fff!important; background: #F7AF00!important; } .btn-d:hover, .btn-d:active, .btn-d.show{ background-color: #333!important; } .btn-e{ color: #fff!important; background-color: #050505!important; border: 1px solid #43443d!important; } .btn-e:hover, .btn-e:active, .btn-e.show, .btn-e-active{ background-color: #fdc409!important; color: #42494f!important; } .btn-f{ background: #f69f01!important; color: #333!important; border: 1px solid #43443d!important; } .btn-f:hover, .btn-f:active, .btn-f.show{ background: #333!important; color: #fff!important; } .btn-g{ border: 1px solid #353535!important; color: #b4ae90!important; } .btn-g:hover, .btn-g.show, .btn-g:active{ background: #b4ae90!important; color: #050505!important; } .btn-h{ background: #050505!important; color: #999!important; } .btn-h:hover, .btn-h.show, .btn-h:active{ color: #999!important; background-color: #fff!important; } .btn-i{ color: #ffffff!important; background: #999!important; } .btn-i:hover, .btn-i.show, .btn-i:active{ color: #42494f!important; background: #fdc409!important; } .btn-clear{ color: #fff!important; background: #2888F9!important; } .btn-clear:hover, .btn-clear.show, .btn-clear:active{ color: #fff!important; background-color: #FE0000!important; } .btn-pay{ color: #fff!important; background-color: #081F3F!important; } .btn-pay:hover, .btn-pay:active, .btn-pay.show{ color: #ffffff!important; background-color: #2888F9!important; } .btn-loading{ border: 1px solid #ccc!important; color: #666!important; } .btn-loading:hover, .btn-loading.show, .btn-loading:active{ color: #009ae4!important; border: 1px solid #009ae4!important; } .website-cart .dropdown-item, .website-cart .btn{ color: #c5c5c5!important; } .cart-drop .dropdown-item:focus, .cart-drop .dropdown-item:hover, .cart-drop .dropdown-item.active, .cart-drop .dropdown-item:active, .website-cart .btn:hover{ color: #ffffff!important; background-color: #020202 !important; } /*支付方式*/ .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-90{ background-position: -148px -304px; } .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; } .form-check-input:checked[type=radio] { background-color: #298AFF!important; border-color: #298AFF!important; } .form-check-input:focus { outline: 0; box-shadow: none!important; } .form-control:focus{ border: 1px solid #e6e6e6!important; box-shadow: none!important; } .form-control.is-invalid{ border-color: #ff0000!important; } .form-control.is-invalid:focus, .was-validated .form-control:invalid:focus { border-color: #f8b700!important; box-shadow: none; } .invalid-feedback { color: #ff0000!important; } .anmao{ height: 0; position: relative; top: -82px; left: 0; overflow: hidden; } .anmao1{ height: 0; position: relative; top: -82px; left: 0; overflow: hidden; } .js-initials-box button.active { color: #fff!important; background-color: #081F3F!important; border-color: #fff !important; } .radio-checkbox-form-control{ background-color: transparent!important; } .nba-des .fw-bold{ margin-top: 20px; } .blog-view-box{ padding: 0 20px; } .blog-view-box img{ max-width: 100%; } .blog-view-box table{ width: 100% !important; table-layout: fixed!important; } .bread-cont nav{ padding: 0 0 20px!important; } .news-show { padding-top: 0!important; } .news-show h2, .news-show .d-flex{ padding: 0 20px; } .news-show img, .news-show iframe{ max-width: 100%; height: auto; border-radius: var(--bs-border-radius)!important; } .js-uploads-box input{ border-color: #e9e9e9!important; } .ez-coin p{ margin-bottom: 1.5rem; } .ez-coin h3{ font-size: 1.0rem!important; font-weight: bold; } .madden-cont ol{ padding: 0 18px; } .irs--round .irs-handle { top: 26px; width: 24px; height: 24px; border: 8px solid #fdc409; background-color: white; border-radius: 24px; box-shadow: 0 0 0 0 ; } .irs--round .irs-bar { background-color: #fdc409; } .irs--round .irs-from, .irs--round .irs-to, .irs--round .irs-single { background-color: #fdc409; } .irs--round .irs-from:before, .irs--round .irs-to:before, .irs--round .irs-single:before { border-top-color: #fdc409; } .irs--round .irs-min, .irs--round .irs-max { color: #fff; background-color: #fdc409; } .nav-pills .nav-link.active, .nav-pills .show>.nav-link { color: #fff!important; background-color: #020202!important; } .description-box-2{ width: 400px; 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{ width: 100%; max-width: 100%; } .bg-default{ background: url('../images/bg-default.png') center center no-repeat; object-fit: fill; } .js-narrow-page .page-link{ background: transparent!important; border: none!important; color: #e7e3af!important; } .active>.page-link{ color: red!important; } .disabled>.page-link{ color: #fff!important; } .page-link:hover{ color: red!important; } .page-link:focus { z-index: 3; color: red; background-color: transparent; outline: 0; box-shadow: none; }