.banner-wrap{
    width:100%; position: relative; height: auto; background: #fff;
    min-height: 150px;
}
.m-appbanner{
    overflow: hidden;
}
.m-appbanner > li{width:100%}
.m-appbanner img{
    width: 100%;

}
.banner-img{width:100%}
.app-searchBox{
    height: 43px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    padding: 5px 10px;
    z-index: 99;
    background-color: rgba(94,187,205,1);
    -webkit-transition: all .1s ease-out;
}
.area {
    position: relative;
    padding-right: 10px;
    display: block;
    white-space: nowrap;
    min-width: .4rem;
    max-width: .6rem;
    overflow: hidden;
    color: #fff;
    text-overflow: ellipsis;
    margin-right: .05rem
}
.area-arrow{
    position: absolute;
    width: 0;
    height: 0;
    top: 8px;
    right: 0px;
    border: 4px solid transparent;
    border-top-color: rgba(255,255,255,0.8);
}

.search-box {
    height: 34px;
    position: absolute; left:10px; right:10px; top:4px;
    display: -webkit-box;
    -webkit-box-align: center;
    z-index: 99;

}

.search-box.fixed {
    z-index: 13;
    left: 0;
    right: 0;
    top: 0;
    position: fixed;
}

.search-bar {
    background: rgba(255,255,255,0.4);
    border-radius: 3px;
    padding: 0 10px;
    height: 34px;
    display: -webkit-box;
    -webkit-box-align: center;
    -webkit-box-flex: 1;
}

.search-bar .s-field {
    -webkit-box-flex: 1;
}

.search-bar .s-field input {
    padding: 7px 0;
    height: 20px;
    line-height: 20px;
    width: 100%;
    color: #fff;
    font-size: .12rem;
    overflow: hidden;
    background:none

}

.search-bar .s-field input::-webkit-input-placeholder {
    color: #fff
}

.search-bar .sear_btn {
    width: .1rem;
    font-size:.11rem;
    color: #fff;
    padding-right: 3px;
}


.index-content{

    width:100%;
    position: relative;
    border-bottom: 1px solid #eee;
    margin-bottom: .05rem;


}
.index-content ul {
    background: #fff;

    font-size: 0;
    display: block;
    width: 100%;
    position: relative;
    -webkit-box-sizing: border-box;
    white-space: normal;
    margin-bottom:-1px;
}
.index-content ul li{
    margin: 0;
    padding: .2rem 0;
    -webkit-box-sizing: border-box;
    vertical-align: top;
    position: relative;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    width: 25%;
    display: inline-block;
    overflow: hidden;
    text-align: center;
    border-bottom:1px solid #f3f3f3;
    border-right: 1px solid #f3f3f3;
    position: relative;

}

