.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) { body { padding-top: 0; } .moban2 header { background-image: url(/static/index/image/m/moban2/banner.png); background-size: 100% auto; background-position: top center; } .index-banner .swiper-slide .container { height: 12.28rem; } .index-banner .banner-con.con1 { padding-top: 2.3rem !important; padding-left: 0.32rem !important; padding-right: 0.32rem !important; text-align: left; margin-bottom: 0.4rem; } .index-banner .banner-con.con1 .h1 { margin-bottom: 0.4rem; color: rgba(255, 255, 255, 1); font-family: Source Han Sans SC; font-weight: 700; font-size: 0.56rem; line-height: 0.48rem; vertical-align: middle; margin-bottom: 0.64rem !important; } .index-banner .banner-con .h2 { color: rgba(255, 255, 255, 1); font-family: Source Han Sans SC; font-weight: 400; font-size: 0.28rem; line-height: 0.4rem; vertical-align: middle; margin-bottom: 0.64rem !important; } .btn-login { display: block; color: #fff; background: linear-gradient(93.76deg, #31FCFF -10.35%, #0AA5FF 85.34%); cursor: pointer; width: 3.24rem; height: 0.8rem; border-radius: 0.16rem; font-family: Source Han Sans SC; font-weight: 700; font-size: 0.3rem; line-height: 0.8rem; text-shadow: 0px 2px 4px rgba(16, 61, 139, 0.49); border: unset; } /* part2 */ .sign { margin: 0.64rem auto; background-color: #ffffff; padding: 0 0.32rem; } .sign .title { display: block; width: 5rem; height: 1.16rem; margin: 0 auto 0.48rem; } .sign ul { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 0.24rem; } .sign ul li { width: 3.32rem; height: 3rem; border-radius: 0.24rem; background-color: rgba(247, 249, 251, 1); box-sizing: border-box; padding: 0.2rem 0.2rem 0; text-align: center; font-size: 0.32rem; } .sign ul li:nth-child(1), .sign ul li:nth-child(2) { margin-bottom: 0.24rem; } .sign ul li img { display: block; width: 1.44rem; height: 1.44rem; margin-left: 0.8rem; margin-top: -0.1rem; } .sign ul li .sign-info { padding-top: 0px; } .sign ul li .sign-info>div { margin-top: 0.16rem; color: rgba(118, 144, 181, 1); font-family: Source Han Sans SC; font-weight: 500; font-size: 0.24rem; line-height: 0.28rem; } .sign ul li p { font-size: 0.48rem; font-weight: bolder; color: rgba(21, 21, 21, 1); font-family: Source Han Sans SC; font-weight: 700; font-size: 0.4rem; line-height: 0.44rem; } .sign-buttom { background: url(/static/index/image/m/moban2/sign-buttom.png) no-repeat center; background-size: cover; padding: 0.36rem 0.28rem 0; position: relative; width: 6.86rem; height: 3.2rem; 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.44rem; line-height: 0.68rem; font-size: 0.28rem; line-height: 0.4rem; margin-bottom: 0.44rem; } .sign-buttom a { border-radius: 0.08rem; 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.32rem; text-align: center; vertical-align: middle; color: rgba(255, 255, 255, 1); margin: 0 auto; width: 2.88rem; height: 0.8rem; line-height: 0.76rem; } /* 分發流程 */ .step-area { background-color: rgb(247, 249, 251); padding: 0.64rem 0 0.76rem; } .step-area .step { margin: 0 auto; } .step-area .contain { width: 6.38rem; height: 6.2rem; background: url(/static/index/image/m/moban2/step.png) no-repeat center; background-size: cover; margin: 0 auto; } .step-area .step .title { display: block; width: 2.52rem; height: 0.84rem; margin: 0 auto 0.78rem; } /* app封装 */ .web-area { overflow: hidden; background: url(/static/index/image/m/moban2/web-bg.png) no-repeat center; background-size: cover; height: 15rem; } .web { margin: 0 auto; } .web .title { display: block; width: 2.52rem; height: 0.84rem; margin: 0.64rem auto 0.92rem; } .web ul { color: #fff; margin: 0.92rem 0.74rem 0 0.58rem; } .web ul li p { margin-bottom: 0.2rem; position: relative; color: rgba(255, 255, 255, 1); font-family: Source Han Sans SC; font-weight: 700; font-size: 0.32rem; line-height: 0.32rem; } .web ul li p::after { position: absolute; content: ''; background: rgba(255, 255, 255, 1); width: 0.1rem; height: 0.24rem; top: 0.04rem; left: -0.22rem; } .web ul li>div { margin-bottom: 0.8rem; color: rgba(255, 255, 255, 0.7); font-family: Source Han Sans SC; font-weight: 400; font-size: 0.28rem; line-height: 0.4rem; } /* 平台优势 */ .platform-advantage { background-color: rgb(254, 254, 254); padding: 0.64rem 0 0.96rem; } .platform-advantage .title { display: block; width: 5.02rem; height: 0.86rem; margin: 0 auto 0.9rem; } .platform-advantage ul { display: flex; justify-content: space-between; 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.64rem; } .platform-advantage ul li:nth-child(5) { width: 100%; } .platform-advantage ul li img { width: 1rem; height: 1rem; margin-bottom: 0.24rem; } .platform-advantage ul li p { color: rgba(21, 21, 21, 1); font-family: Source Han Sans SC; font-weight: 700; font-size: 0.32rem; line-height: 0.32rem; margin-bottom: 0.16rem; } .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: 3.06rem; } .platform-advantage ul li>div { color: rgba(118, 144, 181, 1); font-family: Source Han Sans SC; font-weight: 500; font-size: 0.28rem; line-height: 0.28rem; width: 3.6rem; margin: 0 auto; } /* 数值滚动 */ .gain { overflow: hidden; height: 7.54rem; background: linear-gradient(180deg, #4687FF 0%, #2267E8 100%); color: #fff; text-align: center; } .gain>p { margin: 0.64rem 0 1.06rem; color: rgba(255, 255, 255, 1); font-family: Source Han Sans SC; font-weight: 700; font-size: 0.32rem; line-height: 0.32rem; 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.64rem; } .gain ul li h3 { color: rgba(255, 255, 255, 1); font-family: Source Han Sans SC; font-weight: 700; font-size: 0.72rem; line-height: 1.04rem; 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.32rem; line-height: 0.4rem; text-align: center; vertical-align: middle; } /* 联系我们 */ .contact-us { background-color: #fff; background: url(/static/index/image/m/moban2/contact-bg.png) no-repeat center; background-size: cover; padding: 0.64rem 0 1.34rem; } .contact-us .title { color: rgba(255, 255, 255, 1); font-family: Source Han Sans SC; font-weight: 700; text-align: center; margin-bottom: 1.04rem; font-size: 0.32rem; line-height: 0.44rem; } .contact-us .contact-info .item { margin: 0 auto; display: flex; border-radius: 0.06rem; background-color: rgba(255, 255, 255, 1); padding-left: 0.32rem; align-items: center; line-height: 0.44rem; color: rgba(21, 21, 21, 1); width: 6.86rem; height: 1.16rem; border-radius: 0.06rem; } .contact-us .contact-info .item:nth-child(1) { margin-bottom: 0.5rem; } .contact-us .contact-info .item img { width: 0.68rem; height: 0.68rem; margin-right: 0.24rem; } .contact-us .contact-info .item p { color: rgba(21, 21, 21, 1); font-family: Source Han Sans SC; width: 3.67rem; font-weight: 500; font-size: 0.3rem; } .contact-us .contact-info .item a { display: block; line-height: 0.6rem; color: #ffffff; text-align: center; background: rgba(58, 195, 76, 1); font-family: Source Han Sans SC; font-weight: 500; font-size: 0.28rem; width: 1.8rem; height: 0.64rem; border-radius: 0.06rem; } }