.ie_dialog { position: fixed; z-index: 10000; left: 0; top: 0; width: 100%; height: 100%; background: #FAFAFA !important; display: none; } .ie_dialog table { margin: 100px auto; } .ie_notice .logo_osc { display: block; margin: 0 auto; padding-bottom: 24px; } .ie_notice h2, .ie_notice h4 { margin: 0; text-align: center; } .ie_notice .title { font-size: 28px; color: #4A4A4A; } .ie_notice .subtitle { font-size: 20px; color: #9B9B9B; font-weight: normal; } .ie_notice .ie_box { width: 560px; margin: 24px auto; background: #FFFFFF; border: 1px solid #E6E6E6; box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.10); border-radius: 4px; display: table !important; } .ie_notice .ie_box .desc { font-size: 14px; color: #6D6D6D; line-height: 22px; padding: 20px; } .ie_notice .ie_box a { display: inline-block; width: 30%; text-align: center; } .ie_notice .ie_box .go { width: 100%; background: #F6F6F6; font-size: 16px; color: #9B9B9B; padding: 16px 0; text-align: center; border: none; margin-top: 20px; text-decoration: none; } .ie_notice .ie_box a img { border: none; } @media (max-width: 767px) { .iconfont { background: url(/static/index/image/index/m/icon-menu.svg) no-repeat center center; background-size: 100% 100%; width: 1rem; height: 1rem; display: inline-block; vertical-align: middle; position: absolute; pointer-events: none; margin: unset; } .iconfont::before { content: ''; } .header .phone-menu { background-image: url(/static/index/image/index/m/icon-menu.svg); margin-top: 0; top: 0.441rem; right: 0; pointer-events: auto; } header { /* background: rgba(4, 95, 235, 1); */ background: url(/static/index/image/index/m/banner.png) no-repeat center; background-position: top center; background-size: 100% auto; box-shadow: unset; height: 1.912rem; } .header .header-left { margin: 0.471rem 0 0 0.029rem; } .header .header-left img { width: 3.235rem; height: 0.971rem; } body { padding-top: 0; } .index-banner .swiper-slide .container { height: 18.059rem; } .index-banner .banner-con.con1 { padding-top: 3.382rem !important; padding-left: 0.471rem !important; padding-right: 0.471rem !important; text-align: left; margin-bottom: 0.588rem; } .index-banner .banner-con.con1 .h1 { margin-bottom: 0.588rem; color: rgba(255, 255, 255, 1); font-family: Source Han Sans SC; font-weight: 700; font-size: 0.824rem; line-height: 0.706rem; vertical-align: middle; margin-bottom: 0.941rem !important; } .index-banner .banner-con .h2 { color: rgba(255, 255, 255, 1); font-family: Source Han Sans SC; font-weight: 400; font-size: 0.412rem; line-height: 0.588rem; vertical-align: middle; margin-bottom: 0.941rem !important; } .btn-login { display: block; color: #fff; background: linear-gradient(93.76deg, #31FCFF -10.35%, #0AA5FF 85.34%); cursor: pointer; width: 4.765rem; height: 1.176rem; border-radius: 0.235rem; font-family: Source Han Sans SC; font-weight: 700; font-size: 0.441rem; line-height: 1.176rem; text-shadow: 0px 2px 4px rgba(16, 61, 139, 0.49); border: unset; } /* part2 */ .sign { margin: 0.941rem auto; background-color: #ffffff; padding: 0 0.471rem; } .sign .title { display: block; width: 7.353rem; height: 1.706rem; margin: 0 auto 0.706rem; } .sign ul { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 0.353rem; } .sign ul li { width: 4.882rem; height: 4.412rem; border-radius: 0.353rem; background-color: rgba(247, 249, 251, 1); /* background-color: rgb(203 229 255); */ box-sizing: border-box; /* padding-left: 32px; */ padding: 0.294rem 0.294rem 0; text-align: center; font-size: 0.471rem; } .sign ul li:nth-child(1), .sign ul li:nth-child(2) { margin-bottom: 0.353rem; } .sign ul li img { display: block; width: 2.118rem; height: 2.118rem; margin-left: 1.176rem; margin-top: -0.147rem; } .sign ul li .sign-info { padding-top: 0px; } .sign ul li .sign-info>div { margin-top: 0.235rem; color: rgba(118, 144, 181, 1); font-family: Source Han Sans SC; font-weight: 500; font-size: 0.353rem; line-height: 0.412rem; } .sign ul li p { font-size: 0.706rem; font-weight: bolder; color: rgba(21, 21, 21, 1); font-family: Source Han Sans SC; font-weight: 700; font-size: 0.588rem; line-height: 0.647rem; } .sign-buttom { background: url(/static/index/image/index/m/sign-buttom.png) no-repeat center; background-size: cover; padding: 0.529rem 0.412rem 0; position: relative; width: 10.088rem; height: 4.706rem; text-align: center; } .sign-buttom .p1 { text-shadow: 0px 4px 4px rgba(0, 81, 119, 0.16); color: rgba(255, 255, 255, 1); font-family: Source Han Sans SC; font-weight: 700; font-size: 0.647rem; line-height: 1rem; font-size: 0.412rem; line-height: 0.588rem; margin-bottom: 0.647rem; } .sign-buttom a { border-radius: 0.118rem; border-width: 1px; background-color: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 1); font-family: Source Han Sans SC; font-weight: 500; font-size: 0.471rem; text-align: center; vertical-align: middle; color: rgba(255, 255, 255, 1); margin: 0 auto; width: 4.235rem; height: 1.176rem; line-height: 1.118rem; } /* 分發流程 */ .step-area { background-color: rgb(247, 249, 251); padding: 0.941rem 0 1.118rem; } .step-area .step { /* width: 1200px; */ margin: 0 auto; } .step-area .contain { width: 9.382rem; height: 9.118rem; background: url(/static/index/image/index/m/step.png) no-repeat center; background-size: cover; margin: 0 auto; } .step-area .step .title { display: block; width: 3.706rem; height: 1.235rem; margin: 0 auto 1.147rem; } /* app封装 */ .web-area { overflow: hidden; background: url(/static/index/image/index/m/web-bg.png) no-repeat center; background-size: cover; height: 22.059rem; } .web { margin: 0 auto; } .web .title { display: block; width: 3.706rem; height: 1.235rem; margin: 0.941rem auto 1.353rem; } .web ul { color: #fff; margin: 1.353rem 1.088rem 0 0.853rem; } .web ul li p { margin-bottom: 0.294rem; position: relative; color: rgba(255, 255, 255, 1); font-family: Source Han Sans SC; font-weight: 700; font-size: 0.471rem; line-height: 0.471rem; } .web ul li p::after { position: absolute; content: ''; background: rgba(255, 255, 255, 1); width: 0.147rem; height: 0.353rem; top: 0.065rem; left: -0.329rem; } .web ul li>div { margin-bottom: 1.176rem; color: rgba(255, 255, 255, 0.7); font-family: Source Han Sans SC; font-weight: 400; font-size: 0.412rem; line-height: 0.588rem; } /* 平台优势 */ .platform-advantage { background-color: rgb(254, 254, 254); padding: 0.941rem 0 1.412rem; } .platform-advantage .title { display: block; width: 7.382rem; height: 1.265rem; margin: 0 auto 1.324rem; } .platform-advantage ul { display: flex; justify-content: space-between; /* width: 1200px; */ margin: 0 auto; flex-wrap: wrap; } .platform-advantage ul li { text-align: center; width: 50%; } .platform-advantage ul li:nth-child(1), .platform-advantage ul li:nth-child(2), .platform-advantage ul li:nth-child(3), .platform-advantage ul li:nth-child(4) { margin-bottom: 0.941rem; } .platform-advantage ul li:nth-child(5) { width: 100%; } .platform-advantage ul li img { width: 1.471rem; height: 1.471rem; margin-bottom: 0.353rem; } .platform-advantage ul li p { color: rgba(21, 21, 21, 1); font-family: Source Han Sans SC; font-weight: 700; font-size: 0.471rem; line-height: 0.471rem; margin-bottom: 0.235rem; } .platform-advantage ul li:nth-child(1)>div, .platform-advantage ul li:nth-child(2)>div, .platform-advantage ul li:nth-child(3)>div, .platform-advantage ul li:nth-child(4)>div { width: 4.5rem; } .platform-advantage ul li>div { color: rgba(118, 144, 181, 1); font-family: Source Han Sans SC; font-weight: 500; font-size: 0.412rem; line-height: 0.412rem; width: 5.294rem; margin: 0 auto; } /* 数值滚动 */ .gain { overflow: hidden; height: 11.088rem; background: linear-gradient(180deg, #4687FF 0%, #2267E8 100%); color: #fff; text-align: center; } .gain>p { margin: 0.941rem 0 1.559rem; color: rgba(255, 255, 255, 1); font-family: Source Han Sans SC; font-weight: 700; font-size: 0.471rem; line-height: 0.471rem; text-align: center; vertical-align: middle; } .gain ul { display: flex; justify-content: space-between; margin: 0 auto; flex-wrap: wrap; } .gain ul li { width: 50%; } .gain ul li:last-child { width: 100%; margin-top: 0.941rem; } .gain ul li h3 { color: rgba(255, 255, 255, 1); font-family: Source Han Sans SC; font-weight: 700; font-size: 1.059rem; line-height: 1.529rem; text-align: center; vertical-align: middle; } .gain ul li p { color: rgba(255, 255, 255, 1); font-family: Source Han Sans SC; font-weight: 400; font-size: 0.471rem; line-height: 0.588rem; text-align: center; vertical-align: middle; } /* 联系我们 */ .contact-us { background-color: #fff; background: url(/static/index/image/index/m/contact-bg.png) no-repeat center; background-size: cover; padding: 0.941rem 0 1.971rem; } .contact-us .title { color: rgba(255, 255, 255, 1); font-family: Source Han Sans SC; font-weight: 700; text-align: center; margin-bottom: 1.529rem; font-size: 0.471rem; line-height: 0.647rem; } .contact-us .contact-info .item { margin: 0 auto; display: flex; border-radius: 0.088rem; background-color: rgba(255, 255, 255, 1); padding-left: 0.471rem; align-items: center; line-height: 0.647rem; color: rgba(21, 21, 21, 1); width: 10.088rem; height: 1.706rem; border-radius: 0.088rem; } .contact-us .contact-info .item:nth-child(1) { margin-bottom: 0.735rem; } .contact-us .contact-info .item img { width: 1rem; height: 1rem; margin-right: 0.353rem; } .contact-us .contact-info .item p { color: rgba(21, 21, 21, 1); font-family: Source Han Sans SC; width: 5.4rem; font-weight: 500; font-size: 0.441rem; } .contact-us .contact-info .item a { display: block; line-height: 0.882rem; color: #ffffff; text-align: center; background: rgba(58, 195, 76, 1); font-family: Source Han Sans SC; font-weight: 500; font-size: 0.412rem; width: 2.647rem; height: 0.941rem; border-radius: 0.088rem; } }