.content{ width: 100%; height: 100Vh; height: 13.34rem; background: url(../img/58img/back.png); background-size: cover; padding-top: 0.02rem; } .ziliao{ width: 4.32rem; height: 0.8rem; background-color: #00000047; border-radius: 0.4rem; display: flex; justify-content: space-around; align-items: center; margin-top: 0.12rem; margin-left: 0.24rem; } .ziliao .ziliao_left{ width: 0.7rem; height: 0.7rem; border-radius: 100%; } .ziliao_middle{} .ziliao_middle p{ font-size: 0.26rem; color: #ffffff; } .ziliao_middle span{ font-size: 0.22rem; color: #ffffff; } .ziliao_right{ width: 1.05rem; height: 0.45rem; background-color: rgb(234 78 61); border-radius: 0.4rem; text-align: center; line-height: 0.45rem; } .ziliao_right img{ width: 0.34rem; height: 0.24rem; } .ziliao_right span{ font-size: 0.24rem; color: #ffffff; } .shangping{ width: 7.5rem; height: 2.7rem; background-color: #ffffff45; position: fixed; bottom: 1rem; display: flex; align-items: center; justify-content: center; z-index: 99; } .shangping li{ width: 1.65rem; height: 2.36rem; background-color: #ffffff90; border-radius: 0.1rem; margin-left: 0.1rem; } .shangping li:last-child{ width: 0.26rem; height: 1.4rem; background-color: #ffffff00; } .shangping_list img{ width: 1.65rem; height: 1.65rem; background-color: #ffffff; border-radius: 0.1rem 0.1rem 0rem 0rem; } .shangping_list p{ width: 1.22rem; font-size: 0.2rem; color: #000000; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .shangping_list span{ width: 0.87rem; font-size: 0.2rem; color: #ea4e3d; } .shangping_text p{ margin-left: 0.13rem; margin-bottom: 0.06rem; margin-top: 0.08rem; } .shangping_text span{ margin-left: 0.13rem; margin-bottom: 0.01rem; } .you img{ width: 0.26rem; height: 1.45rem; } .fudong{ position: fixed; left: 0.21rem; bottom: 3.3rem; } .guanzhu{ width: 3.5rem; height: 0.5rem; background-color: #4799ee60; border-radius: 0.1rem; display: flex; justify-content: center; align-items: center; margin-bottom: 0.31rem; } .guanzhu img{ width: 0.34rem; height: 0.24rem; } .guanzhu p{ font-size: 0.26rem; color: #ffffff; } .liaotian li{ margin-bottom: 0.13rem; } .liaotian_list{ width: 3.24rem; height: 0.5rem; background-color: #000000; border-radius: 0.25rem; opacity: 0.4; display: flex; justify-content: flex-start; align-items: center; padding-left: 0.23rem; } .liaotian_list p{ font-size: 0.26rem; color: #4799ee; } .liaotian_list span{ font-size: 0.26rem; color: #ffffff; } .foot{ position: fixed; width: 100%; height: 1rem; bottom: 0; background-color: #ffffff35; display: flex; align-items: center; } .foot input{ width: 3.59rem; height: 0.62rem; background-color: #000000; border-radius: 0.31rem; opacity: 0.4; color: #ffffff; padding-left: 0.25rem; margin-left: 0.12rem; } .foot input::placeholder { font-size: 0.28rem; color: #ffffff; opacity: 0.74; } .dianputu{ width: 0.63rem; height: 0.63rem; background-color: #4799ee; border-radius: 100%; opacity: 0.45; } .foot img{ width: 0.63rem; height: 0.63rem; background-color: #000000; border-radius: 100%; opacity: 0.4; margin-left: 0.13rem; }