html {
    height: 100%;
    max-height: 1362px;
}
body {
    padding: 0;
    max-width: 640px;
    margin: 0 auto!important;
    background-color: #f3f3f3;
    position: relative;
}
#topnav {
    display: none;
}
.maincontainer {
    margin: 0 auto;
    position: relative;
}

.main {
    height: 100%;
    width: 100%;
    position: relative;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: top center;
}
.btn {
    position: absolute;
    left: 31.25%;
    padding: 0;
    width: 37.5%;
    height: 4.2105%;
    display: block;
    top: 68.5%;
}
.swiper-container {
    top: 77.76%;
    position: absolute;
    width: 95.625%;
    margin-left: auto;
    margin-right: auto;
    left: 2.1875%;
}
.slide1 {
    background-image: url('img/swiper/1.jpg');
}
.slide2 {
    background-image: url('img/swiper/2.jpg');
}
.slide3 {
    background-image: url('img/swiper/3.jpg');
}
.slide4 {
    background-image: url('img/swiper/4.jpg');
}
.slide5 {
    background-image: url('img/swiper/5.jpg');
}
.slide6 {
    background-image: url('img/swiper/6.jpg');
}

.swiper-slide {
    background-position: center;
    background-size: cover;
    padding-top: 56.2092%;
    position: relative;
}


.swiper-pagination {
    position: relative;
    margin-top: 4%;
    bottom: 6px !important;
}
.swiper-pagination-bullet {
    width: 7px;
    height: 7px;
    border-radius: 0px;
    opacity: 1;
    border-color: #f2cd19;
    background-color: transparent;
    border-width: 2px;
    border-style: solid;
    margin: 0 6px !important;
}
.swiper-pagination-bullet-active {
    background-color: #f2cd19;
}
#footer {
    width: 100%;
    background: #f3f3f3;
    font-size: 14px;
}
#footer .for-small {
    display: block;
    text-align: center;
    color: #8d8181;
    padding: 40px 0px;
}

#footer .for-small .xd-site-name {
    display: block;
}
.fancybox-container {
    height: 110%;
}
/****预约窗口******/
.fancybox-slide {
    max-width: 640px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    padding: 0;
}
.layout {
    display: none;
    top: 32.8%;
    left: 10.7813%;
    position:absolute;
    width: 78.4375%;
    padding-top: 47.0312%;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    background-color: transparent;
}
.layout .page1, .layout .page2 {
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
}
.layout .page1 {
    height: 100%;
    background-image: url('./img/layout/window1.png');
    background-size: cover;
}
.intl-tel-input.allow-dropdown {
    position: absolute;
    display: inline-block;
    top: 22.2%;
    left: 30.6%;
    width: 53.5%;
    background-color: rgba(0,0,0,0);
    height: 17.1%;
}
.flag-container, .selected-flag, .telephonenumm {
    background-color: rgba(0,0,0,0);

}
.flag-container {
    width: 28.5%;
}
.country-list  {
    width: 350.8772%;
}
.selected-flag {
    width: 100%!important;
}
.iti-flag {
    display: none;
}
.iti-arrow {
    display: none;
}
.dia {
    text-align: center;
    height: 17.1%;;
    position: absolute;
    width:10.487%;
    top: 22.2%;
    left: 30.6%;
}
.layout .page1 .telephonenumm {
    display: block;
    height: 100%;
    width: 100%;
}
#telephonenum {
    padding-left: 28.5%;
}
.layout .page1 .telephoneok {
    display: block;
    position: absolute;
    height: 20%;
    cursor: pointer;
    width:40%;
    top: 54.8%;
    left: 30%;
}

.layout .page2 {
    /*margin-top: 10.5814%;*/
    margin-top:0;
    background-size: cover;
    background-image: url('./img/layout/window2.png');
    height: 48.8472%;
}
.link {
    position: absolute;
    top: 60%;
    display: block;
    height: 22%;
    width:62%;
    left: 19%;
}
.error {
    color: red;
    position: absolute;
    top: 44%;
    left: 32%;
}
@media only screen and (max-width: 414px){
    .error {
        top: 43%;
        font-size:11px;
    }
}
@media only screen and (max-width: 375px){
    .dia {
        font-size:12px;
    }
}@media only screen and (max-width: 320px){
    .error {
        top: 42%;
        font-size:10px;
    }
}
.hide {
    display: none;
}

.intl-tel-input.iti-container {
    z-index: 99993;
}