sr-iHealthwx/html/yszx/css/consultation.css

@charset "utf-8";
.vertical-line {
	top: 0;
	left: 21px;
	border-left: 1px solid #B9B9B9;
	position: absolute;
	height: 100%;
}

.s-bc-12B7F5 {
	background-color: #12B7F5;
}

.s-bc-75BF00 {
	background-color: #75BF00;
}

.s-bc-FF9526 {
	background-color: #FF9526;
}

.f-fr {
	float: right;
}

.ul-consultation li,
.xf-ul-consultation li {
	padding-left: 34px;
	margin-top: 10px;
	margin-right: 10px;
	position: relative;
}

.ul-consultation .outer-circle,
.xf-ul-consultation .outer-circle {
	top: 4px;
	left: 10px;
	width: 20px;
	height: 20px;
	padding: 2px;
	background-color: #F0F0F0;
	position: absolute;
}

.ul-consultation .outer-circle .inner-circle,
.xf-ul-consultation .outer-circle .inner-circle {
	width: 100%;
	height: 100%;
	border-radius: 10px;
}

.ul-consultation .record-card,
.xf-ul-consultation .record-card {
	height: 110px;
	margin-left: 6px;
}

.ul-consultation .record-card .card-title,
.xf-ul-consultation .record-card .card-title {
	height: 20px;
	padding: 5px 10px;
	color: #FFF;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	font-size: 14px;
	line-height: 20px;
}

.span-date {
	font-size: 14px;
}

.f-fr {
	float: right;
}

.record-card p {
	display: -moz-box;
	display: -webkit-box;
	background-color: #FFF;
	height: 68px;
	font-size: 14px;
	padding-top: 8px;
	padding-left: 10px;
	overflow: hidden;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	color: #323232;
	word-break: break-all;
}

.div-beginning {
	top: 41px;
	right: 10px;
	width: 63px;
	height: 50px;
	position: absolute;
	background: url(../images/jinxingzhong_icon.png) 0 0 no-repeat;
	background-size: 63px 50px;
}

.div-ended {
	top: 41px;
	right: 10px;
	width: 63px;
	height: 50px;
	position: absolute;
	background: url(../images/yijieshu_icon.png) 0 0 no-repeat;
	background-size: 63px 50px;
}

.div-novalue {
	top: 41px;
	right: 10px;
	width: 63px;
	height: 50px;
	position: absolute;
	background: url(../images/icon_daipingjia.png) 0 0 no-repeat;
	background-size: 63px 50px;
}

.div-hasvalue {
	top: 41px;
	right: 10px;
	width: 63px;
	height: 50px;
	position: absolute;
	background: url(../images/icon_yipingjia.png) 0 0 no-repeat;
	background-size: 63px 50px;
}

.div-bottom {
	position: absolute;
	bottom: 0;
	text-align: center;
	z-index: 20;
	left: -webkit-calc((100% - 75px)/2)
}

.add-icon {
	width: 50px;
	height: 50px;
	background: url(../images/xuanfu_btn.png) no-repeat center top;
	background-size: 50px;
}

.f-mr10 {
	margin-right: 10px;
}

.f-ib {
	display: inline-block;
}

.f-vam,
.f-vama * {
	vertical-align: middle;
}

#footer {
	position: absolute;
	z-index: 4;
	bottom: 45px;
	right: 15px;
	width: 71px;
	height: 48px;
	padding: 0;
}

.modal-overlay {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	z-index: 3;
	visibility: hidden;
	opacity: 0;
	-webkit-transition-duration: 400ms;
	transition-duration: 400ms;
}

.modal-overlay.modal-overlay-visible {
	visibility: visible;
	opacity: 1;
}

.div-dialog-content {
	display: none;
	width: 250px;
	height: 250px;
	background: url(../images/tuoyuan.png) no-repeat center top;
	background-size: 250px;
	position: absolute;
	z-index: 4;
	left: 50%;
	top: 50%;
	margin-left: -125px;
	margin-top: -125px;
}

.mingyi-icon {
	width: 55px;
	height: 55px;
	background: url(../images/mingyizixun_icon.png) no-repeat center top;
	background-size: 55px;
	position: absolute;
	z-index: 4;
	top: 67%;
	margin-top: -80px;
	right: -2px;
}

.sanshi-icon {
	width: 55px;
	height: 55px;
	background: url(../images/manbingguanli_icon.png) no-repeat center top;
	background-size: 55px;
	position: absolute;
	z-index: 4;
	bottom: 104px;
	left: 50%;
	top: 50%;
	margin-left: -27px;
	margin-top: -118px;
}

.jiating-icon {
	width: 55px;
	height: 55px;
	background: url(../images/jiating_btn.png) no-repeat center top;
	background-size: 55px;
	position: absolute;
	z-index: 4;
	top: 67%;
	margin-top: -80px;
	left: 8px;
}

