.header{ display: flex; justify-content: space-between; align-items: center; height: 0.9rem; width: 100%; position: fixed; top: 0; left: 0; z-index: 9999; box-sizing: border-box; padding: 0 0.43rem; } .header .header_div{ display: flex; align-items: center; } .header .header_div .header_div_zi{ font-family: AdobeHeitiStd-Regular; font-size: 0.36rem; color: #ffffff; margin-right: 0.3rem; } .header .header_div .qq{ position: relative; } .header .header_div .qq::after{ content: ""; width: 0.4rem; height: 0.04rem; background-color: #ffffff; border-radius: 0.02rem; position: absolute; bottom: -0.1rem; left: 50%; transform: translateX(-50%); } .header .header_div .header_div_zi1{ font-family: AdobeHeitiStd-Regular; font-size: 0.36rem; color: #ffffff; } .header .header_img{ width: 0.56rem; height: 0.43rem; } /*******************************************/ .content{ margin-bottom: 1.3rem; } .content .content_tu { width: 7.5rem; height: 5.5rem; } /***************************************/ .content_div{ display: flex; padding: 0.42rem 0.43rem 0 0.24rem; } .content_div .shop{ width: 0.86rem; height: 0.86rem; position: relative; } .content_div .shop .shop_img{ width: 0.86rem; height: 0.86rem; } .content_div .shop .shop_div{ width: 0.27rem; height: 0.29rem; background-color: #ea4e3d; border-radius: 0.05rem; display: flex; justify-content: center; align-items: center; position: absolute; bottom: -0.08rem; right: 0; } .content_div .shop .shop_div .shop_div_img{ width: 0.19rem; height: 0.17rem; } /***************************/ .show{ margin-left: 0.23rem; flex: 1; } .show .show_div{} .show .show_div .Skin{ display: flex; align-items: center; justify-content: space-between; } .show .show_div .Skin .Skin_zi{ font-family: PingFang-SC-Bold; font-size: 0.3rem; color: #5a6f92; } .show .show_div .Skin .Skin_zi2{ font-family: PingFangSC-Regular; font-size: 0.24rem; color: #999999; } .show .show_div .writing { font-family: PingFangSC-Regular; font-size: 0.24rem; color: #686868; line-height: 0.36rem; margin-top: 0.23rem; } /***********************/ .Exhibits{ display: flex; align-items: center; margin-top: 0.25rem; } .Exhibits .Exhibits_li{ position: relative; } .Exhibits .Exhibits_li:nth-child(2){ margin: 0 0.11rem; } .Exhibits .Exhibits_li .Exhibits_li_img{ width: 1.85rem; height: 1.85rem; } .Exhibits .Exhibits_li .Exhibits_li_zi{ font-family: PingFang-SC-Medium; font-size: 0.24rem; font-weight: normal; font-stretch: normal; line-height: 0.36rem; letter-spacing: 0rem; color: #ffffff; position: absolute; bottom: 0.11rem; right: 0.09rem; } /********************************************/ .minute{ display: flex; align-items: center; justify-content: space-between; margin-top: 0.27rem; } .minute .minute_div{ font-family: PingFangSC-Regular; font-size: 0.2rem; font-weight: normal; font-stretch: normal; letter-spacing: 0rem; color: #989898; } .minute .minute_div span{ font-family: PingFangSC-Regular; font-size: 0.24rem; color: #989898; } .minute .minute_div1{ width: 0.39rem; height: 0.27rem; background-color: #f1f1f1; display: flex; justify-content: center; align-items: center; margin-right: 0.19rem; } .minute .minute_div1 .minute_div1_t{ width: 0.09rem; height: 0.07rem; border-radius: 100%; background-color: #585151; } .minute .minute_div1 .minute_div1_t:nth-child(2){ margin: 0 0.02rem; } body{ background-color: #ffffff; } /**************************************************************/ .Like{ padding: 0.28rem 0 0.2rem 0.29rem; background-color: #f7f7f7; border-radius: 0.1rem; margin-right: 0.18rem; margin-top: 0.36rem; } .Like .Like_div{ position: relative; padding-bottom: 0.21rem; } .Like .Like_div::after{ content: ""; width: 5.58rem; height: 0.01rem; background-color: #dedede; position: absolute; left: -0.28rem; bottom: 0; } .Like .Like_div .Like_div_img{ width: 0.29rem; height: 0.26rem; margin-right: 0.22rem; } .Like .Like_div .Like_div_zi{ font-family: PingFang-SC-Bold; font-size: 0.3rem; color: #5a6f92; } .comments{ } .comments .comments_div{ display: flex; align-items: center; margin-top: 0.22rem; } .comments .comments_div div{ font-family: PingFang-SC-Bold; font-size: 0.3rem; color: #5a6f92; } .comments .comments_div .comments_div_zi{ color: #000; } /*********************************************************/ .footer{ display: flex; justify-content: space-between; align-items: center; background-color: #000000; height: 1rem; width: 100%; padding: 0 0.45rem; position: fixed; left: 0; bottom: 0; z-index: 9999; box-sizing: border-box; } .footer li{ font-family: AdobeHeitiStd-Regular; font-size: 0.24rem; letter-spacing: 0rem; color: #ffffff; } .footer .qqq{ position: relative; } .footer .qqq::after{ content: ""; width: 0.51rem; height: 0.03rem; background-color: #ffffff; border-radius: 0.015rem; font-size: 0.3rem; position: absolute; bottom: -0.32rem; left: 50%; transform: translateX(-50%); }