#gFooter{position:relative;padding-bottom:26%;}
#waves{position:absolute;left:0;top:0;width:100%;height:100%;}

#main{padding:1rem 17.5% 0 26%;box-sizing:border-box;min-height:calc(100vh - 26vw);}
#main .inner{padding-top:.42rem;border-top:1px solid #d8d4d6;}
#main .crumbs{font-size:.14rem;color:#8c8c8c;margin-bottom:.43rem;}
#main .crumbs a{color:#8c8c8c;transition:color .5s ease;}
#main .crumbs a:hover{color:#9f1651;}
#main .title{font-size:.36rem;color:#404040;margin-bottom:.38rem;}
#main .thd{display:flex;font-size:.18rem;line-height:.24rem;margin-bottom:.5rem;}
#main .thd a{display:block;color:#404040;border-bottom:.05rem solid transparent;margin-right:.5rem;}
#main .thd a.on,#main .thd a:hover{color:#ac185a;border-color:#ac185a;transition:color .5s ease;}
#main .tbd{font-size:.14rem;line-height:.26rem;color:#595959;}
#main .tbd .item{display:none;}
#main .tbd .item.on{display:block;}
#main .tbd .charts{display:flex;flex-wrap:wrap;justify-content:space-between;}
#main .tbd .charts .chart{width:44%;margin-bottom:.6rem;}
#main .tbd .charts .chart .chd{font-size:.16rem;color:#595959;margin-bottom:.32rem;}
#main .tbd .charts .chart img{max-width:100%;}

@media all and (max-width:768px) {
    #main{padding:1.7rem .3rem 0;margin-bottom:1.2rem;}
    #main .back{display:flex!important;align-items:center;font-size:.26rem;margin-bottom:.8rem;}
    #main .back svg{width:.4rem;height:.4rem;fill:#404040;transform:rotate(-90deg);}
    #main .back span{margin-left:.25rem;}
    #main .inner{padding-top:.63rem;}
    #main .title{font-size:.5rem;line-height:.72rem;margin-bottom:.57rem;}
    #main .thd{font-size:.3rem;line-height:.5rem;margin-bottom:.57rem;overflow-x: auto;white-space: nowrap;}
    #main .tbd{font-size:.26rem;line-height:.48rem;}
    #main .tbd .charts .chart{width:100%;margin-bottom:.8rem;}
    #main .tbd .charts .chart .chd{font-size:.26rem;margin-bottom:.35rem;}
    #main .tbd .charts .chart img{width:auto;}

}