.woo-litai-wrap strong{ font-weight: 500; color: #6b6b6b; } .trp-shortcode-switcher{ padding: 0px !important; } .trp-shortcode-switcher__wrapper{ display: flex; } @media screen and (max-width:768px) { .trp-language-item{ padding: 4px 6px !important; } .trp-language-item-name{ display: none !important; } .trp-current-language-item__wrapper:not(.trp-hide-arrow){ padding-right: 4px !important; } } .woo-litai-wrap { max-width: 760px; margin: auto; background: #fff; border: 1px solid #eaeaea; border-radius: 16px; padding: 20px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04); } .woo-litai-wrap p{ margin-bottom: 10px; line-height: 1.4; } .woo-litai-wrap h2 { margin: 0 0 18px; color: #333; } .woo-litai-item.woo-litai-active > .woo-litai-headbox { border: 1px solid #e00000; margin: 10px; border-radius: 14px; } .woo-litai-headbox { padding: 20px; cursor: pointer; border: 2px solid #e2e8f0; border-radius: 14px; transition: all 0.25s ease; } .woo-litai-headbox:hover { border-color: #cbd5e1; }  .woo-litai-content { max-height: 0; overflow: hidden; transition: max-height 0.35s ease; } .woo-litai-item.woo-litai-active .woo-litai-content { max-height: 500px; } .woo-litai-inner { padding: 0 10px 20px; } .woo-litai-models { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 14px; } .woo-litai-models a { height: 52px; display: flex; align-items: center; justify-content: center; border: 1px solid #e2e8f0; border-radius: 12px; background: #fff; color: #64748b; text-align: center; text-decoration: none; font-size: 15px; transition: all 0.25s ease; box-shadow: 0 2px 4px rgba(0,0,0,0.01); } .woo-litai-models a:hover { border-color: #e00000; color: #e00000; background: #fff9f9; } .woo-litai-models a.active { border: 1px solid #e00000; color: #e00000; } .woo-litai-over { text-align: center; color: #e00000; padding-top: 10px; padding-bottom: 0px; cursor: pointer; font-weight: 500; transition: opacity 0.2s; } .woo-litai-over:hover { opacity: 0.8; } .font20{ font-size: 20px; } .font18{ font-size: 18px; } .font16{ font-size: 16px; } .font14{ font-size: 14px; } .font12{ font-size: 12px; line-height: 1; } .bold{ font-weight: 600; } .woo-litai-item{ margin-bottom: 20px; }  .woo-proxq-profea-title { font-size: 38px; padding-left: 10px; padding-right: 10px; z-index: 2; line-height: 1.2; color: #fff; } .woo-proxq-profea { position: relative; width: 100%; min-height: 400px; display: flex; align-items: center; justify-content: center; } .woo-proxq-profea img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; } .woo-proxq-profea::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 1; } .hengxian-woo-xq { width: 40px; height: 3px; background: #e00000; margin-top: 28px; margin-bottom: 10px; } .woo-proxq-profea-content-item { position: relative; display: flex; align-items: center; justify-content: flex-start; min-height: 100vh; } .woo-proxq-profea-content-item.you:nth-child(2n) { justify-content: flex-end; text-align: right; } .woo-proxq-profea-content-item.you:nth-child(2n) .hengxian-woo-xq { margin-left: auto; } .woo-proxq-profea-content-item-div { font-size: 14px; color: #fff; max-width: 750px; position: relative; z-index: 1; margin-left: 12%; margin-right: 6%; } .woo-proxq-profea-content-item-div div, .woo-proxq-profea-content-item-div p { color: #fff; } .woo-proxq-profea-content-item img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; } .woo-proxq-profea-content-item-div-title { color: #fff; font-size: 80px; line-height: 1; font-weight: bold; margin-bottom: 10px; } .icon-list { display: flex; align-items: flex-start; justify-content: flex-start; gap: 10px; margin-top: 100px; flex-direction: row; } .icon-list img { width: 30px; height: 30px; object-fit: contain; position: unset; } .woo-shangtuxiawen { margin-top: 100px; display: flex; align-items: flex-end; justify-content: space-between; } .woo-shangtuxiawen img { position: unset; width: auto; margin: auto; } .woo-stxw-kk img { position: unset; } .woo-stxw-kk { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 10px; } .woo-stxw-kk p { width: 100%; text-align: center; }  @media screen and (min-width: 768px) and (max-width: 1023px) { .woo-proxq-profea { min-height: 300px; } .woo-proxq-profea-title { font-size: 28px; padding-left: 20px; padding-right: 20px; } .woo-proxq-profea-content-item { min-height: 70vh; } .woo-proxq-profea-content-item-div { margin-left: 8%; margin-right: 4%; max-width: 550px; } .woo-proxq-profea-content-item-div-title { font-size: 48px; } .icon-list { margin-top: 60px; } .woo-shangtuxiawen { margin-top: 60px; gap: 20px; } .hengxian-woo-xq { margin-top: 20px; } } @media screen and (max-width: 767px) { .woo-proxq-profea { min-height: 200px; } .woo-proxq-profea-title { font-size: 20px; padding: 0 15px; text-align: center; } .woo-proxq-profea-content-item { min-height: auto; height: auto; padding: 60px 0; } .woo-proxq-profea-content-item-div { margin-left: 5%; margin-right: 5%; max-width: 100%; } .woo-proxq-profea-content-item-div-title { font-size: 32px; } .hengxian-woo-xq { margin-top: 16px; margin-bottom: 8px; } .icon-list { margin-top: 40px; flex-wrap: wrap; gap: 8px; } .icon-list img { width: 24px; height: 24px; } .woo-shangtuxiawen { margin-top: 40px; flex-direction: column; align-items: center; gap: 24px; } .woo-shangtuxiawen img { max-height: 40px; } .woo-stxw-kk { gap: 6px; } .woo-proxq-profea-content-item.you:nth-child(2n) { text-align: left; } .woo-proxq-profea-content-item.you:nth-child(2n) .hengxian-woo-xq { margin-left: 0; } } .wenzizhanshi { display: -webkit-box; -webkit-line-clamp: 5; line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .wenzizhanshi.active { display: block; -webkit-line-clamp: unset; } .zhanshiannu{ color: #e00000; cursor: pointer; } body input:focus-visible, body select:focus-visible{ outline-style: none !important; } input[type="checkbox"] { accent-color: #e00000; } .trp-shortcode-overlay{ z-index: 1 !important; }