/*banner*/
.banner{
    width: 100%;
    z-index: 0;
    position: relative;
}
.banner img{
    width: 100%;
}
.banner .return{
    content: url("../images/index_03.png");
    display: block;
    position: absolute;
    top: 0.4rem;
    left: 0.4rem;
    z-index: 9999;
    width: 1.7rem;
}




/*hospital_info*/
.hospital_info{
    width: 100%;
    border-top-left-radius: 0.4rem;
    border-top-right-radius: 0.4rem;
    padding: 0.8rem 0 0.2rem;
    margin-top: -0.3rem;
    background: #fff;
    z-index: 9999;
    position: relative;
}
.hospital_info .title{
    width: 100%;
    font-size: 1.2rem;
    font-weight: bold;
}
.hospital_info .info{
    width: 100%;
    margin-top: 0.6rem;
}
.hospital_info .info .logo{
    width: 15%;
    float: left;
    content: url("../images/index_07.png");
    display: block;
}
.hospital_info .info .information{
    width: 52%;
    float: left;
    margin-left: 3.5%;
    margin-top: 0.2rem;
}
.hospital_info .info .information .position{
    width: 100%;
    font-size: 0.7rem;
}

.hospital_info .info .information .comment{
    width: 100%;
    margin-top: 0.35rem;
}
.hospital_info .info .information .comment .comment_icon{
    content: url("../images/index_11.png");
    display: block;
    float: left;
    width: 54%;

}
.hospital_info .info .information .comment .comment_num{
    width: auto;
    float: left;
    font-size: 0.7rem;
    font-weight: bold;
    margin-left: 0.4rem;
}

.hospital_info .info .score{
    width: 24.8%;
    float: right;
    margin-top: 0.1rem;
}
.hospital_info .info .score .number{
    width: 100%;
    text-align: right;
    color: #ff6600;
    font-size: 0.6rem;
}
.hospital_info .info .score .number span{
    font-size: 0.8rem;
    font-weight: bold;
}
.hospital_info .info .score ul{
    width: 100%;
    margin-top: 0.2rem;
}
.hospital_info .info .score ul li{
    width: 0.8rem;
    height: 0.8rem;
    background: #ababab;
    float: left;
    border-radius: 0.1rem;
    margin-left: 0.1rem;
    position: relative;
}
.hospital_info .info .score ul li:nth-child(1){
    margin-left: 0;
}
.hospital_info .info .score ul li i{
    content: url("../images/index_99.png");
    width: 0.6rem;
    height: 0.6rem;
    position: absolute;
    top: 0.08rem;
    left: 0.1rem;
    z-index: 9999;
}
.hospital_info .info .score ul li .division{
    width: 0.8rem;
    height: 0.8rem;
    position: absolute;
    top: 0;
    left: 0;
    background: #ff6600;
    border-radius: 0.1rem;
}

.hospital_info .info .score ul li:nth-child(5) .division{
    width: 0.5rem;
}

.hospital_info .center{
    padding-bottom: 0.7rem;
    border-bottom: 1px solid whitesmoke;
}











/*hospital_details*/
.hospital_details{
    width: 100%;
}
.hospital_details .title{
    width: 100%;
    font-size: 0.65rem;
}
.hospital_details .info{
    width: 100%;
    margin-top: 0.4rem;
}
.hospital_details .info .label{
    width: 70%;
    float: left;
}
.hospital_details .info .label .item{
    width: auto;
    float: left;
    background: #F5F5F5;
    padding: 0.2rem 0.4rem;
    border-radius: 0.8rem;
    margin-left: 0.3rem;
    font-size: 0.6rem;
}
.hospital_details .info .label .item:nth-child(1){
    margin-left: 0;
}
.hospital_details .info .but{
    width: auto;
    float: right;
    display: block;
    color: #0072fe;
    margin-top: 0.1rem;
}
.hospital_details .center{
    border-bottom: 1px solid whitesmoke;
    padding-bottom: 0.3rem;
}




.hospital_address{
    width: 100%;
    margin-top: 0.2rem;
}

