*{box-sizing:border-box;margin:0;padding:0;scrollbar-width:none}
html{line-height:1.15;-webkit-text-size-adjust:100%;color:#313131;scrollbar-width:none}
button,html{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}
a{text-decoration:none}
body{line-height:1.4286;height:100%;color:var(--text-primary-color);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background-color:var(--body-bg-color);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;scrollbar-width:none}
.page-view{position:relative;max-width:500Px;margin:0 auto;height:100%;background-color:#000;will-change:opacity;-webkit-transition:opacity .1s ease-in;transition:opacity .1s ease-in;padding-bottom:69px;margin-top:-85px}
.swiper-container{width:100%;height:100%}
.swiper-slide{text-align:center;font-size:18px;background:#fff;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.swiper-slide img,.tool-item img{width:100%}
img{vertical-align:bottom}
.footer{position:fixed;bottom:0;width:100%;max-width:500Px;z-index:99;background-color:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center}
.footer>div{flex:1;text-align:center;padding:12px;margin:12px;height:45px;color:#fff;border-radius:10px;background-color:#007aff}
.footer>div:last-child{background-color:#ffaa09}
.cg-close:hover,.footer>div:hover{cursor:pointer}
.tool{position:sticky;top:160px;z-index:99;display:flex;justify-content:flex-end;flex-direction:column}
.tool-item{width:66px;height:66px;margin-bottom:18px;margin-right:10px;align-self:flex-end}
.cg-mask{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;background-color:transparent;margin:0 auto;max-width:500Px;-webkit-transition:opacity .3s ease;transition:opacity .3s ease;will-change:opacity;-webkit-transform:translateZ(0);transform:translateZ(0);background-color:rgba(0,0,0,.4)}
.cg-modal-container{position:absolute;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;will-change:transform}
.cg-line-dialog{position:relative;width:400px;height:auto}
.cg-line-warp{border-radius:10px;border:solid 1px #fff;overflow:hidden;background-color:#fff;padding:12px;margin-bottom:36px}
.cg-line-warp .cg-line-item{height:60px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap}
.cg-lines-space{line-height:16px;text-align:center}
.cg-lines-space .cg-lines{position:relative;width:40px}
.cg-lines-space .cg-line-icon{display:inline-block;width:4Px;height:16Px;border-radius:2Px;margin:0 2Px;background-color:#04be02}
.cg-lines-space .cg-line-icon.cg-line-1{height:8Px}
.cg-lines-space .cg-line-icon.cg-line-2{height:12Px}
.text-success{color:#04be02;font-size:14px}
.text-center{text-align:center}
.cg-flex-con{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden}
.cg-ph{padding-left:25px;padding-right:25px;color:#000}
.cg-vhcenter{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.cg-go-play{height:40px;padding:16px;background-color:#007aff;border-radius:10px;font-size:14px}
.cg-go-play a{color:#fff}
.cg-close{color:#fff;border-radius:50%;border:2px solid #fff;width:50px;height:50px;line-height:50px;text-align:center;font-size:24px;margin:0 auto}
.cg-download-dialog .cg-download-warp{position:relative;width:400px;height:auto;border-radius:10px;padding:25px;background-color:#fff;-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,.1);box-shadow:0 2px 5px rgba(0,0,0,.1);margin-bottom:36px}
.cg-download-dialog .cg-download-item{position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1;border-radius:10px;border:solid 1px #007aff;text-align:center;background-color:#fff;margin-top:25px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;height:53px}
.cg-download-dialog .cg-download-item a{color:#007aff;position:absolute;left:0;right:0}
.cg-download-dialog .cg-download-item:nth-child(odd){background-color:#007aff;margin:0}
.cg-download-dialog .cg-download-item:nth-child(odd) a{color:#fff}
.cg-download-dialog .cg-text-warp{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:0 12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.swiper-container:hover{cursor:grab}
#loading{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#ffffff;display:flex;justify-content:center;align-items:center;z-index:99999}
.loading-container{background-color:#fff;padding:30px;border-radius:15px;display:flex;justify-content:center;align-items:center}
.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #007aff;border-radius:50%;animation:spin 1s linear infinite}
@keyframes spin{0%{transform:rotate(0)}
100%{transform:rotate(360deg)}
}