body,p{
    margin: 0;
}
html,body{
    height: 100%;
}
.full-page{
    height: 100%;
    max-width: 768px;
    margin: 0 auto;
}
.dfcb{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.bar{
    box-sizing: border-box;
    width: 100%;
    font-size: 17px;
    color: #fff;
    padding: 12px;
    background-color: #29bde0;
}
.bg-29{
    background-color: #29bde0;
}
.bar-icon {
    width: 20px;
}
.victory{
    display: block;
    width: 55%;
    height: auto;
    margin: 12px auto;
}
.attention{
	font-family: HiraginoSansGB-W6;
	font-size: 17px;
	line-height: 21px;
    color: #ffc865;
    padding: 0 40px 31px 40px;
}
.data{
    font-family: HiraginoSansGB-W6;
	font-size: 13px;
	line-height: 21px;
    color: #fff;
    padding: 0 40px 12px 40px;
    border-bottom: solid 1px rgba(83, 83, 83, 0.2);
}
.details{
    padding: 0 40px;
    border-bottom: solid 1px rgba(83, 83, 83, 0.2);
}
.first-day{
    font-size: 15px;
    color: #515151;
    line-height: 21px;
}
.time{
    font-size: 10px;
    color: #c7c7c7;
    line-height: 21px;
}
.day-night{
    font-size: 13px;
    line-height: 9px;
    color: #a6a6a6;
}
.last-row{
    padding-bottom: 65px;
}
footer {
    width: 100%;
    height: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
    justify-content: space-around;
    position: fixed;
    bottom: 0;
    width: 100%;
    max-width: 768px;
    background-color: rgba(40, 190, 224, 0.48);
 }
a{
    color: #fff;
}
a:hover {
    color: #fff;
    text-decoration: none!important;
}
.button{
    text-align: center;
    width: 42.5%;
    height: 43px;
    border-radius: 5px;
    line-height: 43px;
    color: #fff;
}
.bg-f6{
    background-color: #f66f6f;
}
.bg-fb{
    background-color: #fbb435;
}