.individual-title { height: 60px; width: 100%; /* background: #000000; */ text-align: center; padding-top: 30px; /* font-size: 18px; */ display: flex; justify-content: space-between; align-items: center; } .individual-title a { display: inline-block; width: 23px; height: 23px; background: #242424; border-radius: 23px; color: #fff; padding-top: 3px; margin-top: 25px; } .individual-title span { display: inline-block; width: 40px; font-size: 16px; } .mui-action-back { font-size: 20px; /* height: 20px; */ position: absolute; left: 15px; z-index: 100; } .individual-title h3 { display: inline-block; width: 80%; text-align: center; font-size: 16px; color: ##c0c0c0; /* height: 60px; */ /* padding-top: 35px; */ padding-left: 50px; /* margin-top: -3px; */ } .mui-table-view-cell { width: 100%; /* height: 50px; */ display: flex; justify-content: space-between; align-items: center; } #headerimg img { width: 100%; height: 100%; } .mui-table-view-cell label { width: 35%; text-align: left; padding: 0px; font-size: 15px; } /* .mui-input-row input{ */ .mui-table-view-cell input ,.mui-table-view-cell p,.mui-table-view-cell textarea{ padding: 0px; /* width:calc(100%-100px); */ font-size: 17px; margin: 0px; border: 0px; text-align: right; } .addresscon { width: 100%; height: 50px; line-height: 50px; } .addresscon textarea { display: inline-block; width: 50%; height: 50px; margin: 0px; padding: 0px; border: 0px; } .addresscon label { display: inline-block; /* width:60px; */ } .addresscon textarea::-webkit-input-placeholder { text-align: right; height: 50px; line-height: 50px; font-size: 15px; } .mui-table-view-cell input::-webkit-input-placeholder { text-align: right; } .mui-input-row { width: 100%; } .mui-table-view-cell .mui-table-view-cell-head { display:block; /* width:120px; */ /* height: 100px; */ /* background: pink; */ padding-top: 7px; } .mui-table-view-cell-img { display: block; width: 50px; height: 50px; border-radius: 50px; overflow: hidden; float: left; } .mui-table-view-cell-img img { width: 100%; } .photo{ align-self: stretch; display: inline-block; width:30% ; } .longstr{ align-self: stretch; display: inline-block; width:50% ; font-size: 15px; } .photoimg { width: 70%; text-align: right; overflow: hidden; } .info{ position: relative; /* display: inline-block; */ width:37% ; font-size: 12px; bottom: 3px; color: #aaa; } .ossfile{ display: inline-block; width: 80px; height: 80px; /* background: #ccc; */ /* border: 1px solid #ccc; */ border-radius: 3px; position: relative; } .ossfile .files_out{ width: 100%; height: 100%; } .ossfile img{ width: 100%; height: 100%; } .photoimg .mui-icon{ position: absolute; top:28px; left: 30px; color: #fff; } .qrbb ,.qrrz { height: 60px; } .qrbb p,.qrrz p{ display: inline-block; width: 50%; color: #6E6E6E; font-size: 15px; } .mui-table-view-cell-img img { width: 100%; } .pheight{ height: 40px; line-height: 40px; } .thumbnail-img { width: 100px; height: 100px; text-align: center; background: #fff; position: relative; float: left; /* margin: 0 auto; */ } .thumbnail-img .mui-icon { width: 70px; height: 70px; font-size: 40px; padding-top: 20px; } .thumbnail-img p { text-align: center; } .mui-table-view-cell-img-img { position: relative; float: left; padding-left: 200px; } .mui-table-view-cell-hkimg { /* width:300px; overflow: hidden; position: relative; */ float: left; /* padding-left: 100px; */ /* height: 100px; */ /* background: pink; */ } .mui-table-view-cell-hkimg .files_out{ width: 100px; height: 100px; float: left; } .mui-table-view-cell-hkimg .files_out img{ width: 100%; height: 100px; } .hkimg { width: 100%; display: none; } .YZTEL{ margin: 50px auto; width: 80%; } .YZTEL .mui-table-view-cell{ padding: 5px; } .YZTEL label{ width:25%; } .mui-table-view .mui-table-view-cell .indiv-tel { width: 80%; /* text-align: left; */ } .mui-table-view .mui-table-view-cell .YZM { display: inline-block; width: 50%; text-align: center; } .mui-table-view .mui-table-view-cell .YZM::-webkit-input-placeholder{ text-align: center; } .mui-table-view .mui-table-view-cell .HQYZM { width: 40%; height: 30px; font-size: 16px; line-height: 30px; color: #8E8E8E; /* background: #ccc; */ text-align: center; border-radius: 5px; border: 1px solid #ccc; } .mui-btn-block { height: 30px; line-height: 1px; width: 70%; margin:30px auto; } .bc_btn { height: 30px; line-height: 30px; text-align: center; width: 70%; margin: 30px auto; color: #fff; background: #FF1A03; border-radius: 15px; }