@font-face {
    font-family: myFont;
    src: url('../fonts/RZ Regular.ttf');
}
.sticky-wrapper {
    position: relative;
    height: 0;
}

.sticky-wrapper .uk-card {
    position: sticky;
    top: 20px;
    transition: all 0.3s ease;
}

.uk-width-2-3 {
    position: relative;
}

@font-face {
    font-family: myFont01;
    src: url('../fonts/bxzwjh.ttf');
}

html,
.uk-h1,
.uk-h2,
.uk-h3,
.uk-h4,
.uk-h5,
.uk-h6,
.uk-heading-2xlarge,
.uk-heading-large,
.uk-heading-medium,
.uk-heading-small,
.uk-heading-xlarge,
.uk-button,
.uk-navbar-nav>li>a,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
li,
a,
span,
i {
    font-family: myFont !important;
    font-weight: normal;
}

body {
    margin: 0 auto;
    min-width: 1400px;
}

html {
    scroll-behavior: smooth;
}

.bg-main {
    background-color: #292341;
}

.bg-01 {
    background-color: #2b0746;
}

.bg-02 {
    background-color: #3e0b64;
}

.bg-03 {
    background-color: #1e1a30;
}

.bg-04 {
    background-color: #e3dff8;
}

.uk-font-01 {
    font-family: myFont01 !important;
}

.my-radius {
    border-radius: 15px;
}

.my-radius2 {
    border-radius: 50px;
}

.my-radius3 {
    border-radius: 30px;
}

.radius-top {
    border-radius: 15px 15px 0 0
}

.uk-select:not([multiple]):not([size]) {
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 20px;
    background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    background-repeat: no-repeat;
    background-position: 95% 50%;
    cursor: pointer;
}

.uk-card-primary.uk-card-body .uk-select:not([multiple]):not([size]),
.uk-card-primary>:not([class*=uk-card-media]) .uk-select:not([multiple]):not([size]),
.uk-card-secondary.uk-card-body .uk-select:not([multiple]):not([size]),
.uk-card-secondary>:not([class*=uk-card-media]) .uk-select:not([multiple]):not([size]),
.uk-light .uk-select:not([multiple]):not([size]),
.uk-offcanvas-bar .uk-select:not([multiple]):not([size]),
.uk-overlay-primary .uk-select:not([multiple]):not([size]),
.uk-section-primary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]),
.uk-section-secondary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]),
.uk-tile-primary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]),
.uk-tile-secondary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]) {
    background-image: url("data:image/svg+xml;charset=UTF-8,<svg fill='white' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>")
}

.uk-dotnav {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    list-style: none;
}

.uk-dotnav>* {
    flex: none;
    padding: 6px
}

.uk-dotnav>*>* {
    display: block;
    box-sizing: border-box;
    width: 17px;
    height: 5px;
    border-radius: 50px;
    background: #eee !important;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
    border: none;
    transition: .2s ease-in-out;
    transition-property: background-color, border-color
}

.uk-dotnav>*>:focus,
.uk-dotnav>*>:hover {
    background-color: rgba(102, 102, 102, .6);
    outline: 0;
    border-color: transparent
}

.uk-dotnav>*>:active {
    background-color: rgba(102, 102, 102, .2);
    border-color: transparent;
}

.uk-dotnav>.uk-active>* {
    background-color: #2196f3 !important;
    border-color: transparent
}

.uk-dotnav-vertical {
    flex-direction: column;
    margin-left: 0;
    margin-top: -12px
}

.uk-dotnav-vertical>* {
    padding-left: 0;
    padding-top: 12px
}

.uk-text-xsmall {
    font-size: .675rem;
    line-height: 1.5
}

.uk-padding-xsmall {
    padding: 10px
}



.x-card {
    position: relative;
    border: solid 2px #98c6f5;
    cursor: pointer;
    min-height: 150px;
    border-radius: 15px;
    overflow: hidden;
}

/* 选中卡片样式 */
.card-selected {
    border: 3px solid #1e87f0;
    box-shadow: 0 5px 15px rgba(30, 135, 240, 0.3);
    transition: all 0.1s ease-in-out;
}

/* 隐藏radio按钮但保留功能 */
.x-radio {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

/* 选中卡片中的radio按钮样式 */
.card-selected .uk-radio:checked {
    background-color: #1e87f0;

}


/* 选中卡片中的radio按钮样式 */
.card-selected .uk-radio:checked {
    background-color: #1e87f0;

}

/* 隐藏radio按钮但保留功能 */
.x-radio-payment {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

.x-card-payment {
    position: relative;
    border: solid 2px #98c6f5;
    cursor: pointer;
    border-radius: 15px;
    overflow: hidden;
}

/* 选中卡片样式 */
.card-payment-selected {
    border: 2px solid #1e87f0;
    box-shadow: 0 5px 15px rgba(30, 135, 240, 0.3);
    transition: all 0.1s ease-in-out;
}

/* 自定义滚动条样式 */

.g-scrollbar::-webkit-scrollbar {
    width: 8px;
}

.g-scrollbar::-webkit-scrollbar-track {
    background: #66009b;
    border-radius: 10px;
}

.g-scrollbar::-webkit-scrollbar-thumb {
    background: #ab4cf1;
    border-radius: 10px;
    border: solid 1px #914cdf;
}

.g-scrollbar::-webkit-scrollbar-thumb:hover {
    background: #c681ff;
}

/* 圆形图标+文字布局样式 */
.icon-text-container {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 30px;
}

.icon-circle {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.text-content {
    flex: 1;
}

.text-content h3 {
    margin-top: 0;
    margin-bottom: 10px;
}

.text-content p {
    margin: 0;
}

.x-uk-breadcrumb {
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.x-uk-breadcrumb>* {
    display: contents;
    font-size: 1.25rem;
    text-transform: uppercase;
    font-weight: bold;
}

.x-uk-breadcrumb>*>* {
    font-size: 1.25rem;
    color: #999
}

.x-uk-breadcrumb>*>:hover {
    color: #666;
    text-decoration: none
}

.x-uk-breadcrumb>:last-child>a:not([href]),
.x-uk-breadcrumb>:last-child>span {
    color: #666
}

.x-uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before {
    content: "\2022";
    display: inline-block;
    margin: 0 20px 0 calc(20px - 4px);
    font-size: 1.25rem;
    color: #999
}

/* 订单摘要悬浮样式 */
.order-summary-fixed {
    position: -webkit-sticky;
    position: sticky;
    bottom: 20px;
    transition: all 0.3s ease;
    z-index: 980;

}

.x-border-none {
    border: none;
}

.uk-icon-button {
    box-sizing: border-box;
    width: 40px;
    height: 40px;
    border-radius: 500px;

    background: #1e87f0 !important;
    color: #eee !important;
    vertical-align: middle;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    transition: .1s ease-in-out;
    transition-property: color, background-color
}

.uk-icon-button:hover {
    background-color: #ebebeb;
    color: #666
}

.uk-active>.uk-icon-button,
.uk-icon-button:active {
    background-color: #dfdfdf;
    color: #666
}

.uk-nav-divider>li{
    border-top: solid 1px #ddd;
    padding: 10px;
}
.pagination{ margin-top:30px; display:flex; align-items:center; justify-content:center; }
.pagination li{ float:left!important; padding:0 15px;}
.pagination>li.active span{ display:flex; width:30px; height:30px; align-items:center; justify-content:center; background:#1e87f0!important; color:#cbe5ff; border-radius:50px;}
.pagination span{ color:#eee; }
.pagination>li>a{ color:#7194b7; }
.pagination>li>a:hover{ color:#FFF; text-decoration:none; }