<> body{ font-family: '微软雅黑''Microsoft YaHei','Helvetica Neue''STHeiti'Helvetica,Arial,sans-serif !important; background: #F7F8FA; } [v-cloak]{display: none;} <> .h{ height: 5.7591vw !important; z-index: 999999999999999; } .h .el-carousel__container{ height: 5.7591vw !important; } .parent { display: flex; flex-direction: column; } .parent > el-carousel { height: auto; } .headerimg img{ width: 100%; height: 5.7591vw; } .header_close{ padding-bottom: 45px; right: 4px; /* top: 39.39px; right: 0px; cursor: pointer; z-index: 2; */ /* background-color: #00000044; */ } .MA1_dialog,.MA1_dialog_W { width: max-content; } .MA1_dialog img{ max-width: 70vw !important; max-height: 70vh !important; } .MA1_dialog_W img{ width: 80vw; max-height: 80vh !important; } .popup { background-color: transparent; /* 初始为透明背景 */ transition: background-color 0.5s ease; /* 0.5 秒的平滑过渡 */ } < type="text/css"> table{ border-collapse:collapse; } tr{ border:1px solid #D9D9D9;} td{ border:1px solid #D9D9D9;} p{ word-break : normal;} .aw-content-wrap{background-color: #ffffff;width: 820px;margin: 0;} .aw-main-content{width: 820px;} .imgConsult{ opacity: 1; display: flex; font-size: 14px; text-align: right; font-family: '宋体'; padding: 2px 6px; background:#989494; white-space: nowrap; } .imgConsult a{ color:#fff !important; width: 100%; } .container{padding-left: 0;padding-right: 0;} div.container #title{width: 1200px;} .new_share_fixed{background-color: #FAFBFF;padding: 20px 30px;margin-bottom: 10px;} .new_share_fixed .new_share_left a{margin-left: 20px;} .new_share_fixed a img{width: 24px;height: 24px;} .new_share_right{font-size: 14px;} .new_share_right i{margin-left: 20px;margin-right: 5px;} .article-icon-view{ width: 28px; height: 20px; margin-right: 6px; background: url(/static/img/new_website/article/icon_bg_lls.png); background-size: 100% 100%; } .article-icon-collection-tag{ width: 23px; height: 24px; margin-right: 6px; background: url(/static/img/new_website/article/icon_bg_like.png?v=2); background-size: 100% 100%; } .article-icon-collection-tag.active{ background: url(/static/img/new_website/article/icon_bg_like_active.png); background-size: 100% 100%; } .article-icon-chat{ width: 24px; height: 22px; background: url(/static/img/new_website/article/icon_bg_pl.png); background-size: 100% 100%; } .article-icon-agree{ width: 24px; height: 24px; background: url(/static/img/new_website/article/icon_bg_goods.png?v=2); background-size: 100% 100%; } .article-icon-agree.active{ background: url(/static/img/new_website/article/icon_bg_goods_active.png); background-size: 100% 100%; } .new_share_fixed.add_fixed{position: fixed;bottom: 0;z-index: 9;width: 820px;margin-left: -28px;margin-bottom: 0;border-top: 1px solid #ddd;;} .aw-article-content .aw-question-detail h1{max-width: 700px;} #message p a{color: #155faa;} .wechat_area_warp{ width: 100%; padding: 40px 50px 30px 50px; background: #FFFFFF; margin-bottom: 24px; display: flex; flex-direction: column; justify-content: center; align-items: center; } .wechat_code_warp{ width: 180px; height: 180px; background-image: url('https://baijingoss.oss-cn-beijing.aliyuncs.com/uploads/pdf/1764041790wechat_code_warp.png'); background-size: 100% 100%; display: flex; justify-content: center; align-items: center; } .wechat_code_css{ width: 158px; height: 158px; } .wechat_code_txt{ font-family: Source Han Sans CNSource Han Sans CN; font-weight: 400; font-size: 18px; color: #666666; margin-top: 18px; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; } < scoped=""> .aside_card_body{ padding-bottom: 24px; } .hot_activity_text { border-bottom: 1px solid #E6E6E6; padding-bottom: 24px !important; } .dl_css:only-child .hot_activity_text { border-bottom: none !important; } .head_title_1{ padding-left: 10px; border-left: 4px solid var(--active_blue); } dl { margin-bottom: 24px; } .dl_css:last-child { margin-bottom: 0; } .dl_css:last-child .hot_activity_text{ border-bottom: none ; padding-bottom: 0 !important; } <> .aside_activity { background-color: #ffffff; } .hot_activity_item+.hot_activity_item { margin-top: 23px; } .hot_activity_item>img { border-radius: 4px; height: 212px; } .hot_activity_text { padding: 0 10px; } .hot_activity_text h2 { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding-top: 20px; font-size: 16px; line-height: 1; } .hot_article_info { display: flex; justify-content: space-between; color: #999999; padding: 10px 0; align-items: center; font-family: PingFang SCLantinghei SCHelvetica NeueHelveticaArialMicrosoft YaHei微软雅黑STHeitiSC-Lightsimsun宋体WenQuanYi Zen HeiWenQuanYi Micro Heisans-serif; } < scoped=""> .aside_consult_card .aside_card_body{padding: 0 20px;} .consult_dialog{margin-top: 8vh !important;} .consult_dialog .el-dialog__header, .consult_dialog .el-dialog__body { padding: 0; } .consult_dialog .consult_dialog_left, .consult_dialog .consult_dialog_right { padding: 40px; } .consult_dialog .consult_dialog_left { background-color: #F8F8F8; } .consult_dialog_title { font-size: 16px; font-weight: 500; } .consult_dialog .checkForm .el-checkbox { margin-right: 0px; padding-left: 0; line-height: 20px; } .consult_dialog .checkForm .el-form-item__content h2 { font-weight: 600; margin-bottom: 10px; } .consult_dialog .checkForm .el-checkbox .el-checkbox__label { width: 86px; padding-left: 7px; } .title__h2_css:before { content: "*"; color: #f56c6c; margin-right: 4px; font-weight: normal; } <> .MA2_dialog,.MA2_dialog_W { padding: 0 15px; width: max-content; } .MA2_dialog { margin-top: 300px; } .MA2_dialog img{ max-width: 40vw !important; max-height: 40vh !important; } .MA2_dialog_W img{ width: 80vw; max-height: 80vh !important; } <> .group_box_item { display: flex; align-items: center; justify-content: space-between; cursor: pointer; } .group_box_item+.group_box_item { margin-top: 10px; } .wechat_join_btn { padding: 6px 20px; background-color: var(--active_blue); border-radius: 5px; color: #ffffff; cursor: pointer; width: 68px; } .wechat_join_btn:hover { background-color: #437cb3; } <> .hot_article_date{margin: 0 10px;font-size: 18px;padding: 1px 3px;cursor: pointer;} .hot_article_date.active{border-bottom: 3px var(--active_blue) solid;} .hot_article_item+.hot_article_item { margin-top: 10px; } .hot_article_item_right { margin-left: 10px; font-size: 14px; flex-direction: column; justify-content: space-between; } .hot_article_item .hot_article_item_right p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; hyphens: auto; } .hot_article_item_top{z-index: 2;left: -4px;} .hot_article_item_top_1{width: 36px;} .hot_article_item_top_2{width: 20px;} .hot_article_item_top img{width: 100%;} .hot_article_item_top_text{top: -2px;color: #FFFFFF;left: 3px;font-size: 12px;} .hot_article_item_top_2 .hot_article_item_top_text{left: 6px;} <> .MA1_dialog_uni, .MA1_dialog_uni_W { width: max-content; } .MA1_dialog_uni img { max-width: 40vw !important; max-height: 40vh !important; } .MA1_dialog_uni_W img { width: 80vw; max-height: 80vh !important; } < scoped=""> .right_fixed_item{ width: 3.125rem; height: 3.125rem; } .right_fixed_item_defalut{ width: 1.75rem; } .right_fixed_item_hover{ width: 1.75rem; } /* 新增：单个文字竖向排列 */ .vertical_char { display: block; height: 1.25rem; /* 每个字的高度，控制间距 */ line-height: 1.25rem; text-align: center; font-weight: 500; font-size: 1rem; color: #666666; } /* 新增：活动之间的分隔空行 */ .activity_separator { height: 0.9375rem; /* 分隔间距 */ display: block; } /* 滚动容器样式调整 */ .scroll_inner { position: absolute; top: 0; right: 50%; transform: translateX(50%); animation: verticalScroll linear infinite; text-align: center; /* 确保文字居中 */ } /* 修改动画逻辑：适配竖向文字滚动 */ @keyframes verticalScroll { 0% { transform: translateX(50%) translateY(0); } 100% { /* 滚动距离 = 内容总高度 - 容器高度（确保完整滚动） */ transform: translateX(50%) translateY(calc(-100% + 149px)); } } /* 响应式调整（小屏幕） */ @media (max-width: 1500px) { /* 响应式调整滚动距离 */ @keyframes verticalScroll { 0% { transform: translateX(50%) translateY(0); } 100% { transform: translateX(50%) translateY(calc(-100% + 100px)); } } } <> /* 客服小程序左侧框样式 */ .add_contact_warp{ position: absolute; right: 3rem; top: -5.4rem; display: none; padding-right: 1rem; } /* .add_contact_mimicry{ width: 192px; } */ .add_contact_back{ width: 12rem; } .add_contact_content{ position: absolute; top: 0.375rem; left: 0.5625rem; width: 10.0625rem; height: 13.0625rem; display: flex; flex-direction: column; align-items: center; padding-top: 1.0625rem; padding-bottom: 1.3125rem; } .add_contact_txt{ margin: 0.6875rem 0 0.5rem 0; font-weight: 600; font-size: 1.25rem; line-height: 1.25rem; color: #333333; } .add_contact_txt2{ font-weight: 400; font-size: 1rem; line-height: 1rem; color: #666666; } .consult_icon:hover .consult_show{display: block;} .mini_program_icon:hover .mini_program_show{display: block;} .mini_program_show{top: -1.5rem;} /* 微信视频号、公众号等二维码 */ .wechat_collection_warp{ position: absolute; right: 3rem; top: 7rem; display: none; padding-right: 1rem; } .wechat_collection_back{ width: 22.5625rem; } .wechat_collection_content{ width: 20.625rem; height: 11.25rem; position: absolute; top: 0.375rem; left: 0.5625rem; display: flex; flex-direction: column; } .wechat_collection_top{ display: flex; align-items: center; } .collection_top_item{ width: 33%; height: 3.1875rem; border-radius: 0.625rem 0.625rem 0rem 0rem; display: flex; justify-content: center; align-items: center; font-weight: 400; font-size: 1rem; color: #666666; position: relative; } .collection_top_item_active{ background: #FFFFFF; font-weight: 600; color: #333333; } .collection_icon_active{ position: absolute; top: 1.75rem; width: 2.5rem; height: 0.4375rem; background: linear-gradient( 90deg#35AFFD 0%#FBFDFF 92%#FFFFFF 100%); z-index: 1; } .number_txt{ position: relative; z-index: 222; } .wechat_collection_middle{ width: 100%; height: 8rem; display: flex; align-items: center; padding: 0.5rem 0 1.625rem 0.9375rem; } .collection_middle_code{ width: 6rem; height: 6rem; } .collection_middle_txt{ width: 11rem; font-weight: 500; font-size: 1rem; color: #666666; margin-left: 0.875rem; } .official_account:hover .wechat_collection_warp{display: block;} /* 活动的样式 */ .right_fixed{ bottom: 9.375rem; display: flex; flex-direction: column; align-items: center; } .side_direct_display{ margin-right: -0.625rem; } .side_activity_warp{ margin-top: 1.6875rem; width: 3.75rem; background: #F7FCFF; border-radius: 0.375rem; border: 0.0625rem solid #35AFFD; position: relative; display: flex; flex-direction: column; align-items: center; padding-bottom: 0.25rem; } .side_activity_warp:hover .side_activity_mimicry{ display: block; } .side_activity_warp:hover .scroll_inner { animation-play-state: paused; /* 暂停动画 */ cursor: default; /* 可选：鼠标样式保持默认，或改为 pointer */ } .top_0{ top: 0 !important; } .side_activity_top{ width: 2.5rem; height: 1.8125rem; background-image: url('https://baijingoss.oss-cn-beijing.aliyuncs.com/uploads/pdf/1763539786side_activity_top.png'); background-size: 100% 100%; margin-top: 0.3125rem; } .flame_icon{ position: absolute; top: -1.125rem; right: -0.75rem; width: 1.8125rem; height: 1.8125rem; background-image: url('https://baijingoss.oss-cn-beijing.aliyuncs.com/uploads/pdf/1763447624flame_icon.png'); background-size: 100% 100%; } .side_activity_middle{ height: 9.3125rem; /* 固定容器高度，严格限制显示范围 */ width: 1.875rem; /* 限制宽度，避免文字横向溢出 */ font-weight: 500; font-size: 1rem; color: #666666; margin: 0.3125rem 0; /* writing-mode: vertical-rl; */ text-align: center; overflow: hidden; /* 强制隐藏容器外的内容 */ position: relative; /* 用于内部滚动容器定位 */ line-height: 1.25rem; } /* 滚动内容容器 */ .scroll_inner{ position: absolute; top: 0; right: 50%; /* 水平居中 */ transform: translateX(50%); /* 水平居中修正 */ animation: verticalScroll 8s linear infinite; } /* 关键动画：位移范围严格限制在容器高度内 */ @keyframes verticalScroll { 0% { transform: translateX(50%) translateY(0); /* 初始位置：顶部对齐容器顶部 */ } 100% { transform: translateX(50%) translateY(-100%); /* 结束位置：底部对齐容器顶部（刚好滚完所有文字） */ } } .side_activity_bottom{ width: 1rem; height: 1rem;background-image: url('https://baijingoss.oss-cn-beijing.aliyuncs.com/uploads/pdf/1763539909side_activity_bottom.png'); background-size: 100% 100%; cursor: pointer; } .side_activity_mimicry{ position: absolute; top: -9px; right: 3.625rem; display: none; padding-right: 1rem; } .side_activity_content{ position: relative; background-image: url('https://baijingoss.oss-cn-beijing.aliyuncs.com/uploads/pdf/1764055197side_activity_content2.png'); background-size: 100% 100%; } .side_activity_inside{ width: 100%; height: 100%; padding: 1.875rem 1.875rem 1.875rem 2rem; display: flex; flex-direction: column; } .side_activity_close{ width: 18px; height: 18px; position: absolute; top: 10px; right: 10px; background-image: url('https://baijingoss.oss-cn-beijing.aliyuncs.com/uploads/pdf/1767162693side_activity_close.png'); background-size: 100% 100%; cursor: pointer; } .activity_inside_item{ width: 100%; height: 6.875rem; display: flex; } .inside_item_left{ flex: 1; display: flex; flex-direction: column; justify-content: space-between; } .inside_item_name{ width: 12rem; font-weight: 500; font-size: 1.125rem; color: #333333; display: -webkit-box; /* 弹性盒模型，用于line-clamp */ -webkit-line-clamp: 2; /* 限制最多显示2行 */ -webkit-box-orient: vertical; /* 垂直排列 */ overflow: hidden; /* 隐藏超出部分 */ text-overflow: ellipsis; /* 超出时显示省略号 */ font-family: Source Han Sans CNSource Han Sans CN; line-height: 1.625rem; } .inside_item_name:hover{ color: #35AFFD; cursor: pointer; } .inside_button_warp{ width: 100%; display: flex; } .inside_button{ font-family: Source Han Sans CNSource Han Sans CN; width: 11.5rem; height: 2.1875rem; /* background: #FFFFFF; */ border-radius: 1.125rem; display: flex; justify-content: center; align-items: center; cursor: pointer; border: 1px solid #707070; } .vertical_line{ width: 1px; height: 1rem; background: #333333; margin: 0 0.75rem 0 0.625rem; } .inside_button_css{ font-weight: 500; font-size: 0.875rem; color: #333333; } .inside_time{ font-weight: 400; font-size: 0.875rem; color: #666666; } .inside_button:hover{ background: #35AFFD; border: 0px solid #707070; } .inside_button:hover .inside_time{ color: #FFFFFF; } .inside_button:hover .inside_button_css{ color: #FFFFFF; } .inside_button:hover .vertical_line{ background: #FFFFFF; } .inside_item_right{ width: 11.4375rem; height: 6.75rem; border-radius: 6px; margin-left: 1.25rem; } .envet_dividing_line{ height: 0.625rem; margin: 1.25rem 0 1.5625rem 0; display: flex; align-items: center; background-image: linear-gradient(to rightrgb(196196211) 45%rgba(2552552550) 0%); background-position: bottom; background-size: 10px 1px; background-repeat: repeat-x; } @media (max-width: 1600px) { .right_fixed{ bottom: 3rem; } .side_activity_mimicry{ top: -58px !important; right: 3rem !important; } }