.pc{width:100%;height:93%;min-height:580px;background:url(bg.jpg) 50%/cover no-repeat}.pc,.pc .panel{position:absolute}.pc .panel{width:380px;height:540px;background:#fff;border-radius:6px;left:0;right:0;top:0;bottom:0;margin:auto;text-align:center}.pc .panel .title{width:90%;margin:50px auto 0;font-size:28px}.pc .panel .title .icon{width:40px;height:40px;border-radius:4px;vertical-align:middle}.pc .panel .title span{display:inline-block;word-break:break-all;margin-left:14px;vertical-align:middle}.pc .panel .type{margin-top:5px;font-size:14px;color:#4a4a4a}.pc .panel .qr{width:220px;height:220px;margin:15px 0;border-radius:4px}.pc .panel .download-desc{margin-bottom:20px;font-size:20px;color:#3c4757}.pc .panel .info{font-size:14px;line-height:20px;color:#b8bec6}.mobile{position:absolute;width:100%;height:93%;min-height:400px;background:url(bg.jpg) 50%/cover no-repeat}.mobile .panel{position:absolute;}.mobile .panel{width:310px;height:568px;background:#fff;border-radius:6px;left:0;right:0;top:0;bottom: 10px;margin:auto;text-align:center}.mobile .hint{position:relative;height:0;padding:0 2em;box-size:content-box;overflow:hidden;background:#333;line-height:1.5;text-break:break-all;font-size:14px;color:#fff;z-index:2;transition:height 1s}.mobile .hint p:first-child{margin-top:1em}.mobile .container{position:relative;width:100%;height:100%;text-align:center}.mobile .container .app-info{padding-top:4vh}.mobile .container .icon{display:inline-block;width:2.8rem;height:2.8rem;border-radius:.8rem;overflow:hidden}.mobile .container .app-name{width:80%;margin:10px auto 5px;text-align:center;font-size:20px;line-height:1.5}.mobile .container .type{margin:5px auto 24px;font-size:14px;color:#4a4a4a}.mobile .container .info{font-size:14px;line-height:20px;color:#b8bec6}.mobile .container .download-btn,.mobile .container .openapp-btn{display:block;margin:2.5rem auto 0;font-size:14px;line-height:1;padding:1em 0;width:13em;background:#ff5800;border-radius:24px;text-decoration:none;color:#fff}.mobile .container .download-btn-fix{margin-bottom:-2rem;width:17em}.mobile .container .download-btn-gray{color:#fff;background:#ccc;margin:20px auto 0}.mark{position:absolute;right:20px;top:0;width:38px;height:50px;background-size:cover;background-repeat:no-repeat}@media only screen and (orientation:landscape){.mobile .container .app-info{padding-top:4vh}.mobile .container .type{margin-bottom:12px}.mobile .container .download-btn{bottom:5vh}}@media only screen and (min-width:769px){.mobile{display:none}}@media only screen and (max-width:768px){.pc{display:none}}@media only screen and (orientation:landscape) and (min-width:1024px){.mobile .container .app-info{padding-top:6vh}.mobile .container .type{margin-bottom:24px}.mobile .container .download-btn{bottom:15vh}}.ipad .pc{display:none}.ipad .mobile{display:block}