/*开药问诊*/
@charset "utf-8";
* {
    list-style: none;
    margin: 0;
    padding: 0;
}
html,body{
	width:100%;height:100%;
	background:#f4f4f4;
}
.coat{
	width:100%;height:100%;
}

.content {
    position: fixed;
    left: 0;
    top: 90px;
    right: 0;
    bottom: 0;
    overflow: scroll;
    background: #F8F9FB;
    box-sizing: border-box;
    padding: 28px;
    border-radius: 40px 40px 0px 0px;
    padding-bottom: 175px;
}
.fixed{
    position:fixed;
    left: 0;
    top: 0;
    width:750px;
    height: 448px;
    background: linear-gradient(180deg, #20B4BC 0%, #E0F5F6 75%, #FFFFFF 100%);
    background-repeat: no-repeat;

}
.fixed1{
    text-align: center;
    font-size: 30px;
    line-height: 88px;
    position: relative;
    color: #fff
}
.fixed1 >a{
    width: 52px;
    height: 80px;
    position: absolute;
    left: 0;
    top: 0;
    box-sizing: border-box;
    padding-top: 28px;
}.fixed1>a img {
    width: 12px;
    height: 24px;
    display: block;
    margin: 0 auto;
}
.content_tu{
	width:750px;height:140px;
}
.content_tu img{
	width:750px;height:140px;
	display:block;
}
.content1{
	width:750px;height:100px;
	padding: 0 20px;
	box-sizing: border-box;
	background: white;
}
.content1>img{
	width:12px;height:24px;
	display: block;
	margin-top:38px;
	float: right;
}
.content1>div{
	height:100px;
	line-height:100px;
	font-size:26px;
}
.content1>div:nth-of-type(1){
	float: left;
}
.content1>div:nth-of-type(2){
	float:right;
	margin-right:5px;
	color:#999999;
}
.content2{
	background:white;
	margin-top:24px;
	border-radius: 20px;
	box-sizing: border-box;
	padding: 0 13px;
}
.content2_1{
	width:710px;
	/* height: 479px; */
	/* border-bottom:2px solid #f4f4f4; */
	margin: 0 auto;
	padding: 20px;
	position: relative;
}
.content2_1 h2{  font-size:30px;}
.content2_1 textarea{
	width:710px;
	height:328px;
	border: none;
	outline: none;
	font-size:26px;
	line-height:36px;
	padding-top:20px;
	resize: none;
	box-sizing: border-box;
	display: block;
	border: 1px solid #ccc;
	margin-top: 20px;
	padding: 20px;
	border-radius: 5px;
}
.content2_1 div.zishu{
	height:72px;
	float: right;
	color: #999999;
	font-size:26px;
	line-height:72px;
	position: absolute;
	right: 30px;
	bottom: 20px;
}
.content2_1 span.isyunfu{
    position: absolute;
    right: 30px;
    top: 24px;
    font-size: 26px;
}
.content2_1 span.isyunfu label{
  border-radius:50%;
  background: #cdcdcd;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  margin-left: 10px;
  display: inline-block;
  color: #fff;
}
.content2_1 span.isyunfu input[name='isyunfu']{ display:none;}
.content2_1 span.isyunfu input[name='isyunfu']:checked+label{ background:#009990;}
/*上传区*/
.upimg {
	position: relative;
	width: 100px;
	height: 100px;
	border-radius: 5px;
	border: dashed #999999;
	background: url(img/addimg.svg) no-repeat;
	background-position: 33px;
}

.upimg input {
	position: absolute;
	width: 100px;
	height: 100px;
	opacity: 0;
}

#showui {
	/*display: flex;*/
	justify-content: flex-start;
	overflow: hidden;
}

#showui li {
	width: 145px;
	height: 145px;
	position: relative;
	overflow: hidden;
	display:block;
	margin-top:20px;margin-left:20px;
	float: left;
}

#showui li img.showimg {
	position: absolute;
	text-align: center;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 6;
}

