.header{ width: 100%; height: 0.9rem; display: flex; align-items: center; z-index: 999; box-sizing: border-box; position: fixed; left: 0; top: 0; } .header .header_img{ width: 0.2rem; height: 0.33rem; margin-left: 0.29rem; margin-right: 0.4rem; } .header .header_div{ position: relative; display: flex; align-items: center; } .header .header_div .header_div_img{ width: 0.32rem; height: 0.34rem; position: absolute; left: 0.24rem; } .header .header_div .header_div_zi{ font-family: PingFang-SC-Medium; font-size: 0.26rem; color: #808080; width: 6.31rem; height: 0.6rem; background-color: #f2f2f2; border-radius: 0.3rem; border: none; box-sizing: border-box; padding-left: 0.74rem; } .content_div{ height: 4.86rem; background-image: url(../img/3.png); background-size: cover; padding-top: 1.1rem; box-sizing: border-box; } /************/ .content_div .ship{ display: flex; justify-content: space-between; padding: 0 0.3rem 0 0.28rem; } .content_div .ship .ship_img{ width: 0.9rem; height: 0.9rem; } .content_div .ship .ship_div{ display: flex; align-items: center; } .content_div .ship .ship_div .ship_div_x{ display: flex; flex-direction: column; margin-left: 0.25rem; } .content_div .ship .ship_div .ship_div_zi{ font-family: PingFang-SC-Medium; font-size: 0.3rem; color: #ffffff; } .content_div .ship .ship_div .ship_div_zi1{ font-family: PingFang-SC-Medium; font-size: 0.22rem; color: #ffffff; margin-top: 0.18rem; } .content_div .ship .ship_div1{ display: flex; align-items: center; justify-content: center; width: 1.08rem; height: 0.48rem; background-color: #ea4e3d; border-radius: 0.24rem; box-sizing: border-box; } .content_div .ship .ship_div1 .ship_div1_zi{ font-family: PingFang-SC-Medium; font-size: 0.26rem; color: #ffffff; margin-right: 0.08rem; } .content_div .ship .ship_div1 .ship_div1_zi1{ font-family: PingFang-SC-Medium; font-size: 0.26rem; color: #ffffff; } /*****************************************************/ .content_div .navigation{ display: flex; justify-content: space-between; padding: 0.33rem 0.31rem 0.46rem 0.31rem; } .content_div .navigation li{ font-family: PingFang-SC-Medium; font-size: 0.26rem; color: #ffffff; } .content_div .navigation .qqq{ position: relative; } .content_div .navigation .qqq::after{ content: ""; width: 0.52rem; height: 0.04rem; background-color: #ffffff; position: absolute; bottom: -0.14rem; left: 0; } /******************************************************/ .content_div .volume{ margin-left: 0.24rem; display: flex; align-items: center; overflow-y: hidden; } .content_div .volume::-webkit-scrollbar { width: 0 !important;height: 0 !important; } .content_div .volume .volume_div{ width: 2.93rem; height: 1.28rem; background-color: #659fdc; border-radius: 0.25rem; position: relative; display: flex; align-items: center; margin-right: 0.11rem; flex-shrink: 0; } .content_div .volume .volume_div .volume_div_z{ width: 50%; height: 100%; box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; } .content_div .volume .volume_div .volume_div_z .volume_div_z_s{ display: flex; align-items: center; margin-left: 0.24rem; } .content_div .volume .volume_div .volume_div_z .volume_div_z_s .volume_div_z_s_zi{ font-family: PingFang-SC-Bold; font-size: 0.355rem; color: #ffffff; } .content_div .volume .volume_div .volume_div_z .volume_div_z_s .volume_div_z_s_zi1{ font-family: PingFang-SC-Bold; font-size: 0.58rem; color: #ffffff; } .content_div .volume .volume_div .volume_div_z .volume_div_z_x{ font-family: PingFang-SC-Regular; font-size: 0.2rem; color: #ffffff; zoom: 0.78; margin-left: 0.14rem; margin-top: 0.18rem; } .content_div .volume .volume_div .volume_div_y{ width: 50%; height: 100%; box-sizing: border-box; background-color: #ffffff; border-radius: 0rem 0.25rem 0.25rem 0rem; border: solid 0.01rem #fafcfe; display: flex; flex-direction: column; justify-content: center; align-items: center; } .content_div .volume .volume_div .volume_div_y .volume_div_y_zi{ font-family: PingFang-SC-Bold; font-size: 0.3rem; color: #659fdc; } .content_div .volume .volume_div .volume_div_y .volume_div_y_zi1{ width: 1.05rem; height: 0.36rem; background-color: #659fdc; border-radius: 0.18rem; display: flex; justify-content: center; align-items: center; margin-top: 0.17rem; } .content_div .volume .volume_div .volume_div_y .volume_div_y_zi1 span{ font-family: PingFang-SC-Regular; font-size: 0.2rem; color: #ffffff; zoom: 0.78; } .content_div .volume .volume_img{ width: 0.11rem; height: 1.27rem; position: absolute; left: 50%; transform: translateX(-50%); } /*****************************************/ .content .content_img{ width: 7.5rem; height: 7.5rem; } /*******************************************************/ .content .deals{ display: flex; justify-content: space-between; align-items: center; padding-left: 0.25rem; padding-right: 0.52rem; padding-top: 0.48rem; background-color: #ffffff; } .content .deals .deals_img{ width: 1.88rem; height: 1.88rem; } .content .deals .deals_q{ display: flex; align-items: center; } .content .deals .deals_div{ margin-left: 0.26rem; } .content .deals .deals_div .deals_div_s{ font-family: PingFang-SC-Bold; font-size: 0.32rem; color: #323232; margin-bottom: 0.2rem; } .content .deals .deals_div .deals_div_x{ display: flex; align-items: center; } .content .deals .deals_div .deals_div_x .deals_div_x_img{ width: 1.07rem; } .content .deals .deals_div .deals_div_x .deals_div_x_zi{ font-family: PingFang-SC-Regular; font-size: 0.26rem; color: #595959; } .content .deals .deals_div1{ display: flex; flex-direction: column; align-items: center; justify-content: center ; } .content .deals .deals_div1 .deals_div1_img{ width: 0.44rem; height: 0.44rem; margin-bottom: 0.11rem; } .content .deals .deals_div1 .deals_div1_zi{ font-family: PingFang-SC-Regular; font-size: 0.22rem; color: #ea363d; } /********************************************************************/ .content .Seconds{ display: flex; justify-content: space-between; align-items: center; padding: 0 0.275rem; padding-top: 0.77rem; background-color: #ffffff; } .content .Seconds .Seconds_div{ display: flex; align-items: center; } .content .Seconds .Seconds_div .Seconds_div_img{ width: 0.31rem; height: 0.31rem; margin-right: 0.18rem; } .content .Seconds .Seconds_div .Seconds_div_zi{ font-family: PingFang-SC-Bold; font-size: 0.32rem; color: #333333; } .content .Seconds .Seconds_div1{ font-family: PingFang-SC-Medium; font-size: 0.26rem; color: #999999; display: flex; align-items: center; } .content .Seconds .Seconds_div1 .Seconds_div1_zi, .content .Seconds .Seconds_div1 .Seconds_div1_zi1, .content .Seconds .Seconds_div1 .Seconds_div1_zi2{ font-family: PingFang-SC-Medium; font-size: 0.26rem; color: #999999; font-family: PingFang-SC-Medium; font-size: 0.24rem; background-color: #eeeeee; } .content .Seconds .Seconds_div1 .Seconds_div1_zi{ margin: 0 0.09rem; } .content .Seconds .Seconds_div1 .Seconds_div1_zi1{ margin: 0 0.09rem; } .content .Seconds .Seconds_div1 .Seconds_div1_zi2{ margin-left: 0.09rem; } /***************************************************************************/ .content .fig{ display: flex; justify-content: space-between; padding: 0 0.24rem; padding-top: 0.42rem; background-color: #ffffff; } .content .fig .fig_li{ display: flex; align-items: center; flex-direction: column; } .content .fig .fig_li .fig_li_img{ width: 1.6rem; height: 1.6rem; border-radius: 0.06rem; } .content .fig .fig_li .fig_li_div{ font-family: PingFang-SC-Medium; font-size: 0.24rem; color: #ea4e3d; margin-top: 0.19rem; } .content .fig .fig_li .fig_li_div span{ font-family: PingFang-SC-Medium; font-size: 0.20rem; color: #ea4e3d; zoom: 0.78; } /*******************************************************************************/ .content .content_div2{ margin-top: 0.2rem; height: 1.05rem; display: flex; justify-content: center; align-items: center; background-color: #ffffff; } .content .content_div2 .content_div2_zi{ font-family: PingFang-SC-Bold; font-size: 0.32rem; color: #4799ee; margin-right: 0.14rem; } .content .content_div2 .content_div2_hr{ width: 0.48rem; height: 0.02rem; background-color: #4799ee; border-radius: 0.005rem; margin-right: 0.15rem; } .content .content_div2 .content_div2_d{ width: 0.06rem; height: 0.3rem; background-color: #4799ee; border-radius: 0.03rem; transform: rotate(25deg); margin-right: 0.15rem; } .content .content_div2 .content_div2_d1{ width: 0.06rem; height: 0.3rem; background-color: #4799ee; border-radius: 0.03rem; opacity: 0.5; transform: rotate(25deg); margin-right: 0.15rem; } /*******************************************************************/ .content .detail{ padding: 0.45rem 0.22rem 0 0.24rem; background-color: #ffffff; } .content .detail .detail_li{ display: flex; align-items: center; margin-bottom: 0.35rem; } .content .detail .detail_li .detail_li_img{ width: 1.7rem; height: 2.06rem; box-sizing: border-box; } .content .detail .detail_li .writing{ margin-left: 0.21rem; } .content .detail .detail_li .writing .writing_div{ width: 5.13rem; font-family: PingFang-SC-Medium; font-size: 0.28rem; color: #333333; } .content .detail .detail_li .writing .writing_div1{ display: flex; justify-content: space-between; align-items: center; margin-top: 1.05rem; } .content .detail .detail_li .writing .writing_div1 .writing_div1_s{ display: flex; align-items: center; } .content .detail .detail_li .writing .writing_div1 .writing_div1_s .writing_div1_s_zi{ font-family: PingFang-SC-Bold; font-size: 0.22rem; color: #ea4e3d; } .content .detail .detail_li .writing .writing_div1 .writing_div1_s .writing_div1_s_zi1{ font-family: PingFang-SC-Regular; font-size: 0.24rem; color: #999999; margin-left: 0.18rem; } .content .detail .detail_li .writing .writing_div1 .writing_div1_s .writing_div1_s_zi span{ font-family: PingFang-SC-Bold; font-size: 0.20rem; color: #ea4e3d; zoom: 0.78; } /*****/ .content .detail .detail_li .writing .writing_div1 .writing_div1_x{ width: 0.70rem; } .content .detail .detail_li .writing .writing_div1 .writing_div1_x .writing_di1_x_img{ width: 0.42rem; height: 0.42rem; border: solid 0.02rem #ffffff; border-radius: 100%; } .content .detail .detail_li .writing .writing_div1 .writing_div1_x .writing_div1_x_img1{ width: 0.42rem; height: 0.42rem; border: solid 0.02rem #ffffff; margin-left: -0.21rem; border-radius: 100%; }