.swiper-container { margin: 0 auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; }
.swiper-container-no-flexbox .swiper-slide { float: left; }
.swiper-container-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
.swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform,-webkit-transform; transition-property: transform,-webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box; }
.swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
.swiper-container-multirow > .swiper-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; }
.swiper-container-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; }
.swiper-slide { -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform,-webkit-transform; transition-property: transform,-webkit-transform; }
.swiper-invisible-blank-slide { visibility: hidden; }
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; }
.swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-transition-property: height,-webkit-transform; transition-property: height,-webkit-transform; transition-property: transform,height; transition-property: transform,height,-webkit-transform; }
.swiper-container-3d { -webkit-perspective: 1200px; perspective: 1200px; }
.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }
.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; }
.swiper-container-3d .swiper-slide-shadow-left { background-image: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0))); background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0)); }
.swiper-container-3d .swiper-slide-shadow-right { background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0))); background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0)); }
.swiper-container-3d .swiper-slide-shadow-top { background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0))); background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0)); }
.swiper-container-3d .swiper-slide-shadow-bottom { background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0))); background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0)); }
.swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal > .swiper-wrapper { -ms-touch-action: pan-y; touch-action: pan-y; }
.swiper-container-wp8-vertical, .swiper-container-wp8-vertical > .swiper-wrapper { -ms-touch-action: pan-x; touch-action: pan-x; }
.swiper-button-next, .swiper-button-prev { position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; background-size: 27px 44px; background-position: center; background-repeat: no-repeat; }
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: .35; cursor: auto; pointer-events: none; }
.swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); left: 10px; right: auto; }
.swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); right: 10px; left: auto; }
.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }
.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }
.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }
.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }
.swiper-button-lock { display: none; }
.swiper-pagination { position: absolute; text-align: center; -webkit-transition: .3s opacity; transition: .3s opacity; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); z-index: 10; }
.swiper-pagination.swiper-pagination-hidden { opacity: 0; }
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 10px; left: 0; width: 100%; }
.swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transform: scale(.33); transform: scale(.33); position: relative; }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { -webkit-transform: scale(1); transform: scale(1); }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { -webkit-transform: scale(.66); transform: scale(.66); }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { -webkit-transform: scale(.33); transform: scale(.33); }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { -webkit-transform: scale(.66); transform: scale(.66); }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { -webkit-transform: scale(.33); transform: scale(.33); }
.swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: .2; }
button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; }
.swiper-pagination-bullet-active { width: 12px; background: #fff; opacity: 1; }
.swiper-container-vertical > .swiper-pagination-bullets { right: 10px; top: 50%; -webkit-transform: translate3d(0,-50%,0); transform: translate3d(0,-50%,0); }
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 6px 0; display: block; }
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 8px; }
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; -webkit-transition: .2s top,.2s -webkit-transform; transition: .2s top,.2s -webkit-transform; -webkit-transition: .2s transform,.2s top; transition: .2s transform,.2s top; -webkit-transition: .2s transform,.2s top,.2s -webkit-transform; transition: .2s transform,.2s top,.2s -webkit-transform; }
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 4px; }
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); white-space: nowrap; }
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: .2s left,.2s -webkit-transform; transition: .2s left,.2s -webkit-transform; -webkit-transition: .2s transform,.2s left; transition: .2s transform,.2s left; -webkit-transition: .2s transform,.2s left,.2s -webkit-transform; transition: .2s transform,.2s left,.2s -webkit-transform; }
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: .2s right,.2s -webkit-transform; transition: .2s right,.2s -webkit-transform; -webkit-transition: .2s transform,.2s right; transition: .2s transform,.2s right; -webkit-transition: .2s transform,.2s right,.2s -webkit-transform; transition: .2s transform,.2s right,.2s -webkit-transform; }
.swiper-pagination-progressbar { background: rgba(0,0,0,.25); position: absolute; }
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #007aff; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; transform-origin: left top; }
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { -webkit-transform-origin: right top; transform-origin: right top; }
.swiper-container-horizontal > .swiper-pagination-progressbar { width: 100%; height: 4px; left: 0; top: 0; }
.swiper-container-vertical > .swiper-pagination-progressbar { width: 4px; height: 100%; left: 0; top: 0; }
.swiper-pagination-white .swiper-pagination-bullet-active { background: #fff; }
.swiper-pagination-progressbar.swiper-pagination-white { background: rgba(255,255,255,.25); }
.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill { background: #fff; }
.swiper-pagination-black .swiper-pagination-bullet-active { background: #000; }
.swiper-pagination-progressbar.swiper-pagination-black { background: rgba(0,0,0,.25); }
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill { background: #000; }
.swiper-pagination-lock { display: none; }
.swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0,0,0,.1); }
.swiper-container-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; }
.swiper-container-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; }
.swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0,0,0,.5); border-radius: 10px; left: 0; top: 0; }
.swiper-scrollbar-cursor-drag { cursor: move; }
.swiper-scrollbar-lock { display: none; }
.swiper-zoom-container { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; }
.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg { max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain; }
.swiper-slide-zoomed { cursor: move; }
.swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-animation: swiper-preloader-spin 1s steps(12,end) infinite; animation: swiper-preloader-spin 1s steps(12,end) infinite; }
.swiper-lazy-preloader:after { display: block; content: ''; width: 100%; height: 100%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-position: 50%; background-size: 100%; background-repeat: no-repeat; }
.swiper-lazy-preloader-white:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }

@-webkit-keyframes swiper-preloader-spin {
    100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

@keyframes swiper-preloader-spin {
    100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

.swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; }
.swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.swiper-container-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; transition-property: opacity; }
.swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; }
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; }
.swiper-container-cube { overflow: visible; }
.swiper-container-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; -webkit-transform-origin: 0 0; transform-origin: 0 0; width: 100%; height: 100%; }
.swiper-container-cube .swiper-slide .swiper-slide { pointer-events: none; }
.swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin: 100% 0; transform-origin: 100% 0; }
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; }
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev { pointer-events: auto; visibility: visible; }
.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: #000; opacity: .6; -webkit-filter: blur(50px); filter: blur(50px); z-index: 0; }
.swiper-container-flip { overflow: visible; }
.swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; }
.swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none; }
.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; }
.swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.swiper-container-coverflow .swiper-wrapper { -ms-perspective: 1200px; }
@charset "UTF-8";
.transform-3d { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }

@-webkit-keyframes float-up {0%, 30% {opacity: 0;-webkit-transform: translate(0, 8px);transform: translate(0, 8px)}
	60% {opacity: 1;-webkit-transform: translate(0, 0);transform: translate(0, 0)}
	100% {opacity: 0;-webkit-transform: translate(0, -10px);transform: translate(0, -10px)}
}
@keyframes float-up {0%, 30% {opacity: 0;-webkit-transform: translate(0, 8px);transform: translate(0, 8px)}
	60% {opacity: 1;-webkit-transform: translate(0, 0);transform: translate(0, 0)}
	100% {opacity: 0;-webkit-transform: translate(0, -10px);transform: translate(0, -10px)}
}
body, html { position: relative; overflow: auto; height: auto; }

@media only screen and (min-width:768px) {
    body, html { min-width: 1240px; }
    .arrow-box-wrap { display: none; }
}

@media screen and (max-width:767px) {
    body, html { height: 100%; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; }
}

.arrow-box-wrap {position: absolute;bottom: 10px;width: 100%;z-index: 99999999;}

@media screen and (max-width:767px) {
    .arrow-box-wrap { display: block; }
}

