body { background: #F6F6FC; font-family: PingFangSC; } #content { width: 100%; } #content .bg_img { width: 100%; } .header_info { position: absolute; left: 0.52rem; top: 0.52rem; } .bbs_profile { float: left; border-radius: 50%; } .bbs_profile img { width: 1.44rem; height: 1.44rem; border-radius: 50%; } .bbs_info { float: left; margin-left: 0.28rem; } .bbs_info .bbs_title { color: #111; font-size: 0.36rem; font-weight: 500; font-family: PingFangSC; } .bbs_info p { font-size: 0.28rem; color: #333333; padding-right: 0.4rem; } .p_warp { margin-top: 0.16rem; padding-bottom: 0.28rem } .p_warp p { float: left; } .bbs_info .txt_orange { color: #F45E19; } .bbs_info .txt_blue { color: #1D8AEF } .p_warp .sec_p { padding-left: 0.4rem; border-left: 0.01rem solid #999; } .silder_tap { background: #FFFFFF; color: #999999; font-size: 0.3rem; width: 100%; } .silder_tap .silder_tap_item { float: left; height: 0.8rem; line-height: 0.8rem; text-align: center; box-sizing: border-box; /* margin-left:0.63rem; margin-right:0.64rem; */ margin-left: 1.56rem; margin-right: 1.56rem; } .on { color: #2CBCA0; border-bottom: 0.04rem solid #2CBCA0; } .list_warp { padding: 0rem 0.16rem 0 0.16rem; } .list_item { width: 7.18rem; background: #FFFFFF; border-radius: 0.04rem; padding: 0.24rem 0.32rem; margin-top: 0.3rem; } .user_profile { width: 0.72rem; height: 0.72rem; border-radius: 50%; margin-top: 0.32rem; float: left; } .user_info { font-size: 0.32rem; color: #333333; font-family: PingFangSC; font-weight: 600; padding-top: 0.24rem; margin-left: 0.26rem; float: left; } .user_info .txt_gray { color: #999; font-weight: normal; margin-top: 0.16rem; font-size: 0.24rem; } .list_item_content { margin-top: 0.32rem; color: #333333; font-size: 0.28rem; } .list_item_content_desc { width: 100%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; line-height: 0.4rem; font-family: PingFangSC; } .list_item_content_img { margin-top: 0.3rem; width: 2rem!important; height: auto!important; } .list_item_content_imgMore { margin-top: 0.3rem; } .list_item_content_img img { width: 100%; height: 2.72rem; } .list_item_content_imgMore img { width: 2rem; height: 2rem; float: left; margin-right: 0.25rem; box-sizing: border-box; margin-bottom: 0.3rem; } .list_item_content_imgMore img:nth-child(3n+0) { margin-right: 0rem; } .list_item_tools { margin-top: 0.32rem; font-size: 0.28rem; color: #999999; } .list_item_tools img { width: 0.32rem; height: 0.32rem; float: left; } .tools { float: left; } .tools span { float: Left; margin-left: 0.08rem; } .reply { margin-left: 0.32rem; } .like { float: right; } .change_name_warp { width: 5.4rem; background: #FFFFFF; border-radius: 0.08rem; z-index: 20; position: fixed; top: 2.5rem; left: 1.08rem; display:none; } .change_name_warp .chang_name_header { width: 100%; text-align: center; color: #000000; font-size: 0.32rem; font-family: PingFangSC; font-weight: 500; padding-top: 0.4rem; } .change_name_warp .change_name_before { width: 100%; padding-left: 0.48rem; font-size: 0.26rem; color: #333333; margin-top: 0.4rem; } .change_input { margin-top: -0.5rem; } .change_input input { width: 4.76rem; margin-left: 0.32rem; margin-top: 0.24rem; font-size: 0.28rem; padding: 0.08rem 0.1rem; border: 0.01rem solid rgba(224, 224, 224, 1); border-radius: 0.04rem; } .change_btn_warp{ margin-top:0.25rem; border-top:0.01rem solid #E0E0E0; } .change_btn_warp div { float:left; font-size: 0.32rem; font-family: PingFangSC; font-weight: 600; width:2.7rem; height:0.94rem; text-align:center; line-height:0.94rem; } .change_btn_cancle{ border-right:0.01rem solid #E0E0E0; color:#999; } .change_btn_confirm{ color:#007AFD } .add{ position:fixed; right:0.32rem; bottom:1.08rem; } .add img{ width:0.96rem; height:0.96rem; } /* 底部右侧 浮动按钮 */ .more, .my-text, .release, .close { position: fixed; right: 0.32rem; top: 9.82rem; height: .96rem; width: .96rem; } /* my-text 我的贴子 */ .my-text { right: 0.32rem; top: 7.04rem; display: none; } .close { display: none; } .release { display: none; right: 0.32rem; top: 8.46rem; } .close img, .more img, .release img, .my-text img { width: 100%; height: 100%; }