@charset "utf-8";
html{color:#000;background:#fff;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
html *{outline:0;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
body {background:#FFF;color:#4a4f5a;font: 400 14px/1.5 "微软雅黑",Helvetica,STHeiti,Droid Sans Fallback;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;-webkit-tap-highlight-color:rgba(0,0,0,0);}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0}
input,select,textarea{font-size:100%}
article,aside,footer,header,nav,section,audio,canvas,video,img {display: block;}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
abbr,acronym{border:0;font-variant:normal}
del{text-decoration:line-through}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
button{outline:0;border:none;}
a:hover{text-decoration:none}
ins,a{text-decoration:none}
textarea {resize: none;}
iframe,img {border:0;}
img{display:block;width:100%;}
ul,ol {list-style:none;}
input,select,textarea {outline: 0;-webkit-user-modify: read-write-plaintext-only;}
input {-webkit-appearance: none;}
.pr{position:relative;}
.abs{position: absolute}
.fl{float:left;display:inline-block;}
.fr{float:right;display:inline-block;}
.clearfix:after{content:".";display:block;height:0;clear: both;visibility:hidden;}
.clearfix{*zoom:1;}
.wrap{min-width: 320px;max-width:768px;margin:0 auto;overflow:hidden;position:relative;}

/*正文开始*/
body{background:#070913}
/*自定义样式*/
.msf{font-family:Microsoft Yahei}
/*加载进度层*/
.loading{ width:100%; height:100%;z-index:999; overflow:hidden;background:#000;position: fixed;top:0;left:0;}
.loading .progress{width:111px;height:111px;position:absolute;left:50%;top:50%; margin:-55px 0 0 -55px;}
.loading .rond{height:100px;width:100px;background:rgba(255, 255, 255, 0.05);border:1px solid rgba(255, 255, 255, 0.5);border-radius:50%;position:absolute;top:5px;left:5px;animation:rond 2s infinite;-webkit-animation : rond 2s infinite;}
.loading .pTest{height:10px;width:10px;position:absolute; background:rgba(255, 255, 255,1);border-radius:50%;top:9px;left:10px;}
.loading .loadedtxt{color:#fff; line-height:110px; text-align:center;}
.loading img{opacity: .2;}
@-webkit-keyframes rond{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}100% {-webkit-transform:rotate(360deg);transform:rotate(360deg);}}
@keyframes rond {0%{-webkit-transform :rotate(0deg);transform :rotate(0deg);}100%{-webkit-transform :rotate(360deg);transform :rotate(360deg);}}

.swiper-container {width: 100%;height: 100%;position:absolute;overflow:hidden}
.swiper-slide {width: 100%;height: 100%}
.swiper-slide .slide-in {width: 100%;height: 100%;position:relative}
.swiper-slide section{display:block;}
.swiper-slide section img{width:100%;height:auto}

/*page01*/
.slide1{ background:url("https://www.st-regis-bal-harbour.com/images/zhuanti/2020newApp/step01_bg.jpg") no-repeat center top #fff; background-size:100% auto; overflow:hidden}
.slide1 .sec01{ width:100%; left:0; top:1.467rem;}
.slide1 .sec02{ width:100%; left:0; top:5.333rem;}
.slide1 .sec03{ width:8rem; left:1rem; bottom:2.3rem;}
.slide1 .sec03 .btn01{ display: block; height: 1.2rem; line-height: 1.2rem; text-align: center; font-size: 0.427rem; color: #fff; background: #3ec93e; border-radius: 0.6rem; margin-bottom: 0.4rem;}
.slide1 .sec03 .btn02{ display: block; height: 1.147rem; line-height: 1.147rem; text-align: center; font-size: 0.427rem; color: #333; background: #fff; border: 0.027rem solid #999; border-radius: 0.6rem;}

/*page02*/
.slide2{ background:url("https://www.st-regis-bal-harbour.com/images/zhuanti/2020newApp/step02_bg.jpg") no-repeat center top #fff; background-size:100% auto; overflow:hidden}
.slide2 .sec01{ width:100%; left:0; top:1.64rem;}
.slide2 .sec02{ width:100%; left:0; top:3.16rem;}
.slide2 .sec03{ width:8rem; left:1rem; bottom:2.3rem;}
.slide2 .sec03 .btn01{ display: block; height: 1.2rem; line-height: 1.2rem; text-align: center; font-size: 0.427rem; color: #fff; background: #3ec93e; border-radius: 0.6rem;}

/*page03*/
.slide3{ background:url("https://www.st-regis-bal-harbour.com/images/zhuanti/2020newApp/step03_bg.jpg") no-repeat top center #fff; background-size:100% auto; overflow:hidden}
.slide3 .sec01{ width:100%; left:0; top:1.64rem;}
.slide3 .sec02{ width:100%; left:0; top:3.16rem;}
.slide3 .sec03{ width:8rem; left:1rem; bottom:2.3rem;}
.slide3 .sec03 .btn01{ display: block; height: 1.2rem; line-height: 1.2rem; text-align: center; font-size: 0.427rem; color: #fff; background: #3ec93e; border-radius: 0.6rem;}

/*page04*/
.slide4{ background:url("https://www.st-regis-bal-harbour.com/images/zhuanti/2020newApp/step04_bg.jpg") no-repeat top center #fff; background-size:100% auto; overflow:hidden}
.slide4 .sec01{ width:100%; left:0; top:1.64rem;}
.slide4 .sec02{ width:100%; left:0; top:3.16rem;}
.slide4 .sec03{ width:8rem; left:1rem; bottom:2rem; z-index: 6;}
.slide4 .sec03 .btn01{ display: block; height: 1.2rem; line-height: 1.2rem; text-align: center; font-size: 0.427rem; color: #fff; background: #3ec93e; border-radius: 0.6rem;}
.cdelIntroduce{ text-align: center; position:absolute; left: 0; width: 100%; bottom: 1.6rem; z-index: 5; display: none;
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(230,255,249,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(230,255,249,1) 100%);
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(230,255,249,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(230,255,249,1) 100%);}
.cdelIntroduce h3{ font-size: 0.48rem; text-align: center; color: #fff; margin-bottom: 0.557rem;}
.cdelIntroduce h3:before,.cdelIntroduce h3:after{ content: ''; display: inline-block; width: 20px; height: 4px; background: #ffffff; margin: 0 0.2rem;}
.cdelIntroduce ul li{ width: 2.293rem; height:1.6rem; margin: 0 0.4rem; border-radius: 0.267rem; border: 1px solid #c5ebde; background: #fff; text-align: center; font-size: 0.347rem; color: #333; display:inline-block;}
.cdelIntroduce ul li a{ color: #333;}
.cdelIntroduce ul li img{display:block; width: 0.627rem; height: 0.587rem; margin: 0.2rem auto;}
.cdelIntroduce dl{ margin: 0.32rem 0.8rem 2rem;text-align: left;color: #333;}
.cdelIntroduce dl dt{ font-size: 0.427rem; font-weight: bold; color: #0FCC80; position: relative; margin-bottom: 0.32rem;}
.cdelIntroduce dl dd{ font-size: 0.347rem; line-height:0.48rem;}
.cdelIntroduce dl dd:before{ content: '';display: inline-block; width: 0.067rem; height: 0.067rem; border-radius: 50%; background: #fff; margin-right: 0.133rem; vertical-align: middle;}
.cdelIntroduce dl dt:before{ content: '';display: inline-block; background:url("https://www.st-regis-bal-harbour.com/images/zhuanti/2020newApp/phone.png") no-repeat; background-size:100%; width: 0.4rem; height: 0.387rem; margin-right: 0.2rem;}
.cdelIntroduce dl dd a{ color: #333;}
.cdelIntroduce dl dt span a{display: inline-block; height: 0.48rem; margin-left: 0.32rem; vertical-align: middle; line-height: 0.48rem; border-radius: 0.24rem; font-size: 0.32rem;  padding: 0 0.32rem; color: #0FCC80; background: #fff;}

 /*指示箭头*/
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled, .swiper-button-prve{opacity:1}
.swiper-button-next{width:3.067rem; height:0.373rem; font-size: 0.373rem; line-height: 0.373rem; text-align: center; top: 120%; left:50%; margin-left:-1.533rem; background:url("https://www.st-regis-bal-harbour.com/images/zhuanti/2020newApp/arrow.png") no-repeat center bottom; background-size:0.32rem auto; -webkit-transition:all .7s ease 3s; transition:all .7s ease 3s;}
.swiper-button-next span{ display: none;}
.swiper-button-next_start{top:99.8%}

.iphoneDownLoad, .androidDownLoad, .weixiTs{ display:none;}
.bIsWeixin{display:none}
.bIsWeixin .bg{width:100%;height:100%;background:#000;position:absolute;left:0;top:0;opacity:.4;filter:Alpha(opacity=40);-moz-opacity:.4;-khtml-opacity:.4;z-index:11}
.bIsWeixin img{width:60%;position:absolute;top:1%;right:5%;z-index:12}

/*增加app信息 20210924*/
.appInfo{position:fixed;left:0;right:0;bottom:0; z-index: 9; background:#f7f7f7;padding:0.15rem 0.44rem 0.44rem;}
.appInfo ul li{ width: 100%; height: 0.48rem;line-height: 0.48rem;font-size:0.293rem; color: #666;}
.appInfo ul li p{text-align:right;}
.appInfo ul li a{ color: #666;}
/**/
@media only screen and (min-width: 320px) and (max-width: 480px)   {
    .slide4 .sec04{ top:9rem;}
    .slide5 .sec01{ margin-top:.2rem;}
    .slide5 .sec01,.slide5 .sec02,.slide5 .sec03{ width:4.6rem;}
    .slide5 .sec01 .pic, .slide5 .sec02 .pic, .slide5 .sec03 .pic{ width:4rem;}
    .slide6 .sec01{ width:5rem;}
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
}

.floating{
    animation-name: floating;
    -webkit-animation-name: floating;

    animation-duration: 1.2s;
    -webkit-animation-duration: 1.2s;

    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

@keyframes floating {
    0% {
        transform: translateY(0%);
    }
    50% {
        transform: translateY(12%);
    }
    100% {
        transform: translateY(0%);
    }
}

@-webkit-keyframes floating {
    0% {
        -webkit-transform: translateY(0%);
    }
    50% {
        -webkit-transform: translateY(12%);
    }
    100% {
        -webkit-transform: translateY(0%);
    }
}


@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}