.arrow-box-wrap .arrow-box { z-index: 999; -webkit-animation: float-up 2.5s infinite ease-in-out; animation: float-up 2.5s infinite ease-in-out; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.arrow-box-wrap .arrow-box .arrow { display: block; width: 100vw; height: 5vw; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAkCAYAAAD7PHgWAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo4RTMzRjdBOERGQ0ExMUVCQjI2QkI5NzQyRTIzMjE0MiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo4RTMzRjdBOURGQ0ExMUVCQjI2QkI5NzQyRTIzMjE0MiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjhFMzNGN0E2REZDQTExRUJCMjZCQjk3NDJFMjMyMTQyIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjhFMzNGN0E3REZDQTExRUJCMjZCQjk3NDJFMjMyMTQyIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+wVfEMAAACWZJREFUeNqsWAlUVNcZ5s0GzABDQCFVy2JUTERwwYFEaEU04gkoyDIRJLHVNo2oRRtrK0QtIqkiRj3KoqiQCAhWEdDiEiqFRCNEiQELYohKEEXKDsMyy+t/H/dOLi+DIdI55z9vmffu/e7//cv3LjPO3s5oDD9mhGuWd5990QlEYwSHTEAd6Z8OA9ONBaRoDF5DgITYRPhaQIFDpgHTYnshoKIXBEeAicEk+CjG94wwIDW2QXwkQJmWh4/0IMc72D93QsELUEqAGYNJwczALMDkwQEBU5Chc3zPDD9jTC2AAVDM/9ODfEpF2Gum2BAA07jt2xWrw1f9jREIjGa5uOyIiY0th/t9+HkhPmcI7QByVJQzP5HFhihF3jDBwGToeDYzK8zrjTfeYxiGWzDLspqy69ePBoWHZcFlLzYVWD/YAI/y54IUSi3lo6FUSHmN0Go+2dFx3NWCwg9dZ85UAjh9uKBzezu7ecoVQY6flZTcbu/o0FHj/axEGQmgoXgzxR7jwIUrldNOJqfst7WxmctlhVarzr944Vht3b2vpk2Z4ioQCISWcrmjMijIs72jveqb6upeHshR1Uk+QLq2iTA4Ez64g3sTfKLWr98rNTW1RS/19fW1fJS4b8eHu3bdKCwqqusf6K90d3ObIxaLZcbGxi8tXLBgiYOd3eOiK1eeGADJPq/40zE4UrwRWtFkZgW5ub+b7eK6Cmjknn/W0lK5NjIy7kb5zVYqpoSvK9yt044cibEZP342AVJ5506mf2jIsYGBgW4qLvueF5cEIN9zEspzHLh5c+faAqXbgVIFGQBoy1mmDE3p7e1V4XqnoaqDRCaTSQtycv/g4uysJA5ofvasYk3kutibFRVPeSD7qTFIF2IRxXS8SQzFW1TketePP/r7gZcsLZ3QJBqNRnWuoGB36DsRp9VqdQ+VqcO8Af9pP8nKqnS0d/jeaepUBcSl2Ewmmxjo778QZq/5sqK8c4S4ZIkHEUABryvQ4MzSU48GrA4PjwV6LdEL4K2GnfG7N+/as6d8WPlg2UFI3yGaWFYH56Td6S5evtTQ0dFxw32ews1YIpFDbJrN9/DwdZnp3JFXWPhwhIThQCKKRbziy4GztrK2hHjbDBm5nLzZ2NRUtnL1u7tr6+ra9NQMAdNA7WMZPDjLVRqIUZYVwZm+PE2fNs0qOz0jetKECV5kzPv19QUBbyv3Qyy3w2UPxQRHN/Ig6Q56aqFdOWSfTP+YDARza4GOtEV+fgdgoA5uEJZFVGpYtEqIXQYBGTIxV7ABLzvE3ZCiYRjtf1tb1cczMsrAe+pJEybOQvXS2srKKSw0VPHk6dOK/9TW9lCJwgkMBFBM0WtyOHG/56YNG5IgVrguPqhWd6afOhW9NnLdBZ1Oh1bXA4AHYWI15ym0OIbh2t2vPT1toJxYPGpoYOGeCIHDC0AL0QEgLYzBZp85c9fKyqrGecYMD6FQaGJqYjJ+yaLFvpMdHGv+eflyA6WCOICk3kmK8s4HLPb2PiISChHNRh2dnTWbtm7deDg1pRpTqgJwahwfQphQDEDQszJIJJeEuLikFcuWBeME6IL/kGdZ9gcJpkUg0fvFJdeaHjx8eM1r/nwXEwAoFAhMX5s+/S2omQ8yc07XYJAaApCrfZZyCxX01EDINtn3jY3nfAOWbyu/9VUzToI+nJ1GmFJjHK/mJ5KS/X8TEREvkUisIAEsgMKlMFl7/sWLDUOdj0Fe5EoHQ+iDe9B1uvIK8i+/tcQXprZ4FbpRa1pGekLFrVttxIsoSSRUeTE+lXbc82Vb21cW+fud1wtN7DUcU8hrXLwCTfLz2afXv+rkFGioTdXcu5cXsPLtw21tbZ04oQZgDDVDGgNiAKukzwovBDxtbq5ftXbN57hUIRskWSymTDJMhrEsyUwhHW9v+vhMPJSQEAvZ7owf05V+8UUOehxiUS8eWttaqzdu2bL9SnHxYwxSBWNpGNIxhjoSg8NGQwlczkihpuuPjs4ikgg4Szl5teOv2xSx0TGJ5ubmDjiRuo+dPBH/flTU1TN556rMzMxqXV1c3CABjKWmUhs/X99F8Oy3//68rAXHpQ4zgmJSA2caXEPVGKSaThKG96FDHDcEDHmUYUh9lJ3Lyg6DMhQtEolQITcCKXUfEmlLclpaNekkJWWljd9+V1/6K0gAyFBreFYKrXLx6+7ugzlnz9Zheo1wXOr0QH8AR4o8V6gZnryie7FeyTg6OFjlZnzyZwd7ex+yiPoH310KDg9PhALebagXQx01/0dm5p9ecZzsS96BElQc8k7EXsjgNqoo9/N6sXakXizmCQWuq6wMCZ2SnpqaSLQf1DJ1cUnJwaWBgSld3d1duAP0UKoZTaSF/9RpGRnX57jO6oSFuYGXkEacrAwKng+x+U3V3bu9I/Rgg71YxJPz5gjcgT17F27esAFpv5fRC/39/c8OJSdv3fSXrcXYA90YHBEKg1QscZ44m3++TiQUfT3H1VUBdHMa0cfb29du0i8fX7p6tQlnMssXCnQvFlLgOJEAxdM8Pyfn96D9Ioj2g1ZV+X7UH3eWlJU1YW/RFGkoLScwIHalC7y8JiQfOLhznLX1bBzn7J2qqk9BIx6FhXdTTJBvF64OkvJCtJ+5h0Lxi+NHkuJAbHqQlQAduTBQEqiZbh64QUIplWQCSr7RIkQKGtG8MPfMupkzZoQSmQX9/SZoxOgvy8ufYEaIRlQPa3VooNiYGNf4HTtT5HL5a0T7gSSKD4lYlQX6rtvAV5qaB46mScczFmnEjKzM25A4jaCUOI0IoCet8F/mA3rz9rXS0mZ6RwJ5kFBrCpT6e8xTHIKX0LWRSqV6FL9vX3TqieP3KVAqXqxxcUbvFuAdA0PJRz72OZX+3m/XTN32wQe7pVKpPU6+fujhG5crlYUkdAT0im9/facOKRXs9n/5hQS/C+DuwmUXlQzDMtUQOPTD91j8zCB+R4XHQGN1obHRHGguHJODCAOdKPxebJKXfXoJxN5076W+6dAhyB7LwEgf3YbAGfDkSB//3JaIRCwWXiu6tBq+V2pWhK28Qs31o14sMbAJpKE2gTT8nSoA+JMf3xRI/vaJmNoaoTed9P1YRNFAN2wBFeQE5LCvrdHuThno8yxve05I7THqeIqaFVEvEOoEBjKRHc0+ys8AqqWOAt6XnY52BN+DOuojnuV7a4zg6DEYCiStBX7UTf4nwAAQ92H+s2e2MAAAAABJRU5ErkJggg==); background-repeat: no-repeat; background-size: auto 100%; background-position: center center; }

@media screen and (max-width:767px) {
    .pages-container, .pusher, .simple-container { width: 100%; height: 100%; overflow: hidden; }
    .pages-container { -webkit-tap-highlight-color: transparent; }
    .swiper-container { width: 100%; height: 100%; }
    .swiper-container-scrollbar .swiper-slide { height: auto; }
    #copyright, #footer { display: none; }
}

.web-app-download-container { position: relative; }

@media screen and (max-width:767px) {
    .web-app-download-container { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform,-webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-touch-action: pan-x; touch-action: pan-x; }
}

.web-app-download-container .wrapper { position: relative; width: 1200px; margin: 0 auto; -webkit-box-sizing: border-box; box-sizing: border-box; }

@media only screen and (max-width:767px) {
    .web-app-download-container .wrapper { width: 100%; }
}

.web-app-download-container .side { position: relative; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; height: 700px; }

@media screen and (max-width:767px) {
    .web-app-download-container .side { -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform,-webkit-transform; }
}

.web-app-download-container .side .phone-container { position: relative; width: 493px; height: 796px; }

@media screen and (max-width:767px) {
    .web-app-download-container .side .phone-container { width: 65.73333333333333vw; height: 106.13333333333333vw; }
}

.web-app-download-container .side .phone-container .screen-container { position: absolute; width: 296px; height: 642px; left: 152px; top: 50px; border-radius: 30px; overflow: hidden; background: #fff; }

@media screen and (max-width:767px) {
    .web-app-download-container .side .phone-container .screen-container { width: 39.46666666666667vw; height: 85.6vw; left: 20.266666666666666vw; top: 6.666666666666667vw; border-radius: 4vw; }
}

.web-app-download-container .side .phone-container .screen-container .screen-inner { position: relative; display: block; width: 100%; height: 100%; }
.web-app-download-container .side .phone-container .phone-cover { position: absolute; left: 0; top: 0; z-index: 2; pointer-events: none; width: 493px; height: 796px; background-image: url(../img/phone_cover_bg.png); background-repeat: no-repeat; background-size: 493px 796px; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    .web-app-download-container .side .phone-container .phone-cover { background-image: url(../img/phone_cover_bg@2x.png); }
}

@media screen and (max-width:767px) {
    .web-app-download-container .side .phone-container .phone-cover { width: 65.73333333333333vw; height: 106.13333333333333vw; background-size: 65.73333333333333vw 106.13333333333333vw; }
}

.web-app-download-container .side .text-container .title { font-size: 38px; color: #2b334d; line-height: 48px; margin: 0 0 12px 0; }
.web-app-download-container .side .shequ .desc p strong { font-size: 24px; }
.font1 { font-size: 20px; font-weight: lighter; padding: 10px 0; display: inline-block; }
.web-app-download-container .side .shequ .desc p .span1 { color: #fff; display: inline-block; font-weight: lighter; letter-spacing: 14px; margin-top: 10px; line-height: 8px; font-size: 18px; }
.span1 em { height: 15px; background: rgba(255,255,255,0.3); display: inline-block; width: 100%; }
.web-app-download-container .side .shequ .desc p .span1 b { padding-left: 8px; font-weight: lighter; margin-left: -8px; }

.web-app-download-container .side .zixun .desc p { font-size: 26px !important; font-weight: lighter; }
.web-app-download-container .side .zixun .desc .p2 { font-size: 20px !important; padding: 20px 0 15px 0; margin-left: -8px; }
.web-app-download-container .side .zixun .desc p .span2 { display: inline-block !important; font-size: 20px; line-height: 1px; font-weight: bold; }

.span2 em { height: 15px; background: rgba(114,70,252,0.5); display: inline-block; width: 100%; padding: 0 5px 0 8px; }
.c1 em { background: rgba(255,113,191,0.5); }
.c2 em { background: rgba(255,179,0,0.5); }
.web-app-download-container .side .zixun .desc p .span2 b { padding-left: 8px; font-weight: lighter; color: #000; }
.font2 { font-size: 18px; letter-spacing: 12px; font-weight: lighter; }
.font2 em { font-size: 12px; }
.font3 { line-height: 36px; display: inline-block; font-size: 26px; vertical-align: middle; }
.p4 img { margin-top: -40px; margin-left: -15px; }
.web-app-download-container .side .toupiao .desc .p3 { color: #fff; }
.p3 strong { font-size: 20px; letter-spacing: 22px; display: inline-block; position: relative; padding-top: 10px; }
.p3 strong:after { content: " "; position: absolute; top: 0; left: 0; display: inline-block; height: 1px; line-height: 1px; width: 100%; background-image: linear-gradient(to right, #fff, rgba(255,255,255,0)); }
.p3 em { font-style: normal; font-weight: lighter; }

/*.p3 strong{
  --borderWidth: 1px;
   border:0 0 1px 0;
  background: #1D1F20;
  position: relative;
  border-radius: var(--borderWidth);
}
.p3 strong:after {
  content: '';
  position: absolute;
  top: calc(-1 * var(--borderWidth));
  left: calc(-1 * var(--borderWidth));
  height: calc(100% + var(--borderWidth) * 2);
  width: calc(100% + var(--borderWidth) * 2);
  background: linear-gradient(60deg, #f79533, #f37055, #ef4e7b, #a166ab, #5073b8, #1098ad, #07b39b, #6fba82);
  border-radius: calc(2 * var(--borderWidth));
  z-index: -1;
  animation: animatedgradient 3s ease alternate infinite;
  background-size: 300% 300%;
}


@keyframes animatedgradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}*/





@media screen and (max-width:767px) {
    .web-app-download-container .side .text-container .title { font-size: 8.4vw; line-height: 8.933333333333334vw; margin: 0 0 4.266666666666667vw 0; text-align: center; }
    .web-app-download-container .side .shequ .desc p .span1 b { margin-left: 0; }
    .font2 { font-size: 16px; text-align: center; display: block; padding-bottom: 8px; }
    .web-app-download-container .side .zixun .desc p .span2 b { font-size: 17px; }
    .span2 em { height: 12px; }
    .web-app-download-container .side .zixun .desc .p2 { padding-bottom: 5px; }
}

.web-app-download-container .side .text-container .desc p { margin: 0; color: #111; font-size: 18px; line-height: 28px; }

@media screen and (max-width:767px) {
    .web-app-download-container .side .text-container .desc p { font-size: 4.266666666666667vw; line-height: 6vw; text-align: center; }
}

.web-app-download-container .side .section-swiper-wrap { margin: 0; height: 100%; width: 100%; }
.web-app-download-container .side .section-swiper-wrap .section-swiper-container { height: 100%; width: 100%; overflow: hidden; }
.web-app-download-container .side .section-swiper-wrap .section-swiper-container .swiper-wrapper { width: 100%; height: 100%; }
.web-app-download-container .side .app-wrap .app-icon { display: none; }

@media screen and (max-width:767px) {
    .web-app-download-container .side .app-wrap .app-icon { position: relative; display: block; margin-bottom: 5.333333333333334vw; width: 22.400000000000002vw; height: 22.400000000000002vw; margin-left: auto; margin-right: auto; background-image: url(../img/app_icon.png); background-repeat: no-repeat; background-size: 22.400000000000002vw 22.400000000000002vw; z-index: 2; }
}

@media screen and (max-width:767px) and only screen and (-webkit-min-device-pixel-ratio:2),screen and (max-width:767px) and only screen and (min--moz-device-pixel-ratio:2),screen and (max-width:767px) and only screen and (min-device-pixel-ratio:2),screen and (max-width:767px) and only screen and (min-resolution:192dpi),screen and (max-width:767px) and only screen and (min-resolution:2dppx) {
    .web-app-download-container .side .app-wrap .app-icon { background-image: url(../img/app_icon@2x.png); }
}

.web-app-download-container .side .app-wrap .title { position: relative; font-size: 44px; letter-spacing: 5px; font-weight: 900; margin-bottom: 4px; }

@media screen and (max-width:767px) {
    .web-app-download-container .side .app-wrap .title { text-align: center; font-size: 7.466666666666668vw; letter-spacing: .8vw; margin-bottom: 2.1333333333333333vw; z-index: 2; }
}

.web-app-download-container .side .app-wrap .desc { position: relative; font-size: 28px; letter-spacing: 1px; line-height: 32px; font-weight: 300; }

@media screen and (max-width:767px) {
    .web-app-download-container .side .app-wrap .desc { text-align: center; font-size: 4.666666666666667vw; letter-spacing: 0.2vw; line-height: 4.266666666666667vw; z-index: 2; }
}

.web-app-download-container .side .app-wrap .download-btns { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 25px; }

@media screen and (max-width:767px) {
    .web-app-download-container .side .app-wrap .download-btns { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 6.666666666666667vw; z-index: 2; }
}

.web-app-download-container .side .app-wrap .download-btns .btn-wrap + .btn-wrap { margin-left: 16px; }

@media screen and (max-width:767px) {
    .web-app-download-container .side .app-wrap .download-btns .btn-wrap + .btn-wrap { margin-left: 3.2vw; }
}

.web-app-download-container .side .app-wrap .download-btns .btn-wrap .btn { display: block; width: 192px; height: 56px; }

@media screen and (max-width:767px) {
    .web-app-download-container .side .app-wrap .download-btns .btn-wrap .btn { width: 37.333333333333336vw; height: 10.933333333333334vw; }
}

.web-app-download-container .side .app-wrap .download-btns .btn-wrap .btn.download-android { background-image: url(../img/btn_download_andriod.png); background-repeat: no-repeat; background-size: 192px 56px; }

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    .web-app-download-container .side .app-wrap .download-btns .btn-wrap .btn.download-android { background-image: url(../img/btn_download_andriod@2x.png); }
}

@media screen and (max-width:767px) {
    .web-app-download-container .side .app-wrap .download-btns .btn-wrap .btn.download-android { background-size: 37.333333333333336vw 10.933333333333334vw; }
}

.web-app-download-container .side .app-wrap .download-btns .btn-wrap .btn.download-ios { background-image: url(../img/btn_download_ios.png); background-repeat: no-repeat; background-size: 192px 56px; }

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    .web-app-download-container .side .app-wrap .download-btns .btn-wrap .btn.download-ios { background-image: url(../img/btn_download_ios@2x.png); }
}

@media screen and (max-width:767px) {
    .web-app-download-container .side .app-wrap .download-btns .btn-wrap .btn.download-ios { background-size: 37.333333333333336vw 10.933333333333334vw; }
}

.@media screen and (max-width:767px) {.web-app-download-container .side .app-wrap .download-btns .btn-wrap .extra;
{ display: none; }
}
.web-app-download-container .side .app-wrap .download-btns .btn-wrap .extra a + a { margin-left: 6px; }
.web-app-download-container .side-main { position: relative; height: 100vh; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; background-image: url(../img/slide_1_bg3.jpg); background-repeat: no-repeat; background-size: 4000px 800px; background-color: #3e3d45; background-position: center; background-size: cover; overflow: hidden; }

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    .web-app-download-container .side-main { background-image: url(../img/slide_1_bg@2x.jpg); }
}

@media screen and (max-width:767px) {
    .web-app-download-container .side-main { background-image: url(../img/mb_slide_1_bg.jpg); background-repeat: no-repeat; background-size: 100vw 100vh; background-size: cover; }
}

@media screen and (max-width:767px) and only screen and (-webkit-min-device-pixel-ratio:2),screen and (max-width:767px) and only screen and (min--moz-device-pixel-ratio:2),screen and (max-width:767px) and only screen and (min-device-pixel-ratio:2),screen and (max-width:767px) and only screen and (min-resolution:192dpi),screen and (max-width:767px) and only screen and (min-resolution:2dppx) {
    .web-app-download-container .side-main { background-image: url(../img/mb_slide_1_bg@2x.jpg); }
}

.web-app-download-container .side-main .nav-header { display: -webkit-box; display: -ms-flexbox; display: flex; height: 40px; margin-top: 40px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

@media screen and (max-width:767px) {
    .web-app-download-container .side-main .nav-header { height: 7.466666666666668vw; margin-top: 3.2vw; padding: 0 3.733333333333334vw; }
}

.web-app-download-container .side-main .nav-header .logo-wrap .logo-link { display: block; }
.web-app-download-container .side-main .nav-header .logo-wrap .logo-link .fw-logo { display: block; width: 50px; height: 50px; background-size: 50px 50px; }

@media screen and (max-width:767px) {
    .web-app-download-container .side-main .nav-header .logo-wrap .logo-link .fw-logo { width: 28px; height: 28px; background-size: 28px 28px; }
}

.web-app-download-container .side-main .nav-header .right-menu { margin-left: auto; }
.web-app-download-container .side-main .nav-header .right-menu .menu { font-size: 14px; margin: 0; }
.web-app-download-container .side-main .nav-header .right-menu .menu.pc-menu { display: -webkit-box; display: -ms-flexbox; display: flex; }

@media screen and (max-width:767px) {
    .web-app-download-container .side-main .nav-header .right-menu .menu.pc-menu { display: none; }
}

.web-app-download-container .side-main .nav-header .right-menu .menu.mobile-menu { display: none; }

@media screen and (max-width:767px) {
    .web-app-download-container .side-main .nav-header .right-menu .menu.mobile-menu { display: -webkit-box; display: -ms-flexbox; display: flex; }
    .web-app-download-container .side-main .nav-header .right-menu .menu.mobile-menu > .item { margin: 0; }
    .web-app-download-container .side-main .nav-header .right-menu .menu.mobile-menu .ui.avatar.image, .web-app-download-container .side-main .nav-header .right-menu .menu.mobile-menu .ui.avatar.image img { margin-right: 0; }
}

.web-app-download-container .side-main .nav-header .right-menu .menu .item { padding: 0; }
.web-app-download-container .side-main .nav-header .right-menu .menu .item.active, .web-app-download-container .side-main .nav-header .right-menu .menu .item:hover { background: 0 0; }
.web-app-download-container .side-main .nav-header .right-menu .menu #message { margin-right: 16px; }
.web-app-download-container .side-main .nav-header .right-menu .menu #message .item { width: 100%; }
.web-app-download-container .side-main .nav-header .right-menu .menu #message .total-count { display: none; }
.web-app-download-container .side-main .nav-header .right-menu .menu #message .mark-read-all { display: none; }
.web-app-download-container .side-main .nav-header .right-menu .menu #message .menu { width: 200px; }
.web-app-download-container .side-main .nav-header .right-menu .menu #message .placeholder { display: none; }
.web-app-download-container .side-main .nav-header .right-menu .menu #message .action { border-top: 1px solid rgba(34,36,38,.1); padding-top: 12px; margin-top: 8px; }
.web-app-download-container .side-main .nav-header .right-menu .menu #message .action .go-inbox { float: left; }
.web-app-download-container .side-main .nav-header .right-menu .menu #message .action .mark-read-all { float: right; }
.web-app-download-container .side-main .main-body { position: relative; margin-top: 15vh; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-left: 150px; }

@media screen and (max-width:767px) {
    .web-app-download-container .side-main .main-body { margin-top: 8vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 0; }
}

.web-app-download-container .side-main .main-body .app-wrap { color: #fff; }

@media screen and (max-width:767px) {
    .web-app-download-container .side-main .main-body .app-wrap { margin-bottom: 2.666666666666667vw; }
}

.web-app-download-container .side-main .main-body .download-qrcode { margin-top: 32px; width: 120px; }

@media screen and (max-width:767px) {
    .web-app-download-container .side-main .main-body .download-qrcode { display: none; }
}

.web-app-download-container .side-main .main-body .download-qrcode .qrcode-pic { width: 120px; height: 120px; background-image: url(../img/app_qrcode.jpg); background-repeat: no-repeat; background-size: 120px 120px; border-radius: 5px; }

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    .web-app-download-container .side-main .main-body .download-qrcode .qrcode-pic { background-image: url(../img/app_qrcode@2x.jpg); }
}

.web-app-download-container .side-main .main-body .download-qrcode .extra { margin-top: 8px; text-align: center; }
.web-app-download-container .side-main .main-body .download-qrcode .extra span { opacity: .9; font-size: 14px; color: #fff; }
.web-app-download-container .side-main .main-body .app-pic { position: absolute; right: 5%; top: 50%; margin-top: -520px; width: 530px; height: 789px; background-image: url(../img/slide_1_pic_p.png); background-repeat: no-repeat; background-size: 530px 789px; }
.web-app-download-container .side-main .main-body .banner_video {width: 100%;height: 100%;display: block;object-fit: cover;}


@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    .web-app-download-container .side-main .main-body .app-pic { background-image: url(../img/slide_1_pic_p@2x.png); }
}

@media screen and (max-width:767px) {
    .web-app-download-container .side-main .main-body .app-pic { position: relative; right: 13%; width: 70.66666666666667vw; height: 99.60000000000001vw; background-size: 70.66666666666667vw 99.60000000000001vw; z-index: 1; margin-top: -60vw; -ms-flex-item-align: end; align-self: flex-end; }
}

@media screen and (max-aspect-ratio:375/667) {
    .web-app-download-container .side-main .main-body .app-pic { -webkit-transform: scale(1.125); transform: scale(1.125); -webkit-transform-origin: center bottom; transform-origin: center bottom; }
}

.web-app-download-container .side-main .main-body .app-pic .app-banner-wrap {position: absolute;left: 126px;top: 138px;width: 250px;height: 547px;border-radius: 20px;overflow: hidden;}
.banner_cover { position: absolute; left: -16px;
    top: -16px;
    width: 286px; height: 155px; background: url(../img/banner_cover.png) top center no-repeat; background-size: 100%; z-index: 999; }

@media screen and (max-width:767px) {
    .banner_cover { width:38.566667vw; height: 19.299999999999999vw; border-radius: 10px 10px 0px 0px; top:-7px; left:-9px; }
    .web-app-download-container .side-main .main-body .app-pic .app-banner-wrap {left: 16.5vw;top: 17vw;width: 33.56666666666667vw;height: 69.3vw; border-radius:13px;}
}

.web-app-download-container .side-main .main-body .app-pic .app-banner-wrap .swiper-pagination { text-align: left; padding-left: 15px; bottom: 25px; padding-right: 4px; font-size: 0; line-height: 1; display: none; }

@media screen and (max-width:767px) {
    .web-app-download-container .side-main .main-body .app-pic .app-banner-wrap .swiper-pagination { bottom: 3px; padding-right: 3px; }
}

.web-app-download-container .side-main .main-body .app-pic .app-banner-wrap .swiper-pagination .swiper-pagination-bullet { width: 5px; height: 5px; border-radius: 3px; background: #fff; opacity: 0.7; }

@media screen and (max-width:767px) {
    .web-app-download-container .side-main .main-body .app-pic .app-banner-wrap .swiper-pagination .swiper-pagination-bullet { width: 3px; height: 3px; margin: 0 2px; }
}

.web-app-download-container .side-main .main-body .app-pic .app-banner-wrap .swiper-pagination .swiper-pagination-bullet-active { width: 12px; background: #fff; opacity: 1; }
.web-app-download-container .side-main .main-body .app-pic .app-banner-wrap .banners-wrap .banner { width: 100%; height: 100%; }
.web-app-download-container .side-main .main-body .app-pic .app-banner-wrap .banners-wrap .banner.banner-1 { background-image: url(../img/slide_1_banner_1.png); background-repeat: no-repeat; background-size: 252px 496px; }

@media screen and (max-width:767px) {
    .web-app-download-container .side-main .main-body .app-pic .app-banner-wrap .banners-wrap .banner.banner-1 { background-size: 33.56666666666667vw 70.299999999999999vw; }
}

.web-app-download-container .side-main .main-body .app-pic .app-banner-wrap .banners-wrap .banner.banner-2 { background-image: url(../img/slide_1_banner_2.png); background-repeat: no-repeat; background-size: 252px 496px; }

@media screen and (max-width:767px) {
    .web-app-download-container .side-main .main-body .app-pic .app-banner-wrap .banners-wrap .banner.banner-2 { background-size: 33.56666666666667vw 70.299999999999999vw; }
}

.web-app-download-container .side-main .main-body .app-pic .app-banner-wrap .banners-wrap .banner.banner-3 { background-image: url(../img/slide_1_banner_3.png); background-repeat: no-repeat; background-size: 252px 496px; }

@media screen and (max-width:767px) {
    .web-app-download-container .side-main .main-body .app-pic .app-banner-wrap .banners-wrap .banner.banner-3 { background-size: 33.56666666666667vw 70.299999999999999vw; }
}

.web-app-download-container .side-intro-article-recommend { background: url(../img/shequ.jpg) no-repeat; }
.web-app-download-container .side-intro-article-recommend .content-body { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; }

@media screen and (max-width:767px) {
    .web-app-download-container .side-intro-article-recommend .content-body { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
}

.web-app-download-container .side-intro-article-recommend .content-body .picture-container { width: 760px; -ms-flex-negative: 0; flex-shrink: 0; }

@media screen and (max-width:767px) {
    .web-app-download-container .side-intro-article-recommend .content-body .picture-container { width: 100%; }
}

.web-app-download-container .side-intro-article-recommend .content-body .picture-container .phone-container { margin: 48px 0 0 12px; }

@media screen and (max-width:767px) {
    .web-app-download-container .side-intro-article-recommend .content-body .picture-container .phone-container { margin: 4vw 0 0 10.133333333333333vw; }
}

.web-app-download-container .side-intro-article-recommend .content-body .picture-container .screens-wrap { position: relative; width: 100%; height: 100%; }
.web-app-download-container .side-intro-article-recommend .content-body .picture-container .screens-wrap .screen { width: 100%; height: 100%; }
.web-app-download-container .side-intro-article-recommend .content-body .picture-container .screens-wrap .screen.screen-1 { background-image: url(../img/slide_2_pic_p_bg_tags.jpg); background-repeat: no-repeat; background-size: 296px 641px; }

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    .web-app-download-container .side-intro-article-recommend .content-body .picture-container .screens-wrap .screen.screen-1 { background-image: url(../img/slide_2_pic_p_bg_tags@2x.jpg); }
}

@media screen and (max-width:767px) {
    .web-app-download-container .side-intro-article-recommend .content-body .picture-container .screens-wrap .screen.screen-1 { background-size: 39.46666666666667vw 85.46666666666667vw; }
}

.web-app-download-container .side-intro-article-recommend .content-body .picture-container .screens-wrap .screen.screen-2 { background-image: url(../img/slide_2_pic_p_bg_recommend.jpg); background-repeat: no-repeat; background-size: 296px 641px; }

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    .web-app-download-container .side-intro-article-recommend .content-body .picture-container .screens-wrap .screen.screen-2 { background-image: url(../img/slide_2_pic_p_bg_recommend@2x.jpg); }
}

@media screen and (max-width:767px) {
    .web-app-download-container .side-intro-article-recommend .content-body .picture-container .screens-wrap .screen.screen-2 { background-size: 39.46666666666667vw 85.46666666666667vw; }
}

.web-app-download-container .side-intro-article-recommend .content-body .picture-container .popup-wrap { position: absolute; left: 300px; top: 394px; z-index: 3; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }

@media screen and (max-width:767px) {
    .web-app-download-container .side-intro-article-recommend .content-body .picture-container .popup-wrap { left: 34.66666666666667vw; top: 52.53333333333333vw; }
}

.web-app-download-container .side-intro-article-recommend .content-body .picture-container .popup-wrap .popup { position: absolute; left: 0; top: 0; -webkit-transform: scale(0); transform: scale(0); }
.web-app-download-container .side-intro-article-recommend .content-body .picture-container .popup-wrap .popup.popup-project { width:240px; height: 111px; left: -165px; top: -165px; background-image: url(../img/slide_2_pic_p_popup_project.png); background-repeat: no-repeat; background-size: 240px 111px; z-index: 2; }
.web-app-download-container .side-intro-article-recommend .content-body .picture-container .popup-wrap .popup.popup-project2{ width:240px; height: 111px; left: -20px; top: -260px; background-image: url(../img/baike.png); background-repeat: no-repeat; background-size: 240px 111px; z-index: 2; }

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    .web-app-download-container .side-intro-article-recommend .content-body .picture-container .popup-wrap .popup.popup-project { background-image: url(../img/slide_2_pic_p_popup_project@2x.png); }
	.web-app-download-container .side-intro-article-recommend .content-body .picture-container .popup-wrap .popup.popup-project2 { background-image: url(../img/baike@2x.png); }
}

@media screen and (max-width:767px) {
    .web-app-download-container .side-intro-article-recommend .content-body .picture-container .popup-wrap .popup.popup-project { width: 40.66666666666667vw; height: 19.2vw; left: -23.333333333333336vw; top: -20.6vw; background-size: 40.66666666666667vw 19.2vw; }
	.web-app-download-container .side-intro-article-recommend .content-body .picture-container .popup-wrap .popup.popup-project2 { width:38.66666666666667vw; height: 19.2vw; left: -1.333333333333336vw; top: -40.6vw; background-size: 40.66666666666667vw 19.2vw; }
}

.web-app-download-container .side-intro-article-recommend .content-body .picture-container .popup-wrap .popup.popup-project.complete { -webkit-transform: translate(-122px,-48px) scale(1); transform: translate(-122px,-48px) scale(1); }

@media screen and (max-width:767px) {
    .web-app-download-container .side-intro-article-recommend .content-body .picture-container .popup-wrap .popup.popup-project.complete { -webkit-transform: translate(-16.266666666666666vw,-6.4vw) scale(1); transform: translate(-16.266666666666666vw,-6.4vw) scale(1); }
}

.web-app-download-container .side-intro-article-recommend .content-body .picture-container .popup-wrap .popup.popup-zb { width:240px; height:111px; left: -150px; top: -65px; background-image: url(../img/slide_2_pic_p_popup_zb.png); background-repeat: no-repeat; background-size: 240px 111px; z-index: 1; }

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    .web-app-download-container .side-intro-article-recommend .content-body .picture-container .popup-wrap .popup.popup-zb { background-image: url(../img/slide_2_pic_p_popup_zb@2x.png); }
}

@media screen and (max-width:767px) {
    .web-app-download-container .side-intro-article-recommend .content-body .picture-container .popup-wrap .popup.popup-zb { width: 40.33333333333333vw; height: 19.2vw; left: -20.666666666666664vw; top: -8.6vw; background-size: 40.33333333333333vw 19.2vw; }
}

.web-app-download-container .side-intro-article-recommend .content-body .picture-container .popup-wrap .popup.popup-zb.complete { -webkit-transform: translate(189px,-154px) scale(1); transform: translate(189px,-154px) scale(1); }

@media screen and (max-width:767px) {
    .web-app-download-container .side-intro-article-recommend .content-body .picture-container .popup-wrap .popup.popup-zb.complete { -webkit-transform: translate(25.2vw,-20.533333333333335vw) scale(1); transform: translate(25.2vw,-20.533333333333335vw) scale(1); }
}

.web-app-download-container .side-intro-article-recommend .content-body .picture-container .popup-wrap .popup.popup-gitee { width: 240px; height: 111px; left: -120px; top: -208px; background-image: url(../img/slide_2_pic_p_popup_gitee.png); background-repeat: no-repeat; background-size: 240px 111px; z-index: 2; }

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    .web-app-download-container .side-intro-article-recommend .content-body .picture-container .popup-wrap .popup.popup-gitee { background-image: url(../img/slide_2_pic_p_popup_gitee@2x.png); }
}

@media screen and (max-width:767px) {
    .web-app-download-container .side-intro-article-recommend .content-body .picture-container .popup-wrap .popup.popup-gitee { width: 45.2vw; height: 21.066666666666666vw; left: -18.6vw; top: -22.533333333333333vw; background-size: 45.2vw 21.066666666666666vw; }
}

.web-app-download-container .side-intro-article-recommend .content-body .picture-container .popup-wrap .popup.popup-gitee.complete { -webkit-transform: translate(-156px,96px) scale(1); transform: translate(-156px,96px) scale(1); }

@media screen and (max-width:767px) {
    .web-app-download-container .side-intro-article-recommend .content-body .picture-container .popup-wrap .popup.popup-gitee.complete { -webkit-transform: translate(-20.8vw,12.8vw) scale(1); transform: translate(-20.8vw,12.8vw) scale(1); }
}

.web-app-download-container .side-intro-article-recommend .content-body .picture-container .popup-wrap .popup.popup-question { width: 240px; height: 111px; left: -200px; top: -155px; background-image: url(../img/slide_2_pic_p_popup_question.png); background-repeat: no-repeat; background-size: 240px 111px; z-index: 1; }
.web-app-download-container .side-intro-article-recommend .content-body .picture-container .popup-wrap .popup.popup-question2 { width: 240px; height: 111px; left: -330px; top: -60px; background-image: url(../img/xueshu.png); background-repeat: no-repeat; background-size: 240px 111px; z-index: 1; }

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    .web-app-download-container .side-intro-article-recommend .content-body .picture-container .popup-wrap .popup.popup-question { }
}

@media screen and (max-width:767px) {
    .web-app-download-container .side-intro-article-recommend .content-body .picture-container .popup-wrap .popup.popup-question { width: 40.733333333333334vw; height: 19.066666666666666vw; left: -25.866666666666667vw; top: -18.533333333333333vw; background-size: 40.733333333333334vw 19.066666666666666vw; }
	.web-app-download-container .side-intro-article-recommend .content-body .picture-container .popup-wrap .popup.popup-question2 { width: 40.733333333333334vw; height: 19.066666666666666vw; left: -40.866666666666667vw; top:2.533333333333333vw; background-size:40.733333333333334vw 19.066666666666666vw; }
}

.web-app-download-container .side-intro-article-recommend .content-body .picture-container .popup-wrap .popup.popup-question.complete { -webkit-transform: translate(217px,50px) scale(1); transform: translate(217px,50px) scale(1); }

@media screen and (max-width:767px) {
    .web-app-download-container .side-intro-article-recommend .content-body .picture-container .popup-wrap .popup.popup-question.complete { -webkit-transform: translate(28.933333333333334vw,6.666666666666667vw) scale(1); transform: translate(28.933333333333334vw,6.666666666666667vw) scale(1); }
}

.web-app-download-container .side-intro-article-recommend .content-body .text-container { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-left: 36px; padding-top: 250px; }

@media screen and (max-width:767px) {
    .web-app-download-container .side-intro-article-recommend .content-body .text-container { -webkit-box-flex: 0; -ms-flex: 0; flex: 0; padding-left: 0; padding-top: 8vw; }
}

.web-app-download-container .side-intro-developers { background-image: url(../img/slide_3_bg.jpg); background-position: center; }

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    .web-app-download-container .side-intro-developers { background-image: url(../img/slide_3_bg@2x.jpg); }
}

@media screen and (max-width:767px) {
    .web-app-download-container .side-intro-developers { background-image: url(../img/mb_slide_3_bg.jpg); background-repeat: no-repeat; background-size: 100vw 177.86666666666667vw; background-size: cover; }
}

@media screen and (max-width:767px) and only screen and (-webkit-min-device-pixel-ratio:2),screen and (max-width:767px) and only screen and (min--moz-device-pixel-ratio:2),screen and (max-width:767px) and only screen and (min-device-pixel-ratio:2),screen and (max-width:767px) and only screen and (min-resolution:192dpi),screen and (max-width:767px) and only screen and (min-resolution:2dppx) {
    .web-app-download-container .side-intro-developers { background-image: url(../img/mb_slide_3_bg@2x.jpg); }
}

.web-app-download-container .side-intro-developers .content-body { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; }

@media screen and (max-width:767px) {
    .web-app-download-container .side-intro-developers .content-body { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
}

.web-app-download-container .side-intro-developers .content-body .text-container { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-left: 130px; padding-top: 250px; }

@media screen and (max-width:767px) {
    .web-app-download-container .side-intro-developers .content-body .text-container { -webkit-box-flex: 0; -ms-flex: 0; flex: 0; padding-left: 0 !important; padding-top: 8vw; padding-bottom: 5.333333333333334vw; }
}

@media screen and (min-aspect-ratio:375/623) {
    .web-app-download-container .side-intro-developers .content-body .text-container { padding-top: 14.666666666666668vw; padding-left: 130px; }
}

.web-app-download-container .side-intro-developers .content-body .picture-container { width: 670px; -ms-flex-negative: 0; flex-shrink: 0; }

@media screen and (max-width:767px) {
    .web-app-download-container .side-intro-developers .content-body .picture-container { width: 100%; }
}

.web-app-download-container .side-intro-developers .content-body .picture-container .tab-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; vertical-align: baseline; margin-top: 80px; margin-left: 214px; width: 342px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; }

@media screen and (max-width:767px) {
    .web-app-download-container .side-intro-developers .content-body .picture-container .tab-wrap { margin-top: 0; margin-left: auto; margin-right: auto; width: 66.4vw; }
}

.web-app-download-container .side-intro-developers .content-body .picture-container .tab-wrap .tab-item { cursor: pointer; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: center; font-size: 14px; color: #7246fc; line-height: 18px; padding: 6px 0; border: 1px solid #7246fc; }

@media screen and (max-width:767px) {
    .web-app-download-container .side-intro-developers .content-body .picture-container .tab-wrap .tab-item { font-size: 3.4666666666666663vw; line-height: 5.333333333333334vw; padding: 1.0666666666666667vw 0; }
}

. web-app-download-container .side-intro-developers .content-body .picture-container .tab-wrap .tab-item + .tab-item { border-left: 0; }
.web-app-download-container .side-intro-developers .content-body .picture-container .tab-wrap .tab-item:first-of-type { border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
.web-app-download-container .side-intro-developers .content-body .picture-container .tab-wrap .tab-item:last-of-type { border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
.web-app-download-container .side-intro-developers .content-body .picture-container .tab-wrap .tab-item.active { background: #7246fc; color: #fff; }
.web-app-download-container .side-intro-developers .content-body .picture-container .phone-container { margin: 18px 0 0 86px; }

@media screen and (max-width:767px) {
    .web-app-download-container .side-intro-developers .content-body .picture-container .phone-container { margin: 2.1333333333333333vw 0 0 10.133333333333333vw; }
}

.web-app-download-container .side-intro-developers .content-body .picture-container .screens-wrap { position: relative; width: 100%; height: 100%; }
.web-app-download-container .side-intro-developers .content-body .picture-container .screens-wrap .screen { width: 100%; height: 100%; }
.web-app-download-container .side-intro-developers .content-body .picture-container .screens-wrap .screen.screen-1 { background-image: url(../img/slide_3_pic_p_bg_hot_tweet.jpg); background-repeat: no-repeat; background-size: 296px 641px; }

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    .web-app-download-container .side-intro-developers .content-body .picture-container .screens-wrap .screen.screen-1 { background-image: url(../img/slide_3_pic_p_bg_hot_tweet@2x.jpg); }
}

@media screen and (max-width:767px) {
    .web-app-download-container .side-intro-developers .content-body .picture-container .screens-wrap .screen.screen-1 { background-size: 39.46666666666667vw 85.46666666666667vw; }
}

.web-app-download-container .side-intro-developers .content-body .picture-container .screens-wrap .screen.screen-2 { background-image: url(../img/slide_3_pic_p_bg_hot_topic.jpg); background-repeat: no-repeat; background-size: 296px 641px; }

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    .web-app-download-container .side-intro-developers .content-body .picture-container .screens-wrap .screen.screen-2 { background-image: url(../img/slide_3_pic_p_bg_hot_topic@2x.jpg); }
}

@media screen and (max-width:767px) {
    .web-app-download-container .side-intro-developers .content-body .picture-container .screens-wrap .screen.screen-2 { background-size: 39.46666666666667vw 85.46666666666667vw; }
}

.web-app-download-container .side-intro-developers .content-body .picture-container .screens-wrap .screen.screen-3 { background-image: url(../img/slide_3_pic_p_bg_question.jpg); background-repeat: no-repeat; background-size: 296px 641px; }

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    .web-app-download-container .side-intro-developers .content-body .picture-container .screens-wrap .screen.screen-3 { background-image: url(../img/slide_3_pic_p_bg_question@2x.jpg); }
}

@media screen and (max-width:767px) {
    .web-app-download-container .side-intro-developers .content-body .picture-container .screens-wrap .screen.screen-3 { background-size: 39.46666666666667vw 85.46666666666667vw; }
}

.web-app-download-container .side-intro-developers .content-body .picture-container .popup-wrap { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 3; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
.web-app-download-container .side-intro-developers .content-body .picture-container .popup-wrap .popup { position: absolute; left: 0; top: 0; -webkit-transform: scale(0); transform: scale(0); opacity: 0; }
.web-app-download-container .side-intro-developers .content-body .picture-container .popup-wrap .popup.popup-1 { left: 76px; top: 78px; width: 429px; height: 231px; background-image: url(../img/slide_3_pic_p_popup_hot_tweet.png); background-repeat: no-repeat; background-size: 429px 231px; }

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    .web-app-download-container .side-intro-developers .content-body .picture-container .popup-wrap .popup.popup-1 { background-image: url(../img/slide_3_pic_p_popup_hot_tweet@2x.png); }
}

@media screen and (max-width:767px) {
    .web-app-download-container .side-intro-developers .content-body .picture-container .popup-wrap .popup.popup-1 { left: 10.133333333333333vw; top: 10.4vw; width: 57.199999999999996vw; height: 30.8vw; background-size: 57.199999999999996vw 30.8vw; }
}

.web-app-download-container .side-intro-developers .content-body .picture-container .popup-wrap .popup.popup-2 { left: 76px; top: 56px; width: 429px; height: 352px; background-image: url(../img/slide_3_pic_p_popup_hot_topic.png); background-repeat: no-repeat; background-size: 429px 352px; }

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    .web-app-download-container .side-intro-developers .content-body .picture-container .popup-wrap .popup.popup-2 { background-image: url(../img/slide_3_pic_p_popup_hot_topic@2x.png); }
}

@media screen and (max-width:767px) {
    .web-app-download-container .side-intro-developers .content-body .picture-container .popup-wrap .popup.popup-2 { left: 10.133333333333333vw; top: 7.466666666666668vw; width: 57.199999999999996vw; height: 46.93333333333333vw; background-size: 57.199999999999996vw 46.93333333333333vw; }
}

.web-app-download-container .side-intro-developers .content-body .picture-container .popup-wrap .popup.popup-3 { left: 76px; top: 85px; width: 429px; height: 171px; background-repeat: no-repeat; background-size: 429px 171px; }

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    .web-app-download-container .side-intro-developers .content-body .picture-container .popup-wrap .popup.popup-3 { }
}

@media screen and (max-width:767px) {
    .web-app-download-container .side-intro-developers .content-body .picture-container .popup-wrap .popup.popup-3 { left: 10.133333333333333vw; top: 11.333333333333332vw; width: 57.199999999999996vw; height: 22.8vw; background-size: 57.199999999999996vw 22.8vw; }
}

.web-app-download-container .side-intro-projects { background: url(../img/fuwu.jpg) no-repeat; }

@media screen and (max-width:767px) {
    .web-app-download-container .side-intro-projects { background-image: url(../img/fw_mobile.jpg); background-repeat: no-repeat; background-size: 100vw 177.86666666666667vw; background-size: cover; }
    .web-app-download-container .side-intro-article-recommend { background-image: url(../img/sq_mobile.jpg); background-repeat: no-repeat; background-size: 100vw 177.86666666666667vw; background-size: cover; }
}

.web-app-download-container .side-intro-projects .content-body { display: block; height: 100%; }

@media screen and (max-width:767px) {
    .web-app-download-container .side-intro-projects .content-body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
    .side-intro-projects2 { display: block; }
}
/*@media (min-width:768px ) {
.phone{display:none;}
	
}
@media (max-width:767px ) {
.website{display:none;}
	
}*/
.web-app-download-container .side-intro-projects .content-body .text-container { padding-top: 70px; text-align: center; }

@media screen and (max-width:767px) {
    .web-app-download-container .side-intro-projects .content-body .text-container { padding-top: 0; }
}

.web-app-download-container .side-intro-projects .content-body .text-container .title { font-size: 30px; }

@media screen and (max-width:767px) {
    .web-app-download-container .side-intro-projects .content-body .text-container .title { font-size: 6.4vw; }
}

.web-app-download-container .side-intro-projects .content-body .text-container .desc p { font-size: 16px; }

@media screen and (max-width:767px) {
    .web-app-download-container .side-intro-projects .content-body .text-container .desc p { font-size: 4.266666666666667vw; }
}

.web-app-download-container .side-intro-projects .content-body .picture-container { margin: 140px auto 0; height: 438px; width: 872px; background-image: url(../img/slide_4_pic_p_bg.png); background-repeat: no-repeat; background-size: 872px 191px; background-position: center bottom; }

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    .web-app-download-container .side-intro-projects .content-body .picture-container { background-image: url(../img/slide_4_pic_p_bg@2x.png); }
}

@media screen and (max-width:767px) {
    .web-app-download-container .side-intro-projects .content-body .picture-container { margin: 41.333333333333336vw auto 0; height: 72.13333333333334vw; width: 100vw; background-size: 173.73333333333335vw 37.86666666666667vw; }
}

.web-app-download-container .side-intro-projects .content-body .picture-container .projects-container { position: relative; width: 100%; height: 100%; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
.web-app-download-container .side-intro-projects .content-body .picture-container .projects-container .projects-logo-wrap { position: absolute; left: 436px; top: 246px; opacity: 0; z-index: 2; }

@media screen and (max-width:767px) {

    .web-app-download-container .side-intro-projects .content-body .picture-container .projects-container .projects-logo-wrap { left: 46.666666666666664vw; top: 47.46666666666667vw; -webkit-transform: scale(.75); transform: scale(.75); }
}

@media screen and (max-width:320px) {
    .web-app-download-container .side-intro-projects .content-body .picture-container .projects-container .projects-logo-wrap { -webkit-transform: scale(.6); transform: scale(.6); }
}

.web-app-download-container .side-intro-projects .content-body .picture-container .projects-container .projects-logo-wrap.show { opacity: 1; }
.web-app-download-container .side-intro-projects .content-body .picture-container .projects-container .projects-logo-wrap .item { position: absolute; left: 0; top: 0; -webkit-transform: scale(0); transform: scale(0); }

.web-app-download-container .side-intro-projects .content-body .picture-container .projects-container .projects-logo-wrap .item.item-ruby { width: 102px; height: 80px; background-repeat: no-repeat; background-image: url(../img/projects-logo-spirte.png); background-position: 0 0; background-size: 277px 425px; }

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2) {
    .web-app-download-container .side-intro-projects .content-body .picture-container .projects-container .projects-logo-wrap .item.item-ruby { background-image: url(../img/projects-logo-spirte@2x.png); background-size: 277px 425px; }
}

.web-app-download-container .side-intro-projects .content-body .picture-container .projects-container .projects-logo-wrap .item.item-ruby.end { -webkit-transform: scale(1) translateX(-210px) translateY(-206px) rotate(2turn); transform: scale(1) translateX(-210px) translateY(-206px) rotate(2turn); }
.web-app-download-container .side-intro-projects .content-body .picture-container .projects-container .projects-logo-wrap .item.item-wxapp { width: 144px; height: 103px; background-repeat: no-repeat; background-image: url(../img/projects-logo-spirte.png); background-position: -1px -198px; background-size: 277px 425px; }

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2) {
    .web-app-download-container .side-intro-projects .content-body .picture-container .projects-container .projects-logo-wrap .item.item-wxapp { background-image: url(../img/projects-logo-spirte@2x.png); background-size: 277px 425px; }
}

.web-app-download-container .side-intro-projects .content-body .picture-container .projects-container .projects-logo-wrap .item.item-wxapp.end { -webkit-transform: scale(1) translateX(-93px) translateY(-206px) rotate(2turn); transform: scale(1) translateX(-93px) translateY(-206px) rotate(2turn); }
.web-app-download-container .side-intro-projects .content-body .picture-container .projects-container .projects-logo-wrap .item.item-code { height: 45px; width: 48px; width: 45px; height: 48px; background-repeat: no-repeat; background-image: url(../img/projects-logo-spirte.png); background-position: -97px 0; background-size: 262px 243px; }

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2) {
    .web-app-download-container .side-intro-projects .content-body .picture-container .projects-container .projects-logo-wrap .item.item-code { background-image: url(../img/projects-logo-spirte@2x.png); background-size: 262px 243px; }
}

.web-app-download-container .side-intro-projects .content-body .picture-container .projects-container .projects-logo-wrap .item.item-code.end { -webkit-transform: scale(1) translateX(3px) translateY(-230px) rotate(2turn); transform: scale(1) translateX(3px) translateY(-230px) rotate(2turn); }
.web-app-download-container .side-intro-projects .content-body .picture-container .projects-container .projects-logo-wrap .item.item-python { height: 53px; width: 52px; width: 53px; height: 52px; background-repeat: no-repeat; background-image: url(../img/projects-logo-spirte.png); background-position: -145px 0; background-size: 262px 243px; }

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2) {
    .web-app-download-container .side-intro-projects .content-body .picture-container .projects-container .projects-logo-wrap .item.item-python { background-image: url(../img/projects-logo-spirte@2x.png); background-size: 262px 243; }
}

