@media (min-width: 1025px){ .cy-fs-1{ font-size: 4.0rem !important; } .cy-fs-2{ font-size: 3.0rem !important; } .cy-fs-3{ font-size: 2.0rem !important; } .cy-fs-4{ font-size: 1.5rem !important; } .cy-fs-5{ font-size: 1.2rem !important; } .cy-fs-6{ font-size: 1.0rem !important; } .cy-fs-7{ font-size: 0.9rem !important; } .cy-fs-8{ font-size: 0.8rem !important; } .cy-fs-9{ font-size: 0.6rem !important; } .cy-fs-md-1{ font-size: 4.0rem !important; } .cy-fs-md-2{ font-size: 3.0rem !important; } .cy-fs-md-3{ font-size: 2.0rem !important; } .cy-fs-md-4{ font-size: 1.5rem !important; } .cy-fs-md-5{ font-size: 1.2rem !important; } .cy-fs-md-6{ font-size: 1.0rem !important; } .cy-fs-md-7{ font-size: 0.9rem !important; } .cy-fs-md-8{ font-size: 0.8rem !important; } .cy-fs-md-9{ font-size: 0.6rem !important; } } @media (max-width: 1024px){ .cy-fs-md-1{ font-size: 4.0rem !important; } .cy-fs-md-2{ font-size: 3.0rem !important; } .cy-fs-md-3{ font-size: 2.0rem !important; } .cy-fs-md-4{ font-size: 1.5rem !important; } .cy-fs-md-5{ font-size: 1.2rem !important; } .cy-fs-md-6{ font-size: 1.0rem !important; } .cy-fs-md-7{ font-size: 0.9rem !important; } .cy-fs-md-8{ font-size: 0.8rem !important; } .cy-fs-md-9{ font-size: 0.6rem !important; } .cy-fs-1{ font-size: 4.0rem !important; } .cy-fs-2{ font-size: 3.0rem !important; } .cy-fs-3{ font-size: 2.0rem !important; } .cy-fs-4{ font-size: 1.5rem !important; } .cy-fs-5{ font-size: 1.2rem !important; } .cy-fs-6{ font-size: 1.0rem !important; } .cy-fs-7{ font-size: 0.9rem !important; } .cy-fs-8{ font-size: 0.8rem !important; } .cy-fs-9{ font-size: 0.6rem !important; } } @media (min-width: 1025px){ .p-md-6{ padding: 5rem; } .ps-md-6{ padding-left: 5rem; } .pt-md-6{ padding-top: 5rem; } .pe-md-6{ padding-right: 5rem; } .pb-md-6{ padding-bottom: 5rem; } .p-md-7{ padding: 8rem; } .ps-md-7{ padding-left: 8rem; } .pt-md-7{ padding-top: 8rem; } .pe-md-7{ padding-right: 8rem; } .pb-md-7{ padding-bottom: 8rem; } .p-md-8{ padding: 10rem; } .ps-md-8{ padding-left: 10rem; } .pt-md-8{ padding-top: 10rem; } .pe-md-8{ padding-right: 10rem; } .pb-md-8{ padding-bottom: 10rem; } .p-md-9{ padding: 15rem; } .ps-md-9{ padding-left: 15rem; } .pt-md-9{ padding-top: 15rem; } .pe-md-9{ padding-right: 15rem; } .pb-md-9{ padding-bottom: 15rem; } } @media (max-width: 1024px){ .p-6{ padding: 5rem; } .ps-6{ padding-left: 5rem; } .pt-6{ padding-top: 5rem; } .pe-6{ padding-right: 5rem; } .pb-6{ padding-bottom: 5rem; } .p-7{ padding: 8rem; } .ps-7{ padding-left: 8rem; } .pt-7{ padding-top: 8rem; } .pe-7{ padding-right: 8rem; } .pb-7{ padding-bottom: 8rem; } .p-8{ padding: 10rem; } .ps-8{ padding-left: 10rem; } .pt-8{ padding-top: 10rem; } .pe-8{ padding-right: 10rem; } .pb-8{ padding-bottom: 10rem; } .p-9{ padding: 15rem; } .ps-9{ padding-left: 15rem; } .pt-9{ padding-top: 15rem; } .pe-9{ padding-right: 15rem; } .pb-9{ padding-bottom: 15rem; } } @media (min-width: 1025px){ .m-md-6{ margin: 5rem; } .ms-md-6{ margin-left: 5rem; } .mt-md-6{ margin-top: 5rem; } .me-md-6{ margin-right: 5rem; } .mb-md-6{ margin-bottom: 5rem; } .m-md-7{ margin: 8rem; } .ms-md-7{ margin-left: 8rem; } .mt-md-7{ margin-top: 8rem; } .me-md-7{ margin-right: 8rem; } .mb-md-7{ margin-bottom: 8rem; } .m-md-8{ margin: 10rem; } .ms-md-8{ margin-left: 10rem; } .mt-md-8{ margin-top: 10rem; } .me-md-8{ margin-right: 10rem; } .mb-md-8{ margin-bottom: 10rem; } .m-md-9{ margin: 15rem; } .ms-md-9{ margin-left: 15rem; } .mt-md-9{ margin-top: 15rem; } .me-md-9{ margin-right: 15rem; } .mb-md-9{ margin-bottom: 15rem; } } @media (max-width: 1024px){ .m-6{ margin: 5rem; } .ms-6{ margin-left: 5rem; } .mt-6{ margin-top: 5rem; } .me-6{ margin-right: 5rem; } .mb-6{ margin-bottom: 5rem; } .m-7{ margin: 8rem; } .ms-7{ margin-left: 8rem; } .mt-7{ margin-top: 8rem; } .me-7{ margin-right: 8rem; } .mb-7{ margin-bottom: 8rem; } .m-8{ margin: 10rem; } .ms-8{ margin-left: 10rem; } .mt-8{ margin-top: 10rem; } .me-8{ margin-right: 10rem; } .mb-8{ margin-bottom: 10rem; } .m-9{ margin: 15rem; } .ms-9{ margin-left: 15rem; } .mt-9{ margin-top: 15rem; } .me-9{ margin-right: 15rem; } .mb-9{ margin-bottom: 15rem; } } .w-10{ width: 10%!important; } .w-20{ width: 20%!important; } .w-30{ width: 30%!important; } .w-40{ width: 40%!important; } .w-60{ width: 60%!important; } .w-70{ width: 70%!important; } .w-80{ width: 80%!important; } .w-90{ width: 90%!important; } .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; } .text-justify{ text-align: justify!important; } .radio-checkbox-form-control { display: block; width: 100%; padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; background-color: #fff; background-clip: padding-box; border: 1px solid transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0.25rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .radio-checkbox-form-control.is-invalid { border-color: #dc3545; padding-right: calc(1.5em + 0.75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.375em + 0.1875rem) center; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .radio-checkbox-form-control :last-child { margin-bottom: 0 !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; } } /*按钮闪烁效果*/ .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: shine 1.5s infinite; animation: shine 1.5s infinite; } @-webkit-keyframes shine { 100% { left: 120%; } } @keyframes shine { 100% { left: 120%; } } /*支付状态*/ .order-status-1, .order-status-30 { color: #FF0027; } .order-status-80, .order-status-90 { color: #ccc; } .order-status-10 { color: #F4AE1B; } .order-status-20, .order-status-40, .order-status-50, .order-status-60, .order-status-70 { color: #4ef817; } .qingchu{ margin: 0!important; padding: 0!important; } @font-face { font-family: 'Karla'; /*src: url('../../common/font/Karla/Karla-Light.ttf') format('truetype');*/ src: url('../../common/font/Karla/Karla-Regular.ttf') format('truetype'); font-style: normal; font-display: swap; } @font-face { font-family: 'Work Sans'; src: url('../../common/font/Work_Sans/static/WorkSans-ExtraBold.ttf') format('truetype'); font-style: normal; font-display: swap; } body { /*font-family: 'Karla', sans-serif;*/ font-family: 'Roboto',sans-serif,arial,Verdana; font-size: 16px; background-color: #fff; color: #333; } .ff-title{ font-family: 'Work Sans', sans-serif; } .table td{ border: 1px solid #ccc!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; } } .fs-1 { font-size: 3rem!important; } .fs-2 { font-size: 1.5rem!important; } .fs-3 { font-size: 1.2rem!important; } .fs-4 { font-size: .9rem!important; } .fs-5 { font-size: .8rem!important; } .fs-6 { font-size: .6rem!important; } .text-primary { color: rgb(255, 102, 51) !important; } .text-secondary { color: #5187f3 !important; } .text-close { color: #6c6666; } .bg-primary { background-color: rgb(255, 102, 51) !important; } .text-price{ color: rgb(255, 63, 0); } .text-step{ color: rgb(255, 26, 56)!important; } .bg-secondary { background-color: #5187f3 !important; } .bg-buy { background-color: #1D77E7; } .bg-sale { background-color: #F5F5F5; } .btn-primary { background-color: rgb(250, 110, 64) !important; border: 1px solid rgb(250, 110, 64) !important; } .btn-primary:hover { background-color: rgb(246, 64, 6) !important; border: 1px solid rgb(246, 64, 6) !important; } .btn-buy { color: #fff!important; background-color: #1D77E7 !important; border: 1px solid #1D77E7 !important; } .btn-buy:hover { color: #fff!important; background-color: #FA6E40!important; border: 1px solid #FA6E40!important; } .btn3 { background-color: #FA6E40; color: #fff; } .btn3:hover { background-color: #f14b13 !important; color: #fff !important; } .btn3:active { background-color: #f14b13; border: 1px solid #f14b13; color: #fff; } .btn4 { background-color: #4d5154; color: #fff; } .btn4:hover { background-color: #606069 !important; color: #fff !important; } .btn4:active { background-color: #4d5154; border: 1px solid #4d5154; color: #fff; } /* .btn-outline-primary{ color: rgb(255,102,51) !important; border:1px solid rgb(255,102,51) !important; } .btn-outline-primary:hover{ color: #fff !important; background-color: rgb(255,102,51) !important; border-color: rgb(255,102,51) !important; } */ .btn-outline-primary { color: #000 !important; border: 1px solid #ccc !important; } .btn-outline-primary:hover { color: #fff !important; background-color: #ccc !important; border-color: #ccc !important; } .btn-outline-primary:active, .btn-outline-primary:focus-visible, .btn-outline-primary.show { background-color: #ccc; color: #fff; } .btn-outline-secondary { color: #000 !important; border: 1px solid rgb(255, 102, 51) !important; } .btn-outline-secondary:hover { color: #fff !important; background-color: rgb(255, 102, 51) !important; border-color: rgb(255, 102, 51) !important; } .btn-outline-secondary:active, .btn-outline-secondary:focus-visible, .btn-outline-secondary.show { background-color: rgb(255, 102, 51); color: #fff; } .btn-game.show, .btn-game:hover{ border: none; } .border-light:focus { box-shadow: 0 !important; border-color: rgb(255, 102, 51) !important; } .list-group-item.active { z-index: 2; color: rgb(255, 102, 51) !important; background-color: #ccc; border: none; } a { color: #666; text-decoration: none !important; } a:hover { color: rgb(255, 102, 51) !important; text-decoration: none !important; } .icbox a:hover { color: #fff!important; text-decoration: none !important; } .text-main { color: #333; } .bg-jianbian { background-image: repeating-linear-gradient(45deg, rgb(7, 137, 151), rgb(7, 137, 151), rgb(7, 137, 151), rgb(7, 137, 151), rgb(31, 118, 231), rgb(31, 118, 231), rgb(31, 118, 231), rgb(31, 118, 231)); } /* 鼠标悬停图片放大加阴影边框效果 */ .wyx-hv .gamebox { transition: all 0.5s; } .wyx-hv .gamebox:hover { transform: scale(1.1); box-shadow: 5px 8px 5px rgb(61, 58, 58); } /* 鼠标悬停图标旋转 */ @keyframes turnY { 0% { transform: rotateY(0deg); } 50% { transform: rotateY(180deg); } 100% { transform: rotateY(360deg); } } .wyx-xz:hover { animation-name: turnY; animation-duration: 1s; animation-iteration-count: 1; animation-delay: 0.4s; animation-fill-mode: none; animation-timing-function: ease-in-out; } @media screen and (max-width: 992px) { #wyx-xz, #wyx-xz1, #wyx-xz2 { font-size: 50px; } } @media screen and (min-width: 993px) { #wyx-xz, #wyx-xz1, #wyx-xz2 { font-size: 80px; } } @media screen and (max-width: 992px) { #choose-icon1, #choose-icon2, #choose-icon3, #choose-icon4 { font-size: 26px; } } @media screen and (min-width: 993px) { #choose-icon1, #choose-icon2, #choose-icon3, #choose-icon4 { font-size: 60px; } } @media screen and (max-width: 992px) { .wyx-lb { margin-top: 58px; } } @media screen and (min-width: 993px) { .wyx-lb { margin-top: 10px; } } .wyx-hv2 .reason { transition: all 0.3s; } .wyx-hv2 .reason:hover { transform: scale(1.05); box-shadow: 1px 4px 8px rgb(61, 58, 58); } @media screen and (max-width: 992px) { .zf { width: 60%; } } @media screen and (min-width: 993px) { .zf { width: 35%; } } .jbwz { font: bold Poppins, sans-serif; } .jbwz { background-image: linear-gradient(to right, rgb(39, 143, 254), rgb(255, 208, 9), rgb(39, 143, 254)); -webkit-background-clip: text; background-clip: text; color: transparent; } .swiper-button-next:after, .swiper-button-prev:after { font-size: 26px !important; } @media screen and (max-width: 992px) { .jbwzbox .text-b { font-size: 20px !important; } } @media screen and (min-width: 993px) { .jbwzbox .text-b { font-size: 52px !important; } } .modal-backdrop { --bs-backdrop-zindex: 1029 !important; } @media screen and (max-width: 992px) { .wyx-why { left: calc(50% - 90px); top: -30px; font-size: 2rem; } } @media screen and (min-width: 993px) { .wyx-why { left: calc(50% - 132px); top: -30px; font-size: 2rem; } } /* 三号效果 */ .icon2 { animation: animateSpan 0.5s ease-in-out infinite; } @keyframes animateSpan { 0% { transform: scale(1.3); } 50% { transform: scale(0.7); } 100% { transform: scale(1.3); } } input { border: 0; } .sg-btn:hover { color: #fff !important; } a.sls-text { color: #fff !important; } a.sls-text:hover { color: #fff !important; } .wyx-hv2 .reason { transition: all 0.3s; } .wyx-hv2 .reason:hover { transform: scale(1.05); box-shadow: 1px 4px 8px rgb(61, 58, 58); } .page-link{ color: #000; } .active>.page-link, .page-link.active { z-index: 3; color: var(--bs-pagination-active-color); background-color: rgb(255, 102, 51) !important; border-color: rgb(255, 102, 51) !important; } a.toreg{ color:#fff!important; } a.toreg:hover{ color:#fff!important; } .text-ad{ color: #ff0000; } .rg-input:focus-visible { outline: 1px solid rgb(255, 102, 51) !important; } .form-control:focus { color: var(--bs-body-color); background-color: var(--bs-form-control-bg); border-color: rgb(255, 102, 51); outline: 0; box-shadow: 0 0 0 0 ; } .form-select:focus { border-color: rgb(255, 102, 51); outline: 0; box-shadow: 0 0 0 0 ; } .border-nav{ border: 1px solid #ccc; } .border-nav:focus{ border: 1px solid rgb(255, 102, 51) !important; } .btn-s:hover{ color: #fff !important; } .wyx-btn1:hover{ color: #fff !important; background-color: #f14208!important; } .border-cate{ border: 4px solid #5186F2!important; border-top: 0!important; } a.currency-header:hover{ color: #fff!important; background-color: #FE6633!important; } a.lang:hover{ color: #fff!important; background-color: #FE6633!important; } a.lg-quick:hover{ color: #fff!important; background-color: #FE6633!important; } .text-a{ color: #f59479 !important; } .border-grey, .border-grey:active, .border-grey:focus { border: 1px solid #343A40 !important; } .gold-qty-invalid.form-control.is-invalid, .was-validated .form-control:invalid { background-position: right calc(2.3em + 0.1875rem) center; } .top-cate:hover{ background-color: #fff; font-weight: bold; } .top-cate-active{ font-weight: bold; background-color: #fff!important; color: #FE6633!important; } .bg-zffs { width: 150px; height: 65px; background: url('../images/all-img.png') no-repeat; } .bg-cate { background-color: #282523; } .bg-dia4-dark{ background-color: #000; } .bg-dia4-dark img{ transition: all 0.5s; } .bg-dia4-dark:hover img{ transform: scale(1.1); } .bg-content { background-color: #EDEDED; } .bg-hg1 { background-color: #EEBE38; } .bg-hg2 { background-color: #7889FB; } .bg-hg3 { background-color: #61BBB9; } .bg-hg4 { background-color: #ED9064; } .bg-hg5 { background-color: #86C64E; } .bg-topnav { background-color: #EEEEEE; } .bg-navs { background-color: #00A0E6 !important; } .bg-banner { background-color: #FE6633; } .bg-news { background-color: #7B570D; } .bg-footnav { background-color: #2B2F38; } .bg-footcontent { background-color: #212830; } .bg-rate { background-color: #B1F2D0; } .bg-buy { background-color: #008CC8; } .bg-center { background-color: #1D2939; } .bg-fee { background-color: #4FAE52; } .text-shuzi { color: #FE6633; } .text-news { color: #00A5E8; } .text-star { color: #07B67B; } .text-rate { color: #0E7946; } .text-price { color: #FF0027; } .text-price2 { color: #ff541a; } .text-login{ color: #D13500; } .text-ico { color: #444141; } .text-step { color: #009EE3; } .text-why { color: #01ABEA; } .text-qian { color: #9d9a9a } .text-dia4-des{ color: #c9c9c9; } .text-dia4-des li:first-child{ color: #FF6633; } .text-dia4-des li::marker{ color: #3E91C9; } .text-buy{ color: #008CC8!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, .js-payment-icon-135 { background-position: 22px -118px; } .js-payment-icon-71, .js-payment-icon-134 { 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-100{ background-position: -152px -363px; } .js-payment-icon-101{ background-position: -153px -420px; } .js-payment-icon-102{ background-position: -150px -480px; } .js-payment-icon-158{ background-position: 22px -118px; } .js-payment-icon-159 { background-position: 22px -178px; } .js-payment-icon-157 { background-position: 9px -56px; } /*.js-payment-icon-208 {*/ /* background-position: -1342px -398px;*/ /*}*/ .js-payment-icon-208 { background-position: 9px -240px; } .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; } .text-content-box h3{ text-align: center; } .bg-buy-active { background-color: #51cbff!important; color: #fff!important; } .btn2 { background-color: #FE6633; color: #fff; } .btn2:hover { background-color: #ff4f11 !important; color: #fff !important; } .btn2:active { background-color: #FE6633; border: 1px solid #FE6633; color: #fff; } .dropdown-menu{ --bs-dropdown-link-active-bg: #fff; } @media (min-width: 1025px) { .js-cart-preview-box .website-cart{ color: #fff } } @media (max-width: 1024px) { .js-cart-preview-box .website-cart{ color: #000 } } .description-box { width: 400px; 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-dia4-pl{ background-image: url(../images/dia4-pl-bg.jpg) ; background-size: contain; } .rsvsrop-bg{ background-color: #F8F9FA!important; } .text-product-title{ color: #EAEB0A!important; } .text-product-type{ color: #BFBF08!important; } .text-product-bd{ color: #d7d7d7!important; } .text-product-text{ color: #B0A799!important; } .text-product-price{ color: #facd91!important; } .product-box{ border: 2px solid #A99412; background: linear-gradient(180deg,#4A3308,#251D0F,#151514); } .btn-type{ color: #000!important; background-color: #eee!important; } .btn-type-active, .btn-type:hover{ color: #ffffff!important; background-color: #00A0E6!important; } .btn-item{ color: #000!important; border: 1px solid #e9e9e9!important; } .btn-item-active, .btn-item:hover{ color: #00A0E6!important; border-color: #00A0E6!important; } .btn-cart{ z-index: 10000000; border: 1px solid #c5a76d; background: #c5a76d; transition: 0.5s; color: #fff; } .btn-cart:hover{ border: 1px solid #f1c054; background: #f1c054; transition: 0.5s; color: #fff; } .btn-cart:disabled{ border: 1px solid #a2a1a1; background: #a2a1a1; transition: 0.5s; color: #fff!important; opacity: 1; } .btn-congra{ border: 1px solid #00B67A; color: #00B67A; } .btn-congra:active, .btn-congra:hover{ background-color: #00B67A; color: #ffffff; } .rsvsrop-title{ color: #009EE3!important; } .description-box-2{ width: 450px; 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%; } .cy-select-picker:hover, .cy-select-picker:active, .cy-select-picker:focus-visible{ background-color: #f8f9fa!important; } .cy-select-picker:focus, .cy-select-picker .dropdown-toggle:focus{ border: none!important; } .js-select-picker .bootstrap-select > select.mobile-device:focus + .dropdown-toggle, .js-select-picker .bootstrap-select .dropdown-toggle:focus { outline: none!important; } .js-select-picker .dropdown-item:hover { color: rgb(255, 255, 255) !important; background-color: #1E90FF !important; } .js-select-picker .dropdown-menu { max-height: 300px; /*max-width: 100%;*/ } .js-select-picker .dropdown-item.active, .js-select-picker .dropdown-item:active { color: rgb(255, 255, 255) !important; background-color: #1E90FF !important; } .bootstrap-select button.cy-select-picker.dropdown-toggle:focus{ outline: none!important; border: 1px solid #ccc!important; } .cy-select-picker{ border: 1px solid #ccc!important; } .img-modal-box{ width: 500px; font-size:0.9rem; } .cart-drop .dropdown-item.active, .cart-drop .dropdown-item:active { color: #000!important; background-color: #fff!important; } @media screen and (max-width: 768px) { .home-banner-box{ height: 120px; } } @media screen and (min-width: 769px) and (max-width: 1024px) { .home-banner-box{ height: 250px; } } @media screen and (min-width: 1024px) and (max-width: 1100px) { .home-banner-box{ height: 320px; } } @media screen and (min-width: 1100px) and (max-width: 1280px) { .home-banner-box{ height: 380px; } } @media screen and (min-width: 1280px) and (max-width: 1536px) { .home-banner-box{ height: 440px; } } @media screen and (min-width: 1536px) and (max-width: 1745px) { .home-banner-box{ height: 520px; } } @media screen and (min-width: 1745px){ .home-banner-box{ height: 568px; } } /*cod 代练webp图片显示错误修改*/ .cod-webp-img{ position: absolute; right:-6px; top: 54px; width: 150px; max-height: 150px; } .cod-cart-img img{ max-width: 100%; max-height: 100%; } @media screen and (min-width: 768px) { .js-item-countdown { font-weight: bold; font-size: 0.9rem !important; } } @media screen and (max-width: 769px) { .js-item-countdown { font-size: 0.7rem !important; } } /* 语言样式 */ .lang:hover { color: #fff; background-color: #F4AE1B !important; } .bg-lang { width: 16px; height: 13px; background: url('../images/lan.png') no-repeat; } .lang-en { background-position: 0 1px; } .lang-zh { background-position: 0 -66px; } .lang-de { background-position: 0 -12px; } .lang-fr { background-position: 0 -39px; } .lang-it { background-position: 0 -26px; } .lang-es { background-position: 0 -53px; } .lang-ar { background-position: 0 -81px; } .lang-ru { background-position: 0 -93px; } .icon-service{ width: 25px; height: 25px; background: url('../images/service.webp') no-repeat; background-size: 100%; background-position: 0 60px; border-radius: 50%; } i.na_east{ background-position: 0 0; } i.na_west{ background-position: 0 0; } i.eu_central{ background-position: 0 -37px; } i.jp{ background-position: 0 -375px; } i.sa{ background-position: 0 -450px; } i.korea{ background-position: 0 -824px; } i.sa_east{ display: inline-block; width: 26px; height: 25px; background-image: url('../images/sa-east.jpg'); background-size: cover; background-position: center; } i.ap_northeast{ display: inline-block; width: 25px; height: 25px; background-image: url('../images/ap-northeast.png'); background-size: cover; background-position: center; margin-right: 0.08rem!important; } .affix-txt{ color: #000; } .affix-box:hover .affix-txt{ color: #008CFF; } .hot-game-box img{ filter: brightness(90%); } .hot-game-box img:hover{ filter: brightness(110%); } .bo6-bot-lobby-bg-img{ background: url('../images/bo6-bot-lobby-bg-img.png') center top #fff no-repeat; background-size: contain; padding: 220px 0 20px; } .bo7-bot-lobby-bg-img{ background: url('../images/bo7-bot-lobby-bg-img.png') center top #fff no-repeat; background-size: contain; padding: 220px 0 20px; } @font-face{ font-family:Kalam; src:url('../../common/font/Kalam-Regular.ttf') } @font-face{ font-family:ZhiMangXing; src:url('../../common/font/ZhiMangXing-Regular.ttf') } @font-face{ font-family:Quicksand; src:url('../../common/font/Quicksand-Medium.ttf') } @font-face{ font-family:Vollkorn; src:url('../../common/font/Vollkorn-Regular.ttf') } @font-face{ font-family:Spectral; src:url('../../common/font/Spectral-Regular.ttf') } a{ color: #000; text-decoration: none; } .content{ color: #0092D1; text-decoration: none; } footer a, .foot-a, header a{ color: #fff; text-decoration: none; } a:hover{ color: #F4AE1B; text-decoration: none; } .text-shuzi { color: #F4AE1B; } .text-news { color: #00A5E8; } .text-star { color: #07B67B; } .text-rsprice{ color: #FF0027; } .bg-jianbian1{ background-image: repeating-linear-gradient(45deg, #A07C14,#A07C14,#A07C14,#A47F17,#A47F17,#A47F17); } .bg-jianbian2{ background-image: repeating-linear-gradient(45deg, #2C3E9F,#2C3E9F,#2C3E9F,#303DA1,#303DA1,#303DA1); } .bg-jianbian3{ background-image: repeating-linear-gradient(45deg, #048781,#048781,#048781,#0D8A81,#0D8A81,#0D8A81); } .bg-jianbian4{ background-image: repeating-linear-gradient(45deg, #9A4D16,#9A4D16,#9A4D16,#A64F1E,#A64F1E,#A64F1E); } .bg-jianbian5{ background-image: repeating-linear-gradient(45deg, #519C1E,#519C1E,#519C1E,#509A17,#509A17,#509A17); } .bg-content{ background-color: #EDEDED; } .bg-hg1{ background-color: #EEBE38; } .bg-hg2{ background-color: #7889FB; } .bg-hg3{ background-color: #61BBB9; } .bg-hg4{ background-color: #ED9064; } .bg-hg5{ background-color: #86C64E; } .bg-navs { background-color: #00A0E6; } .bg-banner { background-color: #F4AE1B; } .bg-news { background-color: #7B570D; } .bg-footnav { background-color: #2B2F38; } .bg-footcontent { background-color: #212830; } .btn1{ background-color: #00A0E6; color: #fff; } .btn1:hover{ background-color: #51cbff; color: #fff; } .btn1:active{ background-color: #00A0E6 !important; border: 1px solid #fff !important; color: #fff !important; } /* 汇率的样式 */ .currency:hover{ color: #fff; background-color: #F4AE1B !important; } .border-currency:active{ border: 1px solid #343A40 !important; } .border-currency.show{ border: 1px solid #343A40 !important; } .border-grey, .border-grey:active, .border-grey:focus{ border: 1px solid #343A40 !important; } /* 语言样式 */ .lang:hover{ color: #fff; background-color: #F4AE1B !important; } .bg-lang{ width: 16px; height: 13px; background: url(../img/lan.png) no-repeat; } /* hotgame图标 */ .hg-box{ left: 30px; top: -20px; } .hg-ico{ width: 45px; height: 45px; background: url(../img/all-img.png) no-repeat; position: absolute; } /* 头像 */ .touxiang{ width: 30px; height: 30px; border-radius: 50%; } /* why choose us图标 */ .wcu-ico{ width: 62px; height: 62px; background: url(../img/all-img.png) no-repeat; } /* 底部登录模态窗 */ .modal-backdrop { --bs-backdrop-zindex: 1029; } .text-price { color: #013220; } .bg-addtocart { background-color: #013220; }