/*banner*/
#banner{
    width: 6.4rem;
    height: 3.71rem;
}
#banner a{
    display: block;
    width: 100%;
    height: 100%;
}

/*顶部喇叭区域*/
#horn{
    width: 100%;
    height: 0.7rem;
    background-color: #E5E8EA;
}
#horn .horn-inner{
    display:block;
    width: 5.4rem;
    margin:0 auto;
    height: 0.5rem;
    line-height: 0.5rem;
    margin-top:0.1rem;
    -webkit-border-radius:0.25rem;
    -moz-border-radius:0.25rem;
    border-radius:0.25rem;
    background:#fff url("static/new/images/icon_horn.png") no-repeat 0.2rem center;
    -webkit-background-size:5%;
    background-size:5%;
    font-size: 0.24rem;
    color: #444444;
    padding-left: 0.7rem;
}
/*男科频道首页navigation*/
#nav_nk{
    width: 6.2rem;
    margin:0.3rem auto;
}
#nav_nk>li{
    float: left;
    width: 1.2rem;
    margin-right: 0.46rem;
}
#nav_nk>li:last-child{
    margin-right: 0;
}
#nav_nk>li>a{
    display: block;
    width: 100%;
    height: 100%;
}
#nav_nk .icon_nk{
    width: 1.2rem;
    height: 1.2rem;
    background: #f2f2f2 url("../images/icon_nk01.png") no-repeat center center;
    -webkit-background-size:95%;
    background-size:95%;
    -webkit-border-radius:0.1rem;
    -moz-border-radius:0.1rem;
    border-radius:0.1rem;
}
#nav_nk>li:nth-child(2) .icon_nk{
    background-image: url("../images/icon_nk02.png");
}
#nav_nk>li:nth-child(3) .icon_nk{
    background-image: url("../images/icon_nk03.png");
}
#nav_nk>li:nth-child(4) .icon_nk{
    background-image: url("../images/icon_nk04.png");
}
#nav_nk  p{
    color: #333333;
    font-size:0.22rem;
    line-height: 2;
    text-align: center;
}