.showdiv {
	position: absolute;
	z-index: 9;
	bottom: 0;
	width: calc(100% - 20px);
	padding: 10px;
	display: flex;
	justify-content: space-around;
	background: rgba(0, 0, 0, .6);
}

.showdiv img {
	width: 20px;
	height: 20px;
	cursor: pointer;
}

#showui li:first-child img.left {
	opacity: .6;
	cursor: no-drop;
}

#showui li:last-child img.right {
	opacity: .6;
	cursor: no-drop;
}

.oneright {
	opacity: .6;
	cursor: no-drop !important;
}
#showui>li>img{
	width:160px;height:160px;
	display: block;
}
/**/
.content2_2_text  b{
	font-size: 26px;
	color: #D5D5D5;
	font-weight: normal;
	line-height: 1;
}
.content2_2 .title>span{
	padding-top: 34px;
	padding-bottom: 34px;
}
.content2_2>div.tishi{
	font-size: 26px;
	color: #9FA0A0;
}
.content2_2>div input{
	width:150px;height:150px;
	position:absolute;
	left:0;top:0;
	opacity:0;
}
.content2_2 div img{
	display: block;

	width: 150px;
	height: 150px;
	background: #F8F9FB;
	border: 1px solid #D5D5D5;
	opacity: 1;
	border-radius: 15px;
}
.content2_2>.content2_2_text{
	margin-bottom: 33px;
}
.content2_2_text div:nth-of-type(1){
	font-size: 30px;
	float: left;
	font-weight: bold;
}
.content2_2_text div:nth-of-type(2){
	color:#999999;
	float: left;
	line-height: 43px;
	margin-left: 15px;
}
.content3{
	width:710px;height:88px;
	color: white;
	background:#009990;
	line-height:88px;
	text-align: center;
	font-size:26px;
	margin:0 auto;
	margin-top:20px;
	border-radius:6px; 
}

.imge{
	box-sizing: border-box;
	padding: 0 11px;
	position: relative;
}

.upload_component{
	padding-bottom: 39px;
}

.upload_component  .tishi{
	font-size: 26px;
	color: #9FA0A0;
	margin-left: 62px;
}

/*下*/

.content1_1{
    width: 750px;
    height: 100px;
    padding: 0 20px;
    box-sizing: border-box;
    background: white;
    border-top: 1px solid #ccc;
    overflow: hidden;
    }
.content1_1 div{float: left;
    height: 100px;
    line-height: 100px;
    font-size: 26px;}
.content1_1 select{
    height: 70px;
    line-height: 70px;
    border: none;
    font-size: 26px;
    color: #999999;
    float: left;
    margin: 15px;
    background: #f4f4f4;
    border-radius: 5px;
    width: 110px;
    text-align: center;
    padding: 0 0 0 10px;
    }
.content1_1 div#patient{/* float: right; */}
.content1_1 select option{font-size:12px;}

