.body { background: #2158E5; // background-image: url(../assets/index/bottomBg@2x.jpg); background:rgba(255,192,15,1); .index_container{ display: flex; flex-direction: column; position: relative; margin-bottom: 1.15rem; .index_imgWrap{ position: relative; img{ width:100%; } .index_phoneWrap{ position: absolute; bottom:.3rem; font-size: .26rem; line-height: .4rem; color: #fff; text-align: center; width: 100%; font-weight: 500; display: flex; flex-direction: row; align-items: center; justify-content: space-around; padding-left: .55rem; padding-right: .55rem; .index_Phoneicon{ width: .4rem; height: .4rem; } } } .index_exampleWrap{ background-image: url(../assets//index/6@2x.jpg); background-size: 100%; flex: 1; padding-left: .75rem; padding-right: .75rem; flex-direction: column; .index_pictureExample{ width:100%; .index_pictureExample_title{ font-size: .22rem; color: #3373fd; } .index_pictureWrap{ flex-direction: row; justify-content: space-around; align-items: center; .index_handicon{ flex-direction: row; align-items: center; img{ width: .25rem; margin-right: .2rem; } } .index_pictureWrap_item{ flex:1; padding: .1rem; text-align: center; img{ width: 100%; } .textInfo{ font-size: .16rem; } } } .index_pictureWrap1{ padding-left: .8rem; padding-right: .8rem; } .index_vodWrap{ flex-direction: column; justify-content: space-around; align-items: center; video{ width: 50%; display:block; &.index_walkVod{ width: 70%; } } .textInfo{ margin: .2rem 0 0 0; } } } } .index_floatButton{ position: fixed; height: 1.15rem; bottom:0; width: 100%; //background-image: url(../assets/index/bottomBg@2x.jpg); img{ margin: 0 auto; width: 4.9rem; text-align: center; } } .textInfo{ margin:.1rem 0; font-size: .18rem; color: #666; } } } .imgCon{ width:80%; }