:root {
   /* 品牌色 */
 --bs-primary: #1677FF; /*主色*/
 --bs-primary-2: #4693ff; /*淡主色2*/
 --bs-primary-3: #539bff; /*淡主色3*/
 --bs-primary-4: #f3f8ff; /*淡主色4*/
 --bs-auxiliary: #C6EC3C; /*补色*/
 --bs-tip-color: #33CC99; /*辅助色1*/
 --bs-tip-color-2: #AD8470; /*辅助色2*/
 --bs-tip-color-3: #ECE8DD; /*辅助色3*/
 --bs-analogous: #33CC99; /*类似色*/
 --bs-price: #100a29; /*价格色*/
 --bs-button: #1677FF; /*按钮色*/
 --bs-button-g: #1677FF; /*按钮色*/
 --bs-hover: #1677FF; /*悬停色*/
  
 /* 中性色 */
 --bs-bg:#FFFFFF; /*背景色*/
 --bs-bg-block:#F8F9F9; /*背景块*/
 --bs-border:#E5E5E5; /*边框色*/
 --bs-text-box:#FFFFFF; /*文本框背景色*/

 /* 文本色 */
--bs-body-color:#100a29; /*高强调*/
--bs-body-color-2:#53505b; /*中强调*/
--bs-body-color-3:#89888d; /*弱强调*/
--bs-body-color-4:#d5d5d8; /*极弱强调，禁用色*/
--bs-link:#1677FF; /*链接色*/

/* 功能色 */
--bs-red: #ff5349; /*红色*/
--bs-orange: #F37B1D; /*橙色，警告色*/
--bs-yellow: #F9BF1E; /*黄色*/
--bs-beige: #e4cb96 ; /*米色*/
--bs-green: #33CC99; /*绿色，成功色*/
--bs-blue: #1677FF; /*蓝色，信息色*/
--bs-purple: #623CEC; /*紫色*/
--bs-brown: #D1722D; /*棕色*/
--bs-info: #00A5FF; /*米色*/
--bs-black: #101010; /*黑色*/
--bs-white: #FFFFFF; /*白色*/

/* 边框色 */
--bs-border-color: #ededed;
/* swiper */
--swiper-theme-color: #623CEC!important;

--bs-font-sans-serif:"Noto Sans SC", -apple-system, blinkmacsystemfont, "Segoe UI",    roboto, "Helvetica Neue", arial, "Noto Sans", sans-serif,    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
     box-sizing: border-box;
letter-spacing: 0px; /* 调整字符之间的间距 */
}

@media (min-width: 300px) {
    .bannerBox{padding: 0rem 0 0 0;}
    .bannerBox>.info{max-width: 100%;}
    .user-main,.user-main.am-container,.container,.container-xxl,.container-xl,.container-lg,.container-md,.container-sm{--bs-gutter-x: 3.5rem;}
}

@media (min-width: 768px) {
    .container-md, .container-sm, .container{max-width: 100%;}
}
@media (min-width: 992px) {
    .container-xl, .container-lg, .container-md, .container-sm, .container{padding: 0 3rem;}
}
@media (min-width: 1400px) {
    .container-xl,.container-lg,.container-md,.container-sm,.container,.user-main{padding: 0 0rem; max-width: 1320px;}
}
@media (min-width: 1450px) {
    .container-xl,.container-lg,.container-md,.container-sm,.container,.user-main{max-width:1400px;}
}