@charset "UTF-8";/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace,monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b,strong {
    font-weight: bolder
}

code,kbd,samp {
    font-family: monospace,monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button,input,optgroup,select,textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,input {
    overflow: visible
}

button,select {
    text-transform: none
}

button,[type=button],[type=reset],[type=submit] {
    -webkit-appearance: button
}

button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner {
    border-style: none;
    padding: 0
}

button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}

*,*:before,*:after {
    box-sizing: border-box;
    margin: 0;
    padding: 0
}

body {
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

button {
    border: 0;
    outline: none
}



@media screen and (min-width:750px) {
		#pwaBox {
			width: 375px !important;
		}
	
		.footers {
			/* width: 375px !important; */
			/* left: calc((100% - 375px)/2) !important; */
		}
	
		/* .dowpop {
			width: 375px !important;
		} */
	}
	*{
		    box-sizing: border-box;
		    margin: 0;
		    padding: 0;
	}
	
	.ios-store  {
	    min-height: 100vh;
	    background: #fff;
	    color: #1d1d1f;
	    font-family: -apple-system,BlinkMacSystemFont,SF Pro Display,Helvetica Neue,Arial,sans-serif
	}
	
	.ios-store__header  {
	    display: flex;
	    gap: 20px;
	    min-height: 150px;
	    padding: 20px;
	    border-bottom: 1px solid #e5e5e5
	}
	
	.ios-store__app-icon  {
	    width: 100px;
	    height: 100px;
	    margin-top: 5px;
	    flex-shrink: 0;
	    border-radius: 24px;
	    object-fit: cover
	}
	
	.ios-store__app-info  {
	    position: relative;
	    min-width: 0;
	    flex: 1
	}
	
	.ios-store__app-info h1  {
	    margin: 0;
	    overflow: hidden;
	    color: #1d1d1f;
	    font-size: 24px;
	    font-weight: 700;
	    line-height: 29px;
	    text-overflow: ellipsis;
	    white-space: nowrap
	}
	
	.ios-store__actions  {
	    position: absolute;
	    right: 0;
	    bottom: 15px;
	    left: 0;
	    display: flex;
	    align-items: center;
	    justify-content: space-between
	}
	
	.ios-store__get-group  {
	    display: flex;
	    align-items: center;
	    gap: 6px;
	    color: #858585;
	    font-size: 13px
	}
	
	.ios-store__get-button  {
	    min-width: 60px;
	    height: 26px;
	    padding: 0 10px;
	    border-radius: 16px;
	    background: #0071e3;
	    color: #fff;
	    font-size: 14px;
	    font-weight: 600;
	    cursor: pointer
	}
	
	.ios-store__share-button  {
	    display: grid;
	    width: 36px;
	    height: 36px;
	    place-items: center;
	    background: transparent;
	    color: #0071e3;
	    cursor: pointer
	}
	
	.ios-store__share-button svg  {
	    width: 25px;
	    height: 25px;
	    fill: none;
	    stroke: currentColor;
	    stroke-linecap: round;
	    stroke-linejoin: round;
	    stroke-width: 1.7
	}
	
	.ios-store__meta  {
	    display: grid;
	    grid-template-columns: repeat(4,minmax(0,1fr));
	    padding: 20px;
	    border-bottom: 1px solid #e5e5e5
	}
	
	.ios-store__meta-item  {
	    min-width: 0;
	    text-align: center
	}
	
	.ios-store__meta-item strong  {
	    display: block;
	    overflow: hidden;
	    color: #1d1d1f;
	    font-size: 23px;
	    font-weight: 700;
	    line-height: 27px;
	    text-overflow: ellipsis;
	    white-space: nowrap
	}
	
	.ios-store__meta-item span  {
	    display: block;
	    margin-top: 5px;
	    overflow: hidden;
	    color: #858585;
	    font-size: 12px;
	    line-height: 15px;
	    text-overflow: ellipsis;
	    white-space: nowrap
	}
	
	.ios-store__screenshots  {
	    overflow-x: auto;
	    padding: 20px 0 24px;
	    border-bottom: 1px solid #e5e5e5;
	    scrollbar-width: none;
	    -webkit-overflow-scrolling: touch
	}
	
	.ios-store__screenshots ::-webkit-scrollbar {
	    display: none
	}
	
	.ios-store__screenshot-list  {
	    display: flex;
	    gap: 22px;
	    width: max-content;
	    padding: 0 20px
	}
	
	.ios-store__screenshot-list img  {
	    display: block;
	    width: auto;
	    height: 224px;
	    flex-shrink: 0;
	    object-fit: cover
	}
	
	.ios-store__section  {
	    padding: 20px;
	    border-bottom: 1px solid #e5e5e5
	}
	
	.ios-store__section h2  {
	    margin: 0 0 14px;
	    font-size: 21px;
	    font-weight: 700;
	    line-height: 25px
	}
	
	.ios-store__description p  {
	    margin: 0;
	    color: #1d1d1f;
	    font-size: 16px;
	    line-height: 19px
	}
	
	.ios-store__information  {
	    display: grid;
	    grid-template-columns: repeat(2,minmax(0,1fr));
	    gap: 24px 20px;
	    padding: 20px;
	    border-bottom: 1px solid #e5e5e5
	}
	
	.ios-store__information-item  {
	    min-width: 0
	}
	
	.ios-store__information-item h3  {
	    margin: 0 0 8px;
	    color: #858585;
	    font-size: 14px;
	    font-weight: 600
	}
	
	.ios-store__information-item p  {
	    min-height: 18px;
	    margin: 0;
	    overflow-wrap: anywhere;
	    color: #1d1d1f;
	    font-size: 14px;
	    line-height: 18px
	}
	
	.ios-store__ratings-heading  {
	    padding-bottom: 10px;
	    border-bottom: 0
	}
	
	.ios-store__ratings-heading h2  {
	    margin-bottom: 8px
	}
	
	.ios-store__ratings-heading p  {
	    margin: 0;
	    color: #858585;
	    font-size: 14px
	}
	
	.ios-store__score  {
	    display: flex;
	    align-items: center;
	    gap: 30px;
	    padding: 10px 20px 20px;
	    border-bottom: 1px solid #e5e5e5
	}
	
	.ios-store__score-summary  {
	    display: flex;
	    width: 105px;
	    flex-shrink: 0;
	    flex-direction: column
	}
	
	.ios-store__score-summary strong  {
	    font-size: 52px;
	    font-weight: 500;
	    line-height: 56px
	}
	
	.ios-store__score-summary span  {
	    color: #ff9500;
	    font-size: 14px;
	    letter-spacing: 1px
	}
	
	.ios-store__score-summary small  {
	    margin-top: 4px;
	    color: #858585;
	    font-size: 12px
	}
	
	.ios-store__score-bars  {
	    flex: 1
	}
	
	.ios-store__score-row  {
	    display: flex;
	    align-items: center;
	    gap: 8px;
	    margin: 4px 0;
	    color: #858585;
	    font-size: 11px
	}
	
	.ios-store__score-row>div  {
	    height: 5px;
	    flex: 1;
	    overflow: hidden;
	    border-radius: 3px;
	    background: #e5e5e5
	}
	
	.ios-store__score-row i  {
	    display: block;
	    height: 100%;
	    border-radius: inherit;
	    background: #8e8e93
	}
	
	.ios-store__reviews  {
	    padding: 0 20px 32px
	}
	
	.ios-store__review  {
	    padding: 18px 0;
	    border-bottom: 1px solid #e5e5e5
	}
	
	.ios-store__review strong  {
	    display: block;
	    margin-bottom: 5px;
	    font-size: 14px
	}
	
	.ios-store__review span  {
	    display: block;
	    margin-bottom: 8px;
	    color: #ff9500;
	    font-size: 14px;
	    letter-spacing: 1px
	}
	
	.ios-store__review p  {
	    margin: 0;
	    font-size: 14px;
	    line-height: 20px;
	    white-space: pre-wrap
	}
	
	.ios-install-guide  {
	    position: fixed;
	    z-index: 9999;
	    top: 0;
	    right: 0;
	    bottom: 0;
	    left: 0;
	    overflow: hidden;
	    background: #000000e6
	}
	
	.ios-install-guide__body  {
	    position: absolute;
	    right: 0;
	    bottom: calc(75px + env(safe-area-inset-bottom));
	    left: 0
	}
	
	.ios-install-guide__logo  {
	    position: absolute;
	    z-index: 1;
	    top: 0;
	    left: 50%;
	    width: 80px;
	    height: 80px;
	    border: 2px solid #f3b331;
	    border-radius: 17px;
	    object-fit: cover;
	    transform: translate(-50%)
	}
	
	.ios-install-guide__modal  {
	    min-height: 328px;
	    margin-top: 40px;
	    padding: 49px 19px 28px;
	    border-radius: 7px;
	    background: #f5f5f5;
	    color: #212121
	}
	
	.ios-install-guide__modal h2  {
	    max-width: 290px;
	    margin: 0 auto 18px;
	    font-size: 22px;
	    font-weight: 700;
	    line-height: 28px;
	    text-align: center
	}
	
	.ios-install-guide__modal ol  {
	    margin: 0;
	    padding: 0;
	    list-style: none
	}
	
	.ios-install-guide__modal li  {
	    display: flex;
	    align-items: flex-start;
	    gap: 6px;
	    margin: 10px 0
	}
	
	.ios-install-guide__number  {
	    display: grid;
	    width: 36px;
	    height: 36px;
	    flex: 0 0 36px;
	    place-items: center;
	    border-radius: 50%;
	    background: #a7a7a7;
	    color: #fff;
	    font-size: 21px;
	    font-weight: 300
	}
	
	.ios-install-guide__instruction  {
	    min-width: 0;
	    padding-top: 7px;
	    flex: 1;
	    font-size: 16px;
	    line-height: 25px
	}
	
	.ios-install-guide__instruction>strong ,.ios-install-guide__instruction>span strong  {
	    font-weight: 700
	}
	
	.ios-install-guide__instruction--share ,.ios-install-guide__instruction--open  {
	    display: flex;
	    align-items: center;
	    gap: 8px;
	    flex-wrap: wrap
	}
	
	.ios-install-guide__share-symbol  {
	    display: grid;
	    width: 37px;
	    height: 37px;
	    place-items: center;
	    border-radius: 4px;
	    background: #fff;
	    box-shadow: 0 1px 5px #0000002e;
	    color: #007aff
	}
	
	.ios-install-guide__share-symbol svg  {
	    width: 27px;
	    height: 27px;
	    fill: none;
	    stroke: currentColor;
	    stroke-linecap: round;
	    stroke-linejoin: round;
	    stroke-width: 1.7
	}
	
	.ios-install-guide__add-row  {
	    display: flex;
	    width: fit-content;
	    max-width: 100%;
	    align-items: center;
	    justify-content: space-between;
	    gap: 10px;
	    margin: 5px 0;
	    padding: 5px 10px;
	    border-radius: 5px;
	    background: #fff;
	    box-shadow: 0 1px 5px #00000029;
	    white-space: nowrap
	}
	
	.ios-install-guide__add-row b  {
	    display: grid;
	    width: 22px;
	    height: 22px;
	    place-items: center;
	    border: 1.5px solid #111;
	    border-radius: 6px;
	    font-size: 18px;
	    line-height: 18px
	}
	
	.ios-install-guide__instruction--open img  {
	    width: 30px;
	    height: 30px;
	    border-radius: 7px
	}
	
	.ios-install-guide__arrow  {
	    --ios-guide-arrow-rotation: 0deg;
	    --ios-guide-arrow-shift: -8px;
	    position: absolute;
	    bottom: calc(13px + env(safe-area-inset-bottom));
	    right: 6px;
	    width: 33px;
	    height: 33px;
	    transform: translate(0) translateY(0) rotate(var(--ios-guide-arrow-rotation));
	    animation: ios-guide-arrow-bounce-3084739c 1s ease-in-out infinite
	}
	
	.ios-install-guide--top .ios-install-guide__body  {
	    top: calc(75px + env(safe-area-inset-top));
	    bottom: auto
	}
	
	.ios-install-guide--top .ios-install-guide__arrow  {
	    --ios-guide-arrow-rotation: 180deg;
	    --ios-guide-arrow-shift: 8px;
	    top: calc(12px + env(safe-area-inset-top));
	    bottom: auto
	}
	
	@keyframes ios-guide-arrow-bounce-3084739c {
	    0%,to {
	        transform: translate(-50%) translateY(0) rotate(var(--ios-guide-arrow-rotation))
	    }
	
	    50% {
	        transform: translate(-50%) translateY(var(--ios-guide-arrow-shift)) rotate(var(--ios-guide-arrow-rotation))
	    }
	}
	
	@media(min-width: 700px) {
	    .ios-store  {
	        width:620px;
	        margin: 0 auto;
	        box-shadow: 0 0 30px #00000014
	    }
	
	    .ios-install-guide__body  {
	        width: 620px;
	        margin-right: auto;
	        margin-left: auto
	    }
	}




	.iospop_bg {
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: 100;
		background-color: rgba(0, 0, 0, 0.75);
		backdrop-filter: blur(0.2133rem);
	}
	
	
	.iospop {
		position: fixed;
		left: 0;
		bottom: 0;
		width: 8.8rem;
		height: 10.8267rem;
		left: calc((100% - 8.8rem) / 2);
		transform: translateY(12rem);
		transition: transform 0.3s linear;
		z-index: 101;
	}
	.iospop_cen {
		
	}
	
	.iospop_cen_img {
		width: 100%;
		height: 100%;
	}
	
	
	.iospop_close {
		position: absolute;
		right: 0.2667rem;
		top: 0.2667rem;
		width: 1.0667rem;
		height: 1.0667rem;
	}
	
	
	.iospop_active {
		bottom: 0.56rem;
		transform: translateY(-0.56rem);
		transition: transform 0.3s linear;
	}
	
	.ks_bg {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.75);
		backdrop-filter: blur(8px);
		z-index: 1;
	}
	.ks {
		z-index: 110;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	
	
	.ks_cen {
		width: 10rem;
	}
	
	
	.ks_img {
		width: 100%;
	}
	
	
	.fb_cen {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 10rem;
	}
	
	
	.fb_img {
		width: 100%;
	}
	
	
	.loading-toast {
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: 99999;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	
	.loading-box {
		min-width: 100px;
		max-width: 180px;
		padding: 20px;
		background: rgba(0, 0, 0, .7);
		border-radius: 8px;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	
	
	.loading-spinner {
		width: 32px;
		height: 32px;
		border: 3px solid rgba(255, 255, 255, .3);
		border-top-color: #fff;
		border-radius: 50%;
		animation: loadingRotate 1s linear infinite;
	}
	
	
	.loading-text {
		margin-top: 10px;
		color: #fff;
		font-size: 14px;
	}
	@keyframes loadingRotate {
		from {
			transform: rotate(0deg);
		}
	
		to {
			transform: rotate(360deg);
		}
	}