@charset "UTF-8";@media screen and (min-width:992px){.pc-container{display:block}.mobile-container{display:none}}@media screen and (max-width:991.98px){html{font-size:26.6666666667vw}.pc-container{display:none}.mobile-container{display:block}.copyright{padding:16px 0!important}.copyright .text-lg-left{margin-top:4px!important}.header__menu .btn{padding:6px 12px!important}}.rule-content h4{text-align:center;color:#333;font-size:18px;line-height:32px;font-weight:700;margin:14px 0 12px 0}.rule-content .p-title{font-weight:700;text-align:justify;color:#333;font-size:14px;line-height:26px;margin:16px 0 8px 0}.pc-container .part1{max-width:1920px;font-size:0;margin:0 auto;position:relative}.pc-container .part1 img{width:100%}.pc-container .part1 a{display:inline-block;width:686px;height:56px;background:url(https://webbfxstatic.seobp.com/static/images/activity/20190814/pc/account.png) center center/cover no-repeat;position:absolute;bottom:42px;left:50%;transform:translateX(-50%)}.pc-container .part1 a:hover{background-image:url(https://webbfxstatic.seobp.com/static/images/activity/20190814/pc/account--hover.png)}.pc-container .sailboat-btn{font-size:0;margin-top:26px}.pc-container .sailboat-btn a{display:inline-block;width:470px;height:56px}.pc-container .sailboat-account{background:url(https://webbfxstatic.seobp.com/static/images/activity/20190814/pc/sailboat-account.png) center center/100% no-repeat;margin-right:100px}.pc-container .sailboat-account:hover{background-image:url(https://webbfxstatic.seobp.com/static/images/activity/20190814/pc/sailboat-account--hover.png)}.pc-container .sailboat-server{background:url(https://webbfxstatic.seobp.com/static/images/activity/20190814/pc/sailboat-server--hover.png) center center/100% no-repeat}.pc-container .sailboat-server:hover{background-image:url(https://webbfxstatic.seobp.com/static/images/activity/20190814/pc/sailboat-server.png)}.pc-container .part2{max-width:1920px;height:864px;background:url(https://webbfxstatic.seobp.com/static/images/activity/20190814/pc/bg-part2.jpg) center center/cover no-repeat;text-align:center;padding-top:16px;margin:0 auto}.pc-container .part2 .part2-title{color:#0e4ca1;font-size:42px;font-weight:700;line-height:64px}.pc-container .part2 .part2-des{color:#4564ab;font-size:24px;line-height:46px}@keyframes pcbanner-note{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,10px,0)}}.pc-container .part2 .sailboats{display:flex;justify-content:center}.pc-container .part2 .sailboats .sailboat{position:relative;animation:pcbanner-note 2s ease-in-out both infinite}.pc-container .part2 .sailboats .sailboat:first-child{margin-top:146px}.pc-container .part2 .sailboats .sailboat:nth-child(2){margin-top:0;animation-delay:.3s}.pc-container .part2 .sailboats .sailboat:nth-child(3){margin-top:14px;animation-delay:.6s}.pc-container .part2 .sailboats .sailboat:last-child{margin-top:58px;animation-delay:.9s}.pc-container .part2 .rules{color:#4564ab;font-size:24px;line-height:42px;margin-top:36px}.pc-container .part2 .rules a{display:inline-block;color:#4564ab;text-decoration:none;position:relative}.pc-container .part2 .rules a::after{content:"";width:96px;height:2px;background-color:#4564ab;position:absolute;bottom:0;right:0}.pc-container .part3{max-width:1920px;height:1536px;background:url(https://webbfxstatic.seobp.com/static/images/activity/20190814/pc/bg-part3.jpg) center center/cover no-repeat;text-align:center;padding-top:40px;margin:0 auto}.pc-container .part3 .part3-title{color:#0e4ca1;font-size:42px;font-weight:700;line-height:64px}.pc-container .part3 .part3-des{color:#4564ab;font-size:24px;line-height:46px}.pc-container .part3 .part3-swiper{margin-top:20px;position:relative}.pc-container .part3 .part3-swiper .swiper-container{width:956px;margin:0 auto}.pc-container .part3 .part3-swiper .swiper-container .swiper-slide img{width:474px}.pc-container .part3 .part3-swiper .swiper-button-prev{width:88px;height:88px;background:url(https://webbfxstatic.seobp.com/static/images/activity/20190814/pc/part3-swiper-prev.png) center center/cover no-repeat;top:50%;left:50%;transform:translateX(-570px);outline:0}.pc-container .part3 .part3-swiper .swiper-button-next{width:88px;height:88px;background:url(https://webbfxstatic.seobp.com/static/images/activity/20190814/pc/part3-swiper-next.png) center center/cover no-repeat;top:50%;right:50%;transform:translateX(570px);outline:0}.pc-container .part3 .part3-btn{margin-top:22px}.pc-container .part3 .part3-btn a{display:inline-block;width:686px;height:62px;background:url(https://webbfxstatic.seobp.com/static/images/activity/20190814/pc/part3-btn.png) center center/cover no-repeat}.pc-container .part3 .part3-btn a:hover{background-image:url(https://webbfxstatic.seobp.com/static/images/activity/20190814/pc/part3-btn--hover.png)}.pc-container .part3 .part3-title2{margin-top:106px}.pc-container .part3 .part3-step{display:flex;justify-content:center;align-items:center;margin-top:22px}.pc-container .part3 .part3-step .step-top{display:flex;align-items:flex-end;margin-bottom:36px}.pc-container .part3 .part3-step .step-top p{color:#4564ab;font-size:22px;line-height:34px;text-align:left;margin:0 0 0 6px}.pc-container .part3 .part3-step .arrow{margin:114px 18px 0}.pc-container .part3 .sailboat-btn2{margin-top:64px}.pc-container .part4{text-align:center;padding:20px 0 0}.pc-container .part4 .part4-title{color:#5883ea;line-height:64px;font-size:42px;font-weight:700}.pc-container .part4 .part4-list{width:1202px;display:flex;justify-content:space-between;flex-wrap:wrap;margin:58px auto -16px}.pc-container .part4 .part4-list .list{width:334px;margin-bottom:80px;display:flex;align-items:center}.pc-container .part4 .part4-list .list p{font-size:18px;color:#5e70d3;line-height:28px;text-align:left;margin:0 0 0 18px}.pc-container .part4 .part4-list .list p:first-child{font-size:24px;font-weight:700}.mobile-container .banner{width:100%}.mobile-container .title-m{color:#0e4ca1;font-size:.19rem;font-weight:700;line-height:.29rem;text-align:center}.mobile-container .des-m{color:#4564ab;font-size:.12rem;line-height:.2rem;text-align:center}.mobile-container .des-m a{color:#4564ab;text-decoration:underline}.mobile-container .part2-m{padding-top:.16rem;height:7.47rem;background:url(https://webbfxstatic.seobp.com/static/images/activity/20190814/m/bg01.jpg) center center/cover no-repeat}.mobile-container .part2-m .part2-swiper .flip-items{margin:.02rem auto 0}.mobile-container .part2-m .part2-swiper .flip-box img{width:1.5rem;box-shadow:none}.mobile-container .part2-m .part2-swiper .flipster-carousel .flip-current{transform:translateX(30%)}.mobile-container .part2-m .part2-swiper .flipster-carousel .flip-next{transform:translateX(80%) translateZ(0) rotateY(0) scale(.75)}.mobile-container .part2-m .part2-swiper .flipster-carousel .flip-prev{opacity:1;transform:translateX(-30%) translateZ(0) rotateY(0) scale(.8)}.mobile-container .part2-m .part2-swiper .flipster-carousel .flip-future{transform:translateX(80%) translateZ(0) rotateY(0) scale(.7)}.mobile-container .part2-m .part2-swiper .flipster-carousel .flip-past{transform:translateX(-80%) translateZ(0) rotateY(0) scale(.7)}.mobile-container .part2-m .rules{margin-top:.1rem;color:#4564ab;font-size:.12rem;line-height:.18rem;text-align:center}.mobile-container .part2-m .rules a{color:#4564ab;position:relative}.mobile-container .part2-m .rules a::after{content:"";width:100%;height:.01rem;background:#4564ab;position:absolute;bottom:-.07rem;left:0}.mobile-container .part2-m .title-m2{margin-top:.57rem}.mobile-container .part2-m .part2-swiper2{width:2.82rem;margin:.13rem auto 0;position:relative}.mobile-container .part2-m .part2-swiper2 img{width:100%}.mobile-container .part2-m .part2-swiper2 .swiper-button-prev{width:.315rem;height:.315rem;background:url(https://webbfxstatic.seobp.com/static/images/activity/20190814/pc/part3-swiper-prev.png) center center/cover no-repeat;top:55%;left:-.315rem;outline:0}.mobile-container .part2-m .part2-swiper2 .swiper-button-next{width:.315rem;height:.315rem;background:url(https://webbfxstatic.seobp.com/static/images/activity/20190814/pc/part3-swiper-next.png) center center/cover no-repeat;top:55%;right:-.315rem;outline:0}.mobile-container .part3-m{padding-top:.16rem;height:11.79rem;text-align:center;background:url(https://webbfxstatic.seobp.com/static/images/activity/20190814/m/bg02.jpg) center center/cover no-repeat}.mobile-container .part3-m .step{width:2.38rem;display:flex;align-items:flex-end;margin:0 auto}.mobile-container .part3-m .step.step1{margin-top:.1rem}.mobile-container .part3-m .step img{width:.34rem}.mobile-container .part3-m .step p{text-align:left;margin:0 0 0 .24rem;color:#4564ab;font-size:.15rem;line-height:.23rem}.mobile-container .part3-m .step-img{width:2.38rem;margin-top:.08rem}.mobile-container .part3-m .arrow{width:.36rem;margin-top:.04rem;margin-bottom:.08rem}.mobile-container .part4-m{color:#5e70d3;background:#fff;text-align:center;padding:.2rem .15rem .1rem}.mobile-container .part4-m .title-m{color:#5e70d3;margin-bottom:.23rem}.mobile-container .part4-m .part_content{display:flex;justify-content:space-between;flex-wrap:wrap}.mobile-container .part4-m .part_content li.list{width:33.3333333333%;margin-bottom:.25rem}.mobile-container .part4-m .part_content img{width:.6rem}.mobile-container .part4-m .part_content p{color:#5e70d3;font-size:.09rem;line-height:.14rem;margin:0}.mobile-container .part4-m .part_content p:first-child{font-size:.12rem;font-weight:700;line-height:.18rem;margin:.06rem 0 0}.mobile-container .bottom-btn-20190814{background:#27344a;position:fixed;bottom:0;left:0;right:0;z-index:20;height:.72rem;display:flex;justify-content:center;align-items:center}.mobile-container .bottom-btn-20190814 .btn-account{display:inline-block;width:1.65rem;height:.44rem;background:url(https://webbfxstatic.seobp.com/static/images/activity/20190814/m/on01.png) center center/cover no-repeat;margin-right:.15rem}.mobile-container .bottom-btn-20190814 .btn-server{display:inline-block;width:1.65rem;height:.44rem;background:url(https://webbfxstatic.seobp.com/static/images/activity/20190814/m/on02.png) center center/cover no-repeat}#rulesModalScrollable .modal-body{background:#faf8f4;padding:0 16px 8px 18px;overflow:hidden;overflow-y:auto;max-height:520px}#rulesModalScrollable .modal-body p{margin:4px 0;font-size:14px;line-height:26px;color:#666;text-align:justify}#rulesModalScrollable .modal-body .title{text-align:center;color:#333;font-size:18px;line-height:32px;font-weight:700;margin:14px 0 12px 0}#rulesModalScrollable .modal-body .tip_title{font-weight:700;text-align:justify;color:#333;font-size:14px;line-height:26px;margin:16px 0 8px 0}#rulesModalScrollable .modal-body table{margin-bottom:10px;width:100%}#rulesModalScrollable .modal-body table th{text-align:center;line-height:44px;font-size:14px;color:#666;font-weight:700;background:#e9e8e5;border:1px solid #dcdcdc}#rulesModalScrollable .modal-body table tr{line-height:40px;font-size:16px;color:#666}#rulesModalScrollable .modal-body table tr td{border:1px solid #dcdcdc}@media screen and (max-width:768px){#rulesModalScrollable .modal-body{padding:0 .05rem .13rem;max-height:3.98rem;background:#faf8f4}#rulesModalScrollable .modal-body p{margin:0 0 .03rem;font-size:.12rem;line-height:.2rem}#rulesModalScrollable .modal-body p:nth-last-of-type(1){margin:0}#rulesModalScrollable .modal-body .title{text-align:center;color:#333;font-size:.15rem;line-height:.25rem;font-weight:700;margin:.09rem auto .11rem}#rulesModalScrollable .modal-body .tip_title{font-weight:700;text-align:justify;color:#666;font-size:.12rem;line-height:.2rem;margin:.15rem 0 .03rem 0}#rulesModalScrollable .modal-body table{margin-bottom:.05rem;width:100%}#rulesModalScrollable .modal-body table th{text-align:center;line-height:.2rem;font-size:.11rem;color:#666;font-weight:400;background:#e9e8e5;border:1px solid #dcdcdc}#rulesModalScrollable .modal-body table th:nth-of-type(1){width:.6rem}#rulesModalScrollable .modal-body table tr{line-height:.2rem;font-size:.11rem;color:#666}#rulesModalScrollable .modal-body table tr td{border:1px solid #dcdcdc}#rulesModalScrollable .modal-dialog-centered{max-height:calc(100% - 16px)}#rulesModalScrollable .modal-dialog-scrollable{max-height:calc(100% - 16px)}#rulesModalScrollable .modal-header{padding:16px 16px!important}#rulesModalScrollable .modal-body{padding:16px 16px!important}#rulesModalScrollable p{margin-bottom:16px!important}#rulesModalScrollable .modal-dialog{margin:8px}}