html, body { height: 100%; width: 100%; background-color: #fff; } * { margin: 0px; padding: 0px; } #content { width: 100%; height: 100%; } .strip-line { background-color: #f6f6fc; height: .2rem; width: 100%; } .content_body { padding: 0 .48rem; } .content_body input { height: .76rem; background-color: #f9f9f9; } input::-webkit-input-placeholder { /* placeholder颜色 */ color: #aab2bd; /* placeholder字体大小 */ font-size: .28rem; /* placeholder位置 */ text-align: left; } input { outline: none; border: 0px !important; } .input_item{ position: relative; margin:0!important; } .input_item::after{ position: absolute; right:.2rem; top:.3rem; content: ""; display: inline-block; width: .2rem; height: .2rem; border-top:.04rem solid #ccc; border-right:.04rem solid #ccc; transform:rotate(45deg); -webkit-transform:rotate(45deg); /* Safari 和 Chrome */ } .content_body_title { width: 100%; padding: .24rem 0; font-size: .36rem; font-family: PingFangSC-Semibold, PingFang SC; font-weight: 600; color: rgba(53, 53, 76, 1); border-bottom: .02rem solid #F2F2F2; margin-bottom: .2rem; } .content_select{ height: 100%; margin-top:-0.8rem; } #text_red { color: rgba(244, 94, 25, 1); padding-right: .1rem; } .content_body_weight,.content_body_height{ padding: .24rem 0; font-size:.32rem; font-family:PingFangSC-Regular,PingFang SC; font-weight:400; color: #262626; } .upload{ margin-top:.48rem; } .upload_img{ height: 1.36rem; width: 1.36rem; } .upload_img img { height: 100%; width: 100%; } .upload_text{ font-size: .32rem; font-family:PingFangSC-Regular,PingFang SC; font-weight:400; color:rgba(17,17,17,1); margin-bottom: .32rem; } /* 添加图片的预览 */ .image_files{ padding: 0 .2rem; } .image_files_item,.upload_img { float: left; position: relative; margin-right: 0.55rem; margin-bottom: 0.2rem; } .image_files_item .image_files_img { width: 1.36rem; height: 1.36rem; border-radius: 0.16rem; } .image_files_item .image_del { width: 0.4rem; height: 0.4rem; position: absolute; right: -0.1rem; top: -0.1rem; } .content_body{ margin-bottom:1.2rem; } .content_footer{ position: fixed; bottom:0; height: 1.2rem; width: 100%; padding:0 .32rem; display: flex; justify-content: space-between; align-items: center; background-color: #fff; z-index: 10; } .content_footer button{ height: .88rem; width: 3.2rem; font-size: .36rem; border: 0; outline: none; background-color: #2CBCA0; color:#fff; } #content_body_fill{ border:0; background:rgba(249,249,249,1); border-radius:2px; padding: .2rem; } .doctorExplanation{ margin-top:.2rem; } textarea::-webkit-input-placeholder { /* placeholder颜色 */ color: #aab2bd; /* placeholder字体大小 */ font-size: .28rem; /* placeholder位置 */ text-align: left; }