.web-app-download-container .side-intro-projects .content-body .picture-container .projects-container .projects-logo-wrap .item.item-python.end { -webkit-transform: scale(1) translateX(98px) translateY(-200px) rotate(2turn); transform: scale(1) translateX(98px) translateY(-200px) rotate(2turn); }
.web-app-download-container .side-intro-projects .content-body .picture-container .projects-container .projects-logo-wrap .item.item-php { height: 48px; width: 46px; width: 48px; height: 46px; background-repeat: no-repeat; background-image: url(../img/projects-logo-spirte.png); background-position: -200px 0; background-size: 262px 243; }

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2) {
    .web-app-download-container .side-intro-projects .content-body .picture-container .projects-container .projects-logo-wrap .item.item-php { background-image: url(../img/projects-logo-spirte@2x.png); background-size: 262px 243px; }
}

.web-app-download-container .side-intro-projects .content-body .picture-container .projects-container .projects-logo-wrap .item.item-php.end { -webkit-transform: scale(1) translateX(195px) translateY(-204px) rotate(2turn); transform: scale(1) translateX(195px) translateY(-204px) rotate(2turn); }
.web-app-download-container .side-intro-projects .content-body .picture-container .projects-container .projects-logo-wrap .item.item-kotlin { height: 40px; width: 41px; width: 40px; height: 41px; background-repeat: no-repeat; background-image: url(../img/projects-logo-spirte.png); background-position: -1px -56px; background-size: 262px 243; }

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2) {
    .web-app-download-container .side-intro-projects .content-body .picture-container .projects-container .projects-logo-wrap .item.item-kotlin { background-image: url(../img/projects-logo-spirte@2x.png); background-size: 262px 243; }
}

