body { background: #fff; } .m-navbar { background: rgba(255, 255, 255, 0); position: fixed; width: 100%; top: 0; z-index: 99; transition: all 1s; } .active { background: rgba(0, 0, 0, 0.41); } .g-view:before { height: 0 !important; } .m-navbar:after{ border: none !important; } .navbar-center .navbar-title { color: #fff; } .cell-icon:before { color: #fff !important; } .info-top { width: 100%; height: 4.5rem; background: url("../img/info_1.jpg") center /cover no-repeat; background-size: cover; } .top-zhezhao { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.42); } .info-title, .info-list-item{ padding: .24rem; } .info-title{ margin-bottom: .4rem; } .info-title h2{ font-size: .48rem; color: #000; margin-bottom: .2rem; } .info-title p{ font-weight: 300; color: #666; text-align: justify; font-size: .34rem; color: #333; line-height: .5rem; } .info-list-item { margin-bottom: .2rem; } .info-list-item h2{ height: .72rem; line-height: .72rem; font-size: .32rem; color: #333; font-weight: 900; } .info-list-item p{ color: #333; font-size: .32rem; font-weight: 300; line-height: .48rem; padding-bottom: .2rem; } .step-item h2{ height: .88rem; line-height: .88rem; color: #333; font-size: .38rem; margin: .6rem 0 .2rem; text-align: center; display: block; font-weight: 500; } .step-item p { font-size: .34rem; line-height: .5rem; color: #333; font-weight: 300; text-align: justify; padding: .32rem .4rem; } .step-item img { width: 100%; }