/* * @lastedittime : 2024-04-11 09:31:28 * @filepath : /135new/webroot/css/vip_company/index.css * @description : 135-企业会员落地页 */ /* * 头部导航-引导登录 */ #header_boot_login { position: absolute; font-size: 12px; display: block !important; background-image: linear-gradient(90deg, #f11913 0%, #f84c0f 53%, #ff7e0a 100%), linear-gradient(#feeee2, #feeee2); background-blend-mode: normal, normal; border-radius: 4px 4px 4px 0px; top: 44px; left: 0; right: 0; margin: auto; padding: 4px 11px; border-radius: 19px; width: fit-content; z-index: 10; } #header_boot_login .triangle { position: absolute; top: 0; display: block; margin: auto; top: -13px; left: 0; right: 0; width: 0; height: 0; border: 7px solid transparent; border-bottom-color: #ff793f; } #header_boot_login a { padding: 0; color: #fff; } #modal-company-ask { position: fixed; z-index: 999; top: 0; left: 0; display: none; width: 100%; height: 100%; background: rgba(0, 0, 0, .7); } #modal-company-ask .main { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } #modal-company-ask .main .consult-service { width: 100%; height: 100%; position: relative; } #modal-company-ask .main .consult-service .cover { width: 100%; height: 100%; } #modal-company-ask .main .consult-service .code { width: 150px; height: 150px; position: absolute; z-index: 10; top: 50%; left: 50%; transform: translate(-49%, -55%); border: 3px solid #d8a667; border-radius: 5px; } .order-first { order: 0; } .mb-0 { margin-bottom: 0; } .ml-120 { margin-left: 120px; } .bg-f3f7fa { background: #f3f7fa; } .bg-fff3e6 { background: #fff3e6; } .bg-202028 { background: #202028; } .bg-3e3e3e { background: #3e3e3e; } .bg-eedfb4 { background: #eedfb4; } .bg-efe6cb { background: #efe6cb; } .bg-7d7d7d { background: #7d7d7d; } .bg-fff3e6 { background: #fff3e6; } .bg-404163 { background: #404163; } .bg-b97524 { background: #b97524; } .bg-f9dfaa { background: #f9dfaa; } .bg-card1 { color: #404163; background-image: url(/uploads/image/bf202103/bg1.jpg); background-size: cover; } .bg-card2 { color: #b97524; background-image: url(/uploads/image/bf202103/bg2.jpg); background-size: cover; } .bg-card3 { color: #f9dfaa; background-image: url(/uploads/image/bf202103/bg3.jpg); background-size: cover; } .txt-f0e1b6 { color: #f0e1b6; } .txt-7f5320 { color: #7f5320; } .txt-9c8b6f { color: #9c8b6f; } .txt-917144 { color: #917144; } .txt-757575 { color: #757575; } .mod-3 .common-title { padding-top: 80px; font-size: 30px; font-family: microsoft yahei; font-weight: bold; color: #333333; text-align: center; } .team_kefu .common-title { /* font-size: 30px; font-weight: bold; position: relative; padding-bottom: 35px;padding-top: 80px; text-align: center; */ font-size: 20px; font-family: microsoft yahei; font-weight: 400; color: #70748b; } /* .common-title::after { position: absolute; bottom: 4px; left: 50%; width: 66px; height: 8px; content: ''; transform: translatex(-50%); border-radius: 10px; background: #f6d6aa; } */ .ptb-60 { padding-top: 60px; padding-bottom: 60px; } .ptb-100 { padding-top: 100px; padding-bottom: 100px; } .top-banner img { width: 100%; cursor: pointer; } .fixed-right-kefu { position: fixed; z-index: 99; top: 30%; right: 0; cursor: pointer; transform: scale(.9); width: 153px; } .fixed-right-logo img { width: 100px; } .mod-0-msg { font-size: 18px; display: flex; letter-spacing: 1px; color: #e7bf9b; justify-content: center; align-items: center; margin: 0px 3%; } .mod-0-msg span { flex: 1; } .mod-0-msg span img { margin-right: 10px; vertical-align: middle; } /* .mod-0-msg { font-size: 18px; display: flex; letter-spacing: 1px; color: #e7bf9b; justify-content: center; align-items: center;} .mod-0-msg > div{ display: flex; flex-direction: column; align-items: center; } .mod-0-msg .box{ flex: 1;} .mod-0-msg .box{ position: relative; padding: 20px 10px; padding-top: 40px; font-size: 15px; background-repeat: no-repeat; background-position: 90% bottom; background-size: 26%; background-color: #191920; border-radius: 6px; } .mod-0-msg > div div{ margin-left: 20px; } .mod-0-msg .box .title{ position: absolute; top: -20px; left: 0; right: 0; margin: 0 auto; display: inline-table; padding: 6px 12px; border-radius: 40px; background-color: #f8e2bc; color: #bb7b30; font-size: 18px; font-weight: bold; } .mod-0-msg .text{ padding: 6px 14px; display: inline-block; margin-top: 22px; font-weight: bold; color: #e7bf9b; font-size: 18px; background-color: #191920; } */ @keyframes downward { 0% { transform: translatey(-4px); } 100% { transform: translatey(4px); } } .mod-3 { margin-top: -80px; } .mod-3-content { padding-top: 70px; padding-bottom: 100px; } .mod-3-content .newmod3listbox { padding: 0; display: flex; justify-content: space-between; } .mod-3-content .newmod3listbox div, .mod-3-content .newmod3listbox p { line-height: 1rem; } .mod-3-content .newmod3listbox .newmod3listbox { margin-top: 58px; } .mod-3-content .newmod3listbox li { display: flex; flex: 1; } .mod-3-content .newmod3listbox li .img { margin-top: -17px; } .mod-3-content .newmod3listbox li .img img { width: 60px; height: 60px; } .mod-3-content .newmod3listbox li .msg { margin-left: 10px; } .mod-3-content .newmod3listbox li .msg a { font-size: 14px; font-weight: 400; text-decoration: underline; color: #ba782a; } .mod-3-content .newmod3listbox li .t1 { margin-bottom: 11px; font-size: 20px; font-weight: bold; color: #333333; } .mod-3-content .newmod3listbox li .t2 { margin-bottom: 9px; font-size: 14px; font-weight: 400; color: #494f6b; } .mod-3-content .newmod3listbox li .t2 div div { margin-top: 4px; } .mod-3-list { display: flex; margin-bottom: 70px; padding: 0; list-style: none; justify-content: space-around; align-items: start; } .mod-3-list li { font-size: 18px; display: flex; width: 50%; margin-left: 15%; color: #666; align-items: center; } .mod-3-list li img { margin-right: 20px; margin-bottom: 16px; } .mod-3-list .t1 { font-size: 20px; font-weight: bold; margin-bottom: 5px; color: #333; position: relative; } .mod-3-list .t1 .tag { display: inline-block; position: absolute; right: -35px; top: -30%; color: #fff; transform: scale(0.7); background: red; padding: 2px 5px; line-height: 15px; height: 20px; font-size: 16px; } .mod-4 { padding-bottom: 60px; } .mod-4-title { font-size: 30px; font-weight: bold; margin: 0 0 30px; padding-top: 40px; text-align: center; color: #fbdfbb; background-image: -webkit-linear-gradient(-90deg, #e7b16c, #fbdfbb); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .vip-table { background: #fff; } .vip-table ul { margin-bottom: 0; list-style: none; } .table-type { display: flex; border: 1px solid #ebeef5; border-bottom: none; border-radius: 4px 4px 0 0; } .table-type-head { font-size: 20px; font-weight: bold; display: flex; width: 40%; border-left: 1px solid #ebeef5; justify-content: center; align-items: center; } .table-type-head:first-child { border-left: none; } .table-type-item { position: relative; display: flex; flex-direction: column; width: 30%; padding: 50px 0 30px; border-left: 1px solid #ebeef5; justify-content: center; align-items: center; } .table-type-item .title { font-size: 20px; font-weight: bold; position: relative; text-align: center; } .table-type-item .title img { position: absolute; top: -13px; right: -24px; } .table-type-item .introduce { font-size: 14px; margin-bottom: 20px; text-align: center; } .table-type-item .vip-btn { font-size: 18px; line-height: 42px; width: 160px; height: 42px; text-align: center; color: #8c672c; border: 1px solid #fae1c4; border-radius: 4px; background: #faecd6; } .table-type-item .vip-btn:hover { color: #fff; background: #d9b279; } .table-title { font-size: 18px; font-weight: normal; margin: 0; padding: 20px 0; text-align: center; border: 1px solid #ebeef5; border-bottom: none; } .table-more-content .table-title, .vip-table .table-title~.table-title { /* 在这里添加你想要应用到非第一个.table-title元素的样式 */ background-color: #d99840; font-weight: bold; color: #fff; border: none; } .company_shengqing { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 430px; background-image: url(/uploads/image/bf2images/qiyeluodiye_shenqing_bg.png); background-size: cover; background-repeat: no-repeat; color: #fff; } .company_shengqing h1, .company_shengqing h3 { color: #fff; text-align: center; } .company_shengqing h1 { margin-bottom: 46px; font-size: 30px; font-weight: bold; } .company_shengqing h3 { margin-bottom: 79px; font-size: 16px; } .company_shengqing .btn_box { display: flex; } .company_shengqing .btn_box div { width: 200px; height: 60px; border-radius: 30px; line-height: 60px; text-align: center; cursor: pointer; font-size: 18px; font-weight: bold; } .company_shengqing .btn_box a { display: block; color: #fff; } .company_shengqing .btn_box div:first-child { background-color: #7f83f7; margin-right: 70px; } .company_shengqing .btn_box div:last-child { background-color: #e99d42; margin-left: 70px; } .dibu_ewm_box { height: 300px; background-image: url(/uploads/image/bf2images/qiyeluodiye_dibu_ewmbg.png); background-size: cover; background-repeat: no-repeat; display: flex; justify-content: center; align-items: center; } .dibu_ewm_box .ewm { margin-right: 97px; } .dibu_ewm_box .ewm img { width: 156px; height: 156px; margin-bottom: 16px; } .dibu_ewm_box .ewm div { font-size: 16px; font-weight: 400; color: #a4600f; text-align: center; } .dibu_ewm_box .text { margin-bottom: 60px; font-size: 30px; font-weight: bold; color: #a4600f; } .dibu_ewm_box .text div:first-child { margin-bottom: 10px; } /* 行业精选 */ .industry_highlights { max-width: 100%; overflow: hidden; padding-top: 120px; padding-bottom: 165px; box-sizing: border-box; background: #fafafa url(/uploads/image/bf2images/kaifangpingtai-hezuobg-26.png); background-repeat: no-repeat; background-position: 0; } .industry_highlights .titletext { margin-bottom: 70px; text-align: center; } .industry_highlights .titletext h1 { font-size: 38px; font-weight: 700; color: #303044; margin: 0; } .industry_highlights .titletext div { margin-top: 24px; color: #4e5866; font-size: 29px; } .industry_highlights ul { padding: 0; margin: 0; list-style: none; } .industry_highlights .content { display: flex; width: 1220px; height: 700px; margin: 0 auto; } .industry_highlights .content .mintabbar{ display: flex; margin-bottom: 31px; } .industry_highlights .content .mintabbar div{ width: 110px; height: 36px; border: 1px solid #59a7fc; line-height: 36px; text-align: center; background: #ffffff; border-radius: 6px; font-family: source han sans cn; font-weight: 400; font-size: 16px; color: #057cfd; cursor: pointer; } .industry_highlights .content .mintabbar div.active{ background: #057cfd; color: #fff; } .industry_highlights .content .mintabbar div div{ margin-left: 29px; } .industry_highlights .menubox { width: 153px; background: #f0f7fe; font-size: 18px; text-align: center; display: flex; flex-direction: column; } .industry_highlights .menubox li { flex: 1; width: 153px; display: flex; align-items: center; justify-content: center; cursor: pointer; } .industry_highlights .menubox .active { width: 100%; height: 80px; background: linear-gradient(90deg, rgba(0, 112, 255, 0.95), rgba(26, 174, 254, 0.95)); border-radius: 2px; font-weight: bold; color: #fff; } .industry_highlights .body { flex: 1; width: 1066px; display: flex; background-color: #ffffff; } .industry_highlights .body li { flex: 1; display: block; opacity: 0; padding: 34px 33px; } .industry_highlights .describe { height: 42px; color: #70748b; } .industry_highlights .title_box { display: flex; align-items: center; padding-bottom: 12px; font-size: 30px; color: #141414; font-weight: bold; } .industry_highlights .title_box .bor { width: 8px; height: 20px; margin-right: 13px; display: block; background-color: #057cfd; } .industry_highlights .title_box a { margin-left: 30px; color: #057cfd; font-size: 16px; } .industry_highlights .bannerbox { width: 1000px; padding-top: 8px; } .industry_highlights .bannerbox .more{ text-align: center; } .industry_highlights .bannerbox .more span{ font-weight: 400; font-size: 16px; color: #494f6b; cursor: pointer; } .industry_highlights .swiper-slide { width: 100% !important; height: 100%; display: flex; align-items: flex-start; } .industry_highlights .swiper-slide img { width: 100%; object-fit: contain; height: 430px; } .team_kefu { position: fixed; top: 0; left: 0; z-index: 3333; width: 100%; height: 100%; background: rgba(0, 0, 0, .7); display: none; } .team_kefu>div { height: 100%; display: flex; flex-direction: column; align-items: center; } .team_kefu ul { margin: 0; padding: 0; list-style: none; } .team_kefu .nav_box { width: 860px; display: flex; background: #f8f6f6; border-radius: 15px 15px 0px 0px; } .team_kefu .body { width: 100%; height: 711px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto } .team_kefu .body>li { width: 1200px; height: 711px; background: #ffffff; border: 1px solid #e5e5e5; opacity: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; } .team_kefu .body>li.active { opacity: 1; display: block; z-index: 3333; } .team_kefu .body>li .step { flex: 1; display: flex; } .team_kefu .body>li .step .stepcount { font-size: 24px; font-weight: bold; color: #cccccc; } .team_kefu .body>li .step .active .stepcount { color: #ba782a; } .team_kefu .body>li .step .title { font-size: 20px; font-weight: bold; color: #444b5a; } .team_kefu .body>li .step .describe { font-size: 14px; font-weight: 400; color: #70748b; } .team_kefu .body>li:nth-child(1) { padding: 42px 53px; display: flex; flex-direction: column; } .team_kefu .body .tuandui_list { height: 88px; display: flex; } .team_kefu .body .menu_box>div { width: 369px; /* height: 147px; */ padding: 17px 32px; border-radius: 10px; } .team_kefu .body .menu_box>div div { margin-top: 20px; } .team_kefu .body .menu_box>div.active { background-color: #f8f6f6; } .team_kefu .body .menu_box>div.active .step_line { display: block; } .team_kefu .body .content_box { padding-top: 21px; margin-left: 64px; flex: 1; } .team_kefu .body .content_box>div { display: none; } .team_kefu .body .content_box>div.active { display: block; } .team_kefu .body .content_box img { width: 746px; height: 439px; object-fit: contain; } .step_line_box { height: 12px; display: flex; align-items: center; } .step_line { display: none; width: 0; /* 初始宽度为0,线段在最左边开始 */ height: 2px; /* 线的高度 */ margin: 5px 0; background-color: #d9ac85; /* 线的颜色 */ animation: moveline 0.6s linear forwards; /* 使用moveline动画,持续3秒,线性速度,并保持在动画结束状态 */ } @keyframes moveline { 100% { width: 225px; /* 在动画的最后一帧将线段的宽度设置为100%,使其从左到右 */ } } .team_kefu .nav_box li { width: 450px; height: 69px; line-height: 69px; font-size: 20px; font-weight: 400; color: #444b5a; text-align: center; flex: 1; } .team_kefu .nav_box li.active { font-weight: bold; color: #ffffff; background-color: #444b5a; border-radius: 15px 15px 0px 0px !important; } .team_kefu .nav_box li:nth-child(1) { border-radius: 15px 0px 0px 0px; } .team_kefu .nav_box li:nth-child(2) { border-radius: 0px 15px 0px 0px; } #industry_highlightsbanner { position: relative; } .table-feature { display: flex; border: 1px solid #ebeef5; border-bottom: none; } .table-feature:last-child { border-bottom: 1px solid #ebeef5; } .table-feature-head { font-size: 16px; display: flex; flex-direction: column; width: 40%; padding: 20px 0; text-align: center; justify-content: center; align-items: center; } .table-feature-support { font-size: 16px; position: relative; display: flex; width: 30%; padding: 40px 0; text-align: center; border-left: 1px solid #ebeef5; justify-content: center; align-items: center; } .table-feature-support p { font-size: 12px; padding-top: 5px; margin: 0; position: absolute; bottom: 16px; color: #757575; } .table-feature-head .t1 { margin-bottom: 4px; } .table-feature-head .t2 { margin: 0; color: #757575; } .table-more { font-size: 18px; padding: 50px 0 50px; text-align: center; color: #ecd4a3; } .table-more a { display: block; text-decoration: underline; color: #ecd4a3; } .table-more-content { display: none; } .fixed-table-type { position: fixed; z-index: 9; top: 0; left: 0; display: none; width: 100%; } .fixed-table-type .table-type { margin-bottom: 0; background: #fff; box-shadow: 0 4px 10px 0 rgba(12, 21, 35, .1); } .fixed-table-type .table-type-item { padding: 10px 0 15px; } .fixed-table-type .table-type-item .title { margin-bottom: 0; } .fixed-table-type .table-type-item .introduce { margin-bottom: 5px; } .mod-5 { padding-top: 65px; } .mod-common-info { font-size: 24px; font-weight: bold; padding-top: 120px; } .mod-common-info-title .t1 { margin-bottom: 15px; text-transform: uppercase; color: #ccc; } .mod-common-info-title .t2 { margin-bottom: 40px; } .mod-common-info-introduce { font-size: 16px; font-weight: normal; line-height: 38px; color: #757575; } .mod-common-info-introduce span { font-size: 19px; font-weight: bold; color: #333; } .mod-8 { padding-bottom: 100px; } .mod-8-card { padding: 60px 80px; border-radius: 10px; box-shadow: 0 0 15px #6c757d40; } .mod-8-list { display: flex; flex: 1; margin-bottom: 70px; justify-content: center; align-items: start; } .mod-8-msg { display: flex; flex-direction: column; margin-left: 17px; } .mod-8-msg .t1 { margin-bottom: 6px; font-size: 20px; font-weight: bold; color: #333333; } .mod-8-msg .t2 { font-size: 14px; font-weight: 400; color: #494f6b; } .mod-9-box { text-align: center; } .mod-9-box .title { font-size: 24px; font-weight: bold; margin-bottom: 25px; } .mod-9-box .subtit { font-size: 18px; width: 530px; height: 64px; margin: 0 auto; margin-bottom: 35px; text-align: left; color: #757575; } .mod-9-box .pic { vertical-align: top; } .mod-10-title { font-size: 30px; font-weight: bold; margin: 0 0 30px; text-align: center; color: #e7b069; background-image: -webkit-linear-gradient(90deg, #e7b069, #f8d8af); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .mod-10-list li { margin-bottom: 40px; } .mod-10-list li .q { font-size: 18px; font-weight: bold; margin-bottom: 10px; color: #c19c5c; } .mod-10-list li .a { font-size: 16px; color: #fff; } .slider-inner-image img { max-width: 800px; } .tour-img { display: none; width: 100%; border-radius: 5px; } .tour-video { width: 100%; border-radius: 10px; } .slider-inner-image { text-align: left; } /** * 企业团队会员 */ .corporate-team-member { width: 100%; height: 410px; box-sizing: border-box; padding-top: 44px; background-color: #202028; } .corporate-team-member .corporate-team-member_title { font-size: 34px; color: #dbb285; text-align: center; font-weight: bold; } .corporate-team-member .membership-description { width: 100%; margin-top: 50px; box-sizing: border-box; padding: 0 19%; display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: max-content; gap: 30px 0; } .corporate-team-member .membership-description .membership-description_item { width: 100%; display: flex; align-items: center; } .corporate-team-member .membership-description .membership-description_item .membership-description_item-iocn img { width: 12px; height: 12px; } .corporate-team-member .membership-description .membership-description_item .membership-description_item-text { font-size: 16px; margin-left: 12px; color: #dbb285; white-space: nowrap; } /** * 企业会员 分类列表 */ .enterprise-vip { width: 74.8%; margin: 0 auto; margin-top: -140px; } .enterprise-vip .enterprise-vip_list { width: 100%; height: max-content; display: grid; grid-template-columns: repeat(4, 1fr); gap: 0 20px; } .enterprise-vip .enterprise-vip_list .enterprise-vip_list-item { width: 100%; box-sizing: border-box; border-radius: 22px; color: #ffffff; transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1); animation: border 0.5s linear; display: flex; flex-direction: column; } .enterprise-vip .enterprise-vip_list .enterprise-vip_list-item:hover { transform: translatey(-20px); border: 2px solid #e5e5e5; } .enterprise-vip .enterprise-vip_list .enterprise-vip_list-item:hover .enterprise-vip_list-item_body { border: none !important; } .enterprise-vip .enterprise-vip_list .enterprise-vip_list-item .enterprise-vip_list-item_header { width: 100%; height: 292px; position: relative; color: inherit; user-select: none; } .enterprise-vip .enterprise-vip_list .enterprise-vip_list-item .enterprise-vip_list-item_header .enterprise-vip_list-item_cover { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .enterprise-vip .enterprise-vip_list .enterprise-vip_list-item .enterprise-vip_list-item_header .enterprise-vip_list-item_gift-bag { position: absolute; right: -11px; top: -5px; width: auto; height: 36px; padding: 0 6px; background-image: ; background-repeat: no-repeat; background-size: 100% 100%; background-position: 0; font-size: 12.5px; line-height: 26px; text-align: center; color: #fef8f8; font-weight: bold; } .enterprise-vip .enterprise-vip_list .enterprise-vip_list-item .enterprise-vip_list-item_header .enterprise-vip_list-item_header-container { width: 100%; height: 100%; position: relative; z-index: 5; display: flex; flex-direction: column; align-items: center; justify-content: center; } .enterprise-vip .enterprise-vip_list .enterprise-vip_list-item .enterprise-vip_list-item_header .enterprise-vip_list-item_header-container .enterprise-vip_list-item_title { font-size: 30px; color: inherit; font-weight: bold; } .enterprise-vip .enterprise-vip_list .enterprise-vip_list-item .enterprise-vip_list-item_header .enterprise-vip_list-item_header-container .enterprise-vip_list-item_subtitle { margin-top: 14px; font-size: 20px; color: inherit; } .enterprise-vip .enterprise-vip_list .enterprise-vip_list-item .enterprise-vip_list-item_header .enterprise-vip_list-item_header-container .enterprise-vip_list-item_people { font-size: 12px; } .enterprise-vip .enterprise-vip_list .enterprise-vip_list-item .enterprise-vip_list-item_header .enterprise-vip_list-item_header-container .enterprise-vip_list-item_price { margin-top: 4px; font-size: 24px; color: inherit; } .enterprise-vip .enterprise-vip_list .enterprise-vip_list-item .enterprise-vip_list-item_header .enterprise-vip_list-item_header-container .enterprise-vip_list-item_price .num { font-size: 36px; font-weight: bold; } .enterprise-vip .enterprise-vip_list .enterprise-vip_list-item .enterprise-vip_list-item_header .enterprise-vip_list-item_header-container .enterprise-vip_list-item_open { margin-top: 8px; font-size: 18px; color: #ffffff; width: 200px; height: 50px; outline: none; border: none; user-select: none; border-radius: 30px; font-weight: bold; } .enterprise-vip .enterprise-vip_list .enterprise-vip_list-item .enterprise-vip_list-item_header .enterprise-vip_list-item_header-container .boot_upgrade { width: auto; height: auto; margin: 10px auto 0; background-color: red; padding: 2px 6px; border-radius: 4px; color: white; cursor: pointer; border: none; box-shadow: none; outline: none; user-select: none; } .enterprise-vip .enterprise-vip_list .enterprise-vip_list-item .enterprise-vip_list-item_body { width: 100%; height: auto; flex: 1; padding-top: 32px; padding-left: 25px; padding-right: 26px; padding-bottom: 26px; box-sizing: border-box; border: 1px solid #e5e5e5; border-top: none; border-bottom-left-radius: 22px; border-bottom-right-radius: 22px; } .enterprise-vip .enterprise-vip_list .enterprise-vip_list-item .enterprise-vip_list-item_body .equities-title { width: max-content; height: max-content; padding: 6px 10px; background: #ccc; display: flex; align-items: center; } .enterprise-vip .enterprise-vip_list .enterprise-vip_list-item .enterprise-vip_list-item_body .equities-title img { width: 18px; height: 18px; } .enterprise-vip .enterprise-vip_list .enterprise-vip_list-item .enterprise-vip_list-item_body .equities-title span { margin-left: 10px; font-size: 14px; line-height: 18px; } .enterprise-vip .enterprise-vip_list .enterprise-vip_list-item .enterprise-vip_list-item_body .equities_list { margin-top: 20px; } .enterprise-vip .enterprise-vip_list .enterprise-vip_list-item .enterprise-vip_list-item_body .equities_list .equities_list-item { display: flex; justify-content: space-between; font-size: 14px; line-height: 14px; } .enterprise-vip .enterprise-vip_list .enterprise-vip_list-item .enterprise-vip_list-item_body .equities_list .equities_list-item .equities_list-item { margin-top: 16px; } .enterprise-vip .enterprise-vip_list .enterprise-vip_list-item .enterprise-vip_list-item_body .equities_list .equities_list-item .equities_list-item_name { color: #494f6b; } .enterprise-vip .enterprise-vip_list .enterprise-vip_list-item .enterprise-vip_list-item_body .equities_list .equities_list-item .equities_list-item_explain { color: #cd7d1f; position: relative; } .enterprise-vip .enterprise-vip_list .enterprise-vip_list-item .enterprise-vip_list-item_body .equities_list .equities_list-item .equities_list-item_explain img.showtooltip { width: 14px; height: 14px; position: absolute; right: 0; top: 0; transform: translate(100%, -50%); cursor: pointer; } .enterprise-vip .enterprise-vip_list .enterprise-vip_list-item .enterprise-vip_list-item_body .equities_list .equities_list-item .equities_list-item_explain img.enable { width: 18px; height: 15px; } .enterprise-vip .enterprise-vip_list .enterprise-vip_list-item .enterprise-vip_list-item_body .equities_list .equities_list-item .equities_list-item_explain img.not_enable { width: 15px; height: 15px; } .enterprise-vip .enterprise-vip_list .enterprise-vip_list-item .enterprise-vip_list-item_body .equities_list br.partition-br { display: block; content: ""; margin-top: 20px; } .enterprise-vip .enterprise-vip_list .enterprise-vip_list-item .enterprise-vip_list-item_body .super-value-purchase { margin-top: 28px; } .enterprise-vip .enterprise-vip_list .enterprise-vip_list-item .enterprise-vip_list-item_body .super-value-purchase .title { width: max-content; margin-bottom: 6px; margin-left: -5px; } .enterprise-vip .enterprise-vip_list .enterprise-vip_list-item .enterprise-vip_list-item_body .super-value-purchase .list .list-item { display: flex; justify-content: space-between; font-size: 14px; color: #494f6b; } .enterprise-vip .enterprise-vip_list .enterprise-vip_list-item .enterprise-vip_list-item_body .super-value-purchase .list .list-item .list-item { margin-top: 8px; } .enterprise-vip .enterprise-vip_list .enterprise-vip_list-item .enterprise-vip_list-item_body .super-value-purchase .list .list-item .list-item_name { color: inherit; line-height: 27px; border-radius: 5px; padding-left: 8px; margin-left: -8px; background: linear-gradient(90deg, #fed6d6, #ffffff); } .enterprise-vip .enterprise-vip_list .enterprise-vip_list-item .enterprise-vip_list-item_body .super-value-purchase .list .list-item .list-item_explain img{ width: 18px; height: 15px; } .enterprise-vip .enterprise-vip_list .enterprise-vip_list-item .enterprise-vip_list-item_body .super-value-purchase .list .list-item .list-item_explain { color: inherit; color: red; white-space: nowrap; } .enterprise-vip .enterprise-vip_list .enterprise-vip_list-item.basic-vip { color: #404163; } .enterprise-vip .enterprise-vip_list .enterprise-vip_list-item.basic-vip:hover { border-color: #575b8c; } .enterprise-vip .enterprise-vip_list .enterprise-vip_list-item.basic-vip .enterprise-vip_list-item_header .enterprise-vip_list-item_open { background-color: #575b8c; } .enterprise-vip .enterprise-vip_list .enterprise-vip_list-item.basic-vip .enterprise-vip_list-item_body .equities-title { background-color: #edeffc; } .enterprise-vip .enterprise-vip_list .enterprise-vip_list-item.luxury-vip { color: #c58a41; } .enterprise-vip .enterprise-vip_list .enterprise-vip_list-item.luxury-vip:hover { border-color: #ba782a; } .enterprise-vip .enterprise-vip_list .enterprise-vip_list-item.luxury-vip .enterprise-vip_list-item_header .enterprise-vip_list-item_open { background-color: #ba782a; } .enterprise-vip .enterprise-vip_list .enterprise-vip_list-item.luxury-vip .enterprise-vip_list-item_body .equities-title { background-color: #f9e3bd; } .enterprise-vip .enterprise-vip_list .enterprise-vip_list-item.supremacy-vip { color: #f9dfaa; } .enterprise-vip .enterprise-vip_list .enterprise-vip_list-item.supremacy-vip:hover { border-color: #211f1f; } .enterprise-vip .enterprise-vip_list .enterprise-vip_list-item.supremacy-vip .enterprise-vip_list-item_header .enterprise-vip_list-item_open { background-color: #f9dfaa; color: #242222; } .enterprise-vip .enterprise-vip_list .enterprise-vip_list-item.supremacy-vip .enterprise-vip_list-item_body .equities-title { background-color: #262424; } .enterprise-vip .enterprise-vip_list .enterprise-vip_list-item.customization-vip { color: #edd5a3; } .enterprise-vip .enterprise-vip_list .enterprise-vip_list-item.customization-vip:hover { border-color: #273c9a; } .enterprise-vip .enterprise-vip_list .enterprise-vip_list-item.customization-vip .enterprise-vip_list-item_header .enterprise-code { width: 112px; height: 112px; margin: 20px 0 24px; } .enterprise-vip .enterprise-vip_list .enterprise-vip_list-item.customization-vip .enterprise-vip_list-item_header .enterprise-vip_list-item_subtitle { margin-top: 0; font-size: 16px; } .enterprise-vip .enterprise-vip_list .enterprise-vip_list-item.customization-vip .enterprise-vip_list-item_body .equities-title { background-color: #31385b; } /* .enterprise-vip .enterprise-vip_list .enterprise-vip_list-item.customization-vip .enterprise-vip_list-item_body .equities_list .equities_list-item:nth-child(1) .equities_list-item_name { line-height: 27px; border-radius: 5px; padding-left: 8px; margin-left: -8px; background: linear-gradient(90deg, #fae2b2, #ffffff); } */ .enterprise-vip .enterprise-vip_list .enterprise-vip_list-item.customization-vip .enterprise-vip_list-item_body .equities_list .equities_list-item .equities_list-item_name { color: #ba782a; } .enterprise-vip .enterprise-vip_btns-wrapper { width: 100%; display: flex; align-items: center; justify-content: center; margin-top: 62px; margin-bottom: 100px; } .enterprise-vip .enterprise-vip_btns-wrapper .btn { color: #fff; font-size: 16px; padding: 16px 24px; border-radius: 0; cursor: pointer; user-select: none; } .enterprise-vip .enterprise-vip_btns-wrapper .btn.btn-look { background-color: #fff; } .enterprise-vip .enterprise-vip_btns-wrapper .btn.btn-look a { color: #ba782a; text-decoration: none; } .enterprise-vip .enterprise-vip_btns-wrapper .btn.btn-look a:target, .enterprise-vip .enterprise-vip_btns-wrapper .btn.btn-look a:hover { color: #ba782a; } #qiye_shouquan2 .mod-common-info-introduce p{ margin: 0; padding-left: 9px; color: #494f6b; font-size: 15px; } #qiye_shouquan2 .mod-common-info-introduce p.title{ padding: 0; margin-bottom: 11px; font-weight: bold; font-size: 18px; } /* 合作伙伴logo滚动 */ .partner-roll-135 { width: 1200px; margin: 0 auto; } .partner-roll-135-2 .banner-roll .roll-wrapper { animation: rolling-data-v 30s linear infinite !important; } .partner-roll-135 .banner-roll { position: relative; display: inline-block; width: 100%; height: 70px; overflow: hidden } .partner-roll-135 .banner-roll .roll-wrapper { display: flex; justify-content: center; width: 100%; height: 70px; animation: rolling-data-v 36s linear infinite; position: absolute } .partner-roll-135 .banner-roll .roll-wrapper .banner-roll-pic .banner-roll-pic{ margin-left: 20px; } .partner-roll-135 .banner-roll .roll-wrapper1 { display: flex; justify-content: center; width: 100%; height: 93px; animation: rollrolling-reverse-data-v 30s linear infinite; position: absolute } .partner-roll-135 img{ max-width: 168px; width: 168px; } #maincontent .rotation{ width: 100%; padding: 50px 0; margin: 0; background: #eef3fb; } @-webkit-keyframes rolling-data-v { 0% { transform: translate3d(100%, 0, 0) } to { transform: translatez(0) } } @keyframes rolling-data-v { 0% { transform: translate3d(100%, 0, 0) } to { transform: translatez(0) } } @-webkit-keyframes rollrolling-reverse-data-v { 0% { transform: translatez(0) } to { transform: translate3d(-100%, 0, 0) } } @keyframes rollrolling-reverse-data-v { 0% { transform: translatez(0) } to { transform: translate3d(-100%, 0, 0) } } @media (max-width:575.98px) { ul { padding-left: 0; } .ml-120 { margin-left: 0; } .ptb-100 { padding-top: 20px; padding-bottom: 20px; } .ptb-60 { padding-top: 25px; padding-bottom: 25px; } .common-title { font-size: 20px; padding-bottom: 15px; } /* .common-title::after { height: 4px; } */ .fixed-banner2 { display: none; } .container { background: unset !important; } .container h1 { margin-top: 0 !important; } .order-first { order: -1; } .mod-3, .mod-4, .mod-5, .mod-6, .mod-7, .mod-8, .mod-9, .mod-10 { padding-right: 16px; padding-left: 16px; } .rotation { width: 100% !important; } .rotation div { font-size: 30px !important; line-height: 0px; } .rotation_box { margin-top: 45px !important } .mod-3 { margin-top: 0; } .mod-3-content { padding-top: 15px; } .mod-3-list { display: block; width: 100%; margin-bottom: 12px; } .mod-3-list .img { width: 40px; margin-right: 10px; } .mod-3-list .t1 { font-size: 14px; display: flex; } .mod-3-list .t2 { font-size: 13px; } .mod-3-list li { font-size: 15px; width: 100%; margin-left: 0; padding-left: 20px; } .mod-3-list li div span { display: block; text-align: center; } .mod-3-list li img { width: 50px; margin-bottom: 5px; } .mod-4 { padding-bottom: 30px; } .mod-4-title { font-size: 20px; margin: 0 0 20px; padding-top: 20px; } .vip-table { padding-top: 20px; } .table-type-head { font-size: 14px; } .table-type-item .title { font-size: 16px; margin-bottom: 0; } .table-type-item .introduce { font-size: 8px; margin-bottom: 0; } .table-type-item .vip-btn { display: none; } .table-type-item { padding: 10px 0; } .table-title { font-size: 14px; padding: 10px; } .table-feature-head { font-size: 11px; /* padding: 5px 3px; */ } .table-feature-support { font-size: 10px; padding: 10px 3px; } .table-feature-support p { font-size: 12px; padding-top: 5px; margin: 0; position: absolute; bottom: 16px; color: #757575; } .table-feature-support img { height: 10px !important; } .table-feature-head .t2 { font-size: 10px; text-align: center; } .fixed-table-type .table-type-item { padding: 10px 0; } .fixed-table-type .table-type-item .introduce { margin-bottom: 0; } .table-type-item .title img { top: -10px; right: 2px; width: 14px; } .table-more { font-size: 12px; padding: 20px 0 15px; } .mod-common-info { font-size: 14px; padding-top: 0; } .mod-common-info-title .t1 { margin-bottom: 5px; } .mod-common-info-title .t2 { margin-bottom: 10px; } .mod-common-info-introduce { font-size: 12px; line-height: 24px; } .mod-8-card { padding: 10px; } .mod-8-list { margin-bottom: 15px !important; } .mod-8-logo { width: 36px; } .mod-8-msg { width: 200px; margin-left: 5px; } .mod-8-msg .t1 { font-size: 14px; margin-bottom: 5px; } .mod-8-msg .t2 { font-size: 12px; } .mod-8 { padding-bottom: 20px; } .mod-9-box { margin-bottom: 15px; } .mod-9-box .title { font-size: 20px; margin: 0 0 10px; } .mod-9-box .subtit { width: 100%; font-size: 14px; } .mod-10-title { font-size: 20px; margin: 0 0 15px; } .mod-10-list li { margin-bottom: 15px; } .mod-10-list li .q { font-size: 14px; } .mod-10-list li .a { font-size: 12px; } .fixed-right-kefu { width: 50px; } #modal-company-ask .main { width: 90%; } } @media only screen and (min-width:1200px) and (max-width:1600px) { .slider-inner-image { text-align: center; } .slider-inner-image img { max-width: 635px; } } @media only screen and (min-width:992px) and (max-width:1200px) { .slider-inner-image { margin-top: 60px; } } @media only screen and (max-width:767px) { .slider-inner-image { margin-top: 50px; text-align: center; } .slider-inner-image img { max-width: 300px; } .tour-img { display: block; } .tour-video { display: none; } } @media only screen and (max-width:479px) { .slider-inner-image { margin-top: 50px; text-align: center; } .slider-inner-image img { max-width: 300px; } } @media only screen and (min-width:768px) and (max-width:991px) { .slider-inner-image { margin-top: 40px; } } @media screen and (max-width: 768px) { #maincontent{ width: 100%; } .fixed-right-kefu, .broadside_menus{ display: none; } .corporate-team-member{ padding: 20px; height: auto; } #add_qiye{ display: flex; } .enterprise-vip .enterprise-vip_list{ width: 90%; margin: 0 auto; display: flex; flex-direction: column; } .enterprise-vip .enterprise-vip_list .enterprise-vip_list-item .enterprise-vip_list-item_header .enterprise-vip_list-item_gift-bag{ right: 0; } .enterprise-vip .enterprise-vip_list .enterprise-vip_list-item .enterprise-vip_list-item_body{ margin-top: -26px !important; } .enterprise-vip .enterprise-vip_list .enterprise-vip_list-item:first-child{ margin-top: 50px; } .enterprise-vip .enterprise-vip_list .enterprise-vip_list-item .enterprise-vip_list-item{ margin-top: 20px; } .enterprise-vip .enterprise-vip_btns-wrapper{ margin-bottom: 0px; } .mod-3-content .newmod3listbox{ display: flex; flex-direction: column; } .mod-3-content .newmod3listbox li{ margin-top: 10px; } .mod-3-content .newmod3listbox .newmod3listbox{ margin-top: 26px; } #qiye_shouquan img, #qiye_shouquan2 img{ max-width: 100% !important; margin-left: 0 !important; } #qiye_shouquan .mod-common-info, #qiye_shouquan2 .mod-common-info{ width: 100% !important; padding: 0 !important; } #qiye_shouquan2 .index2img{ padding-left: 0 !important; } .table-feature-support{ display: flex; flex-direction: column; } .table-feature-support *{ position: relative !important; bottom: auto !important; } .team_kefu, .industry_highlights, .table-feature-head .new{ display: none; } .company_shengqing .btn_box{ flex-direction: column; align-items: center; } .company_shengqing .btn_box div:first-child, .company_shengqing .btn_box div:last-child{ margin: 0; } .company_shengqing .btn_box div:first-child{ margin-bottom: 10px; } .dibu_ewm_box{ padding: 20px; } .dibu_ewm_box .ewm div{ font-size: 12px; } .dibu_ewm_box .text{ font-size: 20px; } .corporate-team-member .corporate-team-member_title { font-size: 22px; } .corporate-team-member .describe_box{ font-size: 16px !important; } }