:root{--theme:#ff6699;--bg:#383b40;--win-bg:linear-gradient(to bottom right,#6ae9ff,#1c95db);--win-cr:#20adff;--win-bgcr:#ffffff;--win-img:url(../img/win.webp);--and-bg:linear-gradient(to bottom right,#a0c536,#5c9b05);--and-cr:#a0c536;--and-bgcr:#ffffff;--and-img:url(../img/and.webp);--ios-bg:linear-gradient(to bottom right,#ffffff,#c0bfbe);--ios-cr:#ffffff;--ios-bgcr:#000000;--ios-img:url(../img/ios.webp)}*{margin:0;padding:0}body{position:fixed;top:0;bottom:0;left:0;right:0;background-color:var(--bg);color:#ffffff;min-width:340px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}body:before{content:'';position:fixed;top:0;bottom:0;left:0;right:0;-webkit-filter:blur(20px);filter:blur(20px);opacity:.3;z-index:-1;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}body[data-type="win"]:before{background:var(--win-img) center/cover,var(--bg)}body[data-type="and"]:before{background:var(--and-img) center/cover,var(--bg)}body[data-type="ios"]:before{background:var(--ios-img) center/cover,var(--bg)}header{position:fixed;top:0;left:0;right:0;min-width:340px;height:60px;padding:0 100px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}header .logo{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}header .logo img{width:50px;height:50px;border-radius:8px}header .logo h1{margin-left:10px;font-size:22px}main{width:100%;padding:40px}main .item{display:none;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}main .item.active{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}main .item .image{margin-left:100px;width:500px;background-repeat:no-repeat;background-size:cover;border-radius:6px}main .item[data-type="win"] .image{background-image:var(--win-img);height:240px}main .item[data-type="and"] .image{background-image:var(--and-img);height:400px}main .item[data-type="ios"] .image{background-image:var(--ios-img);height:400px}main .item .content{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;margin-left:100px}main .item .content .info{}main .item .content .info h1{font-size:25px}main .item .content .info .version{font-size:16px;font-weight:400}main .item .content .down{position:relative;top:0;margin-top:20px;width:200px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;padding:15px;border-radius:5px;cursor:pointer;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}main .item .content .down:hover{top:-2px;opacity:.8}main .item[data-type="win"] .content .down{background:var(--win-bg);color:var(--win-bgcr)}main .item[data-type="and"] .content .down{background:var(--and-bg);color:var(--and-bgcr)}main .item[data-type="ios"] .content .down{background:var(--ios-bg);color:var(--ios-bgcr)}main .item .content .down svg{width:30px;height:30px}main .item[data-type="win"] .content .down svg path{fill:var(--win-bgcr)}main .item[data-type="and"] .content .down svg path{fill:var(--and-bgcr)}main .item[data-type="ios"] .content .down svg path{fill:var(--ios-bgcr)}main .item .content .down .text{margin-left:15px;font-size:20px;font-weight:550}main .item .content .down.loading,main .item .content .down.success,main .item .content .down.error{width:auto;background:transparent;color:#ffffff;-webkit-box-pack:left;-webkit-justify-content:left;-ms-flex-pack:left;justify-content:left;margin-top:50px;padding:0;border-radius:0;cursor:default;pointer-events:none}main .item .content .down.loading svg{display:inline-block;-webkit-animation:rotating 1s linear infinite;animation:rotating 1s linear infinite}main .item .content .down.loading svg path{fill:#ffffff}main .item .content .down.success svg path{fill:#ffffff}main .item .content .down.error svg path{fill:#ff0000}footer{position:fixed;bottom:20px;left:0;right:0;min-width:340px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}footer .item{position:relative;top:0;width:50px;height:50px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;background:transparent;border-radius:8px;cursor:pointer;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}footer .item+.item{margin-left:30px}footer .item:hover{top:-5px}footer .item.active{cursor:not-allowed}footer .item.active:hover{top:0}footer .item.active[data-type="win"]{background:var(--win-bg)}footer .item.active[data-type="and"]{background:var(--and-bg)}footer .item.active[data-type="ios"]{background:var(--ios-bg)}footer .item svg{width:30px;height:30px}footer .item[data-type="win"] svg path{fill:var(--win-cr)}footer .item[data-type="and"] svg path{fill:var(--and-cr)}footer .item[data-type="ios"] svg path{fill:var(--ios-cr)}footer .item.active[data-type="win"] svg path{fill:var(--win-bgcr)}footer .item.active[data-type="and"] svg path{fill:var(--and-bgcr)}footer .item.active[data-type="ios"] svg path{fill:var(--ios-bgcr)}.popup{position:fixed;top:0;bottom:0;left:0;right:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;background-color:rgba(0,0,0,.6);z-index:9998}.popup .popbox{display:none;position:relative;width:400px;max-height:90%;overflow:hidden;background-color:#f0f0f0;color:#191919;border-radius:8px;-webkit-box-shadow:0 0 30px rgba(0,0,0,.2);box-shadow:0 0 30px rgba(0,0,0,.2)}.popup .popbox._active{display:block}.popup .popbox .popup-head{position:relative;height:40px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;background-color:#ffffff;color:#191919;padding:0 20px;-webkit-box-shadow:0 0 20px rgba(0,0,0,.1);box-shadow:0 0 20px rgba(0,0,0,.1);border-radius:8px 8px 0 0}.popup .popbox .popup-head .popup-head-close{position:relative;right:-10px;-webkit-transition:all .3s linear;transition:all .3s linear;cursor:pointer}.popup .popbox .popup-head .popup-head-close svg{width:20px;height:20px}.popup .popbox .popup-head .popup-head-close svg path{fill:#191919}.popup .popbox .popup-content{height:calc(100% - 40px);overflow-x:hidden;overflow-y:auto}.popup .popbox .popup-content.cancel{height:calc(100% - 40px - 50px)}.popup .popbox .popup-content::-webkit-scrollbar{width:5px;height:5px}.popup .popbox .popup-content::-webkit-scrollbar-track{background-color:transparent}.popup .popbox .popup-content::-webkit-scrollbar-thumb{background-color:#bdbdbd;border-radius:5px}.popup .popbox .popup-content::-webkit-scrollbar-thumb:hover{background-color:#9b9b9b}.popup .popbox .popup-content::-moz-scrollbar{width:5px;height:5px}.popup .popbox .popup-content::-moz-scrollbar-track{-moz-appearance:none;appearance:none;background-color:transparent}.popup .popbox .popup-content::-moz-scrollbar-thumb{background-color:#bdbdbd;border-radius:5px}.popup .popbox .popup-content::-moz-scrollbar-thumb:hover{background-color:#9b9b9b}.popup .popbox .popup-content .popup-content-box{background-color:#ffffff;color:#191919;padding:10px 20px}.popup .popbox .popup-content .popup-content-box+.popup-content-box{margin-top:8px}.popup .popbox .popup-content .popup-content-box:last-of-type{border-radius:0 0 8px 8px}.popup .popbox .popup-bottom{position:relative;/*
	position: sticky;
	top: 0px;
	*/height:50px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;background-color:#ffffff;color:#191919;padding:0 20px;-webkit-box-shadow:0 0 20px rgba(0,0,0,.1);box-shadow:0 0 20px rgba(0,0,0,.1);border-radius:0 0 8px 8px}.popup .popbox .popup-bottom .popup-button{background-color:#f0f0f0;color:#191919;padding:5px 15px;border-radius:5px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;cursor:pointer}.popup .popbox .popup-bottom .popup-button.confirm{background-color:var(--theme);color:#ffffff}.popup .popbox .popup-bottom .popup-button:hover{opacity:.8}.popup .popbox .popup-bottom .popup-button+.popup-button{margin-left:20px}.prompts{position:fixed;top:0;bottom:0;left:0;right:0;display:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;background-color:rgba(0,0,0,.6);z-index:9999}.prompts .prompts-box{position:relative}.prompts .prompts-box .prompts-icon{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.prompts .prompts-box .prompts-icon svg{width:55px;height:55px}.prompts .prompts-box.loading .prompts-icon svg{display:inline-block;-webkit-animation:rotating 1s linear infinite;animation:rotating 1s linear infinite}.prompts .prompts-box .prompts-icon svg path{fill:#ffffff}.prompts .prompts-box .prompts-text{margin-top:20px}.popup .popbox .popup-content .popup-content-box.ios-down-tips{padding:0}.popup .popbox .popup-content .popup-content-box.ios-down-tips img{width:100%}.ios-safari-tips{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;padding:30px 0}.ios-safari-tips .ios-safari-tips-icon:before{content:'';display:inline-block;width:80px;height:80px;background-image:url(../img/Safari.webp);background-repeat:no-repeat;background-size:cover}.ios-safari-tips .ios-safari-tips-text{margin-top:15px}@media screen and (max-width: 1100px){header{padding:0 60px}main{padding:30px}main .item .image{margin-left:60px}}@media screen and (max-width: 978px){main .item .image{width:400px}main .item[data-type="win"] .image{height:200px}main .item[data-type="and"] .image{height:360px}main .item[data-type="ios"] .image{height:360px}main .item .content{margin-left:60px}}@media screen and (max-width: 876px){main{padding:20px}main .item .image{margin-left:30px}main .item .content{margin-left:40px}}@media screen and (max-width: 768px){header{padding:0 40px}header .logo img{width:40px;height:40px}header .logo h1{margin-left:10px;font-size:20px}main .item{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}main .item .image{margin-left:0;width:300px}main .item[data-type="win"] .image{height:150px}main .item[data-type="and"] .image{height:230px}main .item[data-type="ios"] .image{height:230px}main .item .content{margin-left:0;margin-top:30px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}main .item .content .info{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}main .item .content .info h1{font-size:24px}main .item .content .down{margin-top:20px;width:160px;padding:10px}main .item .content .down svg{width:26px;height:26px}main .item .content .down .text{margin-left:10px;font-size:18px}}@media screen and (max-width: 460px){header{padding:0 30px}header .logo h1{margin-left:8px;font-size:18px}main .item .content .info h1{font-size:22px}footer .item{width:42px;height:42px}footer .item svg{width:22px;height:22px}.popup .popbox{width:95%}}@keyframes rotating{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes rotating{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}