body{ font-family: Arial,sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Neue,sans-serif; margin: 0; padding: 0; } @media (max-width: 768px){ .fs-1 { font-size: 2.5rem !important; } .fs-2 { font-size: 1.2rem !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; } .qingchu-m{ margin: 0!important; padding: 0!important; } } @media (min-width: 769px){ .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; } } .row{ margin: 0!important; padding: 0!important; } .p-first:first-letter { color: #01ABEA; font-size: 1.8rem !important; font-weight: 700 !important; } a { text-decoration: none; } header a{ color: #fff!important; } header a:hover{ color: #ffc847!important; } footer a{ color: #c5c5c5!important; } footer a:hover, .footer a:active, .footer a.show{ color: #ffb901!important; } .hot-games-a{ color: #454545!important; } .hot-games-a:hover, .hot-games-a:active, .hot-games-a.show{ color: #e94646!important; } .bread-a{ color: #000!important; } .bread-a:hover, .bread-a:active, .bread-a.show{ color:#ffb901 !important; } .border-a{ border-color: #222!important; } .border-b{ border-color: #283344!important; } .border-c{ border-color: #ddd!important; } .border-d{ border-color: #fff!important; } .dropdown-item:focus, .dropdown-item:hover { background-color: #111 !important; color: #fff; } /*头部快速登录框背景颜色*/ header.dropdown-item.active, .dropdown-item:active { background-color: #343A40 !important; } header.dropdown-item:focus, .dropdown-item:hover { background-color: #111 !important; } .text-a{ color: #ffe500!important; } .text-b{ color: #f0f0f0!important; } .text-c{ color: #e94646!important; } .text-d{ color: #666!important; } .text-e{ color: #ffb301!important; } .text-f{ color: #ff6c00!important; } .bg-line-top{ background: url('../images/index-title-line-top.jpg')no-repeat center top #F5F5F5; } .bg-line{ background: url('../images/index-title-line.jpg')repeat-x center center; } .bg-jianbian1{ background: linear-gradient(#FFDC01,#FF7200); } .bg-a{ background-color: #000!important; } .bg-b{ background-color: #111!important; } .bg-c{ background-color: #1d2736!important; } .bg-d{ background-color: #f5f5f5!important; } .bg-e{ background-color: #f9f9f9!important; } .bg-hddb{ background-color: #49AEBD!important; } .bg-news{ background-color: rgba(0,0,0,.5) !important; } .bg-reviews{ background-color: #e94646!important; } .bg-fee{ background-color: #0a9616!important; } .btn-a{ background: linear-gradient(#ffe500, #ff7000); border: none!important; color: #000!important; } .btn-a:hover, .btn-a:active, .btn-a.show{ background: linear-gradient(#ff8300, #921406); border: none!important; color: #fff!important; } .btn-b{ border: 1px solid #222!important; color: #fff!important; } .btn-b:hover, .btn-b:active, .btn-b.show{ border: 1px solid #e94646!important; color: #e94646!important; } .btn-c{ border: 1px solid #222!important; color: #f0f0f0!important; } .btn-c:hover, .btn-c:active, .btn-c.show{ background-color: #333!important; } .btn-d{ background-color: #222!important; } .btn-d:hover, .btn-d:active, .btn-d.show{ background-color: #333!important; } .btn-discord { color: #fff; background-color: #5765F2; } .btn-discord:hover, .btn-discord:active, .btn-discord.show{ background-color: #6371f5; border: 1px solid #6371f5 !important; color: #fff; } .btn-e{ color: #2f2f2f!important; border: 1px solid #e2e2e2; } .btn-e:hover, .btn-e:active, .btn-e.show, .btn-e-active{ color: #fff!important; background-color: #333!important; } .btn-f{ color: #000!important; background-color: #e1e1e1!important; } .btn-f:hover, .btn-f:active, .btn-f.show{ color: #fff!important; background-color: #fdc409!important; } .btn-g{ color: #000!important; background-color: #f9f9f9!important; } .btn-g:hover, .btn-g:active, .btn-g.show, .btn-g-active{ color: #fff!important; background-color: #fdc409!important; } ul.games li:hover { --bs-dropdown-link-hover-bg: #F4AE1B !important; } .games .col div:hover { background-color: #F4AE1B !important; } /* 汇率的样式 */ .currency{ color: #9f9f9f!important; border: 1px solid #9f9f9f!important; } .currency:hover { color: #fff!important; border: 1px solid #fff!important; } /* 语言样式 */ .lang{ color: #9f9f9f!important; border: 1px solid #9f9f9f!important; } .lang:hover { color: #fff!important; border: 1px solid #fff!important; } .bg-lang { width: 16px; height: 13px; background: url('../images/lan.png') no-repeat; } /* hotgame图标 */ .hg-box { left: 30px; top: -20px; } .hg-ico { width: 45px; height: 45px; background: url('../images/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('../images/all-img.png') no-repeat; } /* 底部登录模态窗 */ .modal-backdrop { --bs-backdrop-zindex: 1029; } /*底部图片*/ .footer-img1 { width: 280px; height: 70px; background: url('../images/all-img.png') no-repeat 0 -536px; } .footer-img2 { width: 356px; height: 138px; background: url('../images/all-img.png') no-repeat 0 -600px; } .footer-img3 { width: 218px; height: 102px; background: url('../images/all-img.png') no-repeat 0 -304px; } .footer-img4 { width: 220px; height: 56px; background: url('../images/all-img.png') no-repeat 0 -608px; } .form-control:focus { color: var(--bs-body-color); background-color: var(--bs-form-control-bg); border-color: #F4AE1B; outline: 0; box-shadow: 0 0 0 0; } .news-content { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .carousel-indicators button { width: 10px !important; height: 10px !important; border-radius: 50%; } .carousel-indicators button.active { background-color: #F4AE1B; } .currency-a div:hover { /*background-color: #A07C14;*/ background-color: #f1c77d; } .currency-a div:hover a { color: #fff; } .items-a div:hover { /*background-color: #2C3E9F;*/ background-color: #7991f3; } .items-a div:hover a { color: #fff; } .boosting-a div:hover { /*background-color: #048781;*/ background-color: #4fd0cb; } .boosting-a div:hover a { color: #fff; } .accounts-a div:hover { /*background-color: #9A4D16;*/ background-color: #f1a269; } .accounts-a div:hover a { color: #fff; } .top-a div:hover { /*background-color: #519C1E;*/ background-color: #7fd347; } .top-a div:hover a { color: #fff; } .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; } /*分页*/ .page-link{ color: #666!important; } .disabled > .page-link, .page-link.disabled { background-color: #fff !important; } .active > .page-link, .page-link.active { background: linear-gradient(#FFDC01,#FF7200); border-color: #FFDC01 !important; } /*新闻组件中的图片*/ .news-show img { max-width: 100%; height: auto; } .top-img { height: 180px; background: url('../images/poe2.jpg') no-repeat; background-size: cover; } /*面包屑*/ .breadcrumb-white .breadcrumb-item + .breadcrumb-item::before { color: #fff !important; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; } input[type="number"] { -moz-appearance: textfield; } /*头部底边框*/ .border-top-grey { border-bottom: 3px solid #222831 !important; } /*头部和底部，手机电脑端的显示与隐藏*/ @media (min-width: 1025px) { .d-pc { display: block; } .d-phone { display: none; } .border-end-pc { border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; } } @media (max-width: 1024px) { .d-pc { display: none; } .d-phone { display: block; } .w-phone-100 { width: 100% !important; } } .top-cate { background-color: #ccc; } .top-cate-active, .top-cate:hover { background-color: #FDC409!important; color: #333 !important; } .gold-qty-invalid.form-control.is-invalid, .was-validated .form-control:invalid { background-position: right calc(2.3em + 0.1875rem) center; } /*头部快速登录悬停颜色*/ .lg-quick li.lg:hover { background-color: #F4AE1B; } .bi-dash::before, .bi-plus::before { margin-top: 30%; } input::placeholder { color: #999999 !important; font-size: 12px; } .form-check-input:checked { background-color: #008CC8 !important; border-color: #008CC8 !important; } .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-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: -156px -300px; } .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 !important; font: 1.2rem U4gm, serif; font-weight: 700 !important; margin-bottom: 1.5rem !important; } .text-content-box *:last-child { margin-bottom: 0 !important; } .description-box { width: 600px; 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 { max-width: 100%; } .top-nav a:hover { background-color: #F4AE1B; } /*games中的图标动效*/ .icon2 { animation: animateSpan 0.5s ease-in-out infinite; } @keyframes animateSpan { 0% { transform: scale(1.2); } 50% { transform: scale(0.8); } 100% { transform: scale(1.2); } } /*按钮闪烁效果*/ .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%; } } .js-initials-box button.active { background-color: #F4AE1B; border-color: #fff !important; color: #fff; } .js-initials-box button:not(.btn-check) + .btn:active { border-color: #fff; } .all-game-item:hover { background-color: #F4AE1B; color: #fff; } .sticky-bottom { z-index: 1019; } .member-center p { margin: 0; } .bg-cod-share { background-color: #2B84F7; } /*支付状态*/ .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; } /*代练样式*/ .irs-from, .irs-to, .irs-bar, .irs-single { background-color: #00A0E6 !important; } .irs-handle { border: 4px solid #F4AE1B !important; } .nav-link, .nav-link:hover { color: #999999; } .nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: #fff !important; background-color: #00A0E6 !important; } /*新闻中的表格样式*/ .blog-view-box table td { padding: 5px !important; text-align: center; word-break: break-all; } /*底部的信息框*/ #chat-widget-container { /*z-index: 1000 !important;*/ /*max-height: 85% !important;*/ } .hddb-btn { box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3); } .ff-mont { font-family: Montserrat, Arial, Helvetica, sans-serif !important; } .js-product-option li::marker { color: #EAEB0A !important; } .product-box { border: 2px solid #A99412; background: linear-gradient(180deg, #4A3308, #251D0F, #151514); } @media (min-width: 1025px) { .position-product { position: fixed; } } @media (max-width: 1024px) { .position-product { position: static; } } .table td { border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; } tr.last:last-child { border-bottom: 1px solid #dee2e6; } .accordion-button:not(.collapsed) { background-color: #EEEEEE !important; color: #ff6c00 !important; font-weight: bold; } .accordion-button::after{ color: #333!important; } .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 { background-color: #1E90FF !important; } .js-select-picker .dropdown-menu { max-height: 300px; /*max-width: 100%;*/ } /*头部和底部，手机电脑端的显示与隐藏*/ @media (min-width: 1025px) { .d-pc { display: block; } .d-phone { display: none; } } @media (max-width: 1024px) { .d-pc { display: none; } .d-phone { display: block; } .w-phone-100 { width: 100% !important; } .description-box { width: 100% !important; } } .img-modal-box { width: 500px; font-size: 0.9rem; } .bg-buy-active { background-color: #51cbff !important; color: #fff !important; } .sell-to-us .form-select:focus { box-shadow: 0 0 0 0; } .page-title { background: #F2F2F2; border-left: 5px solid #0b94c0; } table{ overflow: hidden; width: 100%; border: 1px solid #fff; } td{ padding: 5px; border-right: 1px solid #fff; border-bottom: 1px solid #fff; } @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; } } .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%; } .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; } .btn-buy { color: #fff!important; background-color: #333!important; } .btn-buy:hover { background-color: #F4AE1B!important; color: #fff!important; } .btn-buy:active { background-color: #333 !important; border: 1px solid #333 !important; color: #fff !important; } .btn-buy.show { color: #fff; background-color: #333 !important; border-color: #333 !important; } .affix-txt{ color: #000; } .affix-box:hover .affix-txt{ color: #008CFF; } .text-choose{ color: #FDC409!important; } @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; }