.index-content ul li a.link{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.nopen{
    background-image: url(../img/app-shangxian.png);
}


.index-tit{font-size:.14rem; color: #666; padding-top: 0.06rem}
.index-content .cover{
    width:.4rem;
    height:.4rem;
    display:inline-block; background-repeat: no-repeat;
}
.index-content .cover img{
    width:100%
}

.index-content-three ul li{
    width: 33.3333%;
}
.index-content-two ul{
    display: -webkit-box;
    -webkit-box-align: center;
}
.index-content-two ul li{
    width: 50%;
    padding: .15rem 0;
    display: -webkit-box;
    -webkit-box-align: center;
    float: inherit;
}
.index-content-two  .cover{
    /* padding-left: .3rem; */
    margin-left: .2rem;
}
.index-content-two  .index-tit{
    padding-left: .2rem;
    font-size: .14rem;
    padding-top:0
}


.foot{position: fixed; width:100%; left:0; right:0; bottom:0; border-top:1px solid #eee; height: .5rem; overflow: hidden; background: #fcfcfc}
.foot ul{
    width:100%; display: -webkit-box; -webkit-box-align: center
}
.foot ul li{
    width:33%;
    padding-top:8px;
    text-align: center;
}
.foot.multiple ul li {
    width: 25%;
}
.foot ul li a {
    position: relative;
}
.foot-ico{
    width:.2rem;
    height:.18rem;
    display:inline-block; background-repeat: no-repeat; background-size:.2rem;
}
.ico-home{
    background-image: url(../img/home1.png);
}
.ico-order{
    background-image: url(../img/order1.png);
}
.ico-messge{
    background-image: url(../img/message1.png);
}
.ico-hospital{
    background-image: url(../img/foot-yiyuan-1.png);
}
.ico-user{
    background-image: url(../img/user1.png);
}
.active .foot-txt{
    color: #5ebbcd;
}
.active .ico-home{
    background-image: url(../img/home2.png);
}
.active .ico-messge{
    background-image: url(../img/message2.png);
}
.active .ico-user{
    background-image: url(../img/user2.png);
}
.active .ico-hospital{
    background-image: url(../img/foot-yiyuan-2.png);
}
.foot-txt{color: #999; font-size: .1rem}
.hospitalList-warp .search-bar{
    background: #fff;margin-top: .05rem;
}
.hospitalList-warp .area{
    color: #666;margin-top: .1rem;
}
.hospitalList-warp .search-bar input::-webkit-input-placeholder {
    color:#666;
}
.hospitalList-warp .search-bar input{
    color: #333;
}
.hospitalList-warp .search-bar .sear_btn{
    color: #666;
}
/* 医院选地区 */
.area-top .yd-cityselect-title{
    position: relative;
}
.area-top button{
    line-height: .2rem;width: .6rem;font-size: .13rem;height: .2rem;border-radius:.03rem;position: absolute;top: .11rem;right: .1rem;
}
/* 新首页 */
.home-warp{
    padding-bottom: .1rem;
}
.home-warp .app-searchBox{
    background: #4bc6e4;
}
.home-warp .area{
    min-width: .5rem;
    max-width: .8rem;
    font-size: .14rem;
}
.home-warp .search-bar{
    background: #fff;
    border-radius:20px;
}
.home-warp .search-bar .s-field {
    position: relative;
}
.home-warp .search-bar .s-field input{
    color: #999;padding: 0 7px 0 12px;
}
.home-warp .search-bar .s-field input::-webkit-input-placeholder {
    color: #999;
}
.home-warp .search-bar .s-field a{
    position: absolute;top: .04rem;left: -.08rem;
}
.home-warp .search-bar .s-field a::before{
    color: #999;
}
.home-warp .area i::before{
    color: #fff;
}
.home-warp .main{
    background: url(../img/appver/healthCard.jpg) no-repeat 0px 43px; 
    background-size: 100% auto;
    background-color: #fff;
    padding: 43px .1rem 0;
    overflow: hidden;
}
.home-warp .main.active{
    background: url(../img/appver/healthCard.jpg) no-repeat 0px 0; 
    background-size: 100% auto;
    background-color: #fff;
    padding: 0 .1rem 0;
    overflow: hidden;
}
.home-warp .main .electronic-card{
    background: #fff;
    border-radius: .05rem;margin-top: .8rem;height: .4rem;line-height: .4rem;font-size: .15rem;text-align: center;
    color: #333333;
    box-shadow: 0px 2px 3px #ddd;
}
.home-warp .main .electronic-card .card-img{
    width: .16rem;height: auto;display: inline-block;vertical-align: text-bottom;margin-right: .03rem;position: relative;top: -.02rem;
}
.home-warp .main  .card-info{
    height: .6rem;line-height: auto;position: relative;
}
.home-warp .main .electronic-card span{
    width: .4rem;height: .4rem;background: url(../img/appver/hp_man.png) no-repeat;display: block;
    background-size: 100% 100%;position: absolute;top: .1rem;left: .2rem;
}
.home-warp .main .electronic-card span.woman{
    background: url(../img/appver/hp_woman.png) no-repeat; background-size: 100% 100%;
}
.home-warp .main .electronic-card h5{
    font-size: .16rem;line-height: .25rem;text-align: left;padding: .1rem 0 0 .7rem;
}
.home-warp .main .electronic-card h5 i{
    font-size: .10rem;color: #3FACC6;display: inline-block;border: 1px solid #3FACC6;border-radius: 0.05rem;height: .18rem;line-height: .18rem;
    padding: 0 .05rem;margin-left: .05rem;
}
.home-warp .main .electronic-card p{
    padding-left: .7rem;text-align: left;line-height: .22rem;font-size: .14rem;
}
.home-warp .main  .card-info #qrcode{
    position: absolute;right: .2rem;top: .05rem;width: .5rem;height: .5rem;
}
.home-warp .main  .card-info #qrcode img{
    width: .5rem;height: .5rem;
}
.home-warp .main .log{
    width: .1rem;height: .1rem;position: absolute;right: .4rem;top: .25rem;
}
.home-warp .registered{
    margin-top: .1rem;
}
.home-warp .registered.active{
    padding-top: .8rem;
}
.home-warp .online-registration{
    width: 100%;background: url(../img/appver/online.png) no-repeat; background-size: cover;height: .75rem;padding: .1rem .15rem;
}
.home-warp .online-registration h5{
    color: #fff;font-size: .16rem;
}
.home-warp .online-registration p{
    color: #fff;font-size: .14rem;padding-top: .05rem;
}
.home-warp .registered li{
    width: 48.5%;float: left;background: url(../img/appver/bgicon-1.png) no-repeat; background-size: cover;height: .75rem;padding-left: .15rem;color: #fff;
}
.home-warp .registered li:nth-child(2){
    float: right;background: url(../img/appver/bgicon-2.png) no-repeat; background-size: cover;
}
.home-warp .registered li h5{
    font-size: .15rem;padding: .1rem 0;
}
.home-warp .registered h5 span{
    font-size: .1rem;color: #fbac3a;background: #fff;border-radius:.02rem;display: inline-block;width: .22rem;height: .13rem;line-height: .14rem;text-align: center;
    margin-left: .01rem;
}
.home-warp .registered li p{
    font-size: .13rem;
}
.home-warp .main-function{
    margin-top: .15rem;
}
.home-warp .main-function li{
    width: 33%;float: left;text-align: center;
}
.home-warp .main-function li img{
    width: .55rem;height: auto;display: block;margin: 0 auto .05rem;
}
.home-warp .main-function li p{
    font-size: .13rem;color: #333;
}
.home-warp .banner{
    width: 100%;margin-top: .1rem;
}
.home-warp .banner img{
    width: 100%;height: auto;
}
.home-warp .special-feature{
    padding-bottom: .15rem;
}
.home-warp .special-feature h5{
    font-size: .16rem;color: #333;
}
.home-warp .special-feature li{
    width: 25%;float: left;text-align: center;color: #666666;margin-top: .2rem;
}
.home-warp .special-feature li img{
    width: .33rem;height: auto;display: block;margin: 0 auto;
}
.home-warp .title{
    font-size: .16rem;color: #333;padding: .1rem 0;
}
.home-warp .title a{
    float: right;color: #999999;font-size: .13rem;
}
.home-warp .hospital,.home-warp .news{
    margin-top: .1rem;overflow: hidden;padding: 0 .1rem;background: #fff;
}
.home-warp .hospital li,.home-warp .news li{
    border-bottom: 1px solid #e9e9e9;padding-bottom: .1rem;margin-bottom: .1rem;
}
.home-warp .hospital li img{
    width: .7rem;height: .7rem;border: 1px solid #e9e9e9;float: left;
}
.home-warp .hospital li .info{
    width: 2.5rem;float: left;margin-left: .09rem;
}
.home-warp .hospital li .info h5{
    font-size: .15rem;color: #333;display: inline-block;position: relative;padding-right: .38rem;max-width: 100%;padding-top: .02rem;
}
.home-warp .hospital li .info h5 span{
    font-size: .11rem;color: #fff;background: #5ebbcd;border-radius: .02rem;padding: 0 .05rem;height: .13rem;line-height: .15rem;
    position: absolute;right: 0;top: .06rem;
}
.home-warp .hospital li .info p{
    color: #666666;font-size: .12rem;height: .4rem;line-height: .2rem;
}
.home-warp .hospital li .info p i{
    color: #c2c2c2;
}
.home-warp .news li img{
    width: 1rem;height: .75rem;border: 1px solid #e9e9e9;float: left;
}
.home-warp .news li .info{
    width: 2.2rem;float: left;margin-left: .09rem;
}
.home-warp .news li .info h5{
    font-size: .15rem;color: #333;display: inline-block;position: relative;padding-right: .38rem;max-width: 100%;padding-top: .02rem;
}
.home-warp .news li .info p{
    color: #666666;font-size: .12rem;height: .2rem;line-height: .2rem;margin-top: .04rem;
}
.home-warp .news li .tag{
    color: #999999;height: .2rem;line-height: .2rem;margin-top: .01rem;
}
.home-warp .news li .tag i{
    vertical-align: bottom; margin-right: .01rem;
}
.home-warp .news li .tag span{
    float: right;color: #999999;
}
.yylog{
    width: 100%;height: auto;
}
.yylog img{
    width: 70%;height: auto;display: block; margin: 0 auto;
}