/* common-字体 */
* { font-family: "PingFang SC", "Microsoft YaHei", sans-serif; }

/* common-滚动条 */
*::-webkit-scrollbar { width: 3px; height: 0px; }
*::-webkit-scrollbar-thumb { background-color: #B4A085; border-radius: 0; width: 3px;  height: 0px; }
*::-webkit-scrollbar-track { background-color: rgb(26, 25, 25, 0.1); border-radius: 0; width: 3px; height: 0px; }

/* common-wrap宽度 */
.wrap-1440 { width: 100%; max-width: 1440px; margin: 0 auto; }
.wrap-1280 { width: 100%; max-width: 1280px; margin: 0 auto; }
.wrap-1240 { width: 100%; max-width: 1240px; margin: 0 auto; }
.wrap-1200 { width: 100%; max-width: 1200px; margin: 0 auto; }
.wrap-1140 { width: 100%; max-width: 1140px; margin: 0 auto; }
.wrap-1120 { width: 100%; max-width: 1120px; margin: 0 auto; }
.wrap-1040 { width: 100%; max-width: 1040px; margin: 0 auto; }
.wrap-1020 { width: 100%; max-width: 1020px; margin: 0 auto; }
.wrap-972 { width: 100%; max-width: 972px; margin: 0 auto; }
.wrap-940 { width: 100%; max-width: 940px; margin: 0 auto; }
.wrap-856 { width: 100%; max-width: 856px; margin: 0 auto; }
.wrap-840 { width: 100%; max-width: 840px; margin: 0 auto; }
.wrap-480 { width: 100%; max-width: 480px; margin: 0 auto; }

/* common-宽高 */
.width-full { width: 100%!important; }
.width-p50 { width: 50%!important; }
.width-320px{ width: 320px; }
.width-280px{ width: 280px; }
.width-240px{ width: 240px; }
.width-154px{ width: 154px; }
.width-96px{ width: 96px; }
.width-80px{ width: 80px; }
.width-72px{ width: 72px; }
.width-64px { width: 64px; }
.width-60px { width: 60px!important; }
.width-48px{ width: 48px; }
.width-32px{ width: 32px; }

.height-full { height: 100%!important; }
.height-120px { height: 120px; }

/* common-间距 */
/* margin-上 */
.mt-80 { margin-top: 80px; }
.mt-72 { margin-top: 72px; }
.mt-64 { margin-top: 64px; }
.mt-48 { margin-top: 48px; }
.mt-40 { margin-top: 40px; }
.mt-32 { margin-top: 32px; }
.mt-28 { margin-top: 28px; }
.mt-24 { margin-top: 24px!important; }
.mt-20 { margin-top: 20px; }
.mt-16 { margin-top: 16px!important; }
.mt-12 { margin-top: 12px; }
.mt-10 { margin-top: 10px; }
.mt-8 { margin-top: 8px; }
.mt-4 { margin-top: 4px; }
.mt-2 { margin-top: 2px; }
.mt-0 { margin-top: 0px!important; }
/* margin-右 */
.mr-auto { margin-right: auto; }
.mr-65 { margin-right: 65px; }
.mr-56 { margin-right: 56px; }
.mr-30 { margin-right: 30px; }
.mr-24 { margin-right: 24px; }
.mr-20 { margin-right: 20px; }
.mr-12 { margin-right: 12px; }
.mr-10 { margin-right: 10px; }
.mr-8 { margin-right: 8px; }
.mr-4 { margin-right: 4px; }
/* margin-下 */
.mb-40 { margin-bottom: 40px; }
.mb-32 { margin-bottom: 32px; }
.mb-24 { margin-bottom: 24px; }
.mb-20 { margin-bottom: 20px; }
.mb-16 { margin-bottom: 16px!important; }
.mb-12 { margin-bottom: 12px; }
.mb-10 { margin-bottom: 10px; }
.mb-8 { margin-bottom: 8px; }
.mb-6 { margin-bottom: 6px; }
.mb-4 { margin-bottom: 4px; }
.mb-2 { margin-bottom: 2px; }
.mb-0 { margin-bottom: 0px!important; }
/* margin-左 */
.ml-auto { margin-left: auto; }
.ml-20 { margin-left: 20px; }
.ml-16 { margin-left: 16px; }
.ml-12 { margin-left: 12px; }
.ml-8 { margin-left: 8px; }
.ml-4 { margin-left: 4px; }
.ml-0 { margin-left: 0px; }
/* padding-上 */
.pt-80 { padding-top: 80px; }
.pt-40 { padding-top: 40px; }
.pt-32 { padding-top: 32px; }
.pt-24 { padding-top: 24px!important; }
.pt-20 { padding-top: 20px; }
.pt-16 { padding-top: 16px!important; }
.pt-10 { padding-top: 10px; }
.pt-8 { padding-top: 8px; }
.pt-4 { padding-top: 4px; }
.pt-2 { padding-top: 2px; }
/* padding-右 */
.pr-80 { padding-right: 80px; }
.pr-64 { padding-right: 64px; }
.pr-40 { padding-right: 40px; }
.pr-24 { padding-right: 24px!important; }
.pr-20 { padding-right: 20px; }
.pr-16 { padding-right: 16px!important; }
.pr-14 { padding-right: 14px; }
.pr-6 { padding-right: 6px; }
/* padding-下 */
.pb-80 { padding-bottom: 80px; }
.pb-60 { padding-bottom: 60px; }
.pb-40 { padding-bottom: 40px; }
.pb-32 { padding-bottom: 32px; }
.pb-24 { padding-bottom: 24px!important; }
.pb-20 { padding-bottom: 20px; }
.pb-16 { padding-bottom: 16px!important; }
.pb-15 { padding-bottom: 15px; }
.pb-10 { padding-bottom: 10px; }
.pb-8 { padding-bottom: 8px; }
.pb-4 { padding-bottom: 4px; }
.pb-2 { padding-bottom: 2px; }
/* padding-左 */
.pl-80 { padding-left: 80px; }
.pl-64 { padding-left: 64px; }
.pl-40 { padding-left: 40px; }
.pl-24 { padding-left: 24px!important; }
.pl-20 { padding-left: 20px; }
.pl-16 { padding-left: 16px!important; }
.pl-12 { padding-left: 12px; }
.pl-6 { padding-left: 6px; }

/* common-字体大小 */
.fs-48 { font-size: 48px; }
.fs-40 { font-size: 40px; }
.fs-36 { font-size: 36px; }
.fs-32 { font-size: 32px; }
.fs-24 { font-size: 24px!important; }
.fs-20 { font-size: 20px; }
.fs-18 { font-size: 18px; }
.fs-16 { font-size: 16px!important; }
.fs-14 { font-size: 14px!important; }
.fs-12 { font-size: 12px; }

/* common-行高 */
.lh-67 { line-height: 67px; }
.lh-60 { line-height: 60px; }
.lh-50 { line-height: 50px; }
.lh-45 { line-height: 45px; }
.lh-32 { line-height: 32px; }
.lh-28 { line-height: 28px; }
.lh-24 { line-height: 24px; }
.lh-20 { line-height: 20px; }
.lh-16 { line-height: 16px; }

/* common-字体颜色 */
.color-fff { color: #ffffff; }
.color-333 { color: #333333; }
.color-666 { color: #666666; }
.color-999 { color: #999999; }
.color-ccc { color: #cccccc; }
.color-2b2 { color: #2b2b2b!important; }
.color-dee { color: #DEE0E3; }
.color-383 { color: #383B40; }
.color-ff9 { color: #FF9700; }
.color-ff4 { color: #FF4040; }
.color-ef0 { color: #EF0D0D; }
.color-c23 { color: #C23343!important; }
.color-004 { color: #004A8E; }
.color-547 { color: #5476FF; }
.color-757 { color: #757A82; }
.color-818 { color: #81879B; }

/* common-字重 */
.fw-bold { font-weight: bold!important; }
.fw-700 { font-weight: 700; }
.fw-600 { font-weight: 600; }
.fw-500 { font-weight: 500; }
.fw-400 { font-weight: 400; }
.fw-300 { font-weight: 300; }
.fw-200 { font-weight: 200; }
.fw-100 { font-weight: 100; }

/* common-字体位置 */
.text-left { text-align: left!important; }
.text-right { text-align: right!important; }
.text-center { text-align: center!important; }

/* common-字体对齐方式 */
.vertical-top { vertical-align: top; }
.vertical-sub { vertical-align: sub; }
.vertical-middle { vertical-align: middle; }

/* 文字大写 */
.text-uppercase { text-transform: uppercase; }

/* 文字下划线 */
.text-underline { text-decoration: underline; }

/* 文字换行 */
.text-nowrap{ white-space: nowrap; }

/* 单行文本溢出... */
.text-ellipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
/* 两行文本溢出... */
.text-ellipsis-line2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
/* 三行文本溢出... */
.text-ellipsis-line3 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }

/* 背景色 */
.bg-fff { background-color: #ffffff; }
.bg-f4f { background-color: #F4F4F4; }
.bg-f6f { background-color: #F6F6F6; }
.bg-f2e { background-color: #F2EFE9; }
.bg-f8f { background-color: #F8F8F8; }
.bg-ff9 { background-color: #FF9700; }
.bg-ffc { background-color: #FFC438!important; }
.bg-ff6 { background-color: #FF6A6A; }
.bg-c7e { background-color: #C7E1FF; }
.bg-547 { background-color: #5476ff; }
.bg-547-1a { background-color: #5476ff1a; }

/* 边框 */
.border-none { border: none!important; }
.border-e8e { border: 1px solid #E8E8E8; }
.border-dad { border: 1px solid #DADADA; }

/* 阴影 */
.box-shadow { box-shadow: 0 0 12px 0 #0000001a; }

/* 圆角 */
.br-32 { border-radius: 32px; }
.br-30 { border-radius: 30px; }
.br-16 { border-radius: 16px; }
.br-4 { border-radius: 4px; }

/* common-display */
.block { display: block; }
.flex { display: flex; }
.flex-1 { flex: 1; }
.flex-col { flex-direction: column; }
.flex-wrap { flex-wrap: wrap; }
.flex-none { flex: none!important; }
.justify-end { justify-content: flex-end; }
.justify-center { justify-content: center; }
.justify-between { justify-content: space-between; }
.items-center { align-items: center; }
.items-start { align-items: start; }
.items-end { align-items: end; }
.align-start { align-content: flex-start; }
.gap-72 { gap: 72px; }
.gap-68 { gap: 68px; }
.gap-64 { gap: 64px; }
.gap-60 { gap: 60px; }
.gap-56 { gap: 56px; }
.gap-50 { gap: 50px; }
.gap-42 { gap: 42px; }
.gap-40 { gap: 40px; }
.gap-32 { gap: 32px; }
.gap-24 { gap: 24px; }
.gap-20 { gap: 20px; }
.gap-16 { gap: 16px; }
.gap-12 { gap: 12px; }
.gap-10 { gap: 10px; }
.gap-8 { gap: 8px; }
.gap-4 { gap: 4px; }

/* 定位 */
.fixed{ position: fixed; }
.relative{ position: relative; }
.absolute{ position: absolute; }

/* 鼠标悬停 */
.pointer { cursor: pointer; }

/* 动画 */
.transition{ transition: all 0.4s; }

/* 裁剪 */
.fit-cover{ object-fit: cover; }

.sp{ display: none!important; }
.pc{ display: block!important; }


/* pad */
@media screen and (max-width: 1024px) {
	
}



/* sp */
@media screen and (max-width: 767px) {
    .sp{ display: block!important; }
	.pc{ display: none!important; }
}