.doctor_head{background: #fff;display: flex;align-items: center;padding-top: 30px;padding-bottom: 30px;border-top: 1px solid #ccc;}
.doctor_head_1{
    width: 160px;
}
.doctor_head_2{
    flex: 1;
    box-sizing: border-box;
    padding-left: 20px;
}
.doctor_head_3{
    text-align: center;
    color: #fff;
    background: #009990;
    font-size: 30px;
    padding: 7px 32px;
    border-radius: 50px;
}
.doctor_head_1 img{
    display: block;
    width: 160px;
    height: 160px;
}
.doctor_head_2 li{
    font-size: 26px;
}
.doctor_head_2 li span{
    font-size: 30px;
    font-weight: bold;
}
.doctor_head_2 li span:nth-child(2){
    font-size: 26px;
    color: #2e9c01;
    border: 1px solid #2e9c01;
    padding: 5px 10px;
    border-radius: 22px;
}
.pd_lr {
    padding-left: 20px;
    padding-right: 20px;
}
.new_patients{ padding:20px; background:#fff; margin-top:20px;}
 .new_patients>h2{
    font-size: 30px;
}
.new_patients>div.new_patients_2{
    display: flex;
    flex-wrap: wrap;
    font-size:26px;
    justify-content: space-between;
}
.new_patients>div.new_patients_2>input,.new_patients>div>select{width: 46%;margin-top: 20px;box-sizing: border-box;padding: 10px;border: 1px solid #909090;border-radius: 5px;}
.new_patients>div.new_patients_2>input{font-size:26px;}
.new_patients>div.new_patients_2>select{font-size:26px;background: none;}
.new_patients>div.new_patients_2>select option{ font-size:12px;}
.new_patients_1{
    display: flex;
    font-size: 26px;
    flex-wrap: wrap;
    align-items: center;
}
.new_patients_1_1{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.new_patients_1_1>li{line-height: 1;padding: 20px 46px;border: 2px solid #cccfd8;margin-right: 30px;border-radius: 5px;position: relative;margin-top: 20px;}
.new_patients_1_1>li::after{
    content:'';
    width: 0;
    height: 0;
    border-top: 40px solid #cccfd8;
    border-right: 0px solid rgb(187, 25, 25);
    border-left: 58px solid rgba(255, 255, 255, 0);
    border-bottom: 0px solid #7b7b7b;
    position: absolute;
    right: 0px;
    top: 0;
    z-index: 1;
    }
.new_patients_1_1>li::before{content:'√';position: absolute;color: #fff;right: 6px;top: 0;z-index: 11;}

.new_patients_1_1>li.select{ border:2px solid #009990;}
.new_patients_1_1>li.select::after{border-top: 40px solid #009990;}

.quick_consultation_top{
    
    box-sizing: border-box;
    padding-bottom: 28px;
    background: white;
    z-index: 99;
    border-radius: 20px;
    padding-left: 28px;
    padding-right: 28px;
}

.quick_consultation_top_process li {
    box-sizing: border-box;
    padding: 32px 0;
    font-size: 28px;
    font-weight: 500;
    color: #737373;
    text-align: center;
    list-style-type: none;
    border-bottom: 1px solid #F0F0F0;
}

.quick_consultation_top_process li.active strong{
    color: #20B4BC;
}

.quick_consultation_top_process li:nth-of-type(1){
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAbCAYAAAB1NA+iAAAAAXNSR0IArs4c6QAAAv5JREFUOE+NlE1oXGUUhp/3Tn7GGWsiFKwuDNSuRLuqWHTlRlC7cnGh/s0MTHrrTzfVVgoVQotVqyUpNeBAMt+k0CwCQdCCuBpdCQUX6kKtaEtsdxopJG3mzsw98qV3+kMzmTm7+333PPfyvue8cs59jvQy8G2r2Tw5MjJyMQzDNn2WXK12Q9KwmcmgHsAHjUbjQhRFzX4Yqjp3UdJ2IOMbJP1q0rF8Nns+DMOVXhA5554yqSJ4AhhMG/5GOhWvrZ2LouifzSDylzMzMzsymcyUwXOScv7MYEUwh9npUqn0RzfIOsDX5OTk6AOjo8ck7RVsXYeYNQTn2+32yXK5fGEjyC2Av6xUKrmhoaFxg7cl7bgpiVqWJD8AHxeLxW8kr/XtugvgjycmJoKxsbGXJB1G2m1mA0BiSfI7MNXcudNFu3bdcugeQIedintYsAfIpudXDb64P5c7FYbhjXXXNlPYixsMDBwQFICRVJdrgsV2u32oXC4vbwrwDfPz81sbzeYbmL0HPJzOyoolyWIcx2/1BPiG2dnZLZL2SDqK9LgX0syWLUn29wVIHRrMZrNPJ/AJZs8Aa8Bi3wAPqVar2wmC9wX7gBj4rm+Ac24b8DrSEeBB4LrBTF+ASqXy2ODw8JuC/UDezwVwpd1qvdIT4Jx7EukgsBcYTm1fNphcunz5RFeAz4fq2bO7ZXYoHSa/qSa46icyl8udCcMw3hCwsLCQWV1dfRHJe/9smhX+t3/DzO/EOUn++d5JrNfrA5eWll4lSd6V5DPCf8RH3I+CDwuFwtd3LtRdf+Ccy5q0D7N3OttoZk1BvdVqfTQ+Pv79zajYYBudc6NmdlTSa0gPpa9cx2wR+LRUKv3SNQ+mp6e33ZfPnxa8AGzpJBJQC2CqWCz+2TWR5ubmHk2SpIrkxeqs7b+BdManXaFQ8Kp3LR+qXyE9f4fHf2F2PI7jL6MourZZ87oLrlZbAh5JrfqZIDjyXzZbP5gGRk9AtVr9DMlPmbfpeD6f/8kPSK/Gzv3/yVgiSZVvFpsAAAAASUVORK5CYII=');
    background-repeat: no-repeat;
    background-size: 10px 20px;
    background-position: right center;
}

.quick_consultation_top_process li:nth-of-type(3){
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAbCAYAAAB1NA+iAAAAAXNSR0IArs4c6QAAAv5JREFUOE+NlE1oXGUUhp/3Tn7GGWsiFKwuDNSuRLuqWHTlRlC7cnGh/s0MTHrrTzfVVgoVQotVqyUpNeBAMt+k0CwCQdCCuBpdCQUX6kKtaEtsdxopJG3mzsw98qV3+kMzmTm7+333PPfyvue8cs59jvQy8G2r2Tw5MjJyMQzDNn2WXK12Q9KwmcmgHsAHjUbjQhRFzX4Yqjp3UdJ2IOMbJP1q0rF8Nns+DMOVXhA5554yqSJ4AhhMG/5GOhWvrZ2LouifzSDylzMzMzsymcyUwXOScv7MYEUwh9npUqn0RzfIOsDX5OTk6AOjo8ck7RVsXYeYNQTn2+32yXK5fGEjyC2Av6xUKrmhoaFxg7cl7bgpiVqWJD8AHxeLxW8kr/XtugvgjycmJoKxsbGXJB1G2m1mA0BiSfI7MNXcudNFu3bdcugeQIedintYsAfIpudXDb64P5c7FYbhjXXXNlPYixsMDBwQFICRVJdrgsV2u32oXC4vbwrwDfPz81sbzeYbmL0HPJzOyoolyWIcx2/1BPiG2dnZLZL2SDqK9LgX0syWLUn29wVIHRrMZrNPJ/AJZs8Aa8Bi3wAPqVar2wmC9wX7gBj4rm+Ac24b8DrSEeBB4LrBTF+ASqXy2ODw8JuC/UDezwVwpd1qvdIT4Jx7EukgsBcYTm1fNphcunz5RFeAz4fq2bO7ZXYoHSa/qSa46icyl8udCcMw3hCwsLCQWV1dfRHJe/9smhX+t3/DzO/EOUn++d5JrNfrA5eWll4lSd6V5DPCf8RH3I+CDwuFwtd3LtRdf+Ccy5q0D7N3OttoZk1BvdVqfTQ+Pv79zajYYBudc6NmdlTSa0gPpa9cx2wR+LRUKv3SNQ+mp6e33ZfPnxa8AGzpJBJQC2CqWCz+2TWR5ubmHk2SpIrkxeqs7b+BdManXaFQ8Kp3LR+qXyE9f4fHf2F2PI7jL6MourZZ87oLrlZbAh5JrfqZIDjyXzZbP5gGRk9AtVr9DMlPmbfpeD6f/8kPSK/Gzv3/yVgiSZVvFpsAAAAASUVORK5CYII=');
    
    background-repeat: no-repeat;
    background-size: 10px 20px;
    background-position: left 10px center;
}

.quick_consultation_top_process li i{
    display: block;
    width: 60px;
    height: 60px;
    border-radius: 100%;
    background: #FF9D3B;
    line-height: 60px;
    text-align: center;
    font-size: 28px;
    color: #fff;
    margin-right: 9px;
    font-style: normal;
}

.quick_consultation_top_process li b{
    display: block;
    text-align: left;
    border-radius: 20px;
    font-size: 20px;
    color: #9FA0A0;
    width: 100%;
    font-weight: normal;
}

.quick_consultation_top_process li strong{
    display: block;
    text-align: left;
    border-radius: 20px;
    font-size: 26px;
    color: #4d4d4d;
    font-weight: normal;
}

.quick_consultation_top_profile img{
    width: 100px;
    height: 100px;
    border-radius: 100%;
    margin-right: 24px;
}

.quick_consultation_top_profile strong{
    font-size: 28px;
    color: #4D4D4D;
    margin-bottom: 10px;
}

.quick_consultation_top_profile {
    box-sizing: border-box;
    padding-top: 25px;
}

.quick_consultation_top_profile span{
    font-size: 24px;
    font-weight: 500;
    color: #A6A6A6;
}

.quick_consultation_top_process li span{
	display: block;
    font-size: 20px;
    color: #9FA0A0;
    text-align: left;
    width: 100%;
}

.patient_info{
	box-sizing: border-box;
	padding: 0 13px;
	margin-top: 28px;
	background: #fff;
	border-radius: 20px;
}

.title_btn {
    padding: 0 20px;
    background: #FF9D3B;
    height: 55px;
    line-height: 55px;
    border-radius: 50px;
    margin: 22px 0;
}

.title_btn span {
    font-size: 26px;
    line-height: 1px;
    color: #FFFFFF;
}

.patient_info_list {
    box-sizing: border-box;
    padding: 28px 12px;
    padding-bottom: 12px;
}

.patient_info_list li.active {
    background: #FFF1E4;
    border: 1px solid #FF9D3B;
}

.patient_info_list li {
    width: 190px;
    height: 103px;
    background: #F8F9FB;
    border: 1px solid #D5D5D5;
    opacity: 1;
    border-radius: 15px;
    margin-right: 16px;
    margin-bottom: 16px;
}

.patient_info_list li.active .icon_select{
	width: 41px;
	height: 41px;
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAAAAXNSR0IArs4c6QAAA+FJREFUWEfVmU1IVFEUx//nzUhBRi5aaBIIuVNIwVJnimwhuHCRYFA7Y8YiMKhlVDTQwjZhkJHlDLkrUGighS2CjHDUPnAiW4QGgZmzaOGiReDMO3HvmxlmxnfnffjG8G3n3nN+c+75uucSXH78tGEvuK4dTF1gtABoBNFBALVZkSkw/wawAkISxDOg9QW68OOvG5XkdBPHjh8F+4dA1A+gxuH+DUB/DmTGKPT+s5O9tkF54lgTMlV3Aep1okC9luPwbd6kgQ9f7cizBJVHrNcNg7UhEPx2hNpew0iD9FFo69etXKIsKE8EjiCNKRAJH6zcx5yEH/00kPiuUqIE5WhHEOSbKgiOyoEaklPgTD+F52fNFJmCSkj4XoFQXWm6IvmMP0Cmxwx2CyhHOxtB2rsdtGSpLVJg/SSF51YKfygClYGTOTRXcZ+0Oibhs75fnYUBVgwaC44AuGolZ4d+v0+h2Ws5XXlQI5FXffQ8Bbn9VyJ1gVspnFgSIgpAAy+9S+Zu6Ur3cZxCib48KD8JtMBHi16Jt5RDmEFavwcNfhDdAKhNuSfDrXQxkZQW5WhgHERhSwWeLOAprCbOU0QcLcAjLTXYv28ZBNHQmHz6GIXmLpNRIuvXXTQYLrCLIXMCOBacBtCjELgBba2OeLyjC5rvjQutDrcoICPw43BgGaAGpUA9c5o4FrgNUMShVofLzSENt+t8ANKGygvkiAB9AdAZh5odLC8DGescATQbeZvjAvQLQM02NKeya3IdvI0tXkBKuy8Rx4IikMorZ/0KhedGjaMKiuzwyLoweAUp7ZESoFzWNMxJCidaC9fweKAfRM/UsJ5CStXWoMBrCs12l/4ZNaz3kDnQ8kcvrwubbWaXsa2wlYHMHr2tYBKB1EWh2W9qy3K8sOIUuYrt6FY5oQwm2+lJDRtrP4HVhflcWfQWUoawTE9OEr4S1swWvG1L5otsxE0JtQXrHSQAWULdNSVlYT2FBIymxEjirto8U1iPIYU5jTZPgrpvnFPQ0700uPCJHzZVY8+BEc/72sLGWcLaj/6tccP8E6Ba67Jqoz0oWlJyFckefzNAi94rcwqXXa+63BlW3QXXZQm6WwYQhgvsgpFOvg6Iksj+6f8yJON0Nw0uzJd6tnrsKGDhn7Rsql3Gisk2ker6zCBlm1dOj3QD0GTFh2ZiKAY+WzrBK2SzORqvHwajQqNxjEJb295ovKhdiwaaQbjj3Y2V42Dcyg3BrDzI0qJbGmVZbvkSoJ1zMV0xnm8y9FjMk6zgHB29sucWOTdd2wFNOwVkH8RQ8iCG7IMYkISuv4U/NW/1+qHS9w+55+AYu6vbRQAAAABJRU5ErkJggg==');
	background-size: 41px 41px;
	background-position: center center;
	background-repeat: no-repeat;
}

.patient_info_list li .icon_select {
    position: absolute;
    top: 10px;
    right: 10px;
    display: block;
    width: 41px;
    height: 41px;
    background: #FFFFFF;
    border: 1px solid #D5D5D5;
    border-radius: 100%;
}

.patient_info_list li span:nth-of-type(1) {
    font-size: 28px;
    line-height: 1;
    margin-bottom: 10px;
    margin-top: 20px;
    margin-left: 35px;
    color: #4D4D4D;
    width: 110px;
}

.patient_info_list li span:nth-of-type(2) {
    font-size: 24px;
    line-height: 1;
    color: #9FA0A0;
    margin-left: 35px;
    margin-bottom: 16px;
}

.title {
    font-weight: 400;
    font-size: 30px;
    line-height: 80px;
    border-bottom: 2px solid #F0F0F0;
}

.title>span {
    display: inline-block;
    position: relative;
    float: left;
    padding: 22px;
    padding-left: 24px;
    font-size: 26px;
    line-height: 1;
    color: #20B4BC;
    margin-left: 17px;

}

.title>span:before{

    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 27px;
    width: 10px;
    background: #FF9D3B;
    border-radius: 5px;
}

.inq {
    width: 100%;
    position: fixed;
    bottom: 0px;
    box-sizing: border-box;
    background-color: white;
    padding-top: 23px;
    padding-bottom: 26px;
    z-index: 54;
    border-top: 1px solid #fff;
}

.inq div.article.single {
    width: 635px;
}

.inq div span {
    font-size: 28px;
    line-height: 80px;
    color: #FFFFFF;
}

.inq div.article {
    background: #20B4BC;
}

.inq div {
    height: 80px;
    border-radius: 50px;
    text-align: center;
}

.new_patients_2_1{width: 46%;
    font-size: 28px;
    margin-top: 20px;}
.new_patients_2_1 input[type="radio"]{width: 30px;
    height: 30px;
    vertical-align: middle; display: none;}
.new_patients_2_1 label{background: #ccc;
    color: #fff;
    width: 100px;
    display: inline-block;
    text-align: center;
    border-radius: 10px;
    line-height: 80px;}
.new_patients_2_1 input[type="radio"]:checked+label{ background: #009990; }

.new_patients_2_1 input[type="radio"]:checked+label {
    background: #009990;
}

.new_patients .title>span{
    margin-left: 10px;
}