.web-app-download-container .side-intro-projects .content-body .picture-container .projects-container .projects-logo-wrap .item.item-kotlin.end { -webkit-transform: scale(1) translateX(-160px) translateY(-124px) rotate(2turn); transform: scale(1) translateX(-160px) translateY(-124px) rotate(2turn); }
.web-app-download-container .side-intro-projects .content-body .picture-container .projects-container .projects-logo-wrap .item.item-pre { height: 97px; width: 35px; width: 98px; height: 35px; background-repeat: no-repeat; background-image: url(../img/projects-logo-spirte.png); background-position: -45px -56px; background-size: 262px 243; }

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2) {
    .web-app-download-container .side-intro-projects .content-body .picture-container .projects-container .projects-logo-wrap .item.item-pre { background-image: url(../img/projects-logo-spirte@2x.png); background-size: 262px 243; }
}

.web-app-download-container .side-intro-projects .content-body .picture-container .projects-container .projects-logo-wrap .item.item-pre.end { -webkit-transform: scale(1) translateX(-36px) translateY(-144px) rotate(2turn); transform: scale(1) translateX(-36px) translateY(-144px) rotate(2turn); }
.web-app-download-container .side-intro-projects .content-body .picture-container .projects-container .projects-logo-wrap .item.item-c { height: 115px; width: 173px; background-repeat: no-repeat; background-image: url(../img/projects-logo-spirte.png); background-position: -1px -302px; background-size: 277px 425px; }

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2) {
    .web-app-download-container .side-intro-projects .content-body .picture-container .projects-container .projects-logo-wrap .item.item-c { background-image: url(../img/projects-logo-spirte@2x.png); background-size: 262px 243; }
}