.hospital_address .address{
    width: 100%;
}
.hospital_address .address .address_icon{
    content: url("../images/index_19.png");
    width: 4%;
    display: block;
    float: left;
    margin-top: 0.27rem;
}
.hospital_address .address .address_min{
    font-size: 0.8rem;
    float: left;
    width: 70%;
    margin-left: 2%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    margin-top: 0.2rem;
}
.hospital_address .address .address_font{
    width: 13%;
    float: right;
    box-sizing: border-box;
    border-left: 1px solid #ccc;
}
.hospital_address .address .address_font i{
    content: url(../images/index_21.png);
    display: block;
    width: 27%;
    margin: auto;
}
.hospital_address .address .address_font span{
    width: 100%;
    display: block;
    text-align: center;
    font-size: 0.6rem;
}


.hospital_address .honor{
    width: 100%;
    margin-top: 0.5rem;
    display: none;
}
.hospital_address .honor ul{
    width: 100%;
}
.hospital_address .honor ul li{
    width: 32%;
    float: left;
    margin-left: 2%;
    margin-top: 2%;
}
.hospital_address .honor ul li img{
    width: 100%;
}
.hospital_address .honor ul li:nth-child(3n+1){
    margin-left: 0;
}
.hospital_address .honor_but{
    width: 100%;
    text-align: center;
    margin-top: 0.5rem;
    color: #777777;

}
.hospital_address .honor_but span{
    transform: rotate(90deg);
    display: inline-block;
    transition: 0.3s;
}

.hospital_address .center{
    padding-bottom: 0.4rem;
}



.hospital_division{
    width: 100%;
    height: 3px;
    background: #f5f5f5;
}










/*hospital_nav*/
.hospital_nav{
    width: 100%;
    margin-top: 0.5rem;
}
.hospital_nav ul{
    width: 100%;
}
.hospital_nav ul li{
    width: 20%;
    float: left;
    text-align: center;
    font-size: 0.9rem;
    font-weight: bold;
    color: #777777;
}
.hospital_nav ul .active a{
    color: #b9090c;
    padding-bottom: 0.2rem;
    border-bottom: 2px solid #b9090c;
}







/*advertisement*/
.advertisement{
    width: 100%;
    margin-top: 1.3rem;
}
.advertisement img{
    width: 100%;
}




/*hospital_doctor*/
.hospital_doctor{
    width: 100%;
    margin-top: 1.3rem;
}
.hospital_doctor .title{
    width: 100%;
}
.hospital_doctor .title .title_icon{
    content: url("../images/index_26_26.png");
    display: block;
    width: 1rem;
    float: left;
}
.hospital_doctor .title .title_min{
    width: 60%;
    float: left;
    font-size: 0.9rem;
    font-weight: bold;
    color: #333333;
    margin-left: 2%;
}
.hospital_doctor .title .title_more{
    width: 15%;
    float: right;
    display: block;
    text-align: right;
    font-size: 0.8rem;
}

.hospital_doctor .doctor_min{
    width: 100%;
    overflow: hidden;
    overflow-x: auto;
    margin-top: 0.5rem;
}
.hospital_doctor .doctor_min .box{
    width: 400%;
}
.hospital_doctor .doctor_min .box .item{
    width: 19%;
    background: url("../images/index_14.png");
    background-size: cover;
    border-radius: 0.3rem;
    overflow: hidden;
    float: left;
    margin-left: 1.25%;
}
.hospital_doctor .doctor_min .box .item:nth-child(1){
    margin-left: 0;
}
.hospital_doctor .doctor_min .box .item .info{
    width: 100%;
    box-sizing: border-box;
    padding: 0.4rem;
}

.hospital_doctor .doctor_min .box .item .info .avatar{
    width: 27%;
    float: left;
    border-radius: 50%;
    overflow: hidden;
}
.hospital_doctor .doctor_min .box .item .info .avatar img{
    width: 100%;
}
.hospital_doctor .doctor_min .box .item .info .position{
    width: 68%;
    float: right;
}
.hospital_doctor .doctor_min .box .item .info .position div:nth-child(1){
    margin-top: 0.5rem;
}
.hospital_doctor .doctor_min .box .item .info .position div:nth-child(1) span:nth-child(1){
    font-size: 0.8rem;
    font-weight: bold;
}
.hospital_doctor .doctor_min .box .item .info .position div:nth-child(1) span:nth-child(2){
    font-size: 0.6rem;
}
.hospital_doctor .doctor_min .box .item .info .position div:nth-child(2){
    width: auto;
    display: inline-block;
    background: #b9090c;
    color: #fff;
    font-size: 0.7rem;
    padding: 0.1rem 0.4rem;
    margin-top: 0.3rem;
    border-radius: 0.2rem;
    margin-bottom: 0.5rem;
}

