*{
    /* -webkit-user-select: none; 针对Safari和Chrome */
    /* -moz-user-select: none; 针对Firefox */
    /* -ms-user-select: none; 针对IE和Edge */
    /* user-select: none; 标准语法 */
    /* 针对iOS Safari的额外设置 */
    /* -webkit-touch-callout: none; */
}
body,
html {
    margin: 0;
    padding: 0;
    font: 400 14px/1.5 PingFang SC, Microsoft YaHei, Arial, Helvetica, sans-serif, monospace, Hiragino Sans GB, WenQuanYi Micro Hei;
    color: #222;
}

p,
h1,
h2,
h3,
h4,
h5,
h6,
dl,
dt,
dd {
    margin: 0;
    padding: 0;
}

/* a标签按下有背景 待添加处理 */
a {
    text-decoration: none;
    color: #222;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-user-select: none;
    -moz-user-focus: none;
    -moz-user-select: none;
}

ul,
li {
    list-style: none;
    padding: 0;
    margin: 0;
}

input {
    border: 0;
    outline: 0;
}

input::-webkit-input-placeholder {
    color: #999;
}

:-moz-placeholder {
    color: #999;
}

::-moz-placeholder {
    color: #999;
}

input:-ms-input-placeholder {
    color: #999;
}

input::-ms-input-placeholder {
    color: #999;
}

/* 1px边框 start */
.info_line {
    position: relative;
    padding-bottom: .24rem;
}

.info_line:after {
    position: absolute;
    box-sizing: border-box;
    content: " ";
    pointer-events: none;
    top: -50%;
    right: -50%;
    bottom: -50%;
    left: -50%;
    border: 0 solid #EDEDED;
    transform: scale(.5);
    border-bottom-width: 1px;
}

/* 1px边框 end */

/* 公共 */

.main_wrapper {
    height: 100vh;
    overflow-x: hidden;
    overflow-y: scroll;
    /* height: 100%; */
    /* padding: .24rem; */
    background: #F5F5F5;
}

.text_wrap {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.text_over2,
.text_over3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    word-break: break-all;
}

.text_over2 {
    -webkit-line-clamp: 2;
}

.safe_area {
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
}

/* 搜索框 start */
.search_box {
    height: .62rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: .34rem;
    background-color: #fff;
    border: .03rem solid #00BE8C;
}