.web-app-download-container .side-intro-projects .content-body .picture-container .projects-container .projects-logo-wrap .item.item-c.end { -webkit-transform: scale(1) translateX(45px) translateY(-142px) rotate(2turn); transform: scale(1) translateX(45px) translateY(-142px) rotate(2turn); }
.web-app-download-container .side-intro-projects .content-body .picture-container .projects-container .projects-logo-wrap .item.item-sdk { height: 36px; width: 44px; width: 36px; height: 44px; background-repeat: no-repeat; background-image: url(../img/projects-logo-spirte.png); background-position: -143px -56px; background-size: 262px 243; }

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2) {
    .web-app-download-container .side-intro-projects .content-body .picture-container .projects-container .projects-logo-wrap .item.item-sdk { background-image: url(../img/projects-logo-spirte@2x.png); background-size: 262px 243; }
}

.web-app-download-container .side-intro-projects .content-body .picture-container .projects-container .projects-logo-wrap .item.item-sdk.end { -webkit-transform: scale(1) translateX(144px) translateY(-134px) rotate(2turn); transform: scale(1) translateX(144px) translateY(-134px) rotate(2turn); }
.web-app-download-container .side-intro-projects .content-body .picture-container .projects-container .projects-logo-wrap .item.item-tools { width: 114px; height: 140px; background-repeat: no-repeat; background-image: url(../img/projects-logo-spirte.png); background-position: -165px 0; background-size: 277px 425px; }

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2) {
    .web-app-download-container .side-intro-projects .content-body .picture-container .projects-container .projects-logo-wrap .item.item-tools { background-image: url(../img/projects-logo-spirte@2x.png); background-size: 262px 243; }
}

