body {
    background: #f2f2f2;
}

header {
    position: fixed;
    top: 0;
    z-index: 50;
    width: 100%;
    max-width: 750px;
    height: 44px;
    line-height: 44px;
    background: #FFF;
}

.headerNull {
    height: 44px;
}

.headerName {
    text-align: center;
    font-size: 16px;
    color: #010101;
}

.picWarp {
    height: 180px;
}

.picWarp img {
    width: 100%;
    height: 100%;
}

.detailWarp {
    background: #FFF;
    position: relative;
    z-index: 2;
}

.detailWarp .title {
    padding: 10px;
    border-bottom: 1px solid #F2F2F2;
}

.detailWarp .title .title-name {
    border-left: 3px solid #27CFC1;
    padding-left: 10px;
}

.detailWarp .title .consultation {
    float: right;
    padding-right: 10px;
    color: #27CFC1;
    font-size: 12px;
}

.icon-consultation {
    display: inline-block;
    margin-right: 6px;
    width: 13px;
    height: 13px;
    /*background-color: #CCC;*/
    background: url("/contents/images/icon/icon-consultation-26x26-01.png") no-repeat center / 100%;
    position: relative;
    top: 1px;
}

.detailWarp .content {
    padding: 10px 16px;
    color: #666;
}

.detailWarp .content p {
    /*line-height: 25px;*/
    margin-bottom: 10px;
}

.detailWarp .content li {
    margin-bottom: 4px;
    line-height: 25px;
}

.detailWarp .content2 {
    padding: 10px 16px;
    color: #666;
}

.detailWarp .content2:after, .detailWarp .item:after {
    clear: both;
    display: block;
    content: '';
    height: 0;
}

.detailWarp .content2 li {
    float: left;
    margin-bottom: 7px;
    width: 47%;
}

.detailWarp .content2 .iconImg {
    display: inline-block;
    width: 30px;
    height: 14px;
    margin: 5px 1px 0 0;
    background-size: 92%;
    background-position: center;
    background-repeat: no-repeat;
    vertical-align: sub;
}

.detailWarp .content2 .iconImg img {
    width: 100%;
    height: 100%;
}

.detailWarp .content i {
    display: inline-block;
    /*height: 30px;*/
    /*width: 30px;*/
    /*margin-right: 12px;*/
    vertical-align: middle;
    background-repeat: no-repeat;
    background-size: 100%;
}

.detailWarp ol.content {
    padding: 30px 30px 30px 70px;
}

.detailWarp ol.content li {
    list-style-type: decimal;
    line-height: 45px
}

.detail_icon {
    display: inline-block;
    margin-right: 20px;
    width: 25px;
    height: 29px;
    background: url(../images/icon/detail.png) no-repeat;
}

.detailWarp .item {
    padding: 12px 12px;
    /*border-bottom: 1px solid #F2F2F2;*/
    position: relative;
}

.detailWarp .item:not(:last-of-type) {
    border-bottom: 1px solid #F2F2F2;
}

.detailWarp .item:after {
    clear: both;
    display: block;
    content: '';
    height: 0;
}

.detailWarp .item .item_main {
    /*padding-right: 150px;*/
    width: 100%;
}

.detailWarp .item .item_main a {
    display: block;
}

.detailWarp .item .item_tit {
    color: #333;
    float: left;
}

.detailWarp .item .item_sub {
    /*float: left;*/
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    padding-right: 10px;
    width: 73%;
    /*width: 180px;*/
    border-right: 1px solid #E5E5E5;
    color: #666;
}

.subWidth {
    width: 183px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.detailWarp .item .item_icon {
    /* display: inline-block; */
    margin-top: -13.5px;
    width: 20px;
    height: 31px;
    position: absolute;
    top: 50%;
    right: 5.4%;
    color: #27CFC1;
    font-style: normal;
}

.iLoation {
    background: url(../images/icon/location.png) no-repeat;
    background-size: 100%;
}

.iCall {
    background: url(../images/icon/pic-call-word.png) no-repeat;
    background-size: 100%;
}

/** button **/
.buttonWarp {
    height: 50px;
    background: #FFF;
    border-top: 1px solid #e9e9e9;
    position: fixed;
    bottom: 0;
    z-index: 5;
    width: 100%;
    max-width: 750px;
}

.buttonWarp .button {
    font-size: 16px;
    /*height: 40px;*/
    /*line-height: 40px;*/
    width: 50%;
    border-radius: 50px;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 8px 0;
    margin-top: -20px;
    margin-left: -25%;
}

.buttonWarpNULL {
    height: 50px;
}

/****/

.flexslider .slides img {
    height: 160px !important;
}

.flex-control-paging li a {
    width: 5px !important;
    height: 5px !important;
}

.flex-control-nav {
    height: 11px !important;
}

.bloodType {
    display: inline-block;
    width: 26px;
    height: 16px;
    vertical-align: middle;
    margin-left: 10px;
}

.bloodType1 {
    background: url(/contents/images/icon/type1.png) no-repeat center;
    background-size: 100%;

}

.bloodType2 {
    background: url(/contents/images/icon/type2.png) no-repeat center;
    background-size: 100%;
}

.facilitie .swiper-slide {
    width: 60px;
}

.facilitie .slide-content {
    text-align: center;
    font-size: 10px;
    color: #666;
    width: 48px;
}

.facilitie .slide-content p img {
    width: 30px;
    height: 30px;
}

.nurse-swiper .swiper-slide {
    width: 95px;
}

.nurse-swiper .slide-content {
    text-align: center;
    font-size: 10px;
    color: #666;
    width: 55px;
}

.nurse-swiper .img-ctr {
    width: 55px;
    height: 55px;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 50%;
    /*overflow: hidden;*/
    position: relative;
}

.nurse-swiper .img-ctr img {
    display: block;
    /*width: auto;*/
    /*height:100%;*/
    width: 55px;
    height: 55px;
    border-radius: 50%;
}

.nurse-swiper .img-ctr .icon-v {
    display: block;
    width: 18px;
    height: 18px;
    background: url(/contents/images/icon/pic-v-on.png) no-repeat center / 100%;
    position: absolute;
    z-index: 1;
    right: 0;
    bottom: 0;
}

.nurse-swiper .nurse-name {
    margin-bottom: 10px;
    font-size: 16px;
    color: #333;
    line-height: 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.nurse-swiper .nurse-like {
    font-size: 12px;
    color: #FF8E11;
    line-height: 12px;
}

.nurse-swiper .nurse-like span {
    display: inline-block;
    vertical-align: middle;
}

.nurse-swiper .nurse-like:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    width: 13px;
    height: 12px;
    background: url(/contents/images/icon/pic-like-hollow-39x36-01.png) no-repeat center / 100%;
    position: relative;
    top: -1px;
}