.page{
    background:url(dest/bg.png);
    background-size:2.38rem 1.37rem;
}

.tabs{
    display:flex;
    padding:.2rem .2rem .4rem .2rem;

    flex-wrap: nowrap;

    overflow:auto;
    box-sizing:border-box;
    width:100%;
}
.tabs .item{
    background-color:#29273F;
    margin-right:.2rem;
    flex:1;

    display: flex;
    flex-direction: column;
    white-space: nowrap;
    padding:.3rem .3rem;
}
.tabs .item:last-child{
    margin-right:0;
}
.tabs .item .caption{
    color:#fff;
    display:inline;
    line-height:.44rem;
    height:.44rem;
    text-align:left;
    position:relative;
}
.tabs .item .caption span{
    color:#fff;
    display:inline;
    line-height:.44rem;
    height:.44rem;
    text-align:left;
    margin-right:.12rem;
    font-size: .30rem;
}
.tabs .item .caption .f{
    margin-right:0;
}
.tabs .item .caption s{
    display:inline-block;
    position:absolute;
    top:50%;
    margin-top:-.14rem;
    border:.12rem solid #fff;
    border-top-color:transparent;
    border-bottom-color:transparent;
    border-right-color:transparent;
}
.tabs .item .name{
    color:#fff;
    line-height:1;
    font-size:.40rem;
    margin-top:.12rem;
}
.tabs .item .alias{
    color:#fff;
    line-height:1;
    font-size:.26rem;
    margin-top:.1rem;
}
.tabs .item.on{
    background-color:#684025;
    position:relative;
}
.tabs .item.on:after{
    content:'';
    display:inline-block;
    position:absolute;
    border:.20rem solid #684025;
    border-bottom-color:transparent;
    border-left-color:transparent;
    border-right-color:transparent;
    bottom:-.38rem;
    left:.2rem;
}
.dests{
    padding:.2rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    flex-direction: row;
}
.dests .dest-item{
    width:3.4rem;
    box-sizing:border-box;
    border:0.01rem solid #BFBFBF;
    border-radius:.1rem;
    background-color:#fff;
    margin-bottom:.2rem;
    overflow:hidden;
    color:#000;
}
.dests .dest-item .image{
    width:3.4rem;
    height:3.4rem;
    background-color:#D8D8D8;
}
.dests .dest-item .image img{
    width:100%;height:100%;
    vertical-align:middle;
}
.dests .dest-item .title{
    display:flex;
    align-items: center;
    padding:.1rem;
    font-size:.28rem;
    line-height:.3rem;
    height:.62rem;
}

.d2 .tabs .item{background-color:#952D3B}
.d2 .tabs .item.on{background-color:#BD8C3A}
.d2 .tabs .item.on:after{border-top-color:#BD8C3A;}