.web-app-download-container .side-intro-projects .content-body .picture-container .projects-container .projects-logo-wrap .item.item-tools.end { -webkit-transform: scale(1) translateX(-87px) translateY(-95px) rotate(2turn); transform: scale(1) translateX(-87px) translateY(-95px) rotate(2turn); }
.web-app-download-container .side-intro-projects .content-body .picture-container .projects-container .projects-logo-wrap .item.item-java { height: 146px; width: 111px; background-repeat: no-repeat; background-image: url(../img/projects-logo-spirte.png); background-position: -163px -141px; background-size: 277px 425px; }

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2) {
    .web-app-download-container .side-intro-projects .content-body .picture-container .projects-container .projects-logo-wrap .item.item-java { background-image: url(../img/projects-logo-spirte@2x.png); background-size: 262px 243; }
}

.web-app-download-container .side-intro-projects .content-body .picture-container .projects-container .projects-logo-wrap .item.item-java.end { -webkit-transform: scale(1) translateX(64px) translateY(-79px) rotate(2turn); transform: scale(1) translateX(64px) translateY(-79px) rotate(2turn); }
.web-app-download-container .side-intro-projects .content-body .picture-container .projects-container .projects-logo-wrap .item.item-swift { height: 110px; width: 139px; background-repeat: no-repeat; background-image: url(../img/projects-logo-spirte.png); background-position: -1px -83px; background-size: 277px 425px; }

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2) {
    .web-app-download-container .side-intro-projects .content-body .picture-container .projects-container .projects-logo-wrap .item.item-swift { background-image: url(../img/projects-logo-spirte@2x.png); background-size: 262px 243; }
}

