@keyframes bi2_move {
0% {
transform: rotate(-20deg);
}
50% {
transform: rotate(20deg);
}
100% {
transform: rotate(-20deg);
}
}
@font-face {
font-family: 'Montserrat SemiBold';
src: url(//cdn.nexabar.com/nexabar_www/default/static/fonts/MONTSERRAT-SEMIBOLD.OTF);
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Montserrat Bold';
src: url(//cdn.nexabar.com/nexabar_www/default/static/fonts/MONTSERRAT-BOLD.TTF);
font-weight: normal;
font-style: normal;
font-display: swap;
}
body { }
body .navigate-button {
background-color: #4285f4;
color: white;
border: none;
padding: 5px 10px;
cursor: pointer;
border-radius: 3px;
margin: 5px 0;
}
body .navigate-button:hover {
background-color: #3267d6;
}
.container-fluid {
width: 17.2rem;
border-radius: 0.5rem;
background-color: #f7f8fa;
margin: 1rem auto;
padding: 1rem 0;
text-align: center;
color: #000;
}
.container-fluid .tit {
font-family: "Montserrat Bold";
font-weight: bold;
font-size: 0.55rem;
line-height: 0.6rem;
margin-bottom: 0.2rem;
}
.container-fluid .date {
font-size: 0.2rem;
line-height: 0.24rem;
margin-bottom: 1.6rem;
}
.container-fluid .search-tit {
font-size: 0.35rem;
font-weight: bold;
position: relative;
font-family: "Montserrat Bold";
}
.container-fluid .search-tit .partner-img {
width: calc(3.81rem * 0.8);
height: calc(2.58rem * 0.8);
position: absolute;
right: 0.7rem;
top: 50%;
margin-top: calc(-2.58rem * 0.8 * 0.5);
z-index: 2;
transform: scale(0.8);
animation: bi2_move 3s linear infinite forwards;
}
.container-fluid h4 {
font-size: 0.55rem;
font-weight: bold;
margin-bottom: 0.2rem;
font-family: "Montserrat Bold";
}
.container-fluid .rules {
font-size: 0.2rem;
line-height: 0.24rem;
}
#map {
width: 16.2rem;
border-radius: 0.6rem;
height: 9rem;
margin: 0.4rem auto 0.85rem;
}
@media (max-width: 750px) {
.container-fluid {
width: 95%;
}
.container-fluid .search-tit .partner-img {
display: none;
}
.container-fluid .rules {
padding: 0 0.1rem;
}
#map {
width: 95%;
height: 10.8rem;
}
.go-shop {
display: none;
}
}