.hospital_doctor .doctor_min .box .item .be_good{
    width: 100%;
    font-size: 0.7rem;
    box-sizing: border-box;
    padding: 0.4rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    height: 3.4rem;
}
.hospital_doctor .doctor_min .box .item .be_good span{
    font-size: 0.8rem;
    color: #b9090c;

}
.hospital_doctor .doctor_min .box .item .people{
    width: 100%;
    margin-top: 0.3rem;
    background: #b9090c;
    box-sizing: border-box;
    padding: 0.4rem;
}
.hospital_doctor .doctor_min .box .item .people div:nth-child(1){
    width: auto;
    float: left;
    color: #fff;
}
.hospital_doctor .doctor_min .box .item .people div:nth-child(2){
    width: auto;
    float: right;
    color: #fff;
}






/*hospital_department*/
.hospital_department{
    width: 100%;
    margin-top: 1.3rem;
}
.hospital_department .title{
    width: 100%;
}
.hospital_department .title .title_icon{
    content: url("../images/index_14_14.png");
    display: block;
    width: 1rem;
    float: left;
}
.hospital_department .title .title_min{
    width: 60%;
    float: left;
    font-size: 0.9rem;
    font-weight: bold;
    color: #333333;
    margin-left: 2%;
}


.hospital_department .hospital_characteristic_min{
    width: 100%;
    margin-top: 0.5rem;
}
.hospital_department .hospital_characteristic_min .item{
    width: 49%;
    float: left;
    position: relative;
}


.hospital_department .hospital_characteristic_min .item:nth-child(1) i{
    content: url("../images/index1_05.png");
    width: 100%;
}
.hospital_department .hospital_characteristic_min .item:nth-child(2){
    margin-left: 2%;
}
.hospital_department .hospital_characteristic_min .item:nth-child(2) i{
    content: url("../images/index1_07.png");
    width: 100%;
}
.hospital_department .hospital_characteristic_min .item .name{
    width: 80%;
    position: absolute;
    top:1rem;
    left: 10%;
    font-size: 1rem;
    font-weight: bold;
}
.hospital_department .hospital_characteristic_min .item .hot{
    width: 30%;
    position: absolute;
    top:3rem;
    left: 10%;
    padding: 0.2rem 0.6rem;
    box-sizing: border-box;
    background: #b9090c;
    color: #fff;
    border-radius: 0.2rem;
}







/*hospital_department*/
.hospital_characteristic{
    width: 100%;
    margin-top: 1.3rem;
}
.hospital_characteristic .title{
    width: 100%;
}
.hospital_characteristic .title .title_icon{
    content: url("../images/index_24.png");
    display: block;
    width: 1rem;
    float: left;
    margin-top: 0.2rem;
}
.hospital_characteristic .title .title_min{
    width: 60%;
    float: left;
    font-size: 0.9rem;
    font-weight: bold;
    color: #333333;
    margin-left: 2%;
}

.hospital_characteristic .title .title_more{
    width: 15%;
    float: right;
    display: block;
    text-align: right;
    font-size: 0.8rem;
}

