.contain { width:100%; height:100%; background:#ffffff; } /* banner */ .banner-product { margin-top:0; height:33.75rem; padding:8.75rem 0 0; background:url("../../static/img/pageimage/hippius/banner-bg.png") no-repeat center; background-size:100% 100%; text-align:left; } .banner-product-title { margin-top:0.875rem; color:#ffffff; font-weight:500; font-size:2.625rem; } .banner-product-txt { color:#FFFFFF; width:36.25rem; height:5.8125rem; font-size:0.875rem; font-weight:400; line-height:2rem; margin-top:1.25rem; } /* mobile */ .mobile { padding:5.875rem 0 5.625rem; background:url("../../static/img/pageimage/hippius/mobile-bg.png") no-repeat center; background-size:100% 100%; background-color:#ffffff; } .card-new h1 { line-height:2.25rem; } .mobile h2 { line-height:0.875rem; letter-spacing:1.1875rem; } .challange-content { display:block; position:relative; } .challange-tag-subtitle { line-height:2.375rem; } .challange-tags { margin-top:1.75rem; } .challange-tag { width:auto; } .content-left { text-align:left; } .content-right { margin-top:1.5625rem; padding:2.75rem 2.6875rem; width:31.8125rem; height:4.5rem; background:rgba(255,255,255); box-shadow:0.3125rem 0.3125rem 1.25rem rgba(26,39,59,0.1); border-radius:1.25rem; } .challenge-para { text-align:left; display:flex; justify-content:space-between; width:100%; align-items:center; } .mobile-tag-title { font-size:1rem; font-weight:400; color:#090F21; } .mobile-tag-p { width:14.375rem; font-size:0.875rem; font-weight:400; line-height:1.5rem; color:rgba(9,15,33,0.5); } .img-tag-show { width:33.75rem; height:28.125rem; position:absolute; right:0; top:-1.8125rem; } /* APP */ .core-container { padding:4.375rem 0 2.8125rem; } .hippius-app-img { margin-top:0.3125rem; z-index:1; width:78.75rem; height:39.75rem; } .hippius-app-img img { width:100%; height:100%; } /* 鏍稿績鍔熻兘 */ .ability-container { background-color:#ffffff; padding:4.375rem 0 8.75rem; } .card-content1 ul { display:flex; margin-top:1.625rem; justify-content:space-between; width:75rem; } .card-content2 ul { display:flex; margin-top:0.75rem; justify-content:space-between; width:75rem; } .vertical-icon-box { width:16.25rem; } /* 鐑偣娲炲療 */ .news-box { background-color:#F5F7FA; }