.share-modal-container .modal-wrapper{width:100%;box-sizing:border-box;max-width:400px;max-height:90%;overflow:auto;background:#f3f4f6}.share-modal-container .share-modal-icon{width:40px;height:40px;background:url(https://cdn.whismer.cn/assets/share/share-items.png) no-repeat;background-size:40px;border-radius:7px}.share-modal-container .share-modal-icon.share-app-wechat{background-position:0 -40px}.share-modal-container .share-modal-icon.share-app-pyq{background-position:0 -80px}.share-modal-container .share-modal-icon.share-app-xhs{background-position:0 -120px}.share-modal-container .share-modal-icon.share-app-bili{background-position:0 -160px}.share-modal-container .share-modal-icon.share-app-dy{background-position:0 -200px}.share-modal-container .share-modal-icon.share-app-appstore{background-position:0 -240px}.share-modal-list{display:flex;flex-direction:column}.share-modal-list .share-modal-item{padding:12px;margin:8px 0;border-radius:8px;background:#fff;display:flex;align-items:center;cursor:pointer}.share-modal-list .share-item-content{display:flex;align-items:center;flex:1}.share-modal-list .share-modal-title{margin-left:12px}.share-modal-list .share-modal-title div{font-weight:500;font-size:15px;margin-bottom:3px}.share-modal-list .share-modal-title span{color:#f79114}.share-modal-list .share-modal-arrow{display:flex;align-items:center;justify-content:center;flex-shrink:0}.share-modal-detail .share-modal-icon{transform:scale(.6);margin-right:4px}.share-modal-detail .share-detail-header{display:flex;align-items:center;font-weight:500;font-size:15px}.share-modal-detail .share-detail-header .detail-back{display:flex;align-items:center;justify-content:center;width:36px;height:36px;cursor:pointer;border-radius:6px;transform:rotate(180deg)}.share-modal-detail .share-detail-header .detail-back:hover{background:#0000000f}.share-modal-detail .share-detail-body{color:#444;line-height:1.6;white-space:pre-wrap;margin:16px 0}.share-modal-detail .share-detail-invite div{display:flex;justify-content:center}.share-modal-detail .share-detail-invite .button{margin-top:30px;width:180px!important}.share-modal-detail .share-detail-qrcdoe{display:flex;flex-direction:column;align-items:center;margin-top:16px}.share-modal-detail .share-detail-qrcdoe img{width:180px;height:180px}.share-modal-detail .share-detail-qrcdoe div{color:#888;margin-top:6px}@media screen and (max-width:440px){.common-share-modal{width:260px;padding:0}}.pricing-app-content{max-width:900px;margin:0 auto}.upgrade-share{margin-top:20px;display:flex;justify-content:center}.upgrade-share .share-app-link{color:#7477ff;display:flex;align-items:center;font-size:16px;font-weight:500;cursor:pointer;padding:3px 0;border-bottom:1px solid #7477FF}.upgrade-share .share-app-link svg{margin-right:6px}.pricing-box{display:flex;justify-content:center;font-size:16px;margin-top:40px}.pricing-box .pricing-level{border-radius:16px;margin:0 15px;padding:20px 40px;background:#f7f7f7;position:relative}.pricing-box .pricing-level h1{margin:20px 0 0;font-weight:500}.pricing-box .pricing-level .level-price{display:flex;align-items:center;font-size:18px;height:60px;font-weight:700}.pricing-box .pricing-level .level-price>div{margin-left:25px}.pricing-box .pricing-level .level-price>div:first-child{margin-left:0}.pricing-box .pricing-level .level-price .num{font-size:32px}.pricing-box .pricing-level .level-price .discounted{text-decoration:line-through;font-weight:400;color:#7b7b7d}.pricing-box .box-desc{color:#7b7b7d}.pricing-box .upgrade-box{background:#fff0c6}.pricing-box .feature-list{padding:30px 0;display:flex;flex-wrap:wrap}.pricing-box .feature{display:flex;align-items:center;height:40px;width:220px}.pricing-box .feature div{display:flex;align-items:center;margin-right:12px;color:#5f5f64}.pricing-box .level-btn{display:flex;align-items:center;padding-bottom:20px}.pricing-box .level-btn .button{width:200px;min-width:110px;padding:0;font-weight:500}.pricing-box .level-btn .button:disabled{opacity:1}.upgrade-levels{display:flex;align-items:center;justify-content:center}.upgrade-level-group{display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.upgrade-level{width:250px;margin:12px;background:#fff;border-radius:12px;overflow:hidden;box-sizing:border-box;box-shadow:0 5px 8px #00000012}.upgrade-level.level-free .level-header,.upgrade-level.level-free .upgrade-btn{background:radial-gradient(at 0 0,#545c61,#3d4b55)}.upgrade-level.level-standard .level-header,.upgrade-level.level-standard .upgrade-btn{background:radial-gradient(at 0 10%,#89e593,#15bc97)}.upgrade-level.level-pro .level-header,.upgrade-level.level-pro .upgrade-btn{background:radial-gradient(at 0 10%,#77c0f5,#686efe)}.upgrade-level.level-enterprise .level-header,.upgrade-level.level-enterprise .upgrade-btn{background:radial-gradient(at 0 10%,#ffd65a,#dda33d)}.upgrade-level .level-header{position:relative;padding:20px 0;display:flex;flex-direction:column;align-items:center;color:#fff}.upgrade-level .level-header h1{font-size:20px;font-weight:500;background:#fff3;padding:4px 12px;border-radius:6px;margin:20px 0}.upgrade-level .level-header .level-price{height:40px;align-items:center;font-size:18px;font-weight:500;padding:0 20px 20px;text-align:center}.upgrade-level .level-header .level-price.free-price{font-size:16px}.upgrade-level .level-header .level-price .price-spacing{height:2px}.upgrade-level .level-header .level-wave-wrapper{width:100%;height:22px;display:flex;position:absolute;bottom:0;left:0}.upgrade-level .level-header .level-wave{height:44px;width:600px;transform:scale(.5);transform-origin:0 0}.upgrade-level .level-body{padding:24px 16px;font-size:16px}.upgrade-level .level-features{padding:0 0 0 6px;height:224px;font-size:15px}.upgrade-level .level-feat{display:flex;align-items:center;height:32px;width:100%}.upgrade-level .level-feat .check-ico{width:16px;height:16px;display:flex;align-items:center;justify-content:center;margin-right:10px;color:#fff;background:#1ecca0;border-radius:50%}.upgrade-level .level-feat .check-ico.disabled-ico{background:#666768}.upgrade-level .upgrade-btn{margin:0 0 16px;font-weight:500;font-size:15px;width:100%}.pricing-other-way{display:flex;align-items:center;flex-wrap:wrap;justify-content:center;padding:30px 0}.pricing-other-way .vip-invite,.pricing-other-way .vip-education{border-bottom:1px solid #303032;margin:15px 20px}.pricing-other-way .vip-invite a,.pricing-other-way .vip-education a{display:flex;align-items:center;font-size:16px}.pricing-other-way .vip-invite a img,.pricing-other-way .vip-education a img{width:18px;height:18px;margin-right:3px}.pricing-package{display:flex;flex-direction:column;align-items:center}.pricing-package h2{text-align:center;padding:20px 0;margin:0;font-size:24px;font-weight:500}.pricing-package .team-pro-list{display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.pricing-package .team-pro-item{margin:16px 0;display:flex;flex-direction:column;align-items:center;width:160px}.pricing-package .team-pro-item .pro-logo-wrapper{background:#fff;border-radius:18px;box-shadow:0 0 12px #0000001a;display:flex;align-items:center;justify-content:center;width:100px;height:100px}.pricing-package .team-pro-item img{width:60px;height:60px}.pricing-package .team-pro-item .pro-title{font-size:16px;font-weight:500;margin:16px 0 6px}.pricing-package .team-pro-item .pro-desc{font-size:15px;color:#00000080}.pricing-package .pricing-pkg-get{display:flex;flex-direction:column;align-items:center;padding:20px 0 0;font-size:16px;max-width:300px}.pricing-package .pricing-pkg-get img{width:200px;height:200px;margin:6px 0}.compare-list{margin:40px 10px;font-size:16px;max-width:900px}.compare-list .compare:first-child{font-weight:500;font-size:18px}.compare-list .compare{display:flex;height:50px;align-items:center;border-radius:10px;padding:6px 50px 6px 30px}.compare-list .compare:nth-child(2n){background:#f5f5f5}.compare-list .compare .cell{width:30%;display:flex;justify-content:center}.compare-list .compare .cell span{background:#585858;display:flex;justify-content:center;align-items:center;width:18px;height:18px;border-radius:50%;color:#fff}.compare-list .compare .cell span svg{transform:scale(.8)}.compare-list .compare .cell:first-child{width:40%;justify-content:flex-start}.buy-modal{width:360px;display:flex;flex-direction:column;align-items:center;justify-content:center;height:280px;box-sizing:border-box}.buy-modal .buy-types{display:flex;width:100%;justify-content:space-between}.buy-modal .buy-types .buy-type{position:relative;width:30%;height:110px;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid #d7d7d8;font-size:16px;font-weight:500;border-radius:4px;cursor:pointer;-ms-user-select:none;-moz-user-select:none;-webkit-user-select:none;user-select:none}.buy-modal .buy-types .buy-type.selected{border-color:#18a0fb;background:#18a0fb14}.buy-modal .buy-types .buy-type:hover{border-color:#18a0fb}.buy-modal .buy-types .buy-price{margin-top:5px;font-size:14px;margin-bottom:10px}.buy-modal .buy-types .buy-price span{font-size:26px;font-weight:700;color:#404042}.buy-modal .buy-types .buy-original-price{position:absolute;bottom:5px;width:100%;text-align:center;font-weight:500;color:#5f5f64;font-size:14px}.buy-modal .buy-types .buy-original-price:after{content:"";display:block;height:1px;width:36px;background:#0006;position:absolute;top:50%;left:50%;transform:translate(-50%) rotate(-10deg)}.buy-modal .buy-details{display:flex;justify-content:center;margin-top:30px;box-sizing:border-box;width:100%;align-items:center}.buy-modal .buy-details .buy-amount{display:none;align-items:center}.buy-modal .buy-details .buy-amount-select{width:76px}.buy-modal .buy-details .buy-amount-select .dropdown-menu-content{height:200px;overflow:auto}.buy-modal .buy-details .buy-amount-select .select-comp-viewport{border:1px solid #C9C9C9}.buy-modal .buy-details .total-price{color:#e56b4d;font-weight:700}.buy-modal .buy-details .total-price span{font-size:22px}.buy-modal .activity-text{font-weight:400;font-size:14px}.buy-modal .buy-confirm{margin-top:30px}.buy-modal .buy-confirm .button{width:220px;background-color:#6cbe5e}.buy-modal .buy-confirm .button i{margin-right:5px}.buy-modal .buy-confirm .button:hover{background-color:#5fb84f}.buy-modal .buy-confirm .button:active{background-color:#4e9f40}.buy-modal .buy-qr-desc{color:#7b7b7d;margin-top:15px}.buy-modal .finish-ico{width:50px;height:50px;border-radius:50%;background-color:#6cbe5e;display:flex;justify-content:center;align-items:center;color:#fff}.buy-modal .finish-ico i{font-size:28px}.buy-modal .finish-title{font-size:15px;margin-top:30px}.buy-modal .finish-detail{color:#5f5f64;margin-top:10px}.activity-banner{background:#fff;margin:30px 15px;padding:20px 0 25px;box-shadow:0 0 0 1px #00000008,0 8px 24px #0000001a;border-radius:16px;text-align:center}.activity-banner h1{font-size:24px;margin:0}.activity-banner h2{font-size:22px;font-weight:400;margin:5px 0 8px}.activity-banner h2 span{color:#ffc800;font-weight:500;font-size:1.2em;margin-left:4px}.activity-banner .desc{color:#7b7b7d;font-size:16px}@media screen and (max-width:900px){.upgrade-levels{width:100%;padding:0 20px;box-sizing:border-box;flex-direction:column-reverse}.upgrade-level-group{flex-direction:column;width:100%}.upgrade-level{width:100%;max-width:400px;margin:20px 0;box-shadow:2px 4px 12px #00000024}.upgrade-level.level-standard .level-header{color:#15bc97}.upgrade-level.level-pro .level-header{color:#686efe}.upgrade-level.level-enterprise .level-header{color:#dda33d}.upgrade-level .level-header{flex-direction:row;padding:20px 20px 0;justify-content:space-between;color:inherit;background:none!important}.upgrade-level .level-header h1{margin:0;font-size:20px;padding:0}.upgrade-level .level-header .level-price{padding:0;font-size:20px;display:flex}.upgrade-level .level-header .level-price .price-spacing{margin:0 5px}.upgrade-level .level-header .level-wave-wrapper{display:none}.upgrade-level .level-body{padding-top:14px}.upgrade-level .level-features{height:auto}}@media screen and (max-width:440px){.buy-modal{width:260px;padding:0}}
