body { background: #F6F6FC; font-family: PingFangSC; } #content{ padding-bottom:0.3rem; } .silder_tap { background: #FFFFFF; color: #999999; font-size: 0.3rem; width: 100%; margin-top:0.3rem; } .silder_tap .silder_tap_item { float: left; height: 0.8rem; line-height: 0.8rem; text-align: center; box-sizing: border-box; margin-left: 1.56rem; margin-right: 1.56rem; } .publish_user_info{ padding-left:0.32rem; background:#FFFFFF; font-size:0.32rem; } .publish_user_info div{ border-bottom:0.01rem solid #f1f1f1; padding-right:0.32rem; height:0.96rem; line-height:0.96rem; } .publish_user_profile{ width:0.72rem; height:0.72rem; float:right; border-radius:50%; margin-top:0.1rem; } .publish_user_name{ float:right; color:#1D8AEF; } .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.24rem; } .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; } .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; } .delete_btn span{ color:#DF7039; } .editor_btn span{ color:#2CBCA0; } .reply { margin-left: 0.32rem; } .like { float: right; } .no_list{ width:100%; text-align:center; margin-top:1.6rem; display:none; } .no_list img{ width:2.48rem; height:2.48rem; } .no_list .no_list_title{ width:100%; font-size:0.28rem; text-align:center; margin-top:0.32rem; color:#666; } .litst_item_headers_tools{ padding-top:0.46rem; float:right; } .litst_item_headers_tools .tools img{ width:0.36rem; height:0.36rem; float:left; } .litst_item_headers_tools .tools span{ font-size:0.28rem; } .litst_item_headers_tools .delete_btn{ margin-right:0.2rem; } #showDialog{ display:none } .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 }