.web-app-download-container .side-intro-projects .content-body .picture-container .projects-container .projects-logo-wrap .item.item-swift.end { -webkit-transform: scale(1) translateX(-25px) translateY(-62px) rotate(2turn); transform: scale(1) translateX(-25px) translateY(-62px) rotate(2turn); }
.web-app-download-container .side-intro-projects .content-body .picture-container .projects-container .projects-shadow-wrap { position: absolute; left: 436px; top: 246px; opacity: 0; z-index: 1; }

@media screen and (max-width:767px) {
    .web-app-download-container .side-intro-projects .content-body .picture-container .projects-container .projects-shadow-wrap { left: 46.666666666666664vw; top: 47.46666666666667vw; -webkit-transform: scale(.75); transform: scale(.75); }
}

@media screen and (max-width:320px) {
    .web-app-download-container .side-intro-projects .content-body .picture-container .projects-container .projects-shadow-wrap { -webkit-transform: scale(.6); transform: scale(.6); }
}

.web-app-download-container .side-intro-projects .content-body .picture-container .projects-container .projects-shadow-wrap.show { opacity: 1; }
.web-app-download-container .side-intro-projects .content-body .picture-container .projects-container .projects-shadow-wrap .item { position: absolute; left: 0; top: 0; -webkit-transform: scale(0); transform: scale(0); }
.web-app-download-container .side-intro-projects .content-body .picture-container .projects-container .projects-shadow-wrap .item.item-1 { width: 57px; height: 23px; background-repeat: no-repeat; background-image: url(../img/projects-logo-spirte.png); background-position: -184px -56px; background-size: 262px 243; left: -96px; top: -50px; }

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2) {
    .web-app-download-container .side-intro-projects .content-body .picture-container .projects-container .projects-shadow-wrap .item.item-1 { background-image: url(../img/projects-logo-spirte@2x.png); background-size: 262px 243; }
}

