.suggest-to-pc[data-v-311f8254]{overflow:hidden;position:absolute;left:0;right:0;bottom:0;top:0;margin:auto;background-color:#f9fffc;background-size:100% auto}.suggest-to-pc .ball[data-v-311f8254]{position:absolute;display:block;width:120px;height:120px;border-radius:50%;background-size:100% auto}.suggest-to-pc .ball.ball-1[data-v-311f8254]{top:300px;left:160px;width:140px;height:140px;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);background:-webkit-gradient(linear,left bottom,left top,color-stop(19%,#8bd09a),color-stop(90%,#f2f9f7));background:linear-gradient(0deg,#8bd09a 19%,#f2f9f7 90%);opacity:.3}.suggest-to-pc .ball.ball-2[data-v-311f8254]{top:80px;left:80px;width:40px;height:40px;-webkit-transform:rotate(130deg);transform:rotate(130deg);background:radial-gradient(circle at 22%,#f9fffc 0,#37d17d)}.suggest-to-pc .ball.ball-3[data-v-311f8254]{top:-190px;left:50%;-webkit-transform:translateX(-50%) rotate(-90deg);transform:translateX(-50%) rotate(-90deg);width:320px;height:320px;background:-webkit-gradient(linear,left bottom,left top,color-stop(19%,#8bd09a),color-stop(90%,#f2f9f7));background:linear-gradient(0deg,#8bd09a 19%,#f2f9f7 90%);opacity:.3}.suggest-to-pc .ball.ball-4[data-v-311f8254]{top:180px;right:15%;width:100px;height:100px;-webkit-transform:rotate(90deg);transform:rotate(90deg);background:radial-gradient(circle at 22%,#f9fffc 0,#37d17d)}.suggest-to-pc .ball.ball-5[data-v-311f8254]{top:50%;right:60px;width:120px;height:120px;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);background:-webkit-gradient(linear,left bottom,left top,color-stop(19%,#8bd09a),color-stop(90%,#f2f9f7));background:linear-gradient(0deg,#8bd09a 19%,#f2f9f7 90%);opacity:.3}.suggest-to-pc .content[data-v-311f8254]{background-color:hsla(0,0%,100%,.9);-webkit-box-shadow:-2px 8px 50px 0 #eef0f0;box-shadow:-2px 8px 50px 0 #eef0f0;min-width:340px;width:80%;z-index:999;position:absolute;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);text-align:center;padding:40px 20px;border-radius:10px}.suggest-to-pc .content .img-pc[data-v-311f8254]{width:200px;height:200px}.suggest-to-pc .content h3[data-v-311f8254]{font-size:20px;color:#101010}.suggest-to-pc .content .el-button[data-v-311f8254]{width:100%;margin-top:90px}.suggest-to-pc .footer[data-v-311f8254]{position:absolute;bottom:0;left:0;right:0;padding:20px;text-align:center}.suggest-to-pc .footer .footer-link[data-v-311f8254]:focus,.suggest-to-pc .footer .footer-link[data-v-311f8254]:hover{text-decoration:underline}.suggest-to-pc ul[data-v-311f8254]{width:1300px;height:1300px;margin:40px auto;position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);list-style:none}.suggest-to-pc ul li[data-v-311f8254]{border:2px solid rgba(206,237,215,.62);position:absolute;left:50%;top:60%;border-radius:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-name:orbit-data-v-311f8254;animation-name:orbit-data-v-311f8254}.suggest-to-pc ul li .ball[data-v-311f8254]{display:block;position:absolute;left:0;width:12px;height:12px;border-radius:50%;background:-webkit-gradient(linear,left bottom,left top,color-stop(19%,#8bd09a),color-stop(90%,#f2f9f7));background:linear-gradient(0deg,#8bd09a 19%,#f2f9f7 90%);background-size:100% auto}.suggest-to-pc ul li[data-v-311f8254]:first-child{width:30%;height:30%;-webkit-animation-duration:14s;animation-duration:14s}.suggest-to-pc ul li:first-child .ball[data-v-311f8254]{left:20%;top:6%;width:20px;height:20px}.suggest-to-pc ulli[data-v-311f8254]:nth-child(2){width:50%;height:50%;-webkit-animation-duration:16s;animation-duration:16s}.suggest-to-pc ul li:nth-child(2) .ball[data-v-311f8254]{left:75%;top:6%;width:40px;height:40px}.suggest-to-pc ul li[data-v-311f8254]:nth-child(3){width:60%;height:60%;-webkit-animation-duration:28s;animation-duration:28s}.suggest-to-pc ul li:nth-child(3) .ball[data-v-311f8254]{width:60px;height:60px;left:11%;top:11%;background:radial-gradient(circle at 22%,#f9fffc 0,#37d17d)}.suggest-to-pc ul li[data-v-311f8254]:nth-child(4){width:100%;height:100%;-webkit-animation-duration:32s;animation-duration:32s;margin-top:8%}.suggest-to-pc ul li:nth-child(4)>.ball[data-v-311f8254]{width:80px;height:80px;left:12%;top:12%;-webkit-transform:rotate(120deg);transform:rotate(120deg);background:radial-gradient(circle at 22%,#f9fffc 0,#37d17d)}@-webkit-keyframes orbit-data-v-311f8254{0%{-webkit-transform:translate(-50%,-50%) rotate(0deg);transform:translate(-50%,-50%) rotate(0deg)}to{-webkit-transform:translate(-50%,-50%) rotate(1turn);transform:translate(-50%,-50%) rotate(1turn)}}@keyframes orbit-data-v-311f8254{0%{-webkit-transform:translate(-50%,-50%) rotate(0deg);transform:translate(-50%,-50%) rotate(0deg)}to{-webkit-transform:translate(-50%,-50%) rotate(1turn);transform:translate(-50%,-50%) rotate(1turn)}}.mobile-message{width:300px;min-width:0}