html, body {
    margin: 0;
    padding: 0;
    height: 100%;
    /*overflow: hidden; !* 禁止滚动条 *!*/
}
body {
    margin: 0;
    padding: 0;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.container {
    width: 100%;
    background-color: #FC4140;
    background-size: 100% 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.top01 {
    /*width: auto;*/
    margin: 0;
    width: 100%;
    min-height: 25vh;
}

.container01 {
    width: 100%;
    min-height: 75vh;
    /*background-color: #FF833E;*/
    background-size: 100% 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 60px;
}

.top-title{
    width: 90%;
}
.top-info{
    width: 90%;
    margin-bottom: 16px;
}
.action,.coupon,.travel{
    width: 90%;
    margin-top: 16px;
}

.smk-map {
    width: 90%;
}


.act01 {
    /*transform: translate(0.75%, 0%);*/
    margin: 0;
    padding: 0;
    border: 0;
    margin-top: -10px;
    width: 98%;
}


.act02{
    /*transform: translate(0.75%, -9%);*/
    margin: 0;
    padding: 0;
    border: 0;
    margin-top: -10px;
    width: 98%;
}
.act03{
    /*transform: translate(0.75%, -18%);*/
    margin: 0;
    padding: 0;
    border: 0;
    margin-top: -10px;
    width: 98%;
 }
.act04{
    /*transform: translate(0.75%, -27%);*/
    margin: 0;
    padding: 0;
    border: 0;
    margin-top: -10px;
    width: 98%;
}
.act05 {
    /*transform: translate(0.75%, -36%);*/
    margin: 0;
    padding: 0;
    border: 0;
    margin-top: -10px;
    width: 98%;
}
.act06 {
    /*transform: translate(0.75%, -45%);*/
    margin: 0;
    padding: 0;
    border: 0;
    margin-top: -10px;
    width: 98%;
}
.act07 {
    /*transform: translate(0.75%, -54%);*/
    margin: 0;
    padding: 0;
    border: 0;
    margin-top: -10px;
    width: 98%;
}