.web-app-download-container .side-intro-projects .content-body .picture-container .projects-container .projects-shadow-wrap .item.item-2 { width: 40px; height: 17px; background-repeat: no-repeat; background-image: url(../img/projects-logo-spirte.png); background-position: -222px -108px; background-size: 262px 161px; left: 64px; top: -28px; }

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2) {
    .web-app-download-container .side-intro-projects .content-body .picture-container .projects-container .projects-shadow-wrap .item.item-2 { background-image: url(../img/projects-logo-spirte@2x.png); background-size: 262px 243; }
}

.web-app-download-container .side-intro-projects .content-body .picture-container .projects-container .projects-shadow-wrap .item.item-3 { width: 0; height: 0; background-repeat: no-repeat; background-image: url(../img/projects-logo-spirte.png); background-position: 0 -214px; background-size: 262px 243px; left: -26px; top: 26px; }

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2) {
    .web-app-download-container .side-intro-projects .content-body .picture-container .projects-container .projects-shadow-wrap .item.item-3 { background-image: url(../img/projects-logo-spirte@2x.png); background-size: 262px 243; }
}

.web-app-download-container .side-intro-blog { background-image: url(../img/vote_bg.jpg); background-repeat: no-repeat; background-size: 2000px 640px; background-position: center; background-size: cover; }

@media screen and (max-width:767px) {
    .web-app-download-container .side-intro-blog { background: #000; }
}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    .web-app-download-container .side-intro-blog { }
}

.web-app-download-container .side-intro-blog .content-body { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; }

@media screen and (max-width:767px) {
    .web-app-download-container .side-intro-blog .content-body { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-image: url(../img/mb_slide_5_bg.jpg); background-repeat: no-repeat; background-size: 100vw 177.86666666666667vw; background-position: center; background-size: cover; height: 100vh; }
}

@media screen and (max-width:767px) and only screen and (-webkit-min-device-pixel-ratio:2),screen and (max-width:767px) and only screen and (min--moz-device-pixel-ratio:2),screen and (max-width:767px) and only screen and (min-device-pixel-ratio:2),screen and (max-width:767px) and only screen and (min-resolution:192dpi),screen and (max-width:767px) and only screen and (min-resolution:2dppx) {
    .web-app-download-container .side-intro-blog .content-body { }
}

.web-app-download-container .side-intro-blog .content-body .picture-container { width: 630px; -ms-flex-negative: 0; flex-shrink: 0; }

@media screen and (max-width:767px) {
    .web-app-download-container .side-intro-blog .content-body .picture-container { width: 100%; }
}

.web-app-download-container .side-intro-blog .content-body .picture-container .phone-container { margin: 100px 0 0 12px; }

@media screen and (max-width:767px) {
    .web-app-download-container .side-intro-blog .content-body .picture-container .phone-container { margin: 4vw 0 0 10.133333333333333vw; }
}

.web-app-download-container .side-intro-blog .content-body .picture-container .screens-wrap { position: relative; width: 100%; height: 100%; }
.web-app-download-container .side-intro-blog .content-body .picture-container .screens-wrap .screen { width: 100%; height: 100%; }
.web-app-download-container .side-intro-blog .content-body .picture-container .screens-wrap .screen.screen-1 { background-image: url(../img/slide_5_pic_p_bg_blog.gif); background-repeat: no-repeat; background-size: 296px 641px; }

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    .web-app-download-container .side-intro-blog .content-body .picture-container .screens-wrap .screen.screen-1 { background-image: url(../img/slide_5_pic_p_bg_blog@2x.gif); }
}

@media screen and (max-width:767px) {
    .web-app-download-container .side-intro-blog .content-body .picture-container .screens-wrap .screen.screen-1 { background-size: 39.46666666666667vw 85.46666666666667vw; }
}

.web-app-download-container .side-intro-blog .content-body .picture-container .screens-wrap .screen.screen-2 { background-image: url(../img/slide_5_pic_p_bg_blog_detail.jpg); background-repeat: no-repeat; background-size: 296px 641px; }

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    .web-app-download-container .side-intro-blog .content-body .picture-container .screens-wrap .screen.screen-2 { background-image: url(../img/slide_5_pic_p_bg_blog_detail@2x.jpg); }
}

@media screen and (max-width:767px) {
    .web-app-download-container .side-intro-blog .content-body .picture-container .screens-wrap .screen.screen-2 { background-size: 39.46666666666667vw 85.46666666666667vw; }
}

.web-app-download-container .side-intro-blog .content-body .picture-container .screens-wrap .daily-blog-slide { position: absolute; left: 12px; top: 106px; width: 694px; height: 114px; background-image: url(../img/slide_5_pic_p_blog_slide.jpg); background-repeat: no-repeat; background-size: 694px 114px; }

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    .web-app-download-container .side-intro-blog .content-body .picture-container .screens-wrap .daily-blog-slide { background-image: url(../img/slide_5_pic_p_blog_slide@2x.jpg); }
}

@media screen and (max-width:767px) {
    .web-app-download-container .side-intro-blog .content-body .picture-container .screens-wrap .daily-blog-slide { left: 1.6vw; top: 14.133333333333335vw; width: 92.53333333333333vw; height: 15.2vw; background-size: 92.53333333333333vw 15.2vw; }
}



.web-app-download-container .side-intro-blog .content-body .picture-container .screens-wrap .follow-btn-wrap .follow-btn, .web-app-download-container .side-intro-blog .content-body .picture-container .screens-wrap .follow-btn-wrap .unfollow-btn { position: absolute; left: 62px; top: 339px; width: 176px; height: 26px; -webkit-transform-origin: center 50%; transform-origin: center 50%; opacity: 0; }

@media screen and (max-width:767px) {
    .web-app-download-container .side-intro-blog .content-body .picture-container .screens-wrap .follow-btn-wrap .follow-btn, .web-app-download-container .side-intro-blog .content-body .picture-container .screens-wrap .follow-btn-wrap .unfollow-btn { left: 8.53333333333333vw; top: 44.999999999999664vw; width: 22.333333333333334vw; height: 12.866666666666667vw; }
}

.web-app-download-container .side-intro-blog .content-body .picture-container .screens-wrap .follow-btn-wrap .unfollow-btn { opacity: 1; background-image: url(../img/slide_5_pic_p_bg_blog_detail_unfollow_btn.png); background-repeat: no-repeat; background-size: 176px 26px; }

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    .web-app-download-container .side-intro-blog .content-body .picture-container .screens-wrap .follow-btn-wrap .unfollow-btn { background-image: url(../img/slide_5_pic_p_bg_blog_detail_unfollow_btn@2x.png); }
}

@media screen and (max-width:767px) {
    .web-app-download-container .side-intro-blog .content-body .picture-container .screens-wrap .follow-btn-wrap .unfollow-btn { background-size: 100% auto; }
}

.web-app-download-container .side-intro-blog .content-body .picture-container .screens-wrap .follow-btn-wrap .follow-btn { -webkit-transform: scale(2); transform: scale(2); background-image: url(../img/slide_5_pic_p_bg_blog_detail_follow_btn.png); background-repeat: no-repeat; background-size: 176px 26px; }

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    .web-app-download-container .side-intro-blog .content-body .picture-container .screens-wrap .follow-btn-wrap .follow-btn { background-image: url(../img/slide_5_pic_p_bg_blog_detail_follow_btn@2x.png); }
}

@media screen and (max-width:767px) {
    .web-app-download-container .side-intro-blog .content-body .picture-container .screens-wrap .follow-btn-wrap .follow-btn { background-size: 100% auto; }
}





.web-app-download-container .side-intro-blog .content-body .text-container { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-left: 32px; padding-top: 264px; }

@media screen and (max-width:767px) {
    .web-app-download-container .side-intro-blog .content-body .text-container { -webkit-box-flex: 0; -ms-flex: 0; flex: 0; padding-left: 0; padding-top: 8vw; }
}

.web-app-download-container .side-intro-blog .app-wrap { display: none; background: #f7f7f7; }

@media screen and (max-width:767px) {
    .web-app-download-container .side-intro-blog .app-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 96vw; }
    .mountain { left: -50%; }
    .mountain img { width: 120%; }
}

.web-app-download-container .side-intro-download { height: 200px; background: #f7f7f7; }
.web-app-download-container .side-intro-download .content-body { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.web-app-download-container .side-intro-download .content-body .qrcode-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.web-app-download-container .side-intro-download .content-body .qrcode-wrap .title { font-size: 24px; color: #111; text-align: center; margin-bottom: 8px; }
.web-app-download-container .side-intro-download .content-body .qrcode-wrap .qrcode-pic { width: 130px; height: 130px; background-image: url(../img/app_qrcode.jpg); background-repeat: no-repeat; background-size: 130px 130px; }

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    .web-app-download-container .side-intro-download .content-body .qrcode-wrap .qrcode-pic { background-image: url(../img/app_qrcode@2x.jpg); }
}

img { max-width: 100%; }
.web-app-download-container .side .text-container .desc p span { font-size: 14px; color: #999; }
.web-app-download-container .side-intro-blog { position: relative; height: 760px; }
.mountain { position: absolute; left: 0; bottom: 0; z-index: 5; }

@media screen and (max-width:767px) {
    .mountain { left: -50%; }
    .mountain img { width: 120%; max-width: unset; }
    .web-app-download-container .side .zixun .title { font-size: 7vw; }
    .web-app-download-container .side .zixun .title img { width: 45px; }
    .p3 strong:after { background-image: linear-gradient(to right,rgba(255,255,255,0),#fff,#fff,rgba(255,255,255,0)); }
    .p3 strong { padding-left: 15px; }
    .qrcode-wrap { float: unset !important; width: auto !important; }
    .logo-wrap { display: none; }
}

.web-app-download-container .side-intro-download .content-body .qrcode-wrap .h3 { font-size: 14px; margin: 0; }