.sanshi-icon1 {
	width: 55px;
	height: 55px;
	background: url(../images/manbingguanli_icon.png) no-repeat center top;
	background-size: 55px;
	position: absolute;
	margin-left: 0;
	z-index: 4;
	top: 67%;
	margin-top: -80px;
	left: 8px;
}

.xufangsq-icon {
	width: 55px;
	height: 55px;
	background: url(../images/xufangshenqing_icon.png) no-repeat center top;
	background-size: 55px;
	position: absolute;
	z-index: 4;
	bottom: 104px;
	left: 50%;
	top: 50%;
	margin-left: -27px;
	margin-top: -118px;
}

.mingyi-icon.active {
	width: 55px;
	height: 55px;
	background: url(../images/mingyizixun_xuanzhong_icon.png) no-repeat center top;
	background-size: 55px;
	position: absolute;
	z-index: 4;
	top: 67%;
	margin-top: -80px;
	right: -2px;
}

.sanshi-icon.active {
	width: 55px;
	height: 55px;
	background: url(../images/manbingguanli_xuanzhong_icon.png) no-repeat center top;
	background-size: 55px;
	position: absolute;
	z-index: 4;
	bottom: 104px;
	left: 50%;
	top: 50%;
	margin-left: -27px;
	margin-top: -118px;
}

.jiating-icon.active {
	width: 55px;
	height: 55px;
	background: url(../images/jiating_pre.png) no-repeat center top;
	background-size: 55px;
	position: absolute;
	z-index: 4;
	top: 67%;
	margin-top: -80px;
	left: 8px;
}

.sanshi-icon1.active {
	width: 55px;
	height: 55px;
	background: url(../images/manbingguanli_xuanzhong_icon.png) no-repeat center top;
	background-size: 55px;
	position: absolute;
	margin-left: 0;
	z-index: 4;
	top: 67%;
	margin-top: -80px;
	left: 8px;
}

.xufangsq-icon.active {
	width: 55px;
	height: 55px;
	background: url(../images/manbingguanli_icon_pre.png) no-repeat center top;
	background-size: 55px;
	position: absolute;
	z-index: 4;
	bottom: 104px;
	left: 50%;
	top: 50%;
	margin-left: -27px;
	margin-top: -118px;
}

.quxiao {
	width: 55px;
	height: 55px;
	background: url(../images/quxiao_btn.png) no-repeat center top;
	background-size: 55px;
	position: absolute;
	z-index: 4;
	left: 50%;
	top: 50%;
	margin-left: -27px;
	margin-top: 60px;
}

.quxiao.active {
	width: 55px;
	height: 55px;
	background: url(../images/quxiao_pre.png) no-repeat center top;
	background-size: 55px;
	position: absolute;
	z-index: 4;
	left: 50%;
	top: 50%;
	margin-left: -27px;
	margin-top: 60px;
}

.f-dn {
	display: none;
}

em {
	color: #12B7F5
}

.div-img {
	width: 320px;
	height: 184px;
	background: url(../../../images/shujuweikong_img.png) no-repeat center top;
	background-size: 320px 184px;
	margin: 60px auto 0px;
}

.bottom-box {
	width: 180px;
	margin: auto;
	height: 44px;
}

#search_suggest_text,
#xf_search_suggest_text {
	position: absolute;
	top: 55px;
	left: 8px;
	color: #75BF00;
	font-size: 16px;
}

.searchbar-clear {
	position: absolute;
	width: 28px;
	height: 28px;
	right: 0;
	top: 8px;
	opacity: 0;
	pointer-events: none;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(../../../images/delete01_pre.png);
	-webkit-background-size: 20px 20px;
	background-size: 20px 20px;
	-webkit-transition-duration: 300ms;
	transition-duration: 300ms;
	cursor: pointer;
}

.c-lab-mor li.hit a {
	display: inline;
	padding: 4px 0;
	border-bottom: 3px solid #75BF00;
	color: #75bf00;
	border-left: 0;
}

.c-lab-mor li a {
	border-left: 0;
	color: #323232;
}

.c-lab-mor li.hit {
	border-bottom: 1px solid #e1e1e1;
}

.c-lab-mor li:first-child {
	border-left: 0;
}

.div-content-warp {
	height: 36px;
	padding-top: 8px;
	background-color: #FFF;
	font-size: 14px;
	padding-left: 10px;
}

.div-drug {
	width: 50%;
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.record-card p.div-xufang-disease {
	-webkit-line-clamp: 1;
	height: 20px;
}
.mui-slider .mui-segmented-control.mui-segmented-control-inverted .mui-control-item{
    color: #323232;
    display: inline-table;
    line-height: 43px;
}
.mui-slider .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active{
    color: #75bf00;
    border-bottom: 2px solid #75bf00;
}
.mui-fullscreen .mui-segmented-control~.mui-slider-group{
    top: 45px;
}
.mui-slider .mui-slider-group .mui-slider-item img{
    width: auto;
}
.info-text{
    vertical-align: middle; 
    margin: 15px auto 30px;
    text-align: center;
}