@charset "utf-8";
/*
  * 2022 09 22 lili
  * 依赖 common.rem1x.css 用于设计稿尺寸 375rem
  * v1.0
  * 主页优化 new 下拉菜单， 共用内容
  * Last Date 2022 11 02
*/
/* icon */
.hos-icon,.select-list-tab .nav-li a:after,
.fix-select-wrap .fix-select-right ul li.curr:after,.fix-select-wrap .fix-select-left dl dt:after,.fix-select-wrap .fix-select-left dl.on dt:before,
.fix-select-one-list li.curr:after,.fix-select-wrap .fix-select-city .fix-select-left dl.curr dt:before,.fix-select-all-li li.curr a:after{
	background-image: url('../../../../images/youlai/patient/icon/icon_hos.png');
	background-size: .5rem 5rem;background-repeat: no-repeat;
}
/* ** header -- nav */
.my-list-header{
	background: var(--textf-color);
}
.my-list-header{
	background: var(--textf-color);
}
.select-list-tab{
	height: .44rem;
	border-bottom: var(--border-f11);
}
.select-list-tab .nav-li{
	font-size: 0;
}
.select-list-tab .nav-li a{
	font-size: .14rem;color: var(--text9-color);
	line-height: 1.5; height: .42rem;  overflow: hidden;
}
.select-list-tab .nav-li a{
	display: inline-block; position: relative;
	margin: 0 .1rem; padding: .1rem;
}
.select-list-tab .nav-li a:after{
	content: ''; position: absolute; right: 0; top: 50%;
	width: 0; height: 0;margin-top: -.03rem;
	border: .04rem solid;
	border-color: var(--text9-color) transparent transparent transparent;
}
.select-list-tab .nav-li.curr a:after{
	margin-top: -.07rem;
	border-color: transparent transparent var(--text9-color) transparent;
}

