html, body { height: 100%; width: 100%; background-color: #fff; } * { margin: 0px; padding: 0px; } #content { width: 100%; height: 100%; } #content img { 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.4rem; } #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; } .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: .04rem; padding: .2rem; } .doctorExplanation{ margin-top:.2rem; display: none; } textarea::-webkit-input-placeholder { /* placeholder颜色 */ color: #aab2bd; /* placeholder字体大小 */ font-size: .28rem; /* placeholder位置 */ text-align: left; } /* mui弹出菜单与mask样式修改 */ .mask_box{ position: fixed; bottom: 0; z-index: 999; display: none; width: 100%; background-color: #fff; } .mui-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 998; background-color: rgba(0,0,0,.3); } .mui-table-view .mui-table-view-radio{ width: 100%; } .mask_btn{ display: flex; justify-content: space-between; padding: .1rem; } .mui-btn, button, input[type=button], input[type=reset], input[type=submit]{ font-size: .22rem } .mui-table-view-cell>a:not(.mui-btn){ white-space: normal; } .mui-table-view-radio .mui-table-view-cell .mui-navigate-right:after{ color:#2CBCA0; } .mui-navigate-right{ padding: .22rem 1rem .22rem .3rem!important; } .mask_title{ font-size: .3rem; color: #000; } .mask_text{ font-size: .28rem; color: #999; }