.hospital_characteristic .hospital_characteristic_content{
    width: 100%;
    margin-top: 0.8rem;
}
.hospital_characteristic .hospital_characteristic_content .item{
    width: 100%;
    border-radius: 0.2rem;
    background: #eeeeee;
    box-sizing: border-box;
    padding: 0.6rem;
    margin-top: 0.5rem;
}
.hospital_characteristic .hospital_characteristic_content .item img{
    display: block;
    float: left;
    width: 28%;
}
.hospital_characteristic .hospital_characteristic_content .item .info{
    width: 60%;
    float: left;
    margin-left: 4%;
}
.hospital_characteristic .hospital_characteristic_content .item .info a:nth-child(1){
    display: block;
    width: 100%;
    font-size: 0.7rem;
    color: #333333;
    margin-top: 0.3rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.hospital_characteristic .hospital_characteristic_content .item .info a:nth-child(2){
    display: block;
    width: 100%;
    color: #aaaaaa;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-top: 0.4rem;
    font-size: 0.65rem;
    line-height: 1.05rem;
}


.hospital_characteristic .hospital_characteristic_content .item .more{
    width: 5%;
    font-size: 1.3rem;
    text-align: center;line-height: 3.4rem;
    float: right;
    color: #aaaaaa;
}




/*hospital_instrument*/
.hospital_instrument{
    width: 100%;
    margin-top: 1.3rem;
}
.hospital_instrument .title{
    width: 100%;
}
.hospital_instrument .title .title_icon{
    content: url("../images/index_31.png");
    display: block;
    width: 1rem;
    float: left;
    margin-top: 0.2rem;
}
.hospital_instrument .title .title_min{
    width: 60%;
    float: left;
    font-size: 0.9rem;
    font-weight: bold;
    color: #333333;
    margin-left: 2%;
}

.hospital_instrument .title .title_more{
    width: 15%;
    float: right;
    display: block;
    text-align: right;
    font-size: 0.8rem;
}
.hospital_instrument .hospital_instrument_min{
    width: 100%;
    margin-top: 0.8rem;
}
.hospital_instrument .hospital_instrument_min .item{
    width: 48.5%;
    float: left;
    margin-left: 3%;
    margin-bottom: 1rem;
}
.hospital_instrument .hospital_instrument_min .item:nth-child(2n+1){
    margin-left: 0;
}
.hospital_instrument .hospital_instrument_min img{
    width: 100%;
}
.hospital_instrument .hospital_instrument_min .item_title{
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    margin-top: 0.3rem;
}









/*set_menu*/
.set_menu{
    width: 100%;
    margin-top: 1.3rem;
}
.set_menu .title{
    width: 100%;
}
.set_menu .title .title_icon{
    content: url("../images/index_34.png");
    display: block;
    width: 1rem;
    float: left;
    margin-top: 0.2rem;
}
.set_menu .title .title_min{
    width: 60%;
    float: left;
    font-size: 0.9rem;
    font-weight: bold;
    color: #333333;
    margin-left: 2%;
}

.set_menu .title .title_more{
    width: 15%;
    float: right;
    display: block;
    text-align: right;
    font-size: 0.8rem;
}




.set_menu .set_menu_min{
    width: 100%;
}
.set_menu .set_menu_min .item{
    width: 48.5%;
    float: left;
    margin-left: 3%;
    margin-top: 3%;
}
.set_menu .set_menu_min .item:nth-child(2n+1){
    margin-left: 0;
	clear:left;
}
.set_menu .set_menu_min .item img{
    width: 100%;
}
.set_menu .set_menu_min .item .item_title{
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-top: 0.3rem;
}
.set_menu .set_menu_min .item .item_title span{
    font-size: 0.8rem;
}
.set_menu .set_menu_min .item .but{
    display: inline-block;
    padding: 0.1rem 0.4rem;
    background: #b9090c;
    color: #fff;
    margin-top: 0.3rem;
    border-radius: 0.2rem;
}
.set_menu .set_menu_min .item .price{
    width: 100%;
    color: #ff6600;
    font-size: 0.7rem;
}
.set_menu .set_menu_min .item .price span{
    font-weight: bold;
    font-size: 0.8rem;
}







/*introduction*/
.introduction{
    width: 100%;
    margin-top: 1.3rem;
}
.introduction .title{
    width: 100%;
}
.introduction .title .title_icon{
    content: url("../images/index_39.png");
    display: block;
    width: 1rem;
    float: left;
    margin-top: 0.2rem;
}
.introduction .title .title_min{
    width: 60%;
    float: left;
    font-size: 0.9rem;
    font-weight: bold;
    color: #333333;
    margin-left: 2%;
}

.introduction .title .title_more{
    width: 15%;
    float: right;
    display: block;
    text-align: right;
    font-size: 0.8rem;
}



.introduction .introduction_min{
    width: 100%;
    margin-top: 0.6rem;
    line-height: 1.2rem;
    text-indent: 2em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}


/*ask_everyone*/
.ask_everyone{
    width: 100%;
    margin-top: 1.3rem;
}
.ask_everyone .title{
    width: 100%;
}
.ask_everyone .title .title_icon{
    content: url("../images/index_40.png");
    display: block;
    width: 1rem;
    float: left;
    margin-top: 0.2rem;
}
.ask_everyone .title .title_min{
    width: 60%;
    float: left;
    font-size: 0.9rem;
    font-weight: bold;
    color: #333333;
    margin-left: 2%;
}
.ask_everyone .ask_everyone_min{
    width: 100%;
}
.ask_everyone .ask_everyone_min .item{
    width: 100%;
    margin-top: 1.5rem;
}
.ask_everyone .ask_everyone_min .item:nth-child(1){
    margin-top: 0.6rem;
}
.ask_everyone .ask_everyone_min .item div:nth-child(1){
    box-sizing: border-box;
    padding-left: 1.3rem;
    display: block;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.ask_everyone .ask_everyone_min .item div:nth-child(1) span{
    width: 1rem;
    height: 1rem;
    position: absolute;
    top: 0;
    left: 0;
    background: #0072fe;
    color: #fff;
    text-align: center;
    line-height: 0.9rem;
    font-size: 0.6rem;
    border-radius: 0.2rem;
}
.ask_everyone .ask_everyone_min .item div:nth-child(2){
    box-sizing: border-box;
    padding-left: 1.3rem;
    display: block;
    position: relative;
    margin-top: 0.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.ask_everyone .ask_everyone_min .item div:nth-child(2) span{
    width: 1rem;
    height: 1rem;
    position: absolute;
    top: 0;
    left: 0;
    background: #b9090c;
    color: #fff;
    text-align: center;
    line-height: 0.9rem;
    font-size: 0.6rem;
    border-radius: 0.2rem;

}



/*ask_question*/
.ask_question{
    width: 50%;
    margin: 1rem auto 0;
    text-align: center;
    color: #fff;
    background: #b9090c;
    padding: 0.3rem 0;
    border-radius: 0.3rem;
    display: block;
    margin-bottom: 1rem;
}





/*Comment*/
.comment{
    width: 100%;
    margin-top: 1.3rem;
}
.comment .title{
    width: 100%;
}
.comment .title .title_icon{
    content: url("../images/comment.png");
    display: block;
    width: 1rem;
    float: left;
    margin-top: 0.2rem;
}
.comment .title .title_min{
    width: 60%;
    float: left;
    font-size: 0.9rem;
    font-weight: bold;
    color: #333333;
    margin-left: 2%;
}
.comment .comment_brief{
    width: 100%;
    border-radius: 0.3rem;
    box-sizing: border-box;
    border: 1px solid #F5F5F5;
    margin-top: 0.8rem;
    padding: 0.5rem 0;
}
.comment .comment_brief div:nth-child(1){
    width: 33.33%;
    text-align: center;
    float: left;
}
.comment .comment_brief div:nth-child(1) span:nth-child(1){
    font-size: 0.9rem;
    font-weight: bold;
    color: #b9090c;
    display: block;
}
.comment .comment_brief div:nth-child(1) span:nth-child(2){
    font-size: 0.7rem;
    color: #494949;
    display: block;
}

.comment .comment_brief div:nth-child(2){
    width: 33.33%;
    text-align: center;
    float: left;
    margin-top: 0.7rem;
}
.comment .comment_brief div:nth-child(2) span:nth-child(1){
    font-size: 0.7rem;
    font-weight: bold;
    color: #b9090c;
}
.comment .comment_brief div:nth-child(2) span:nth-child(2){
    font-size: 0.7rem;
    color: #494949;
}

.comment .comment_brief div:nth-child(3){
    width: 33.33%;
    text-align: center;
    float: left;
    margin-top: 0.7rem;
}
.comment .comment_brief div:nth-child(3) span:nth-child(1){
    font-size: 0.7rem;
    font-weight: bold;
    color: #b9090c;
}
.comment .comment_brief div:nth-child(3) span:nth-child(2){
    font-size: 0.7rem;
    color: #494949;
}
.comment .comment_min{
    margin-top: 0.2rem;
}
.comment .comment_min .item{
    width: 100%;
    background: #F5F5F5;
    box-sizing: border-box;
    padding: 0.8rem 0.6rem;
    border-radius: 0.2rem;
    margin-top: 0.5rem;
}
.comment .comment_min .item .doctor{
    width: 100%;
}
.comment .comment_min .item .doctor img{
    width: 12%;
    float: left;
    border-radius: 50%;
}
.comment .comment_min .item .doctor span{

    margin: 0.4rem 0 0 0.5rem;
    font-size: 0.8rem;
    color: #9d9d9d;
    display: block;
    float: left;

}
.comment .comment_min .item .min{
    width: 100%;
    margin-top: 0.5rem;
    font-size: 0.7rem;
    color: #313131;
    line-height: 1.2rem;
}
.comment .comment_min .item .info{
    width: 100%;
    color: #8a8a8a;
    font-size: 0.6rem;
    margin-top: 0.5rem;
}
.comment .comment_min .item .info span{
    color: #313131;
}