/*疾病导航*/

#disease {}

.disease {
    margin: 0 auto;
    text-align: center;
	padding-top: 0.1rem;
}

.disease .item {
    position: relative;
    display: inline-block;
    margin: 0 2%;
    width: 20%; font-size: 0rem;
     
/*
    text-align: justify;
    text-align-last: justify;
    text-justify:distribute-all-lines;
*/
    
}
.disease .item a {
    color: #333;
	font-size: 0.24rem;
}
.disease .item:after{ /*safari浏览器专用两端对齐*/
display:inline-block;
content:'';
overflow:hidden;
width:100%;
height:0;
}

.disease .item img {
    margin: 0 auto;
    margin-bottom: .05rem;
    display: block;
}


.disease .item:nth-child(1) div {
    background-image: url('../images/icon1.png')
}

.disease .item:nth-child(2) div {
    background-image: url('../images/icon2.png')
}

.disease .item:nth-child(3) div {
    background-image: url('../images/icon3.png')
}

.disease .item:nth-child(4) div {
    background-image: url('../images/icon4.png')
}

.disease .item:nth-child(5) div {
    background-image: url('../images/icon5.png')
}

.disease .item:nth-child(6) div {
    background-image: url('../images/icon6.png')
}

.disease .item:nth-child(7) div {
    background-image: url('../images/icon7.png')
}

.disease .item:nth-child(8) div {
    background-image: url('../images/icon8.png')
}

.disease .item:nth-child(9) div {
    background-image: url('../images/icon9.png')
}

.disease .item:nth-child(10) div {
    background-image: url('../images/icon10.png')
}

.disease .item:nth-child(11) div {
    background-image: url('../images/icon11.png')
}

.disease .item:nth-child(12) div {
    background-image: url('../images/icon1.png')
}

.disease .item:nth-child(1) span,
.disease .item:nth-child(3) span,
.disease .item:nth-child(4) span,
.disease .item:nth-child(6) span,
.disease .item:nth-child(7) span {
    padding: 0 10px;
}


/*医院动态*/

.news {
    margin: .35rem auto;
}

.news .item {
    position: relative;
    padding: .1rem 0.2rem;
    margin: 0.1rem auto;
	overflow: hidden;
    border: #dcdcdc solid 1px;
}
.news .item a {
    color: #333;
}

.news .item p {
    overflow: hidden;
     
    width: 70%;
    font-size: .26rem;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.news .item p strong {
    color: #f00;
    font-weight: normal
}

.news .item span {
   position: absolute;
    right: .2rem;
    display: inline-block;
    padding: 0 .1rem;
    font-size: .19rem;
    line-height: 0.4rem;
    height: 0.4rem;
    text-align: center;
    color: #458eea;
    border-radius: 3px;
    top: 0.07rem;
    border: #458eea solid 1px;
}

.news .item span i {
    font-size: .18rem;
}



@media only screen and (max-width: 639px) {
    /*.disease .item {
        font-size: 1.3rem;
    }
    .news .item p {
        font-size: 1.5rem;
    }
    .news .item span {
        font-size: 1rem;
    }
    .news .item span i {
        font-size: 1rem;
    }*/
}

@media only screen and (max-width: 350px) {
    /*.disease .item {
        font-size: 1.2rem;
    }*/
}