.mainDetail{
    height: auto;
}
.headerCon{
    background: url(../images/gy_page.png) no-repeat;
    background-size: 100%;
}
.topBox{
    background: url(../images/gy_banner.png) no-repeat top center;
    background-size: 100% 100%;
    padding: 0.64rem 0.32rem 4.05rem;
    box-sizing: border-box;
}
.topBox .hd{
    margin-bottom: 0.32rem;
}
.topBox .hd li{
    width: 50%;
    height: 1.18rem;
    line-height: 1.07rem;
    text-align: center;
    color: #1677FF;
    font-size: 0.4rem;
}
.topBox .hd .tab1{
    background: url(../images/gy_tab1.png) no-repeat;
    background-size: 100% 1.07rem;
}
.topBox .hd .tab1.on{
    background: url(../images/gy_tabon1.png) no-repeat;
    background-size: 100% 1.18rem;
    color: #fff;
}
.topBox .hd .tab2{
    background: url(../images/gy_tab2.png) no-repeat;
    background-size: 100% 1.06rem;
}
.topBox .hd .tab2.on{
    background: url(../images/gy_tabon2.png) no-repeat;
    background-size: 100% 1.18rem;
    color: #fff;
}
.titleStyle{
    width: 1.71rem;
    height: 0.72rem;
    background: url(../images/gy_icon1.png) no-repeat;
    background-size: 100% 100%;
    text-align: center;
    color: #fff;
    font-size: 0.32rem;
    line-height: 0.72rem;
    margin-bottom: 0.23rem;
}
.topBox .infoBox{
    font-size: 0.35rem;
    line-height: 0.56rem;
    margin-bottom: 0.32rem;
}
.bottomBox{
    background: linear-gradient(180deg, #E7F1FF 0%, #FFFFFF 19%, #E6F1FF 45%, #FFFFFF 72%, #CBE0FE 100%);
    padding: 0 0.32rem 0.32rem;
    margin-top: -1.5rem;
}
.bottomBox .unitBox{
    padding: 0 0.32rem 0.32rem;
    background: #fff;
    border-radius: 0.1rem;
}
.bottomBox .unitBox .titleBox{
    width: 4rem;
    height: 1.07rem;
    background: linear-gradient(180deg, #00BFD0 0%, #1677FF 100%);
    text-align: center;
    margin: 0 auto;
    font-size: 0.4rem;
    line-height: 1.07rem;
    color: #fff;
    border-radius: 0rem 0rem 0.11rem 0.11rem;
    margin-bottom: 0.32rem;
}
.unitBox .bd li{
    border-bottom: 1px dashed #eee;
    font-size: 0.35rem;
    line-height: 0.56rem;
    padding: 0.24rem 0 0.24rem 0.8rem;
    background: url(../images/gy_icon2.png) no-repeat left 0.3rem;
    background-size: 0.48rem 0.48rem;
}
.unitBox .hd{
    width: 1.14rem;
    margin: 0.32rem auto 0;
}
.unitBox .hd li{
    float: left;
    width: 0.24rem;
    height: 0.24rem;
    overflow: hidden;
    margin-right: 0.21rem;
    text-indent: -999px;
    cursor: pointer;
    background: url(../images/gy_spot1.png) no-repeat center;
    background-size: 0.16rem 0.16rem ;
}
.unitBox .hd li:last-child{
    margin-right: 0;
}
.unitBox .hd li.on{
    background: url(../images/gy_spot.png) no-repeat center;
    background-size: 0.24rem 0.24rem ;
}
.ywfw{
    margin-top: 0.32rem;
}
.bottomBox .unitBox.lxfs{
    background: url(../images/gy_pic.png) no-repeat center;
    background-size: 100% 100%;
    width: 9.36rem;
    height: 5.29rem;
    box-sizing: border-box;
    margin-top: 0.32rem;
}
.lxfs ul li{
    border-bottom: 1px dashed #eee;
    padding: 0.35rem 0;
}
.lxfs ul li em{
    padding-left: 0.8rem;
    font-size: 0.32rem;
    color: #999;
    line-height: 0.59rem;
    margin-right: 0.21rem;
}
.lxfs ul li span{
    font-size: 0.32rem;
    line-height: 0.59rem;
}
.lxfs .icon01{
    background: url(../images/gy_icon3.png) no-repeat left center;
    background-size: 0.59rem 0.59rem;
}
.lxfs .icon02{
    background: url(../images/gy_icon4.png) no-repeat left center;
    background-size: 0.59rem 0.59rem;
}
.lxfs .icon03{
    background: url(../images/gy_icon5.png) no-repeat left center;
    background-size: 0.59rem 0.59rem;
}
.lxfs .mapBtn{
    background: url(../images/gy_icon6.png) no-repeat left center;
    background-size: 0.57rem 0.57rem;
    width: 0.57rem;
    height: 0.57rem;
}