.search_box .search_box_a {
    height: .68rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.search_box_icon {
    display: inline-block;
    width: .32rem;
    height: .32rem;
    margin: 0 .13rem 0 .22rem;
    background: url(../images/icon_search.png) no-repeat 0 0;
    background-size: 100%;
}

.search_text {
    flex: 1;
    height: .4rem;
    line-height: .4rem;
    font-size: .28rem;
    background: none;
}

.search_button {
    /* padding: .14rem .32rem .14rem .26rem;
    margin: 0 0 0 .13rem; */
    font-weight: 500;
    font-size: .28rem;
    color: #00BE8C;
    position: relative;
    width: 1.14rem;
    align-items: center;
    justify-content: center;
    display: flex;
}

.search_button::before {
    content: "";
    position: absolute;
    /* top: .2rem; */
    left: 0;
    height: .36rem;
    width: .02rem;
    /* border-radius: .02rem; */
    background-color: #ddd;
    transform: scale(0.9);
}

/* .search_style {
    border: .03rem solid #00BE8C;
} */

/* 搜索框 end */

/* 标签tags start */
.tags {
    float: left;
    width: auto;
    height: .3rem;
    /* line-height: .3rem; */
    margin-right: .12rem;
    padding: 0 .08rem;
    font-size: .22rem;
    border-radius: .06rem;
    display: flex;
    align-items: center;
}

.t_style01 {
    border: 1px solid #00BE8C;
    color: #00BE8C;
}

.t_style02 {
    border: 1px solid #FF7F00;
    color: #FF7F00;
}

.t_short {
    padding: 0 .06rem;
}

/* 标签tags end */

/* 各种按钮 start */

.btn_box {
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 0 .2rem;
    text-align: center;
}

.btn_style {
    /* flex: 1; */
    width: 100%;
    height: .88rem;
    margin: .12rem;
    line-height: .88rem;
    border-radius: .48rem;
    font-size: .34rem;
    border: 1px solid #00BE8C;
    background: #00BE8C;
    color: #FFFFFF;
}

.btn_style a {
    width: 100%;
    height: 100%;
    display: block;
}

.btn_full_blank {
    background: none;
    color: #00BE8C;
}

.btn_full_gray {
    background: none;
    color: #666666;
    border-color: #ccc;
}

.btn_little {
    display: flex;
    width: 1.1rem;
    height: .52rem;
    line-height: .52rem;
    border-radius: .26rem;
    font-size: .24rem;
    background: #00BE8C;
    color: #FFFFFF;
    text-align: center;
    justify-content: center;
    align-items: center;
}

.icon_add {
    display: inline-block;
    width: .28rem;
    height: .28rem;
    background: url(../images/icon_add_white.png) no-repeat 0 0;
    background-size: 100%;
    margin-right: .17rem;
}

/* 各种按钮 end */

/* 统一外框 */
.main_box {
    margin: .2rem .24rem;
    border-radius: .16rem;
    background: #FFFFFF;
}

.main_box_new {
    margin: .2rem .24rem;
}

/* 更多列表框架 start */

.list_head_box {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.list_title {
    padding: .23rem .21rem .23rem .32rem;
    font-size: .34rem;
    font-weight: bold;
}

.icon_my_register {
    display: inline-block;
    width: .33rem;
    height: .33rem;
    margin-right: .1rem;
    background: url(../images/icon_register.png) no-repeat 0 0;
    background-size: 100%;
    vertical-align: middle;
    margin-top: -4px;
}

.list_more {
    font-size: .28rem;
    color: #999999;
    display: flex;
    align-items: center;
}

.icon_arrow_right {
    display: inline-block;
    width: .32rem;
    height: .32rem;
    margin: 0 .21rem 0 .05rem;
    background: url(../images/icon_arrow_right.png) no-repeat 0 0;
    background-size: 100%;
    vertical-align: middle;
}

.main_box_new .list_title {
    padding: .12rem .21rem .23rem 0;
}

.main_box_new .list_more {
    padding-bottom: .13rem;
}

.main_box_new .icon_arrow_right {
    margin-right: 0;
}

/* 更多列表框架 end */

/* 热门医院 */
.list_item {
    border-bottom: 1px solid #eee;
}

.list_item_wrap {
    display: flex;
    padding: .32rem;
    /* padding-bottom: 0; */

}

.hos_logo {
    width: .88rem;
    height: .88rem;
    margin-right: .16rem;
    border-radius: 8px;
    border: 1px solid #EEEEEE;
    overflow: hidden;
}

.hos_item {
    flex: 1;
    overflow: hidden;
}

.hos_logo img {
    width: 100%;
    display: block
}

.hos_name {
    font-size: .32rem;
    font-weight: bold;
}

.hos_tags {
    overflow: hidden;
    margin: .08rem 0 .16rem;
}

.hos_distance {
    float: right;
    font-size: .24rem;
    color: #999999;
}

.keshi_descript,
.hos_address {
    margin-right: .45rem;
    line-height: .37rem;
    font-size: .26rem;
    color: #666666;
}

.hos_address {
    padding-bottom: .32rem;
}

.ht_department {
    display: flex;
    height: 1rem;
    border-top: 1px #EEEEEE solid;
    align-items: center;
}

.ht_department p {
    flex: 1;
    font-size: .28rem;
    color: #00BE8C;

}

.ht_department .btn_little {
    width: 1.28rem;
    height: .56rem;
    font-size: .26rem;
}


/* 热门医生 */
.doc_item {
    background: #FFFFFF;
    border-radius: .16rem;
    margin-bottom: .2rem;
}

.doc_item_wrap {
    display: flex;
    padding: .32rem;
}

.doc_content_item {
    display: flex;
    overflow: hidden;
}


.doc_photo {
    width: .88rem;
    height: .88rem;
    margin-right: .16rem;
    border-radius: .88rem;
    overflow: hidden;
}

.doc_photo img {
    width: 100%;
    display: block;
}

.doc_content {
    flex: 1;
    overflow: hidden;
}

/* .doc_content {} */

.doc_info {
    overflow: hidden;
    line-height: .45rem;
    font-weight: 550;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.doc_info div:first-child{
    flex: 1;
}
.doc_name {
    font-size: .32rem;
    float: left;
    margin-right: .18rem;
}

.doc_title {
    font-size: .26rem;
    float: left;
    line-height: .51rem;
}

.doc_info .btn_little {
    float: right;
}

.doc_text {
    width: 3.87rem;
    line-height: .37rem;
    margin-bottom: .09rem;
    font-size: .26rem;
    color: #666666;
}

.doc_tags {
    overflow: hidden;
    margin: .08rem 0 .16rem;
}

.doc_descript {
    line-height: .37rem;
    font-size: .26rem;
    color: #666666;
}

/* 弹窗 start */
.layer_main_wrap {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 888;
    display: none;
}

.layer_bg {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
}

.layer_main_content {
    height: 10.06rem;
    border-radius: .24rem .24rem 0rem 0rem;
    background: #FFFFFF;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;
}

.layer_title {
    font-size: .36rem;
    color: #222222;
    line-height: .5rem;
    text-align: center;
    padding: .32rem .32rem 0;
    font-weight: 550;
    position: relative;
}

.layer_close {
    display: inline-block;
    width: .32rem;
    height: .32rem;
    background: url(../images/icon_close_normal.png) no-repeat 0 0;
    background-size: 100%;
    position: absolute;
    right: .32rem;
    top: .4rem;
}

.layer_main_content p {
    font-size: .3rem;
    color: #666666;
    line-height: .42rem;
}

.layer_content_box {
    padding: .48rem .32rem .32rem;
}

/* 弹窗 end */


/* 筛选 start */
/* .screen_con{
    display: flex;
    height: ;
} */

/* 筛选 end */



/* 加地区搜索 start */
.region_search {
    display: flex;
    justify-content: space-around;
    align-items: baseline;
}

.region_search .location_city {
    display: flex;
    align-items: center;
    font-size: .3rem;
    color: #222222;
}

.region_search .location_city .city_select_icon {
    display: inline-block;
    width: .32rem;
    height: .32rem;
    margin: 0 .18rem 0 .09rem;
    background: url(../images/icon_down_arrow.png) no-repeat 0 0;
    background-size: 100%;
    vertical-align: middle;
}

.region_search .search_box {
    flex: 1;
}

/* 加地区搜索 end */

/* 查看更多 start*/
.more_but {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .26rem;
    color: #999999;
    margin-top: 12px;
}

.more_but a {
    font-size: .26rem;
    color: #999999;
    display: flex;
    justify-content: center;
    align-items: center;
}

.more_but span {
    width: .24rem;
    height: .24rem;
    background: url(../images/icon_down_arrow02.png) no-repeat center;
    background-size: 100% 100%;
    margin-left: .09rem;
}

/* 查看更多 end */



/* 暂无数据 */
.sr_nothing {
    background-color: #FFFFFF;
    flex: 1;
    display: flex;
    /* justify-content: center; */
    align-items: center;
    flex-direction: column;
    height: 100%
}

.sr_nothing img {
    display: block;
    margin: 0 auto;
    margin-top: 1.6rem;
    width: 3.52rem;
    height: 2.32rem;
}

.sr_nothing p {
    font-size: .26rem;
    color: #666666;
    margin-top: .24rem;
    line-height: .37rem;
    margin-bottom: .03rem;
}

.sr_nothing span {
    font-size: .24rem;
    color: #C0C0C0;
    line-height: .33rem;
}

/* 城市筛选 */

.hos_citysPopul {
    font-family: PingFangSC-Regular, PingFang SC;
    display: none;
}

.hos_citysPopul .citysBox {
    width: 100%;
    height: 100%;
    background: #fff;
    overflow: hidden;
    overflow-y: hidden;
    position: relative;
}

.ms_regionalselection {
    display: flex;
}

.ms_regionalselection .ms_regionalselection_l {
    overflow-y: scroll;
    height: 100%;
    position: absolute;
    left: 0;
    width: 52%;
    background: #F8F8F8;
}

.ms_regionalselection .ms_regionalselection_l ul li,
.ms_regionalselection .ms_regionalselection_r ul li {
    width: 100%;
    height: 1.1rem;
    font-size: .32rem;
    line-height: 1.1rem;
    color: #070C12;
    position: relative;
    padding-left: .4rem;
    box-sizing: border-box;
}

.ms_regionalselection .ms_regionalselection_r {
    overflow-y: scroll;
    height: 100%;
    position: absolute;
    left: 52%;
    width: 48%;
    background: #fff;
}

.ms_regionalselection_l ul li.selActive {
    color: #070C12;
    font-weight: bold;
    background: #fff;
}

.ms_regionalselection_l ul li.selActive::before {
    content: "";
    background: url(../images/hos_linkic09.png) no-repeat;
    background-size: .16rem .36rem;
    width: .16rem;
    height: .36rem;
    position: absolute;
    left: -5px;
    top: 50%;
    transform: translate(0, -50%);
}

.samePopul {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .7);
    z-index: 1001;
    overflow: hidden;
}

/*样式隐私合规弹窗*/
.zqxy_pop_all {
    background: rgba(0, 0, 0, .5);
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 99999;
}

.zqxy_pop_all .zqxy_pop_box {
    width: 90%;
    height: auto;
    position: fixed;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
}

.zqxy_pop_all .zqxy_pop_box h3 {
    text-align: center;
    font-size: 16px;
    padding-top: 15px;
}

.zqxy_pop_all .zqxy_pop_box .zqxy_con {
    margin: 20px 10px 10px 10px;
    font-size: .28rem;
    max-height: 380px;
    overflow: scroll;
    box-sizing: border-box;
    text-align: justify;
}

.zqxy_pop_all .zqxy_pop_box .zqxy_con p {
    padding-bottom: 10px;
}

.zqxy_pop_all .zqxy_pop_box .btns_box>div {
    width: 50%;
    box-sizing: border-box;
    height: 48px;
    line-height: 48px;
    text-align: center;
    float: left;
    font-size: 16px;
    border-top: 1px solid #eee;
    cursor: pointer;
}

.zqxy_pop_all .zqxy_pop_box .btns_box .bty_btn {
    color: #999;
}

.zqxy_pop_all .zqxy_pop_box .btns_box .ty_btn {
    color: #0078fd;
    float: right;
    border-left: 1px solid #eee;
}

/* 超出两行查看更多 start */
.introduce {
    position: relative;
    font-size: .28rem;
    color: #666666;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: .4rem;
    flex: 1;
}

.introduce a {
    width: 2.86rem;
    position: absolute;
    bottom: 0;
    line-height: .4rem;
    background: url(../images/hh_bg01.png) no-repeat center;
    background-size: 100% 100%;
    right: 0;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    color: #00BE8C;
}

.introduce a i {
    width: .32rem;
    height: .32rem;
    display: block;
    background: url(../images/icon_arrow_right01.png) no-repeat center;
    background-size: 100% 100%;
}

/* 超出两行查看更多 end */


.hr_title_text {
    font-size: .34rem;
    color: #222222;
    line-height: .48rem;
    margin: 0 .24rem .04rem .24rem;
    font-weight: 500;
}

/* toast提示 */
.toast {
    position: fixed;
    top: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 0;
    right: 0;
}

.toast span {
    color: #ffffff;
    background: rgba(0, 0, 0, .7);
    padding: .2rem .32rem;
    font-size: .28rem;
    border-radius: .12rem;
    display: none;
}



/* 挂号须知 */
.register_tips {
    width: 100%;
    position: fixed;
    z-index: 9;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
}

.register_tips .rt_con {
    /* margin: 25% .68rem 0 .68rem; */
    background-color: #ffffff;
    border-radius: .24rem;
    padding: 0 .32rem .4rem .32rem;
    width: 80%;
}

.rt_con h4 {
    font-size: .36rem;
    height: 1.1rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.rt_con .p_con {
    max-height: 5rem;
    overflow: hidden;
    overflow-y: scroll;
}

.rt_con p {
    font-size: .28rem;
    color: #666666;
    line-height: .44rem;
}

.rt_con .rt_but {
    width: 100%;
    height: .88rem;
    margin-top: .56rem;
    background: #00BE8C;
    border-radius: .44rem;
    color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .34rem;
}
/*新增tabs*/
.hospital_tabs{
    height: .8rem;
    line-height: .8rem;
    text-align: center;
    border-bottom: 1px solid #eee;
}
.hospital_tabs a{
    float: left;
    width: 33%;
    font-size: .28rem;
    color: #222;
    position: relative;
}
.hospital_tabs a.active span{
    background: #00BE8C;
    height: .06rem;
    width: .26rem;
    position: absolute;
    bottom: 0;
    left: 50%;
    border-radius: .04rem;
    -webkit-transform: translate(-50%,0); transform: translate(-50%,0);
}
/*新增导航*/
.navPos{
    position: fixed;
    bottom: 5%;
    right: 45px;
}
.navPos .icon{
    background: url(../images/dhicon01.png) no-repeat;
    background-size: .92rem .95rem;
    width: .92rem;
    height: .95rem;
    display: block;
}
.navPos .nav_item{
    background: url(../images/dhicon02.png) no-repeat; 
    background-size: 2.02rem 3.54rem;
    width: 2.02rem;
    height: 3.34rem;
    position: absolute;
    bottom: 1rem;
    right: -.5rem;
    padding-top: .2rem;
}   
.navPos .nav_item a{
    font-size: .26rem;
    text-align: center;
    display: block;
    padding: .1rem 0;
}
.main_box .swiper-slide img{
    border-radius: 0.16rem;
}
.banner_swiper  .swiper-horizontal>.swiper-pagination-bullets,
.banner_swiper  .swiper-pagination-bullets.swiper-pagination-horizontal{
    bottom: .1rem;
    font-size: 0;
}
.banner_swiper .swiper-pagination-bullet {
    width: .08rem;
    height: .08rem;
}
.banner_swiper .swiper-pagination-bullet-active {
    background-color: #00BE8C;
}
.banner_swiper img {
    display: block;
}
.xiaoyuanBox{       
    position: fixed;
    right: 15px;
    bottom: 20%;
    z-index: 200;
 }   
 .xiaoyuanBox .xiaoyuan{
    background: url("../images/xiaoyuan.png") no-repeat;
    background-size: 1.2rem 1.3rem;
    width: 1.2rem;
    height: 1.3rem;
    display: block;
    text-indent: -9999px;
}
.xiaoyuanBox .closed{
    background: url("../images/xy_close.png") no-repeat;
    background-size: .24rem .24rem;
    width: .24rem;
    height: .24rem;
    position: absolute;
    right: -5px;
    top: 0;
    cursor: pointer;
}