html, body { min-width:750px; }

#app { width:750px; margin:0 auto; overflow:hidden; }

.page1 { position:relative; height:1040px; overflow:hidden; }
.page1 .bgs { position:absolute; top:0; left:50%; width:750px; margin-left:-375px; }
.page1 .bgs .bg { width:100%; background-repeat:no-repeat; background-position:50% 0; }
.page1 .bgs .bg1 { height:520px; background-image:url("../images/page1/bg1.jpg?v=5.0"); }
.page1 .bgs .bg2 { height:520px; background-image:url("../images/page1/bg2.jpg?v=5.0"); }
.page1 .main { position:relative; width:100%; height:100%; margin:0 auto; }
.page1 .main .logo { position:absolute; top:32px; left:20px; }
.page1 .main .logo img { display:block; width:200px; }
.page1 .main .cadpa { position:absolute; top:32px; right:20px; cursor:pointer; display:block; width:80px; height:102px; background:url("../images/page1/cadpa.png?v=5.0") no-repeat 50% 50%; }
.page1 .main .btn-downloads { position:absolute; top:880px; left:50%; width:548px; transform:translate(-50%,0); }
.page1 .main .btn-downloads .btn-download { float:left; cursor:pointer; display:block; width:258px; height:72px; background-image:url("../images/page1/btn-downloads.png?v=5.0"); background-repeat:no-repeat; }
.page1 .main .btn-downloads .btn-download + .btn-download { margin-left:32px; }
.page1 .main .btn-downloads .btn-download-ios { background-position:0 0; }
.page1 .main .btn-downloads .btn-download-android { background-position:0 -72px; }

.page2 { position:relative; height:1300px; overflow:hidden; }
.page2 .bgs { position:absolute; top:0; left:50%; width:750px; margin-left:-375px; }
.page2 .bgs .bg { width:100%; background-repeat:no-repeat; background-position:50% 0; }
.page2 .bgs .bg1 { height:650px; background-image:url("../images/page2/bg1.jpg?v=5.0"); }
.page2 .bgs .bg2 { height:650px; background-image:url("../images/page2/bg2.jpg?v=5.0"); }
.page2 .features { position:absolute; top:248px; left:50%; z-index:1; width:674px; height:876px; background:url("../images/page2/swiper/bg-features.png?v=5.0") no-repeat 50% 50%; margin-left:-337px; padding:13px 14px; }
.page2 .features-container { position:relative; z-index:11; width:100%; height:100%; }
.page2 .features-container .swiper { width:100%; height:100%; overflow:hidden; }
.page2 .features-container .swiper-wrapper { }
.page2 .features-container .swiper-wrapper .swiper-slide {  }
.page2 .features-container .swiper-wrapper .swiper-slide img { display:block; width:100%; height:100%; }
.page2 .features-pagination { position:absolute; bottom:-100px; left:50%; z-index:12; display:flex; justify-content:center; align-items:center; transform:translateX(-50%); }
.page2 .features-pagination .features-pagination-bullet { cursor:pointer; display:block; width:24px; height:24px; border-radius:50%; background:url("../images/page2/swiper/bg-pagination.png?v=5.0") no-repeat 0 0; margin:0 12px; }
.page2 .features-pagination .features-pagination-bullet-active { background-position:-24px 0; }

.page3 { position:relative; height:1240px; overflow:hidden; }
.page3 .bgs { position:absolute; top:0; left:50%; width:750px; margin-left:-375px; }
.page3 .bgs .bg { width:100%; background-repeat:no-repeat; background-position:50% 0; }
.page3 .bgs .bg1 { height:620px; background-image:url("../images/page3/bg1.jpg?v=5.0"); }
.page3 .bgs .bg2 { height:620px; background-image:url("../images/page3/bg2.jpg?v=5.0"); }

.footer { position:relative; background-color:#191919; padding:40px 0; }
.footer p { color:#878787; font-size:24px; text-align:center; line-height:36px; }
.footer a { color:inherit; }

.cadpa-tips { box-sizing:border-box; width:560px; border:2px solid #b8fabc; border-radius:4px; background-color:#08b1ab; padding:24px; color:#fff; font-size:24px; }
.cadpa-tips .title { font-size:32px; text-align:center; }
.cadpa-tips .content { margin-top:16px; line-height:36px; }
.cadpa-tips .cadpa-tips-btn-close { position:absolute; top:0; right:-60px; width:40px; height:40px; color:#08b1ab; font-size:40px; text-align:center; line-height:40px; }
.cadpa-tips .cadpa-tips-btn-close:hover { color:#08938d; }

.ui-modal.unset-bg-or-overflow { background:none; }
.ui-modal.unset-bg-or-overflow .ui-modal-body { overflow:visible; }