@font-face {
    font-family: "Furore";
    src: url("../font/Furore/Furore-2.ttf");
    src: url("../font/Furore/Furore-2.eot") format('embedded-opentype'),
    url("../font/Furore/Furore-2.woff") format('woff'),
    url("../font/Furore/Furore-2.ttf") format('truetype'),
    url("../font/Furore/Furore-2.svg") format('svg');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: "Furore";
    src: url("../font/Furore/Furore-2.ttf");
    src: url("../font/Furore/Furore-2.eot") format('embedded-opentype'),
    url("../font/Furore/Furore-2.woff") format('woff'),
    url("../font/Furore/Furore-2.ttf") format('truetype'),
    url("../font/Furore/Furore-2.svg") format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: "Zenkaku";
    src: url("../font/Zen/ZenKakuGothicNew-Light.ttf");
    src: url("../font/Zen/ZenKakuGothicNew-Light.eot") format('embedded-opentype'),
    url("../font/Zen/ZenKakuGothicNew-Light.woff") format('woff'),
    url("../font/Zen/ZenKakuGothicNew-Light.ttf") format('truetype'),
    url("../font/Zen/ZenKakuGothicNew-Light.svg") format('svg');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: "Zenkaku";
    src: url("../font/Zen/ZenKakuGothicNew-Black.ttf");
    src: url("../font/Zen/ZenKakuGothicNew-Black.eot") format('embedded-opentype'),
    url("../font/Zen/ZenKakuGothicNew-Black.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Zenkaku";
    src: url("../font/Zen/ZenKakuGothicNew-Regular.ttf");
    src: url("../font/Zen/ZenKakuGothicNew-Regular.eot") format('embedded-opentype'),
    url("../font/Zen/ZenKakuGothicNew-Regular.ttf") format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: "Zenkaku-Medium";
    src: url("../font/Zen/ZenKakuGothicNew-Medium.ttf");
    src: url("../font/Zen/ZenKakuGothicNew-Medium.eot") format('embedded-opentype'),
    url("../font/Zen/ZenKakuGothicNew-Medium.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
}
:root{
    --fs-s:1rem;
    --fs-sm:1.2rem;
    --fs-sx:1.4rem;
    --fs-m:1.8rem;
    --fs-b:2.2rem;
    --fs-l:2.6rem;
    --fs-xl:3.0rem;

    --space-s:0.5rem;
    --space-sx:1rem;
    --space-m:2rem;
    --space-b:3rem;
    --space-l:5rem;
    --space-xl:8rem;


    --main-color:#87b2dc;
    --main-bg-color:white;
    --main-text-color:black;
    --main-btn-color:#0b1078;
    --main-gray:#bbbbbb;
    --font-style:"Zenkaku",SimHei;
    --logo-font:"Furore", "Segoe UI Black";
}

/* init */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td {
    margin: 0;
    padding: 0;
    font-family: var(--font-style);
}

body, button, input, select, textarea {
    font-size: var(--fs-sx);
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
}

address, cite, dfn, em, var {
    font-style: normal;
}

code, kbd, pre, samp {
    font-family: couriernew, courier, monospace;
}

small {
    font-size: var(--fs-sx);
}

ul, ol {
    list-style: none;
}

a {
    text-decoration: none;
    color: black;
}

a:hover {
    text-decoration: none;
}

sup {
    vertical-align: text-top;
}

sub {
    vertical-align: text-bottom;
}

legend {
    color: #000;
}

fieldset, img {
    border: 0;
}

img:not([src]){
    opacity: 0;
}
button, input, select, textarea {
    font-size: 100%;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

li {
    list-style: none;
}
.flex-pre-middle{
    display: flex;
    flex-direction:column;
    justify-content: center;
    align-items: center;
}
.logo-font{
    font-family: var(--logo-font);
}


#app{
    padding: 0;
}
.page-title{
    font-size: var(--fs-xl);
}

/*箭头按钮*/
.arrow-button{
    color: #0b1078;
    display: inline-block;
    margin-bottom: 30px;
}
body{
    overflow-x: hidden;
}

.address-display[active=false]{
    display: none;
}
.address-collapse{
    cursor: pointer;
    color: var(--main-text-color);

}
.address-collapse[active=true]{
    pointer-events: none;
    color: #b3b7bb;
    text-decoration: none;

}
#address-map{
    width: 100%;
    height: 200px;
}
@media screen and (max-width:620px ) {
    .arrow-button>span{
        font-size: var(--fs-sm);
    }

    #address-map{
        width: 50vw;
        min-width: 350px;
        margin-top: 20px;
        height: 200px;
    }
}