.header{ width: 100%; height: 0.9rem; display: flex; justify-content: space-between; align-items: center; position: fixed; left: 0; top: 0; z-index: 99999; box-sizing: border-box; padding-left: 0.23rem; padding-right: 0.25rem; } .header .header_left{ display: flex; align-items: center; } .header .header_left .header_left_img{ width: 0.2rem; height: 0.38rem; margin-right: 0.3rem; } .header .header_left .header_left_img1{ width: 0.48rem; height: 0.48rem; } .header .header_zho{ display: flex; align-items: center; } .header .header_zho .header_zho_zi{ font-family: PingFang-SC-Medium; font-size: 0.28rem; color: #000000; } .header .header_zho .header_zho_zi1{ font-family: PingFang-SC-Medium; font-size: 0.2rem; color: #ffffff; width: 0.78rem; height: 0.32rem; background-color: #3b75e2; border-radius: 0.05rem; display: flex; justify-content: center; align-items: center; margin-left: 0.12rem; } .header .header_zho .header_zho_zi1 span{ zoom: 0.78; } .header .header_right{ position: relative; display: flex; align-items: center; } .header .header_right .header_right_img{ width: 0.42rem; height: 0.35rem; margin-right: 0.38rem; } .header .header_right .header_right_img1{ width: 0.37rem; height: 0.36rem; } .header .header_right .header_right_zi{ width: 0.25rem; height: 0.25rem; background-color: #ea4e3d; position: absolute; right: 0.62rem; top: -0.15rem; border-radius: 100%; display: flex; justify-content: center; align-items: center; } .header .header_right .header_right_zi span{ font-family: PingFang-SC-Medium; font-size: 0.2rem; color: #ffffff; zoom: 0.78; } .content{ padding: 0 0.24rem 0 0.24rem; margin-top: 1rem; } .content .detail { background-image: url(../img/5.png); background-size: 100% 100%; display: flex; justify-content: space-between; padding: 0.54rem 0.47rem 0.47rem 0.37rem; box-sizing: border-box; } .content .detail li { display: flex; flex-direction: column; justify-content: center; align-items: center; } .content .detail li .detail_zi{ font-family: PingFang-SC-Medium; font-size: 0.34rem; color: #ffffff; margin-bottom: 0.3rem; } .content .detail li .detail_zi1{ font-family: PingFang-SC-Medium; font-size: 0.24rem; color: #ffffff; } .content .live{ display: flex; justify-content: space-between; align-items: center; background-color: #19bf2f; padding: 0.17rem 0.17rem 0.22rem 0.17rem; background-color: #ffffff; border-radius: 0.2rem; margin-top: 0.24rem; } .content .live .live_zuo{ display: flex; align-items: center; } .content .live .live_yuo{ display: flex; align-items: center; } .content .live .live_zuo img{ width: 0.41rem; height: 0.39rem; margin-right: 0.09rem; } .content .live .live_zuo div{ font-family: PingFang-SC-Medium; font-size: 0.32rem; color: #1a1a1a; } .content .live .live_yuo div{ font-family: PingFang-SC-Medium; font-size: 0.28rem; color: #0079f1; margin-right: 0.11rem; } .content .live .live_yuo img{ width: 0.12rem; height: 0.21rem; } .content .aptitude{ background-color: #ffffff; margin-top: 0.24rem; padding: 0.34rem 0.57rem 0.37rem 0.34rem; border-radius: 0.2rem; } .content .aptitude .aptitude_zi{ font-family: PingFang-SC-Bold; font-size: 0.3rem; letter-spacing: 0.015rem; color: #010101; margin-bottom: 0.37rem; } .content .aptitude .aptitude_tu { display: flex; justify-content: space-between; align-items: center; } .content .aptitude .aptitude_tu .aptitude_tu_li{ display: flex; flex-direction: column; align-items: center; } .content .aptitude .aptitude_tu .aptitude_tu_li_img{ width: 0.58rem; height: 0.56rem; } .content .aptitude .aptitude_tu .aptitude_tu_li_img1{ width: 0.57rem; height: 0.43rem; } .content .aptitude .aptitude_tu .aptitude_tu_li_img2{ width: 0.6rem; height: 0.42rem; } .content .aptitude .aptitude_tu .aptitude_tu_zi{ font-family: PingFang-SC-Medium; font-size: 0.24rem; color: #333333; margin-top: 0.25rem; margin-bottom: 0.15rem; } .content .aptitude .aptitude_tu .aptitude_tu_zi2{ font-family: PingFang-SC-Regular; font-size: 0.22rem; color: #e93323; } .content .aptitude .aptitude_tu .aptitude_tu_zi3{ color: #abb1bc; } /***************************************************************************/ .content .manage{ background-color: #ffffff; border-radius: 0.2rem; margin-top: 0.23rem; padding: 0.36rem 0.35rem 0.51rem 0.34rem; } .content .manage .manage_zi{ font-family: PingFang-SC-Bold; font-size: 0.3rem; letter-spacing: 0.015rem; color: #010101; } .content .manage .manage_ul{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; margin-top: 0.1rem; } .content .manage .manage_ul .manage_li{ display: flex; flex-direction: column; align-items: center; width: 20%; margin-top: 0.4rem; } .content .manage .manage_ul .manage_li .manage_li_img{ width: 0.41rem; height: 0.41rem; } .content .manage .manage_ul .manage_li .manage_li_div{ font-family: PingFang-SC-Medium; font-size: 0.24rem; color: #333333; margin-top: 0.36rem; } /*****************/ .content .marketing{ background-color: #ffffff; border-radius: 0.2rem; padding: 0.34rem 0.35rem 0.4rem 0.47rem; margin-top: 0.24rem; } .content .marketing .marketing_zi{ font-family: PingFang-SC-Bold; font-size: 0.3rem; letter-spacing: 0.015rem; color: #010101; } .content .marketing .marketing_ul{ display: flex; justify-content: space-between; align-items: center; margin-top: 0.42rem; } .content .marketing .marketing_ul .marketing_li{ display: flex; justify-content: center; align-items: center; flex-direction: column; } .content .marketing .marketing_ul .marketing_li .marketing_li_img{ width: 0.50rem; height: 0.50rem; } .content .marketing .marketing_ul .marketing_li .marketing_li_zi{ font-family: PingFang-SC-Medium; font-size: 0.24rem; color: #333333; margin-top: 0.29rem; }