D:
/
virtualhost
/
localuser
/
host3914537801
/
www
/
templates
/
default
/
web
/
css
/
Upload File
HOME
::after, ::before { box-sizing: border-box } html { -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4 } html { line-height: 1.15; -webkit-text-size-adjust: 100% } body { margin: 0 } hr { height: 0; color: inherit } abbr[title] { -webkit-text-decoration: underline dotted; text-decoration: underline dotted } b, strong { font-weight: bolder } code, kbd, pre, samp { font-family: ui-monospace, SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; 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 } button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0 } button, select { text-transform: none } [type=button], [type=submit], button { -webkit-appearance: button } legend { padding: 0 } progress { vertical-align: baseline } summary { display: list-item } blockquote, dd, dl, figure, h1, h2, h3, h4, h5, h6, hr, p, pre { margin: 0 } button { background-color: transparent; background-image: none } button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color } fieldset { margin: 0; padding: 0 } ol, ul { list-style: none; margin: 0; padding: 0 } html { font-family: 微软雅黑, "Microsoft Yahei UI", "Microsoft YaHei", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, PingFangSC-Regular, sans-serif, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; line-height: 1.5; } body { font-family: inherit; line-height: inherit } *, ::after, ::before { box-sizing: border-box; border-width: 0; border-style: solid; border-color: currentColor } hr { border-top-width: 1px } img { border-style: solid } textarea { resize: vertical } input::-moz-placeholder, textarea::-moz-placeholder { opacity: 1; color: #9ca3af } input:-ms-input-placeholder, textarea:-ms-input-placeholder { opacity: 1; color: #9ca3af } input::placeholder, textarea::placeholder { opacity: 1; color: #9ca3af } button { cursor: pointer } table { border-collapse: collapse } h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit } a { color: inherit; text-decoration: inherit } button, input, optgroup, select, textarea { padding: 0; line-height: inherit; color: inherit } code, kbd, pre, samp { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace } audio, canvas, embed, iframe, img, object, svg, video { display: block; vertical-align: middle } img, video { max-width: 100%; height: auto } *, ::after, ::before { --tw-border-opacity: 1; border-color: rgba(229, 231, 235, var(--tw-border-opacity)) } .container { width: 100% } @media (min-width:640px) { .container { max-width: 640px } } @media (min-width:1024px) { .container { max-width: 1024px } } @media (min-width:1280px) { .container { max-width: 1280px } } @media (min-width:1536px) { .container { max-width: 1536px } } .visible { visibility: visible } .fixed { position: fixed } .absolute { position: absolute } .relative { position: relative } .top-0 { top: 0 } .top-16 { top: 4rem } .-top-2 { top: -.5rem } .-top-6 { top: -1.5rem } .top-1\/2 { top: 50% } .top-2\/4 { top: 50% } .right-0 { right: 0 } .right-2 { right: .5rem } .right-2\.5 { right: 10px } .-right-5 { right: -1.25rem } .-right-10 { right: -2.5rem } .bottom-0 { bottom: 0 } .bottom-5 { bottom: 1.25rem } .bottom-7 { bottom: 1.75rem } .bottom-7\.5 { bottom: 30px } .-bottom-5 { bottom: -1.25rem } .-bottom-6 { bottom: -1.5rem } .left-0 { left: 0 } .left-2\/4 { left: 50% } .z-0 { z-index: 0 } .z-10 { z-index: 10 } .z-20 { z-index: 20 } .z-30 { z-index: 30 } .z-40 { z-index: 40 } .z-50 { z-index: 50 } .mx-auto { margin-left: auto; margin-right: auto } .my-2 { margin-top: .5rem; margin-bottom: .5rem } .my-2\.5 { margin-top: 10px; margin-bottom: 10px } .mt-1 { margin-top: .25rem } .mt-2 { margin-top: .5rem } .mt-3 { margin-top: .75rem } .mt-4 { margin-top: 1rem } .mt-5 { margin-top: 1.25rem } .mt-6 { margin-top: 1.5rem } .mt-7 { margin-top: 1.75rem } .mt-10 { margin-top: 2.5rem } .mt-12 { margin-top: 3rem } .mt-16 { margin-top: 4rem } .mt-20 { margin-top: 5rem } .mt-2\.5 { margin-top: 10px } .mt-7\.5 { margin-top: 30px } .-mt-10 { margin-top: -2.5rem } .mr-3 { margin-right: .75rem } .mr-5 { margin-right: 1.25rem } .mr-20 { margin-right: 5rem } .mr-24 { margin-right: 6rem } .mr-32 { margin-right: 4rem; } .mb-2 { margin-bottom: .5rem } .mb-3 { margin-bottom: .75rem } .mb-5 { margin-bottom: 1.25rem } .mb-7 { margin-bottom: 1.75rem } .mb-10 { margin-bottom: 2.5rem } .mb-14 { margin-bottom: 3.5rem } .mb-20 { margin-bottom: 5rem } .mb-2\.5 { margin-bottom: 10px } .mb-7\.5 { margin-bottom: 30px } .ml-1 { margin-left: .25rem } .ml-2 { margin-left: .5rem } .ml-5 { margin-left: 1.25rem } .ml-8 { margin-left: 2rem } .ml-10 { margin-left: 2.5rem } .ml-12 { margin-left: 3rem } .ml-20 { margin-left: 5rem } .ml-2\.5 { margin-left: 10px } .-ml-5 { margin-left: -1.25rem } .block { display: block } .inline-block { display: inline-block } .flex { display: flex } .inline-flex { display: inline-flex } .table { display: table } .grid { display: grid } .h-0 { height: 0 } .h-6 { height: 1.5rem } .h-7 { height: 1.75rem } .h-8 { height: 2rem } .h-10 { height: 2.5rem } .h-12 { height: 3rem } .h-14 { height: 3.5rem } .h-16 { height: 4rem } .h-20 { height: 5rem } .h-24 { height: 7rem; } .h-0\.5 { height: .125rem } .h-7\.5 { height: 30px } .h-full { height: 100% } .w-0 { width: 0 } .w-6 { width: 1.5rem } .w-10 { width: 2.5rem } .w-14 { width: 3.5rem } .w-16 { width: 4rem } .w-24 { width: 7rem; } .w-52 { width: 13rem } .w-0\.5 { width: .125rem } .w-2\/4 { width: 50% } .w-3\/5 { width: 60% } .w-full { width: 100% } .flex-1 { flex: 1 1 0% } .flex-shrink-0 { flex-shrink: 0 } .transform { --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; transform: translateX(var(--tw-translate-x)) translateY(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)) } .rotate-90 { --tw-rotate: 90deg } .rotate-180 { --tw-rotate: 180deg } .-rotate-90 { --tw-rotate: -90deg } @-webkit-keyframes spin { to { transform: rotate(360deg) } } @keyframes spin { to { transform: rotate(360deg) } } @-webkit-keyframes ping { 100%, 75% { transform: scale(2); opacity: 0 } } @keyframes ping { 100%, 75% { transform: scale(2); opacity: 0 } } @-webkit-keyframes pulse { 50% { opacity: .5 } } @keyframes pulse { 50% { opacity: .5 } } @-webkit-keyframes bounce { 0%, 100% { transform: translateY(-25%); -webkit-animation-timing-function: cubic-bezier(.8, 0, 1, 1); animation-timing-function: cubic-bezier(.8, 0, 1, 1) } 50% { transform: none; -webkit-animation-timing-function: cubic-bezier(0, 0, .2, 1); animation-timing-function: cubic-bezier(0, 0, .2, 1) } } @keyframes bounce { 0%, 100% { transform: translateY(-25%); -webkit-animation-timing-function: cubic-bezier(.8, 0, 1, 1); animation-timing-function: cubic-bezier(.8, 0, 1, 1) } 50% { transform: none; -webkit-animation-timing-function: cubic-bezier(0, 0, .2, 1); animation-timing-function: cubic-bezier(0, 0, .2, 1) } } .animate-bounce { -webkit-animation: bounce 1s infinite; animation: bounce 1s infinite } .cursor-pointer { cursor: pointer } .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)) } .grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)) } .grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)) } .grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)) } .grid-cols-8 { grid-template-columns: repeat(8, minmax(0, 1fr)) } .flex-col { flex-direction: column } .flex-wrap { flex-wrap: wrap } .items-end { align-items: flex-end } .items-center { align-items: center } .justify-start { justify-content: flex-start } .justify-end { justify-content: flex-end } .justify-center { justify-content: center } .justify-between { justify-content: space-between } .justify-around { justify-content: space-around } .gap-4 { gap: 1rem } .gap-8 { gap: 2rem } .gap-10 { gap: 2.5rem } .gap-x-5 { -moz-column-gap: 1.25rem; column-gap: 1.25rem } .gap-x-7 { -moz-column-gap: 1.75rem; column-gap: 1.75rem } .gap-x-8 { -moz-column-gap: 2rem; column-gap: 2rem } .gap-x-10 { -moz-column-gap: 2.5rem; column-gap: 2.5rem } .gap-y-7 { row-gap: 1.75rem } .gap-y-10 { row-gap: 2.5rem } .gap-y-7\.5 { row-gap: 30px } .overflow-hidden { overflow: hidden } .truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .rounded-full { border-radius: 9999px } .border { border-width: 1px } .border-r { border-right-width: 1px } .border-b-4 { border-bottom-width: 4px } .border-b { border-bottom-width: 1px } .border-transparent { border-color: transparent } .border-white { --tw-border-opacity: 1; border-color: rgba(255, 255, 255, var(--tw-border-opacity)) } .border-primary { --tw-border-opacity: 1; border-color: rgba(120, 6, 30, var(--tw-border-opacity)) } .border-primary-disabled { --tw-border-opacity: 1; border-color: rgba(184, 184, 184, var(--tw-border-opacity)) } .border-primary-border { --tw-border-opacity: 1; border-color: rgba(236, 236, 236, var(--tw-border-opacity)) } .border-text-3 { --tw-border-opacity: 1; border-color: rgba(153, 153, 153, var(--tw-border-opacity)) } .border-opacity-20 { --tw-border-opacity: 0.2 } .border-opacity-50 { --tw-border-opacity: 0.5 } .bg-black { --tw-bg-opacity: 1; background-color: rgba(0, 0, 0, var(--tw-bg-opacity)) } .bg-white { --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, var(--tw-bg-opacity)) } .bg-primary { --tw-bg-opacity: 1; background-color: #741520 } .bg-primary-hover { --tw-bg-opacity: 1; background-color: rgba(95, 4, 23, var(--tw-bg-opacity)) } .bg-primary-bg { --tw-bg-opacity: 1; background-color: rgba(246, 246, 246, var(--tw-bg-opacity)) } .bg-primary-border { --tw-bg-opacity: 1; background-color: rgba(236, 236, 236, var(--tw-bg-opacity)) } .bg-regular { --tw-bg-opacity: 1; background-color: #8a7e79 } .bg-opacity-40 { --tw-bg-opacity: 0.4 } .bg-opacity-60 { --tw-bg-opacity: 0.6 } .bg-opacity-70 { --tw-bg-opacity: 0.7 } .bg-opacity-90 { --tw-bg-opacity: 0.9 } .bg-opacity-100 { --tw-bg-opacity: 1 } .p-5 { padding: 1.25rem } .p-7 { padding: 1.75rem } .p-10 { padding: 2.5rem } .px-2 { padding-left: .5rem; padding-right: .5rem } .px-4 { padding-left: 1rem; padding-right: 1rem } .px-5 { padding-left: 1.25rem; padding-right: 1.25rem } .px-6 { padding-left: 1.5rem; padding-right: 1.5rem } .px-7 { padding-left: 1.75rem; padding-right: 1.75rem } .px-10 { padding-left: 2.5rem; padding-right: 2.5rem } .px-20 { padding-left: 5rem; padding-right: 5rem } .px-36 { padding-left: 9rem; padding-right: 9rem } .px-2\.5 { padding-left: 10px; padding-right: 10px } .px-7\.5 { padding-left: 30px; padding-right: 30px } .py-1 { padding-top: .25rem; padding-bottom: .25rem } .py-2 { padding-top: .5rem; padding-bottom: .5rem } .py-3 { padding-top: .75rem; padding-bottom: .75rem } .py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem } .py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem } .py-12 { padding-top: 3rem; padding-bottom: 3rem } .py-14 { padding-top: 3.5rem; padding-bottom: 3.5rem } .py-16 { padding-top: 4rem; padding-bottom: 4rem } .py-20 { padding-top: 5rem; padding-bottom: 5rem } .py-24 { padding-top: 6rem; padding-bottom: 6rem } .py-28 { padding-top: 7rem; padding-bottom: 7rem } .py-2\.5 { padding-top: 10px; padding-bottom: 10px } .pt-8 { padding-top: 2rem } .pt-14 { padding-top: 3.5rem } .pt-20 { padding-top: 5rem } .pr-24 { padding-right: 6rem } .pb-8 { padding-bottom: 2rem } .pl-1 { padding-left: .25rem } .pl-20 { padding-left: 5rem } .text-left { text-align: left } .text-center { text-align: center } .text-right { text-align: right } .text-sm { font-size: .875rem; line-height: 1.25rem } .text-base { font-size: 16px; line-height: 22px } .text-lg { font-size: 1.125rem; line-height: 1.75rem } .text-xl { font-size: 20px; line-height: 28px } .text-2xl { font-size: 24px; line-height: 32px } .text-3xl { font-size: 30px; line-height: 42px } .text-4xl { font-size: 2.25rem; line-height: 2.5rem } .text-s { font-size: 14px; line-height: 20px } .text-l { font-size: 18px; line-height: 26px } .font-light { font-weight: 300 } .font-normal { font-weight: 400 } .font-medium { font-weight: 500 } .font-semibold { font-weight: 600 } .leading-6 { line-height: 1.5rem } .leading-8 { line-height: 2rem } .leading-10 { line-height: 2.5rem } .text-black { --tw-text-opacity: 1; color: rgba(0, 0, 0, var(--tw-text-opacity)) } .text-white { --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)) } .text-primary { --tw-text-opacity: 1; color: rgba(120, 6, 30, var(--tw-text-opacity)) } .text-primary-hover { --tw-text-opacity: 1; color: rgba(95, 4, 23, var(--tw-text-opacity)) } .text-primary-disabled { --tw-text-opacity: 1; color: rgba(184, 184, 184, var(--tw-text-opacity)) } .text-regular { --tw-text-opacity: 1; color: rgba(139, 127, 121, var(--tw-text-opacity)) } .text-text-1 { --tw-text-opacity: 1; color: rgba(51, 51, 51, var(--tw-text-opacity)) } .text-text-2 { --tw-text-opacity: 1; color: rgba(102, 102, 102, var(--tw-text-opacity)) } .text-text-3 { --tw-text-opacity: 1; color: rgba(153, 153, 153, var(--tw-text-opacity)) } .text-opacity-20 { --tw-text-opacity: 0.2 } .text-opacity-50 { --tw-text-opacity: 0.5 } .text-opacity-80 { --tw-text-opacity: 0.8 } .opacity-0 { opacity: 0 } *, ::after, ::before { --tw-shadow: 0 0 #0000 } .shadow { --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) } *, ::after, ::before { --tw-ring-inset: var(--tw-empty, ); /*!*/ /*!*/ --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(59, 130, 246, 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000 } .transition-all { transition-property: all; transition-timing-function: cubic-bezier(.4, 0, .2, 1); transition-duration: 150ms } .transition { transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(.4, 0, .2, 1); transition-duration: 150ms } .transition-colors { transition-property: background-color, border-color, color, fill, stroke; transition-timing-function: cubic-bezier(.4, 0, .2, 1); transition-duration: 150ms } .transition-opacity { transition-property: opacity; transition-timing-function: cubic-bezier(.4, 0, .2, 1); transition-duration: 150ms } .transition-transform { transition-property: transform; transition-timing-function: cubic-bezier(.4, 0, .2, 1); transition-duration: 150ms } .duration-500 { transition-duration: .5s } .ease-in-out { transition-timing-function: cubic-bezier(.4, 0, .2, 1) } @media (max-width:1360px) { .md\:px-8 { padding-left: 2rem; padding-right: 2rem } } .border-bottom { line-height: 26px; border-bottom: 1px dashed transparent; background: linear-gradient(#fff, #fff) padding-box, repeating-linear-gradient(-45deg, #ececec, #ececec .25em, #fff 0, #fff .5em) } @font-face { font-family: iconfont; src: url(icon.woff2) format("woff2"), url(icon.woff) format("woff"), url(icon.ttf) format("truetype") } .iconfont { font-family: iconfont !important; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: .2px; -moz-osx-font-smoothing: grayscale } .wangEditor h1, .wangEditor h2, .wangEditor h3, .wangEditor h4, .wangEditor h5, .wangEditor p, .wangEditor pre, .wangEditor table { margin: 10px 0; line-height: 1.5 } .wangEditor h1 { font-size: 32px !important } .wangEditor h2 { font-size: 24px !important } .wangEditor h3 { font-size: 18px !important } .wangEditor h4 { font-size: 16px !important } .wangEditor h5 { font-size: 14px !important } .wangEditor ol, .wangEditor ul { margin: 10px 0 10px 20px } .wangEditor blockquote { display: block; border-left: 8px solid #d0e5f2; padding: 5px 10px; margin: 10px 0; line-height: 1.4; font-size: 100%; background-color: #f1f1f1 } .wangEditor code { display: inline-block; background-color: #f1f1f1; border-radius: 3px; padding: 3px 5px; margin: 0 3px } .wangEditor pre code { display: block } .wangEditor table { border-top: 1px solid #ccc; border-left: 1px solid #ccc } .wangEditor table td, .wangEditor table th { border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; padding: 3px 5px; min-height: 30px } .wangEditor table th { border-bottom: 2px solid #ccc; text-align: center; background-color: #f1f1f1 } .nuxt-progress { position: fixed; top: 0; left: 0; right: 0; height: 2px; width: 0; opacity: 1; transition: width .1s, opacity .4s; background-color: #000; z-index: 999999 } .nuxt-progress.nuxt-progress-notransition { transition: none } .nuxt-progress-failed { background-color: red } * { box-sizing: border-box } .container, .container-1360 { max-width: 1200px; margin: auto } .btn-primary { padding: 12px 54px; cursor: pointer; border-width: 1px; border-color: transparent; --tw-bg-opacity: 1; background-color: #741520; font-size: 16px; line-height: 22px; --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)); transition-property: background-color, border-color, color, fill, stroke; transition-timing-function: cubic-bezier(.4, 0, .2, 1); transition-duration: 150ms } .btn-primary:focus { outline: 0 } .btn-primary:hover { --tw-bg-opacity: 1; background-color: rgba(95, 4, 23, var(--tw-bg-opacity)) } .btn-primary.line { --tw-border-opacity: 1; border-color: rgba(120, 6, 30, var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgba(120, 6, 30, var(--tw-text-opacity)) } .btn-primary.line:hover { --tw-bg-opacity: 1; background-color: rgba(95, 4, 23, var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)) } .input-primary, .input-primary:focus-visible { outline: 0 } .wrap-title { margin-bottom: .5rem; font-size: 30px; line-height: 42px; font-weight: 500; --tw-text-opacity: 1; color: rgba(51, 51, 51, var(--tw-text-opacity)) } .swiper .swiper-button-next, .swiper .swiper-button-prev { color: #999 } .button-outline:hover { color: #fff !important; background: #5f0417 } @-webkit-keyframes bounce- { 0%, 75% { -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06); animation-timing-function: cubic-bezier(.755, .05, .855, .06); transform: translate3d(0, -4px, 0) scaleY(1.1) } 80% { transition-timing-function: cubic-bezier(.215, .61, .355, 1); transform: translateZ(0) scaleY(.95) } 90% { transform: translate3d(0, -8px, 0) scaleY(1.02) } } @keyframes bounce- { 0%, 75% { -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06); animation-timing-function: cubic-bezier(.755, .05, .855, .06); transform: translate3d(0, -4px, 0) scaleY(1.1) } 80% { transition-timing-function: cubic-bezier(.215, .61, .355, 1); transform: translateZ(0) scaleY(.95) } 90% { transform: translate3d(0, -8px, 0) scaleY(1.02) } } .animate__bounce[] { --tw-text-opacity: 1; color: rgba(120, 6, 30, var(--tw-text-opacity)); -webkit-animation: bounce- 4s 1s infinite; animation: bounce- 4s 1s infinite; display: inline-block } .swiper-3d .swiper-slide-active { --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) } .swiper-3d .swiper-slide { position: relative; width: 50%; overflow: hidden; transform: scale(.75) !important } .swiper-3d .swiper-slide.swiper-slide-active { transform: scale(.9) !important } .swiper-3d .swiper-slide.swiper-slide-prev { left: 7% } .swiper-3d .swiper-slide.swiper-slide-next { right: 7% } .card-hover[data-v-e43738ba] { bottom: -70px } .card-hover[data-v-e43738ba]:hover { bottom: 0 } .triangle-l[data-v-2888ebe0] { margin-top: -7px; width: 0; height: 0; border-color: transparent transparent transparent #fff; border-style: solid; border-width: 14px 0 14px 14px } .label[data-v-2888ebe0] { border-radius: 9999px; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(255, 255, 255, var(--tw-border-opacity)); --tw-border-opacity: 0.5; padding-left: 10px; padding-right: 10px; padding-top: .25rem; padding-bottom: .25rem } .container .moudle-1[data-v-68a116dc] { width: 540px; height: 236px; position: absolute; left: 0; top: 0 } .container .moudle-1[data-v-68a116dc]:after { content: "一个好çâ€Â¨的厨房åºâ€ÂÂ该有什么内涵"; position: absolute; top: 0; left: 0; z-index: 20; display: flex; height: 100%; width: 100%; align-items: center; justify-content: center; --tw-bg-opacity: 1; background-color: rgba(0, 0, 0, var(--tw-bg-opacity)); --tw-bg-opacity: 0.7; padding-left: 1.25rem; padding-right: 1.25rem; text-align: center; --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)); opacity: 0; transition-property: opacity; transition-timing-function: cubic-bezier(.4, 0, .2, 1); transition-duration: 150ms; transition-duration: .5s } .container .moudle-1[data-v-68a116dc]:hover:after { opacity: 1 } .container .moudle-2[data-v-68a116dc] { width: 328px; height: 478px; position: absolute; left: 546px; top: 0 } .container .moudle-2[data-v-68a116dc]:after { content: "为什么è¦ÂÂÂç»™çâ€Â·人在家留一个â€ÂÂÂ洞穴“?"; position: absolute; top: 0; left: 0; z-index: 20; display: flex; height: 100%; width: 100%; align-items: center; justify-content: center; --tw-bg-opacity: 1; background-color: rgba(0, 0, 0, var(--tw-bg-opacity)); --tw-bg-opacity: 0.7; padding-left: 1.25rem; padding-right: 1.25rem; text-align: center; --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)); opacity: 0; transition-property: opacity; transition-timing-function: cubic-bezier(.4, 0, .2, 1); transition-duration: 150ms; transition-duration: .5s } .container .moudle-2[data-v-68a116dc]:hover:after { opacity: 1 } .container .moudle-3[data-v-68a116dc] { width: 480px; height: 284px; position: absolute; left: 880px; top: 0 } .container .moudle-3[data-v-68a116dc]:after { content: "什么是别墅çâ€ÂŸ活的â€ÂÂÂç†想è·ÂÂÂ离“??"; position: absolute; top: 0; left: 0; z-index: 20; display: flex; height: 100%; width: 100%; align-items: center; justify-content: center; --tw-bg-opacity: 1; background-color: rgba(0, 0, 0, var(--tw-bg-opacity)); --tw-bg-opacity: 0.7; padding-left: 1.25rem; padding-right: 1.25rem; text-align: center; --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)); opacity: 0; transition-property: opacity; transition-timing-function: cubic-bezier(.4, 0, .2, 1); transition-duration: 150ms; transition-duration: .5s } .container .moudle-3[data-v-68a116dc]:hover:after { opacity: 1 } .container .moudle-4[data-v-68a116dc] { width: 328px; height: 479px; position: absolute; left: 0; top: 242px } .container .moudle-4[data-v-68a116dc]:after { content: "6~12å²ÂÂÂçš„å©åÂÂÂÂÂÂ需è¦ÂÂÂ什么样的儿童房?"; position: absolute; top: 0; left: 0; z-index: 20; display: flex; height: 100%; width: 100%; align-items: center; justify-content: center; --tw-bg-opacity: 1; background-color: rgba(0, 0, 0, var(--tw-bg-opacity)); --tw-bg-opacity: 0.7; padding-left: 1.25rem; padding-right: 1.25rem; text-align: center; --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)); opacity: 0; transition-property: opacity; transition-timing-function: cubic-bezier(.4, 0, .2, 1); transition-duration: 150ms; transition-duration: .5s } .container .moudle-4[data-v-68a116dc]:hover:after { opacity: 1 } .container .moudle-5[data-v-68a116dc] { width: 206px; height: 236px; position: absolute; left: 334px; top: 242px } .container .moudle-6[data-v-68a116dc] { width: 540px; height: 236px; position: absolute; left: 334px; top: 484px } .container .moudle-6[data-v-68a116dc]:after { content: "主å§å¥â€â€Â房åºâ€ÂÂ该å¥â€â€Â什么?"; position: absolute; top: 0; left: 0; z-index: 20; display: flex; height: 100%; width: 100%; align-items: center; justify-content: center; --tw-bg-opacity: 1; background-color: rgba(0, 0, 0, var(--tw-bg-opacity)); --tw-bg-opacity: 0.7; padding-left: 1.25rem; padding-right: 1.25rem; text-align: center; --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)); opacity: 0; transition-property: opacity; transition-timing-function: cubic-bezier(.4, 0, .2, 1); transition-duration: 150ms; transition-duration: .5s } .container .moudle-6[data-v-68a116dc]:hover:after { opacity: 1 } .container .moudle-7[data-v-68a116dc] { width: 238px; height: 430px; position: absolute; left: 880px; top: 290px } .container .moudle-7[data-v-68a116dc]:after { content: "西厨和家人关系有什么关系?"; position: absolute; top: 0; left: 0; z-index: 20; display: flex; height: 100%; width: 100%; align-items: center; justify-content: center; --tw-bg-opacity: 1; background-color: rgba(0, 0, 0, var(--tw-bg-opacity)); --tw-bg-opacity: 0.7; padding-left: 1.25rem; padding-right: 1.25rem; text-align: center; --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)); opacity: 0; transition-property: opacity; transition-timing-function: cubic-bezier(.4, 0, .2, 1); transition-duration: 150ms; transition-duration: .5s } .container .moudle-7[data-v-68a116dc]:hover:after { opacity: 1 } .container .moudle-8[data-v-68a116dc] { width: 238px; height: 430px; position: absolute; left: 1124px; top: 290px } .container .moudle-8[data-v-68a116dc]:after { content: "女主人的衣帽éâ€â€Â´æ€Žä¹ˆæ‰ÂÂÂ好çâ€Â¨?"; position: absolute; top: 0; left: 0; z-index: 20; display: flex; height: 100%; width: 100%; align-items: center; justify-content: center; --tw-bg-opacity: 1; background-color: rgba(0, 0, 0, var(--tw-bg-opacity)); --tw-bg-opacity: 0.7; padding-left: 1.25rem; padding-right: 1.25rem; text-align: center; --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)); opacity: 0; transition-property: opacity; transition-timing-function: cubic-bezier(.4, 0, .2, 1); transition-duration: 150ms; transition-duration: .5s } .container .moudle-8[data-v-68a116dc]:hover:after { opacity: 1 } .circle { position: relative; display: inline-flex; height: 3.5rem; width: 3.5rem; align-items: center; justify-content: center; border-radius: 9999px; --tw-bg-opacity: 1; background-color: #8a7e79; font-size: 20px; line-height: 28px } .circle:after { content: ""; position: absolute; top: 0; right: -1.25rem; height: 100%; width: .125rem; --tw-bg-opacity: 1; background-color: #8a7e79 } .sidebar { zoom: .95; position: fixed; width: 90px; right: 0; top: 50%; margin-top: -180px; box-shadow: 0 2px 4px 2px rgba(0, 0, 0, .15); z-index: 100 } .sidebar ul { width: 100%; background: #fff } .sidebar ul li { width: 90px; height: 90px; cursor: pointer; display: table; border-bottom: 1px solid rgba(142, 129, 123, .25); box-sizing: border-box } .sidebar ul li .item { display: table-cell; vertical-align: middle } .sidebar ul li i { font-size: 32px } .sidebar ul li i, .sidebar ul li span { display: block; width: 100%; text-align: center; color: #8e817b } .sidebar ul li span { font-size: 16px; margin-top: 8px } .sidebar ul li.active { background: #70061e } .sidebar ul li.active i, .sidebar ul li.active span { color: #fff } .sidebar ul li:hover { background: #70061e } .sidebar ul li:hover i, .sidebar ul li:hover span { color: #fff } .consult[data-v-9824203e] { width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: rgba(0, 0, 0, .6); z-index: 1000 } .consult .consult-container[data-v-9824203e] { width: 1080px; height: 600px; background: #fff; position: absolute; left: 50%; top: 50%; transform: translate3d(-50%, -50%, 0) } .consult .consult-container .container__left[data-v-9824203e] { float: left; width: 450px; height: 100%; background: url(images/zixunBG.a95d6b9.png) no-repeat 100%; text-align: center } .consult .consult-container .container__left h2[data-v-9824203e] { font-size: 24px; font-weight: 500; color: #fff; margin-top: 50px } .consult .consult-container .container__left span.tips[data-v-9824203e] { display: inline-block; font-size: 14px; color: #fff; margin-top: 10px } .consult .consult-container .container__left img[data-v-9824203e] { width: 240px; height: 240px; margin: 40px auto 0 } .consult .consult-container .container__left pre[data-v-9824203e] { font-size: 20px; font-weight: 500; color: #fff; margin-top: 50px } .consult .consult-container .container__right[data-v-9824203e] { float: right; width: 630px; height: 100%; text-align: center; padding: 0 40px; box-sizing: border-box; position: relative } .consult .consult-container .container__right h2[data-v-9824203e] { font-size: 24px; font-weight: 500; color: #333; margin-top: 50px } .consult .consult-container .container__right span.tips[data-v-9824203e] { display: inline-block; font-size: 14px; color: #78061e; margin-top: 10px } .consult .consult-container .container__right .field-content[data-v-9824203e] { width: 100%; margin-top: 50px } .consult .consult-container .container__right .field-row[data-v-9824203e]:after { content: ""; display: block; height: 0; clear: both; visibility: hidden } .consult .consult-container .container__right .field-row.animate[data-v-9824203e] { -webkit-animation: show-data-v-9824203e .3s linear backwards; animation: show-data-v-9824203e .3s linear backwards } .consult .consult-container .container__right .field-row[data-v-9824203e] { width: 100%; margin-bottom: 20px } .consult .consult-container .container__right .field-row .field-item.left[data-v-9824203e] { float: left } .consult .consult-container .container__right .field-row .field-item.right[data-v-9824203e] { float: right } .consult .consult-container .container__right .field-row .field-item[data-v-9824203e] { width: 260px; text-align: left } .consult .consult-container .container__right .field-row .field-item span.label[data-v-9824203e] { width: 100%; display: block; font-size: 14px; font-weight: 500; color: #333; margin-left: 10px } .consult .consult-container .container__right .field-row .field-item span.label[data-v-9824203e]:after { content: ":"; font-size: 14px; font-weight: 500; color: #333 } .consult .consult-container .container__right .field-row .field-item span.label.require[data-v-9824203e] { margin-left: 0 } .consult .consult-container .container__right .field-row .field-item span.label.require[data-v-9824203e]:before { content: "*"; font-size: 14px; font-weight: 500; color: #78061e; margin-right: 4px } .consult .consult-container .container__right .field-row .field-item input[data-v-9824203e] { width: 100%; height: 40px; border: 1px solid #ececec; background: 0 0; padding: 0 12px; box-sizing: border-box; margin-top: 8px; outline: 0 } .consult .consult-container .container__right .field-row .field-item input.error[data-v-9824203e] { border: 1px solid #ff4d4f } .consult .consult-container .container__right .field-row .field-item .input__small[data-v-9824203e] { width: 122px; height: 40px; float: left; margin: 8px 16px 0 0 } .consult .consult-container .container__right .field-row .field-item .input__small input[data-v-9824203e] { float: left; width: 100px; margin: 0 } .consult .consult-container .container__right .field-row .field-item .input__small span[data-v-9824203e] { float: left; height: 40px; line-height: 40px; margin-left: 8px; font-size: 14px; color: #333 } .consult .consult-container .container__right .field-row .field-item .input__small.margin0[data-v-9824203e] { margin-right: 0 } .consult .consult-container .container__right .show-more[data-v-9824203e] { width: 100%; text-align: center; cursor: pointer; margin-bottom: 20px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .consult .consult-container .container__right .show-more span[data-v-9824203e] { font-size: 14px; color: #666 } .consult .consult-container .container__right .show-more i[data-v-9824203e] { color: #333; font-size: 12px; margin-right: 4px } .consult .consult-container .container__right .btn[data-v-9824203e] { width: 240px; height: 48px; line-height: 48px; background: #78061e; text-align: center; position: absolute; bottom: 56px; left: 50%; transform: translate3d(-50%, 0, 0); cursor: pointer } .consult .consult-container .container__right .btn span[data-v-9824203e] { font-size: 20px; font-weight: 500; color: #fff } .consult .consult-container .container__right .close[data-v-9824203e] { position: absolute; right: 26px; top: 26px; font-size: 20px; cursor: pointer } @-webkit-keyframes show-data-v-9824203e { 0% { opacity: 0 } to { opacity: 1 } } @keyframes show-data-v-9824203e { 0% { opacity: 0 } to { opacity: 1 } } .calculator[data-v-69596c38] { position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0, 0, 0, .6) } .calculator .calculator-container[data-v-69596c38] { position: absolute; width: 560px; height: 600px; background: url(images/CalculatorBG.2663745.png) no-repeat 100%; left: 50%; top: 50%; transform: translate3d(-50%, -50%, 0); padding: 0 40px; box-sizing: border-box } .calculator .calculator-container .close[data-v-69596c38] { position: absolute; right: 20px; top: 20px; font-size: 20px; cursor: pointer } .calculator .calculator-container h2[data-v-69596c38] { width: 100%; text-align: center; font-size: 24px; font-weight: 500; color: #333; margin-top: 50px } .calculator .calculator-container span.tips[data-v-69596c38] { display: inline-block; width: 100%; text-align: center; font-size: 14px; color: #666; margin: 10px 0 40px } .calculator .calculator-container .field-item[data-v-69596c38] { width: 100%; margin-bottom: 30px; overflow: hidden } .calculator .calculator-container .field-item span.label[data-v-69596c38] { font-size: 14px; color: #333 } .calculator .calculator-container .field-item span.label[data-v-69596c38]:after { content: ":"; font-size: 14px; font-weight: 500; color: #333 } .calculator .calculator-container .field-item span.label.require[data-v-69596c38]:before { content: "*"; font-size: 14px; font-weight: 500; color: #78061e; margin-right: 4px } .calculator .calculator-container .field-item .input[data-v-69596c38] { width: 100%; margin-top: 8px; position: relative } .calculator .calculator-container .field-item .input input[data-v-69596c38] { width: 100%; height: 40px; box-sizing: border-box; border: 1px solid #ececec; padding: 0 12px; outline: 0; font-size: 14px } .calculator .calculator-container .field-item .input input.error[data-v-69596c38] { border: 1px solid #ff4d4f } .calculator .calculator-container .field-item .input input[data-v-69596c38]::-webkit-inner-spin-button, .calculator .calculator-container .field-item .input input[data-v-69596c38]::-webkit-outer-spin-button { -webkit-appearance: none } .calculator .calculator-container .field-item .input input[type=number][data-v-69596c38] { -moz-appearance: textfield } .calculator .calculator-container .field-item .input span.unit[data-v-69596c38] { position: absolute; right: 12px; top: 0; line-height: 40px; font-size: 14px; color: #333 } .calculator .calculator-container .field-item .radio[data-v-69596c38] { width: 100%; margin-top: 20px } .calculator .calculator-container .field-item .radio .radio-item[data-v-69596c38] { float: left; display: table; margin-right: 80px; cursor: pointer } .calculator .calculator-container .field-item .radio .radio-item span[data-v-69596c38] { display: table-cell; vertical-align: middle; width: 16px; height: 16px; border: 1px solid #78061e; border-radius: 50%; box-sizing: border-box } .calculator .calculator-container .field-item .radio .radio-item p[data-v-69596c38] { display: table-cell; vertical-align: middle; font-size: 14px; color: #333; line-height: 16px; padding-left: 10px } .calculator .calculator-container .field-item .radio .radio-item.active span[data-v-69596c38]:after { content: ""; display: block; width: 10px; height: 10px; margin: 2px auto; background: #78061e; border-radius: 50% } .calculator .calculator-container .result[data-v-69596c38] { width: 100% } .calculator .calculator-container .result span.label[data-v-69596c38] { font-size: 14px; color: #333 } .calculator .calculator-container .result span.label[data-v-69596c38]:after { content: ":"; font-size: 14px; font-weight: 500; color: #333 } .calculator .calculator-container .result .result-container[data-v-69596c38] { width: 480px; height: 84px; background: #f6f6f6 } .calculator .calculator-container .result .result-container span.result-label[data-v-69596c38] { display: inline-block; width: 100%; text-align: center; margin-top: 12px; font-size: 14px; color: #666 } .calculator .calculator-container .result .result-container p.result-num[data-v-69596c38] { display: inline-block; width: 100%; text-align: center; margin-top: 10px; font-size: 20px; font-weight: 600; color: #333 } .calculator .calculator-container .result .result-tips[data-v-69596c38] { width: 100%; text-align: center; margin-top: 10px } .calculator .calculator-container .result .result-tips span[data-v-69596c38] { font-size: 14px; color: #666 } .calculator .calculator-container .result .result-tips span.red[data-v-69596c38] { color: #78061e } .calculator .calculator-container .btn[data-v-69596c38] { width: 240px; height: 48px; line-height: 48px; background: #78061e; text-align: center; cursor: pointer; margin: 30px auto 0 } .calculator .calculator-container .btn span[data-v-69596c38] { font-size: 20px; font-weight: 500; color: #fff } .cp .swiper-slide { -webkit-transition: transform 1.0s; -moz-transition: transform 1.0s; -ms-transition: transform 1.0s; -o-transition: transform 1.0s; -webkit-transform: scale(0.87); transform: scale(0.87); } @media screen and (max-width: 668px) { .cp .swiper-slide { -webkit-transform: scale(0.97); transform: scale(0.97); } } .cp .swiper-slide-active, .cp .swiper-slide-duplicate-active { -webkit-transform: scale(1); transform: scale(1); } @media screen and (max-width: 668px) { .cp .swiper-slide-active, .cp .swiper-slide-duplicate-active { -webkit-transform: scale(0.97); transform: scale(0.97); } } .none-effect { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; } .cp .swiper-slide a { background: #fff; /* padding: 10px; */ display: block; /* border-radius: 14px; */ } @media screen and (min-width: 668px) { .cp .swiper-slide a:after { position: absolute; top: 0; left: 0; display: block; box-sizing: border-box; /* border: 10px solid #fff; */ content: ""; width: 100%; height: 100%; /* border-radius: 20px; */ } } .cp .swiper-slide-active a:after { background: none; } @media screen and (max-width: 668px) { .cp .swiper-slide a { padding: 5px; border-radius: 7px; } } .cp .swiper-slide img { width: 100%; /* border-radius: 14px; */ display: block; } @media screen and (max-width: 668px) { .cp .swiper-slide img { border-radius: 7px; } } .swiper-pagination { position: relative; margin-bottom: 30px; } .swiper-pagination-bullet { background: #00a0e9; margin-left: 4px; margin-right: 4px; width: 17px; height: 17px; opacity: 1; margin-bottom: 4px; } .swiper-pagination-bullet-active { width: 13px; height: 13px; background: #FFF; border: 6px solid #00a0e9; margin-bottom: 0; } @media screen and (max-width: 668px) { .swiper-pagination { position: relative; margin-bottom: 20px; } .swiper-pagination-bullet { background: #00a0e9; margin-left: 2px; margin-right: 2px; width: 8px; height: 8px; margin-bottom: 2px; } .swiper-pagination-bullet-active { width: 6px; height: 6px; background: #FFF; border: 3px solid #00a0e9; margin-bottom: 0; } } .button { width: 1000px; margin: 0 auto; bottom: 43px; position: relative; } @media screen and (max-width: 668px) { .button { width: 70%; bottom: 22px; } } .button div:hover { background-color: #2f4798; } .swiper-button-prev { width: 40px; height: 40px; border-radius: 50%; background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l4.2%2C4.2L8.4%2C22l17.8%2C17.8L22%2C44L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") #00a0e9 center 50%/50% 50% no-repeat; } .swiper-button-next { width: 40px; height: 40px; border-radius: 50%; background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L5%2C44l-4.2-4.2L18.6%2C22L0.8%2C4.2L5%2C0z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") #00a0e9 center 50%/50% 50% no-repeat; } @media screen and (max-width: 668px) { .button div { width: 28px; height: 28px; } } .module-g>h3[data-v-b86a68b8] { font-size: 30px; font-weight: 500; color: #333; line-height: 42px; padding: 80px 0 40px; text-align: center } .module-g .list[data-v-b86a68b8] { display: flex; flex-wrap: wrap; justify-content: space-between } .module-g .list .item[data-v-b86a68b8] { width: 440px; height: 90px; background: #f6f6f6; padding: 20px 10px } .module-g .list .item>p[data-v-b86a68b8]:first-child { height: 22px; font-size: 16px; font-weight: 400; color: #333; line-height: 22px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden } .module-g .list .item>p[data-v-b86a68b8]:nth-child(2) { height: 20px; font-size: 14px; font-weight: 400; color: #666; line-height: 20px; margin-top: 8px; text-align: right } .module-g .list .item[data-v-b86a68b8]:first-child, .module-g .list .item[data-v-b86a68b8]:nth-child(2), .module-g .list .item[data-v-b86a68b8]:nth-child(3) { margin-bottom: 40px } .fontwhite { color: #fff } .gy{ overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; } .py-5t{padding-top:4rem} .borderinput{border: 1px solid #e3e3e3;} .bg1{background-color: #8a7e79!important;} .shsl { overflow: hidden; word-break: break-all; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .hr{ border-bottom: 1px solid #f6f6f6;border-top: 1px solid #f6f6f6;}