/*诊疗病症*/
#disease_nk{
    width: 100%;
    text-align: center;
    background-color: #F2F2F2;
    padding-bottom: 0.2rem;
}
#disease_nk_box{
    width: 6rem;
    margin:0 auto;
}
#disease_nk a{
    display: block;
    -webkit-border-radius:0.1rem;
    -moz-border-radius:0.1rem;
    border-radius:0.1rem;
    color: #fff;
    font-size: 0.28rem;
}
#disease_nk>h2{
    color: #666666;
    font-size:0.36rem;
    line-height: 1rem;
    font-weight:normal;
    text-align: center;
}
#disease_nk .r1-c1{
    display: block;
    width: 2.8rem;
    height: 2.6rem;
    background-color: #F87B01;
    color: #fff;
    margin-right:0.1rem;
}
#disease_nk h3{
    font-size:0.32rem;
}
#disease_nk h4{
    font-size:0.2rem;
    font-weight:normal;
}
#disease_nk .r1-c1>dl{
    width: 0.9rem;
    margin-top: 0.2rem;
}
#disease_nk .r1-c1 dd{
    font-size:0.2rem;
}
#disease_nk .r1-c1>h3{
    margin-top: 0.3rem;
}
#disease_nk .r1-c1>dl:nth-child(3){
    margin:0.2rem 0.4rem 0 0.3rem;
}
#disease_nk .r1-c2{
    width: 3rem;
}
#disease_nk .r1-c2>a{
    margin-bottom: 0.08rem;
}
#disease_nk .r1-c2-r1{
    background-color: #2EB7DE;
    line-height: 0.76rem;
}
#disease_nk .r1-c2-r2{
    height: 0.82rem;
    background-color: #0E70CC;
    padding-top: 0.1rem;
}
#disease_nk .r1-c2-r3{
    line-height: 0.76rem;
    margin-bottom: 0;
}
#disease_nk .r1-c2-r3 .lf{
    width: 1.35rem;
    background-color: #E3993A;
}
#disease_nk .r1-c2-r3 .rf{
    width: 1.55rem;
    background-color: #DB4CB8;
}
/*row2*/
#disease_nk .r2{
    margin:0.1rem 0;
    height: 1.6rem;
}
#disease_nk .r2-c1{
    background-color: #46C36C;
    width: 2.8rem;
    height: 1.15rem;
    padding-top: 0.45rem;
}
#disease_nk .r2-c2{
    width:3rem;
}
#disease_nk .r2-c2 a:first-child{
    width: 100%;
    line-height: 0.76rem;
    margin-bottom: 0.08rem;
    background-color: #7360E6;
}
#disease_nk .r2-c2 a:last-child{
    width: 100%;
    line-height: 0.76rem;
    background-color: #4894EA;
}
/*row3*/
#disease_nk .r3{
    margin-top: 0.1rem;
}
#disease_nk .r3>a{
    line-height: 0.76rem;
}
#disease_nk .r3>a:first-child{
    width: 2.8rem;
    background-color: #378EFA;
}
#disease_nk .r3 .rf{
    width: 3rem;
    background-color: #F58060;
}
/*row4*/
#disease_nk .r4{
    margin-top: 0.1rem;
}
#disease_nk .r4>a{
    line-height: 0.76rem;
}
#disease_nk .r4>a:first-child{
    width: 6rem;
    background-color: #8e83b9;
}
#disease_nk .r4 .rf{
    width: 6rem;
    background-color: #8e83b9;
}
/*马上预约*/
#disease_nk .apt_nk{
    margin:0.3rem auto;
    width:6rem;
}
#disease_nk .apt_nk .lf{
    width: 2rem;
    line-height: 0.7rem;
    background-color: #F87B01;
}
#disease_nk .apt_nk .rf{
    width: 3.65rem;
}
/*剩余名额*/
.apt_rest{
    color: #615e5e;
    font-size: 0.3rem;
}
.apt_rest span{
    display: inline-block;
    color: #ffffff;
    background-color: #F87B01;
    padding:0.05rem;
    -webkit-border-radius:0.1rem;
    -moz-border-radius:0.1rem;
    border-radius:0.1rem;
    margin:0 0.06rem;
}
/*诊疗设备*/
#device>h2{
    color: #666666;
    font-size: 0.36rem;
    line-height: 1rem;
    font-weight: normal;
    text-align: center;
}
/*轮播图*/
#device .swiper-container{
    width: 5.9rem;
    height: 2.76rem;
    margin:0 auto;
}
#device .pagi{
    position: absolute;
    bottom: 0.1rem;
    z-index:10;
    text-align: right;
}
#device .pagi>span{
    width: 0.2rem;
    height: 0.2rem;
    background-color: #0E70CC;
    opacity:1;

}
#device span.swiper-pagination-bullet-active{
    background-color: #F87B01;
}

/*sec6服务平台*/
#sec_6{
    background-color: #f2f2f2;
    padding-bottom: 0.5rem;
    border-bottom:0.03rem solid #dbd9d9;
    margin:0.5rem 0;
}
#sec_6>h2{
    width: 100%;
    line-height: 0.7rem;
    color: #ffffff;
    background-color: #118fde;
    font-weight:normal;
    font-size:0.3rem;
    text-align: center;
}
.form-group{
    width: 6rem;
    height: 0.6rem;
    margin: 0.15rem 0;
}
.form-group label{
    display: inline-block;
    width: 1.8rem;
    line-height: 0.6rem;
    text-align: right;
    font-size:0.24rem;
    color: #666;
}
.form-group input{
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 4rem;
    height: 0.58rem;
    padding:0 0.1rem;
    background-color: #fff;
    border: 0.01rem solid #d2d2d2;
    font-size:0.24rem;
}
.form-group input::-webkit-input-placeholder{
    font-size:0.24rem;
}
#appointment>p{
    text-align: center;
    font-size:0.22rem;
    color: #666;
    margin:0.1rem 0 0.4rem;
}
.sec5-btns{
    text-align: center;
}
.sec5-btns input{
    line-height: 0.6rem;
    color: #ffffff;
    font-size:0.26rem;
    font-family:"microsoft yahei";
    -webkit-border-radius:0.1rem;
    -moz-border-radius:0.1rem;
    border-radius:0.1rem;
}
#usubmit{
    width: 1.8rem;
    margin-right: 0.6rem;
    background-color: #118fde;
}
#ureset{
    width: 1.3rem;
    background-color: #ff6d00;
}
