html { font-size: 100px; width: 100%; height: 100%; font-family: 'PingFang SC', sans-serif; /*overflow-x: hidden;*//* font-size: clamp(100px, 5.2vw, 100px); */ /* 最小 75px，最大 100px */ }
body { width: 100%; height: 100%; color: #666; overflow-x: hidden; }
span,p,div,li { font-size: .13rem; color: inherit; }
.contentBox { width: 100%; /*height: calc(100% - .5rem);*/ overflow-y: auto; overflow-x: hidden; /* overflow-x: ; */ }
/* 主要的左右间距 */
.main-m { margin: .2rem; }
.main-mx { margin: 0 0 .2rem; }
.main-my { margin: .2rem 0; }
.main-p { padding: .2rem; box-sizing: border-box; }
.main-px { padding: 0 0 .2rem; box-sizing: border-box; }
.main-py { padding: 0 .2rem 0; box-sizing: border-box; }
/* 文字颜色 */
.gradient-text { color: #AD6D3E; background: linear-gradient(to bottom, #AD6D3E, #7A3A0B); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
/* 文字大小 */
.text-11 { font-size: .11rem; font-weight: 400; color: #666; }

.bg-transition1 { background: linear-gradient(to bottom, rgba(173, 109, 62, 1), rgba(122, 58, 11, 1)); }
/* 首页的样式 */
.title-gradient { font-family: 'PingFang SC', sans-serif; font-weight: 400; font-size: 25px; line-height: 100%; letter-spacing: 0; background: linear-gradient(to bottom, rgba(173, 109, 62, 1), rgba(122, 58, 11, 1)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

.category-card { margin: .05rem; /* @apply border-2 m-[.05rem] border-dashed border-purple-400 rounded-xl transition-all duration-300; */ }

.category-title {
    @apply font-semibold text-sm text-purple-600 mb-2 flex items-center gap-1;
}

.category-item {
    @apply text-xs text-gray-600 bg-yellow-100 py-[.05rem] px-[.1rem] rounded-full inline-flex items-center gap-1 mt-2;
}

.home-ls-club-box .content { background: linear-gradient(to bottom, #FFFFFF, #F6EDD3); }
.btn-sm { padding: .06rem .15rem; border-radius: .3rem; cursor: pointer; }
.btn-red { background: linear-gradient(to right, rgba(187, 0, 15, 1), rgba(239, 47, 25, 1)); border-color: rgba(187, 0, 15, 1); color: #fff; }
.btn-yellow { background: linear-gradient(to right, rgba(187, 0, 15, 1), rgba(239, 47, 25, 1)); }
.btn-primary { background: linear-gradient(to bottom, #AD6D3E, #7A3A0B); background: #AF8958; color: #fff; border-radius: .18rem; padding: .05rem .2rem; }
.bg-gradient-gold { background: linear-gradient(to right, #CCAA69 0%, #E0C79B 50%, #CCAA69 100%); }
.btn-primary-plain { border: 1px solid #AF8958; color: #AF8958; padding: .05rem .2rem; border-radius: .18rem; }
/* 背景渐变 */

/* 关于我们模块共用样式 */
.aboutUsBox { /* background: url(../images//contact-us/bg.png);
    background-repeat: no-repeat;
  background-size: 100% 100%; /* 高度撑满，宽度按比例裁剪 
  background-position: center center; */ background: url('../images/contact-us/bg2.png') no-repeat center center; background-size: 100% 100%; background-position: top center; position: relative; z-index: 1; }
/*.aboutUsBox:before { content: ''; position: absolute; background: url('../images/contact-us/bg3.png') no-repeat; left: 0; top: 0; background-size: 100% auto; width: 100%; height: 2.5rem; z-index: -1; }*/
.aboutUsBox .menu-box { background: linear-gradient(to right, rgba(187, 0, 15, 1), rgba(239, 47, 25, 1)); }
.aboutUsBox .ab-title { background: linear-gradient(to bottom, #AD6D3E, #7A3A0B); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: .25rem; margin: .5rem 0; text-align: center; font-weight: 600; }
/* 关于我们菜单样式 */
.about-us-menu-box { background: rgba(255,255,255,.3); padding: .1rem 0; }
.about-us-menu-box > li { margin: 0 .1rem; }
/* 其他样式 */
.line-clamp-1 { display: -webkit-box; -webkit-line-clamp: 1; /* 最多显示2行 */ -webkit-box-orient: vertical; /* 垂直排列 */ overflow: hidden; text-overflow: ellipsis; }
.line-clamp-2 { display: -webkit-box; -webkit-line-clamp: 2; /* 最多显示2行 */ -webkit-box-orient: vertical; /* 垂直排列 */ overflow: hidden; text-overflow: ellipsis; }
/* 兼容 Chrome、Safari、Edge */
.no-scrollbar::-webkit-scrollbar { display: none; }
/* Firefox */
.no-scrollbar { scrollbar-width: none; }
#aboutUsMenuBox { height: .52rem; background: transparent; }

body { margin: 0; line-height: inherit }
hr { height: 0; color: inherit; border-top-width: 1px }
h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit }
a { color: inherit; text-decoration: inherit }
menu, ol, ul { list-style: none; margin: 0; padding: 0 }
textarea { resize: vertical }
input::placeholder, textarea::placeholder { opacity: 1; color: #9ca3af }
audio, canvas, embed, iframe, img, object, svg, video { display: block; vertical-align: middle }
img, video { max-width: 100%; height: auto }

/**, ::before, ::after { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x:; --tw-pan-y:; --tw-pinch-zoom:; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position:; --tw-gradient-via-position:; --tw-gradient-to-position:; --tw-ordinal:; --tw-slashed-zero:; --tw-numeric-figure:; --tw-numeric-spacing:; --tw-numeric-fraction:; --tw-ring-inset:; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur:; --tw-brightness:; --tw-contrast:; --tw-grayscale:; --tw-hue-rotate:; --tw-invert:; --tw-saturate:; --tw-sepia:; --tw-drop-shadow:; --tw-backdrop-blur:; --tw-backdrop-brightness:; --tw-backdrop-contrast:; --tw-backdrop-grayscale:; --tw-backdrop-hue-rotate:; --tw-backdrop-invert:; --tw-backdrop-opacity:; --tw-backdrop-saturate:; --tw-backdrop-sepia:; --tw-contain-size:; --tw-contain-layout:; --tw-contain-paint:; --tw-contain-style: }
::backdrop { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x:; --tw-pan-y:; --tw-pinch-zoom:; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position:; --tw-gradient-via-position:; --tw-gradient-to-position:; --tw-ordinal:; --tw-slashed-zero:; --tw-numeric-figure:; --tw-numeric-spacing:; --tw-numeric-fraction:; --tw-ring-inset:; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur:; --tw-brightness:; --tw-contrast:; --tw-grayscale:; --tw-hue-rotate:; --tw-invert:; --tw-saturate:; --tw-sepia:; --tw-drop-shadow:; --tw-backdrop-blur:; --tw-backdrop-brightness:; --tw-backdrop-contrast:; --tw-backdrop-grayscale:; --tw-backdrop-hue-rotate:; --tw-backdrop-invert:; --tw-backdrop-opacity:; --tw-backdrop-saturate:; --tw-backdrop-sepia:; --tw-contain-size:; --tw-contain-layout:; --tw-contain-paint:; --tw-contain-style: }*/
/*! tailwindcss v3.4.16 | MIT License | htt p s://tailwindcss.com*/ /**, ::after, ::before { box-sizing: border-box; border-width: 0; border-style: solid; border-color: #e5e7eb }
::after, ::before { --tw-content: '' }
:host, html { line-height: 1.5; -webkit-text-size-adjust: 100%; -moz-tab-size: 4; tab-size: 4; font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-feature-settings: normal; font-variation-settings: normal; -webkit-tap-highlight-color: transparent }
body { margin: 0; line-height: inherit }
hr { height: 0; color: inherit; border-top-width: 1px }
abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted }
h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit }
a { color: inherit; text-decoration: inherit }
b, strong { font-weight: bolder }
code, kbd, pre, samp { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-feature-settings: normal; font-variation-settings: normal; font-size: 1em }
small { font-size: 80% }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline }
sub { bottom: -.25em }
sup { top: -.5em }
table { text-indent: 0; border-color: inherit; border-collapse: collapse }
button, input, optgroup, select, textarea { font-family: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; letter-spacing: inherit; color: inherit; margin: 0; padding: 0 }
button, select { text-transform: none }
button, input:where([type=button]), input:where([type=reset]), input:where([type=submit]) { -webkit-appearance: button; background-color: transparent; background-image: none }
:-moz-focusring { outline: auto }
:-moz-ui-invalid { box-shadow: none }
progress { vertical-align: baseline }
::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto }
[type=search] { -webkit-appearance: textfield; outline-offset: -2px }
::-webkit-search-decoration { -webkit-appearance: none }
::-webkit-file-upload-button { -webkit-appearance: button; font: inherit }
summary { display: list-item }
blockquote, dd, dl, figure, h1, h2, h3, h4, h5, h6, hr, p, pre { margin: 0 }
fieldset { margin: 0; padding: 0 }
legend { padding: 0 }
menu, ol, ul { list-style: none; margin: 0; padding: 0 }
dialog { padding: 0 }
textarea { resize: vertical }
input::placeholder, textarea::placeholder { opacity: 1; color: #9ca3af }
[role=button], button { cursor: pointer }
:disabled { cursor: default }
audio, canvas, embed, iframe, img, object, svg, video { display: block; vertical-align: middle }
img, video { max-width: 100%; height: auto }
[hidden]:where(:not([hidden=until-found])) { display: none }
.absolute { position: absolute }
.relative { position: relative }
.left-1\/2 { left: 50% }
.top-\[0\] { top: 0 }
.top-0 { top: 0px }
.z-\[2\] { z-index: 2 }
.z-\[0\] { z-index: 0 }
.m-auto { margin: auto }
.my-\[\.3rem\] { margin-top: .3rem; margin-bottom: .3rem }
.mt-\[\.1rem\] { margin-top: .1rem }
.mt-\[\.2rem\] { margin-top: .2rem }
.mt-\[\.5rem\] { margin-top: .5rem }
.mt-\[\.3rem\] { margin-top: .3rem }
.mt-\[1\.2rem\] { margin-top: 1.2rem }
.box-border { box-sizing: border-box }
.block { display: block }
.flex { display: flex }
.grid { display: grid }
.hidden { display: none }
.h-auto { height: auto }
.h-\[\.32rem\] { height: .32rem }
.h-\[\.3rem\] { height: .3rem }
.h-\[1\.6rem\] { height: 1.6rem }
.h-\[2\.3rem\] { height: 2.3rem }
.h-\[\.42rem\] { height: .42rem }
.h-\[\.6rem\] { height: .6rem }
.h-full { height: 100% }
.min-h-\[5rem\] { min-height: 5rem }
.w-\[calc\(100\%-\.48rem\)\] { width: calc(100% - .48rem) }
.w-full { width: 100% }
.w-\[\.32rem\] { width: .32rem }
.w-\[1\.1rem\] { width: 1.1rem }
.w-auto { width: auto }
.w-\[2\.1rem\] { width: 2.1rem }
.w-\[2\.8rem\] { width: 2.8rem }
.-translate-x-1\/2 { --tw-translate-x: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) }
.grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)) }
.grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)) }
.flex-wrap { flex-wrap: wrap }
.justify-center { justify-content: center }
.gap-\[\.15rem\] { gap: .15rem }
.overflow-hidden { overflow: hidden }
.rounded-\[\.1rem\] { border-radius: .1rem }
.rounded-md { border-radius: 0.375rem }
.bg-white { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) }
.bg-\[\#D4B783\] { --tw-bg-opacity: 1; background-color: rgb(212 183 131 / var(--tw-bg-opacity, 1)) }
.bg-\[\#fff\] { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) }
.bg-\[url\(\'\/wap\/v3\/images\/home_bg\.png\'\)\] { background-image: url('/wap/v3/images/home_bg.png') }
.bg-cover { background-size: cover }
.bg-center { background-position: center }
.p-\[\.2rem\] { padding: .2rem }
.px-\[\.2rem\] { padding-left: .2rem; padding-right: .2rem }
.px-\[\.3rem\] { padding-left: .3rem; padding-right: .3rem }
.pt-\[\.5rem\] { padding-top: .5rem }
.pt-\[\.8rem\] { padding-top: .8rem }
.pb-\[\.2rem\] { padding-bottom: .2rem }
.pt-\[\.4rem\] { padding-top: .4rem }
.text-center { text-align: center }
.text-\[\.12rem\] { font-size: .12rem }
.text-\[\.4rem\] { font-size: .4rem }
.leading-none { line-height: 1 }
.leading-\[\.42rem\] { line-height: .42rem }
.text-black { --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity, 1)) }
.text-\[\#7A3A0B\] { --tw-text-opacity: 1; color: rgb(122 58 11 / var(--tw-text-opacity, 1)) }
.text-\[\#AF8958\] { --tw-text-opacity: 1; color: rgb(175 137 88 / var(--tw-text-opacity, 1)) }
.text-\[\#B38C59B2\] { color: #B38C59B2 }
.text-\[\#B38C59\] { --tw-text-opacity: 1; color: rgb(179 140 89 / var(--tw-text-opacity, 1)) }
.text-\[\#BB000F\] { --tw-text-opacity: 1; color: rgb(187 0 15 / var(--tw-text-opacity, 1)) }
.text-\[\#fff\] { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)) }*/
/*.fl { float: left; }
    .fr { float: right; }*/
/*html{    width: 720px; margin: auto;}*/
/*.dn { display: none; }
.ftlink-- img { width: 0.2rem; }
.swiper-slide > img { width: 100%; }*/
/*.menuelis.grid a img{max-height:1rem;}*/