/* search page */
.my-list-header-search .select-list-tab{height: .32rem;}
.my-list-header-search .select-list-tab .nav-li {padding: .05rem 0; }
.my-list-header-search .select-list-tab .nav-li a{color: #999;}
/* **** select-common  **** */
.fix-black-pop{position: fixed;top: .92rem;left: 0;right: 0;bottom: 0; text-align: center;background-color: rgba(0,0,0,.5); z-index: 10011;}
/* 科室选择 */
.fix-select-wrap{position: fixed; top: .92rem; left: 0;right: 0;bottom: 0; width: 100%;background: #F5F8FA; overflow: hidden; z-index: 10012;}
.fix-select-wrap .fix-select-in{ width: 100%;height: 100%;}
.fix-select-wrap .fix-select-left{width: 1.8rem; background: #fff;}
.fix-select-wrap .fix-select-left,.fix-select-wrap .fix-select-right{height: 100%;overflow-y: scroll;}
.fix-select-wrap .fix-select-left dl dd{display: none;}
.fix-select-wrap .fix-select-left dl.curr dd{display: block;}
.fix-select-wrap .fix-select-left dl dt{position: relative; padding: 0 .2rem 0 .28rem;}
.fix-select-wrap .fix-select-left dl dt:after{
	content: ' ';position: absolute;top: 50%;right: .06rem;width: .16rem;height: .16rem;margin-top: -.08rem;
	background-position: left -2.5rem;
}
.fix-select-wrap .fix-select-left dl.on dt:before{
	content: ' ';position: absolute;top: 50%;left: .12rem;width: .08rem;height: .12rem;margin-top: -.06rem;
	background-position: right -3.75rem;
}
.fix-select-wrap .fix-select-left dl.curr dt:after{background-position: right -2.5rem;}
.fix-select-wrap .fix-select-right ul{padding: 0 .16rem;}
.fix-select-wrap .fix-select-right ul li{position: relative;}
.fix-select-wrap .fix-select-left dl dd li{padding: 0 .1rem 0 .37rem;border-right: .01rem solid #eee;}
.fix-select-wrap .fix-select-left dl dt,
.fix-select-wrap .fix-select-left dl dd li,
.fix-select-wrap .fix-select-right ul li{
	height: .48rem;display:-webkit-box; display:-webkit-flex; display:flex;-webkit-box-align:center; -webkit-align-items:center; align-items:center;
}
.fix-select-wrap .fix-select-left dl dt,
.fix-select-wrap .fix-select-left dl dd li,
.fix-select-wrap .fix-select-left dl dt a,
.fix-select-wrap .fix-select-left dl dd li a,
.fix-select-wrap .fix-select-right ul li,
.fix-select-wrap .fix-select-right ul li a{font-size: .16rem;color: #333;}
.fix-select-wrap .fix-select-left dl dd li.curr,
.fix-select-wrap .fix-select-left dl dd li.curr a,
.fix-select-wrap .fix-select-right ul li.curr,
.fix-select-wrap .fix-select-right ul li.curr a{color: #0071D1;}
.fix-select-wrap .fix-select-right ul li.curr:after{
	content: ' ';position: absolute;top: 50%;right: 0;width: .16rem;height: .16rem;margin-top: -.08rem;
	background-position: right -1.25rem;
}
.fix-select-wrap .fix-select-left dl dd li.curr{border-right:0;}
.fix-select-wrap .fix-select-left dl dd li{background: #F5F8FA;border-top: var(--border-f11);}
.fix-select-wrap .fix-select-left .line1{
	overflow:hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;line-height: 1.2;
}

/* 医院级别 / 服务 */
.fix-select-one{position: fixed; top: .92rem; left: 0;right: 0; width: 100%; max-height: 70%; overflow-y: scroll; z-index: 10012;}
.fix-select-one-in{background: #fff;}
.fix-select-one-list li{position: relative; padding: .12rem .16rem;border-top: var(--border-f11);}
.fix-select-one-list li:first-child{border-top: 0;}
.fix-select-one-list li,.fix-select-one-list li a{font-size: .16rem;color: #333;line-height: 1.5;}
.fix-select-one-list li.curr,.fix-select-one-list li.curr a{color: #0071D1;}
.fix-select-one-list li.curr:after{
	content: ' ';position: absolute;top: 50%;right: .16rem;width: .16rem;height: .16rem;margin-top: -.08rem;
	background-position: right -1.25rem;
}

/* 城市 */
.fix-select-wrap .fix-select-city .fix-select-left{width: 1.2rem;}
.fix-select-wrap .fix-select-city .fix-select-left dl{border-top: var(--border-f11);}
.fix-select-wrap .fix-select-city .fix-select-left dl:first-child{border-top: 0;}
.fix-select-wrap .fix-select-city .fix-select-left dl dt:after{display: none;}
.fix-select-wrap .fix-select-city .fix-select-left dl.curr{background:#F5F8FA;}
.fix-select-wrap .fix-select-city .fix-select-left dl.curr dt:before{
	content: ' ';position: absolute;top: 50%;left: .12rem;width: .08rem;height: .12rem;margin-top: -.06rem;
	background-position: right -3.75rem;
}

/* 筛选 */
.fix-select-all{position: fixed; top: .92rem; left: 0;right: 0; width: 100%; bottom: 0;background: #fff;  z-index: 10012;}
.fix-select-all-in{ width: 100%; height: 100%;}
.fix-select-all-list{overflow-y: scroll;}

.fix-select-all-btns{padding: 0 .14rem .07rem;}
.fix-select-all-btns li{padding: .08rem .1rem;}
.fix-select-all-btns .btn-one,
.fix-select-all-btns .btn-two{width: 100%; height: .44rem; border-radius: .56rem; font-size: .18rem; text-align: center; line-height: .44rem;}
.fix-select-all-btns .btn-one{border: .01rem solid #0071D1;color: #0071D1;}
.fix-select-all-btns .btn-two{background: #0071D1;color: #fff;}

.fix-select-all-list{padding: .22rem .12rem .15rem .24rem;}
.fix-select-all-list h6{font-size: .18rem;line-height: .2rem;color: #333;margin-bottom: .1rem;}
.fix-select-all-li{padding-bottom: .1rem;}
.fix-select-all-li li{padding: 0 .12rem .12rem 0;}
.fix-select-all-li li a{
	position: relative; display: block;height: .32rem;overflow: hidden;
	font-size: .14rem; color: #999;text-align: center; line-height: .32rem; background: rgba(0,137,228,0.02);border: .01rem solid #ccc;border-radius: .04rem;
}
.fix-select-all-li li.curr a{background: rgba(0,137,228,.2);border:.01rem solid #0071D1;color: #0089E4;}
.fix-select-all-li li.curr a:after{
	content: ' ';position: absolute;bottom: -.01rem;right: -.01rem;width: .16rem;height: .16rem;margin-top: -.06rem;
	background-position: right -4rem;
}

/* 科室1-2级 无疾病 */
.fix-select-dept-2 dl dt:after{display: none;}
.fix-select-dept-2 .fix-select-left{width: 1.5rem;}
.fix-select-dept-2 .fix-select-left dl.curr {background: #F5F8FA;}
.fix-select-wrap .fix-select-dept-2 .fix-select-left dl.curr dt:before{
	content: ' ';
	position: absolute;
	top: 50%;
	left: 0.12rem;
	width: 0.08rem;
	height: 0.12rem;
	margin-top: -0.06rem;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAcCAYAAABoMT8aAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3FpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDA2IDc5LmRhYmFjYmIsIDIwMjEvMDQvMTQtMDA6Mzk6NDQgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6ZDYwY2VkN2YtYTRlOS00ZGY1LTg0MzAtMGI5YjI5YzIzN2VhIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkQwN0ZGOTBCMzQxRDExRUQ4REM5RDgxNjhENjUwRkVEIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkQwN0ZGOTBBMzQxRDExRUQ4REM5RDgxNjhENjUwRkVEIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE3IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NTdCQkRCMkFDMzk2MTFFQUJDRUJFQzc5NjM3NUQ2QTkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NTdCQkRCMkJDMzk2MTFFQUJDRUJFQzc5NjM3NUQ2QTkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz46RTGlAAAA+UlEQVR42mL8//8/AyWABUQwnjwJohyA+AApmv+bmzMwQdmTgHg/EK8CYmZSDIEZoAulQ4F4NRCzk2oAMgiEGsJNrgEg4As1hI9cA0DAE4jXALEQuQaAgCvUEDFyDQABR6ghUuQaAAK2UEPkyDUABCyhhiiRawAImEINUSXXABAwBOK1QKxJrgGwlFtNiQEg8JkSAy5DMyBZBpwH4mAgvk6OAaehmm+TEwvHoZrvk5MODgNxCBA/Jicl7odqfkZOXtgN1fyKnNy4Har5HTnlwWao5k/klEjroYXrN1LKxDNQejVU80+SKhYgKAXiraRWLOBKidKqDSDAAM/EMBas/NG+AAAAAElFTkSuQmCC);
	background-size: 0.08rem 0.12rem;
	background-position: center;
	background-repeat: no-repeat;
}