qlg.tsgz.moe/static/app2/css/individual.css

.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;
	}