/* my-header */ .van-overflow-hidden { /* 为了防止弹出层弹出时，页面滚动到顶部 */ overflow: visible !important; } .header { position: fixed; z-index: 19; width: 100%; height: 1.173333rem; line-height: 1.173333rem; background-color: #ffffff; padding: 0 0.4rem; font-size: 0.32rem; border-bottom: 1px solid #f8f8f8; } .header .header-logo { width: 3.68rem; height: 0.56rem; } .header .free-btn { width: 2.4rem; height: 0.64rem; font-size: 0.32rem; white-space: nowrap; border-radius: 3px; vertical-align: middle; border: none!important; } .header .header-menu-icon { width: 0.586667rem; height: 0.426667rem; } .header .van-icon-cross { font-size: 0.5333rem; top: 0.1333rem; } .header-popup { width: 90%; border-radius: 8px; overflow-y: auto; } .header-popup .van-popup__close-icon { font-size: 0.42rem; } .van-popup { top: 10%; transform: translate3d(-50%, 0, 0); } .contact-us-popup { top: initial; transform: none!important; } .wrapper .block { position: relative; padding-top: 0.3rem; background-color: #fff; border-radius: 8px; } .wrapper .block .contact-us { width: 100%; } .wrapper .block .closeBtn { position: absolute; top: 5%; right: 5%; } .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected { background-color: transparent; } .menu { position: fixed; top: 1.173333rem; right: 0; z-index: 100; overflow-y: auto; width: 100%; height: calc(100% - 1.173333rem); padding: 0 0.6667rem; background: #fff; } .menu .ant-menu-inline { border-right: 0; } .menu .ant-menu-item, .menu .ant-menu-submenu-title { border-bottom: 1px solid #f8f8f8; height: 0.8rem; line-height: 0.8rem; font-size: 0.32rem; padding-left: 0.266667rem !important; } .menu .ant-menu-item-group .ant-menu-item-group-title { font-size: 0.3467rem; } .menu .child-cube { font-size: 0.32rem; height: 0.75rem !important; line-height: 0.75rem !important; margin: 0 !important; } .menu .mr2 img { width: 0.426667rem; margin-right: 0.16rem; } .menu .child-cube a { padding-left: 0.533333rem !important; } /* swipe-banner */ .swipe-banner-box { padding-top: 1.173333rem; } .swipe-banner-box .swipe-banner, .swipe-banner-box .swipe-banner img { width: 100%; } .swipe-banner-cube { position: relative; } .swipe-banner-tip { position: absolute; top: 50%; right: 7%; transform: translate(0, -50%); z-index: 3; } .swipe-banner-tip .swipe-tip-sub-title { color: #A7B4FF; margin-top: 0.266667rem; font-size: 0.3375rem; } .swipe-banner-tip .swipe-tip1 { font-weight: 700; color: #fff; font-size: 0.373333rem; } .swipe-banner-tip .swipe-tip2 { margin-top: 0.266667rem; color: #82bdff; font-size: 0.32rem; } .swipe-banner-homepage .swipe-banner-content { position: absolute; top: 10%; left: 0; display: flex; justify-content: space-between; align-items: center; width: 100%; padding: 0.3rem 0.6rem; } .swipe-banner-homepage .swipe-banner-content .left img { height: 0.9rem; display: block; width: auto; } .swipe-banner-homepage .swipe-banner-content .left img.banner-biaoyi-text { height: 1.15rem; margin-top: -0.4rem; } .swipe-banner-homepage .swipe-banner-content .left .desc { text-align: left; margin: 0.3rem 0; color: #000; } .swipe-banner-homepage .swipe-banner-content .left .view-btn { width: 1.76rem; height: 0.64rem; line-height: 0.64rem; border-radius: 0.1067rem; background: linear-gradient(90deg, #5E65E7 17%, #167BF0 100%); font-size: 0.2933rem; color: #fff; text-align: center; cursor: pointer; margin-top: 0.5333rem; } .swipe-banner-homepage .swipe-banner-content .left .view-btn:hover { opacity: 0.8; } .swipe-banner-homepage .swipe-banner-content .banner-img { height: 3.4667rem; width: auto!important; } .swipe-banner-homepage .swipe-banner-cube { height: 5.5rem; } .swipe-banner-homepage .swipe-banner-cube .swipe-banner { height: 100%; } .swipe-banner-homepage .text { font-size: 0.2667rem; } .swipe-banner-homepage .van-swipe__indicators { bottom: 10%; } .product-banner-box .contact-us-btn { position: absolute; width: 2rem; height: 0.6667rem; line-height: 0.6667rem; text-align: center; border-radius: 4px; background: #152244; color: #fff; font-size: 0.32rem; margin-top: 0.48rem; } .van-overflow-hidden #homepage, .van-overflow-hidden #news, .van-overflow-hidden .finance, .van-overflow-hidden .evaluation { filter: blur(2px); } .page-container { margin-top: -0.9rem; border-radius: 20px 20px 0 0; background: #F4F8FB; position: relative; padding-top: 0.2667rem; } /* section-title */ .section-title { margin-top: 0.266667rem; margin-bottom: 0.266667rem; flex-direction: column; justify-content: center; align-content: center; text-align: center; } .section-title .section-title-tip1 { line-height: 1.05rem; font-size: 0.4rem; font-weight: 700; } .section-title .section-title-tip1 img { width: 0.48rem; margin-top: -4px; } .section-title .section-title-tip1 .title-tip { display: inline-block; margin: 0 0.3467rem; line-height: 0.7rem; } .section-title .section-title-tip1 .color-black { color: #333333; } .section-title .section-title-tip1 .color-white { color: #fff; } .section-title .section-title-tip2 { font-size: 0.32rem; color: #666666; } /* my-text */ .my-text-cube { font-size: 0.32rem; padding: 0.133333rem 0 0.266667rem; } .my-text-cube .my-text-word { padding: 0.266667rem; padding-right: 0.16rem; border-radius: 0.106667rem; } .my-text-cube .my-text-word-white { border: 0.026667rem solid #f4f2f2; } .my-text-cube .my-text-word-black { color: #fff; background-color: rgba(0, 107, 192, 0.26); border: 0.026667rem solid #2d68a8; } /* contact-us */ .contact-us .contact-us-container { padding: 0.4rem; } .contact-us .contact-us-container .van-cell { font-size: 0.32rem; border-radius: 0.08rem; background-color: #f6f8fb; margin-bottom: 0.266667rem; } .contact-us .contact-us-container .van-cell .van-field__body { height: 0.5rem; line-height: 0.5rem; } .contact-us .contact-us-container .van-cell .van-field__body input::-webkit-input-placeholder { color: #666666; } .contact-us .contact-us-container .van-cell .van-field__body input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #666666; } .contact-us .contact-us-container .van-cell .van-field__body input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #666666; } .contact-us .contact-us-container .van-cell .van-field__body input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #666666; } .contact-us .contact-us-container .contact-btn { color: #fff; margin: 0.533333rem 0 0.133333rem; background: #152244 !important; border-radius: 5px; } .contact-us .van-cell__title label { font-size: 0.32rem; } .contact-us .van-field__value { position: relative; } .contact-us .van-field__error-message { position: absolute; top: 50%; right: 0; transform: translate(0, -50%); color: #ff6868; } .contact-us .van-field--error { border: 1px solid #ff6868; } /* my-footer */ .my-footer { background-color: #ffffff; color: #171819; font-size: 0.28rem; } .my-footer .my-footer-top { padding: 0.533333rem 0; } .my-footer .my-footer-top .my-footer-right { flex-direction: column; justify-content: space-between; width: auto; height: 100%; margin-left: 0.4rem; } .my-footer .my-footer-top .my-footer-right .footer-ifly { color: #171819; font-size: 0.3467rem; font-weight: bold; margin-bottom: 0.2rem; } .my-footer .my-footer-top .my-footer-wechat { width: 3rem; height: 3rem; border: 1px solid #f2f2f2; border-radius: 5px; } .my-footer .my-footer-top .my-footer-wechat img { width: 100%; height: 100%; } .my-footer .my-footer-top .my-footer-logo { margin-top: 0.2rem; } .my-footer .my-footer-top .my-footer-logo img { width: 2.96rem; } .my-footer .footer-bottom { padding: 0.266667rem; font-size: 0.24rem; color: #fff; background-color: #152244; } .my-footer .footer-bottom .footer-copyright { margin-bottom: 0.133333rem; } .my-footer .footer-bottom .footer-copyright a { color: #999999; } .my-footer .footer-bottom div { text-align: center; } /* text-cell */ .text-cell1 { padding: 0 0.4rem 0.2rem; font-size: 0.293333rem; } .text-cell1 .text-cell-cube { width: 100%; padding: 0.266667rem; margin-bottom: 0.2rem; background-size: 100% 100%; } .text-cell1 .text-cell-cube .title { font-size: 0.266667rem; color: #333333; font-weight: 700; } .text-cell2 { padding: 0.266667rem; min-height: 2rem; margin-bottom: 0.266667rem; background-size: 100% 100%; font-size: 0.293333rem; } .text-cell2 .text-cell2-title { height: 0.293333rem; line-height: 0.293333rem; padding-left: 0.2rem; margin-bottom: 0.266667rem; font-size: 0.32rem; color: #2a89f5; font-weight: 700; border-left: 0.053333rem solid #2a89f5; } .reason, .sucess-case { padding: 0 0.2667rem; } .text-list { padding: 0.266667rem; margin-bottom: 0.1333rem; font-size: 0.293333rem; line-height: 0.4267rem; background: linear-gradient(270deg, #FEFFFF 0%, #EFF4F7 100%); border: 1px solid #fff; border-radius: 4px; box-shadow: 0px 0px 14px 0px #E3E9F1; color: #515D6B; letter-spacing: 1px; } .text-list .text-list-title { height: 0.293333rem; line-height: 0.293333rem; margin-bottom: 0.266667rem; font-size: 0.32rem; color: #171819; font-weight: 700; display: flex; align-items: center; } .text-list .text-list-title .icon { height: 0.293333rem; margin-right: 0.1333rem; } .text-list .text-list-title.icon-block { display: block; } /* text-list */ .text-list-cube { background: linear-gradient(270deg, #EFF4F7 0%, #FEFFFF 100%); } .text-list-cube .text-list-title { height: 0.5333rem; } .text-list-cube .text-list-title .icon { height: 0.5333rem; } .text-list-cube .text .empty { margin-bottom: 0.1333rem; } .text-grid-list { text-align: center; } .text-grid-list .text-grid-list-item { margin-top: 0.2667rem; } .text-grid-list .text-grid-list-item .title { font-size: 0.28rem; color: #000; font-weight: bold; margin-bottom: 0.1333rem; margin-top: 0.2133rem; } .text-grid-list .text-grid-list-item .text { font-size: 0.293333rem; text-align: left; } /* success-case */ .successful-case { background-size: auto; padding: 0 0.4rem 0.4rem; overflow: hidden; } .successful-case .case-cube { margin-top: 0.266667rem; height: 2.68rem; padding: 0.266667rem; font-size: 0.32rem; color: #fff; background-color: rgba(33, 45, 56, 0.7); overflow-y: auto; margin-bottom: 0.4rem; } .successful-case .case-cube .case-topTip { width: 0.533333rem; height: 0.053333rem; background-color: #018cf4; margin-bottom: 0.266667rem; } .successful-case .case-cube .case-title { font-weight: 700; margin-bottom: 0.133333rem; } .successful-case .case-swipe { position: relative; } .successful-case .case-swipe .prev, .successful-case .case-swipe .next { position: absolute; top: 50%; margin-top: -0.186667rem; width: 0.373333rem; } .successful-case .case-swipe .prev { left: 0%; transform: rotate(180deg); } .successful-case .case-swipe .next { right: 0%; } .successful-case .case-swipe .my-swipe { width: 42%; margin: 0 auto; } .successful-case .case-swipe .my-swipe .van-swipe-item { width: 100%; } .successful-case .case-swipe .my-swipe .van-swipe-item img { width: 100%; height: 100%; } /* my-grid */ .my-grid { font-size: 0.32rem; text-align: center; } .my-grid .grid-white { color: #fff; } .my-grid .grid-black { color: #666666; } .my-grid .grid-item { position: relative; margin-bottom: 0.266667rem; } .my-grid .grid-item img { width: 100%; } .my-grid .grid-item .text { position: absolute; bottom: 5%; left: 50%; transform: translate(-50%, 0); white-space: nowrap; } /* my-grid-bg */ .my-grid-bg .grid-item { margin-bottom: 0.266667rem; } .my-grid-bg .grid-bg { background-size: 100% 100%; padding: 0.16rem; padding-left: 0.213333rem; border: 1px solid #dae1f9; border-radius: 0.106667rem; } .my-grid-bg .grid-bg2 { padding-left: 0.213333rem; border: 1px solid #e6f2ff; border-radius: 0.053333rem; } .my-grid-bg .title { color: #333333; font-size: 0.32rem; font-weight: 700; margin-bottom: 0.133333rem; } .my-grid-bg .text { font-size: 0.293333rem; } .my-grid-bg .text2::before { content: ''; display: inline-block; width: 4px; height: 4px; border: 0.026667rem solid #80b9ff; border-radius: 50%; margin-right: 0.186667rem; margin-bottom: 0.053333rem; } .my-grid-list { margin-top: 0.5333rem; } .my-grid-list .grid-item { width: 100%; height: 2rem; margin-bottom: 0.266667rem; border-radius: 8px; background: linear-gradient(0deg, #FEFFFF 0%, #EFF4F7 100%); border: 1px solid #fff; text-align: center; box-shadow: 0px 0px 16px 0px rgba(110, 127, 143, 0.2); } .my-grid-list .grid-item > div { width: 100%; height: 1.4rem; line-height: 1.4rem; } .my-grid-list .grid-item img { width: 0.55rem; } .my-grid-list .grid-bg { background-size: 100% 100%; padding: 0.16rem; padding-left: 0.213333rem; border: 1px solid #dae1f9; border-radius: 0.106667rem; } .my-grid-list .grid-bg2 { padding-left: 0.213333rem; border: 1px solid #e6f2ff; border-radius: 0.053333rem; } .my-grid-list .title { color: #333333; font-size: 0.32rem; font-weight: 700; margin-bottom: 0.133333rem; } .my-grid-list .text { font-size: 0.293333rem; display: block; } .my-grid-list .text2::before { content: ''; display: inline-block; width: 4px; height: 4px; border: 0.026667rem solid #80b9ff; border-radius: 50%; margin-right: 0.186667rem; margin-bottom: 0.053333rem; } .popup-overlay { background: transparent; } .grid-popup { width: 100%; top: 50%; transform: translate(-50%, -50%); background: transparent; padding: 0 0.4rem; box-sizing: border-box; overflow: hidden; } .grid-popup .van-popup__close-icon--top-right { top: 0.3rem; right: 0.6rem; } .grid-popup .grid-popup-block { width: 100%; background: linear-gradient(0deg, #FFFFFF 0%, #F1F7FA 100%); border: 1px solid #fff; border-radius: 5px; box-sizing: border-box; } .grid-popup .grid-popup-block .grid-popup-block-bg { background-repeat: no-repeat; background-size: 5.3333rem 5.3333rem; background-position: right 20%; opacity: 0.3; width: 100%; height: 100%; position: absolute; } .grid-popup .grid-popup-block .grid-popup-block-inner { padding: 0.4rem; position: relative; z-index: 1; } .grid-popup .grid-popup-block .grid-popup-block-inner .grid-popup-desc { color: #828B96; font-size: 0.32rem; letter-spacing: 1px; margin-bottom: 0.2667rem; } .grid-popup .grid-popup-block .grid-popup-block-inner .grid-popup-title { font-size: 0.3467rem; line-height: 0.4rem; color: #171819; margin-bottom: 0.2667rem; font-weight: 600; } .grid-popup .grid-popup-block .grid-popup-block-inner .grid-popup-title img { height: 0.4rem; margin-right: 0.1333rem; } .grid-popup .grid-popup-block .grid-popup-block-inner .grid-popup-btns { text-align: right; } .grid-popup .grid-popup-block .grid-popup-block-inner .grid-popup-btn { background: #152244; color: #fff; padding: 0 0.2rem; border-radius: 4px; font-size: 0.2933rem; line-height: 0.6rem; height: 0.6rem; display: inline-block; } /* customer-case */ .customer-case { background-size: auto; padding: 0 0.4rem 0.4rem; overflow: hidden; } .customer-case .case-swipe { position: relative; } .customer-case .case-swipe .prev, .customer-case .case-swipe .next { position: absolute; top: 50%; margin-top: -0.186667rem; width: 0.6rem; background: #eee; border-radius: 100px; box-shadow: 0 0px 10px 0px rgba(0, 0, 0, 0.1); } .customer-case .case-swipe .prev { left: -0.2rem; transform: rotate(180deg); } .customer-case .case-swipe .next { right: -0.2rem; } .customer-case .case-swipe .my-swipe { margin-top: 0.4rem; } .customer-case .case-swipe .my-swipe .custom-indicator { width: 4rem; height: 0.1333rem; background: #eee; position: relative; left: 25%; margin-top: 0.2667rem; border-radius: 0.0667rem; } .customer-case .case-swipe .my-swipe .custom-indicator div { position: absolute; height: 0.1333rem; border-radius: 0.0667rem; background: #ddd; } .customer-case .case-swipe .my-swipe .van-swipe-item { width: 100%; } .customer-case .case-swipe .my-swipe .van-swipe-item .case-list { display: flex; } .customer-case .case-swipe .my-swipe .van-swipe-item .case-item-box { width: 50%; padding: 0.2667rem; border-radius: 8px; margin: 0 3px; background: linear-gradient(0deg, #FEFFFF 0%, #EFF4F7 100%); border: 1px solid #fff; text-align: center; } .customer-case .case-swipe .my-swipe .van-swipe-item .case-item-box .case-title { font-weight: 700; margin-bottom: 0.133333rem; font-size: 0.3467rem; color: #171819; } .customer-case .case-swipe .my-swipe .van-swipe-item .case-item-box .title-description { font-size: 0.32rem; color: #515D6B; text-align: left; line-height: 0.48rem; height: 3.6rem; } .customer-case .case-swipe .my-swipe .van-swipe-item .case-item-box .customer-container { text-align: left; color: #828B96; margin-top: 0.2667rem; } .customer-case .case-swipe .my-swipe .van-swipe-item .case-item-box .customer-list { display: flex; justify-content: space-between; flex-wrap: wrap; } .customer-case .case-swipe .my-swipe .van-swipe-item .case-item-box .customer-item { text-align: left; margin-top: 0.3rem; } .customer-case .case-swipe .my-swipe .van-swipe-item .case-item-box .customer-item img { height: 0.48rem; } .case-plain .case-list { background: linear-gradient(90deg, #FEFFFF 0%, #EFF4F7 62%); margin-bottom: 0.2rem; border-radius: 4px; box-shadow: 0px 0px 14px 0px #E3E9F1; } .case-plain .case-img { width: 100%; margin-bottom: 0.1333rem; } .case-plain .case-text-box { padding: 0.2667rem; letter-spacing: 1px; } .case-plain .case-text-box .case-text-list { margin-bottom: 0.1333rem; } .case-plain .case-text-box .case-text-title { color: #171819; font-size: 0.32rem; font-weight: 600; } .case-plain .case-text-box .case-text { color: #515D6B; font-size: 0.32rem; } .table-laout .table-cell { width: 100%; background-size: 100% 100%; padding: 0.3rem 0.5rem 0.3rem 0.3rem; margin-bottom: 0.2rem; } .table-laout .table-cell .table-cell-title { font-size: 0.32rem; color: #171819; margin-bottom: 0.1333rem; font-weight: 600; } .table-laout .table-cell-last { padding-left: 0.6rem; padding-right: 0.3rem; } .table-laout .table-cell-rowspan { width: 100%; padding: 0.2rem; text-align: center; } .table-laout .table-cell-rowspan .table-cell-img { width: 1.6rem; margin-bottom: 0.2rem; } .table-laout .table-cell-text { font-size: 0.3467rem; color: #171819; margin-bottom: 0.1333rem; font-weight: 600; }