.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;
    -webkit-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column
}
.swiper-wrapper{
    position:relative;
    width:100%;
    height:100%;
    z-index:1;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-transition-property:-webkit-transform;
    transition-property:-webkit-transform;
    -o-transition-property:transform;
    transition-property: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{
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.swiper-container-free-mode>.swiper-wrapper{
    -webkit-transition-timing-function:ease-out;
    -o-transition-timing-function:ease-out;
    transition-timing-function:ease-out;
    margin:0 auto
}
.swiper-slide{
    -webkit-flex-shrink:0;
    -ms-flex-negative:0;
    flex-shrink:0;
    width:100%;
    height:100%;
    position:relative;
    -webkit-transition-property:-webkit-transform;
    transition-property:-webkit-transform;
    -o-transition-property:transform;
    transition-property:transform;
    transition-property:transform,-webkit-transform
}
.swiper-slide-invisible-blank{
    visibility:hidden
}
.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{
    height:auto
}
.swiper-container-autoheight .swiper-wrapper{
    -webkit-box-align:start;
    -webkit-align-items:flex-start;
    -ms-flex-align:start;
    align-items:flex-start;
    -webkit-transition-property:height,-webkit-transform;
    transition-property:height,-webkit-transform;
    -o-transition-property:transform,height;
    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:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image:-o-linear-gradient(right,rgba(0,0,0,.5),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:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image:-o-linear-gradient(left,rgba(0,0,0,.5),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:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),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:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image:-o-linear-gradient(top,rgba(0,0,0,.5),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;
    -o-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);
    -ms-transform:scale(.33);
    transform:scale(.33);
    position:relative
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{
    -webkit-transform:scale(1);
    -ms-transform:scale(1);
    transform:scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{
    -webkit-transform:scale(1);
    -ms-transform:scale(1);
    transform:scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{
    -webkit-transform:scale(.66);
    -ms-transform:scale(.66);
    transform:scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{
    -webkit-transform:scale(.33);
    -ms-transform:scale(.33);
    transform:scale(.33)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{
    -webkit-transform:scale(.66);
    -ms-transform:scale(.66);
    transform:scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{
    -webkit-transform:scale(.33);
    -ms-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{
    opacity:1;
    background:#007aff
}
.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%);
    -ms-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;
    -o-transition:.2s transform,.2s top;
    transition:.2s transform,.2s top;
    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%);
    -ms-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;
    -o-transition:.2s transform,.2s left;
    transition:.2s transform,.2s left;
    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;
    -o-transition:.2s transform,.2s right;
    transition:.2s transform,.2s right;
    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);
    -ms-transform:scale(0);
    transform:scale(0);
    -webkit-transform-origin:left top;
    -ms-transform-origin:left top;
    transform-origin:left top
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
    -webkit-transform-origin:right top;
    -ms-transform-origin:right top;
    transform-origin:right top
}
.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{
    width:100%;
    height:4px;
    left:0;
    top:0
}
.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.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:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -webkit-align-items: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%;
    -ms-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;
    -o-transition-timing-function:ease-out;
    transition-timing-function:ease-out
}
.swiper-container-fade .swiper-slide{
    pointer-events:none;
    -webkit-transition-property:opacity;
    -o-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;
    -ms-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;
    -ms-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
}
body.compensate-for-scrollbar{
    overflow:hidden
}
.fancybox-active{
    height:auto
}
.fancybox-is-hidden{
    left:-9999px;
    margin:0;
    position:absolute!important;
    top:-9999px;
    visibility:hidden
}
.fancybox-container{
    -webkit-backface-visibility:hidden;
    height:100%;
    left:0;
    outline:0;
    position:fixed;
    -webkit-tap-highlight-color:transparent;
    top:0;
    -ms-touch-action:manipulation;
    touch-action:manipulation;
    transform:translateZ(0);
    width:100%;
    z-index:99992
}
.fancybox-container *{
    box-sizing:border-box
}
.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{
    bottom:0;
    left:0;
    position:absolute;
    right:0;
    top:0
}
.fancybox-outer{
    -webkit-overflow-scrolling:touch;
    overflow-y:auto
}
.fancybox-bg{
    background:#1e1e1e;
    opacity:0;
    transition-duration:inherit;
    transition-property:opacity;
    transition-timing-function:cubic-bezier(.47,0,.74,.71)
}
.fancybox-is-open .fancybox-bg{
    opacity:.9;
    transition-timing-function:cubic-bezier(.22,.61,.36,1)
}
.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{
    direction:ltr;
    opacity:0;
    position:absolute;
    transition:opacity .25s ease,visibility 0s ease .25s;
    visibility:hidden;
    z-index:99997
}
.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{
    opacity:1;
    transition:opacity .25s ease 0s,visibility 0s ease 0s;
    visibility:visible
}
.fancybox-infobar{
    color:#ccc;
    font-size:13px;
    -webkit-font-smoothing:subpixel-antialiased;
    height:44px;
    left:0;
    line-height:44px;
    min-width:44px;
    mix-blend-mode:difference;
    padding:0 10px;
    pointer-events:none;
    top:0;
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.fancybox-toolbar{
    right:0;
    top:0
}
.fancybox-stage{
    direction:ltr;
    overflow:visible;
    transform:translateZ(0);
    z-index:99994
}
.fancybox-is-open .fancybox-stage{
    overflow:hidden
}
.fancybox-slide{
    -webkit-backface-visibility:hidden;
    display:none;
    height:100%;
    left:0;
    outline:0;
    overflow:auto;
    -webkit-overflow-scrolling:touch;
    padding:10px;
    position:absolute;
    text-align:center;
    top:0;
    transition-property:transform,opacity;
    white-space:normal;
    width:100%;
    z-index:99994
}
.fancybox-slide:before{
    content:"";
    display:inline-block;
    font-size:0;
    height:100%;
    vertical-align:middle;
    width:0
}
.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{
    display:block
}
.fancybox-slide--image{
    overflow:hidden;
    padding:44px 0
}
.fancybox-slide--image:before{
    display:none
}
.fancybox-slide--html{
    padding:6px
}
.fancybox-content{
    background:#fff;
    display:inline-block;
    margin:0;
    max-width:100%;
    overflow:auto;
    -webkit-overflow-scrolling:touch;
    padding:44px;
    position:relative;
    text-align:left;
    vertical-align:middle
}
.fancybox-slide--image .fancybox-content{
    animation-timing-function:cubic-bezier(.5,0,.14,1);
    -webkit-backface-visibility:hidden;
    background:0 0;
    background-repeat:no-repeat;
    background-size:100% 100%;
    left:0;
    max-width:none;
    overflow:visible;
    padding:0;
    position:absolute;
    top:0;
    transform-origin:top left;
    transition-property:transform,opacity;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    z-index:99995
}
.fancybox-can-zoomOut .fancybox-content{
    cursor:zoom-out
}
.fancybox-can-zoomIn .fancybox-content{
    cursor:zoom-in
}
.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{
    cursor:grab
}
.fancybox-is-grabbing .fancybox-content{
    cursor:grabbing
}
.fancybox-container [data-selectable=true]{
    cursor:text
}
.fancybox-image,.fancybox-spaceball{
    background:0 0;
    border:0;
    height:100%;
    left:0;
    margin:0;
    max-height:none;
    max-width:none;
    padding:0;
    position:absolute;
    top:0;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    width:100%
}
.fancybox-spaceball{
    z-index:1
}
.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{
    height:100%;
    overflow:visible;
    padding:0;
    width:100%
}
.fancybox-slide--video .fancybox-content{
    background:#000
}
.fancybox-slide--map .fancybox-content{
    background:#e5e3df
}
.fancybox-slide--iframe .fancybox-content{
    background:#fff
}
.fancybox-iframe,.fancybox-video{
    background:0 0;
    border:0;
    display:block;
    height:100%;
    margin:0;
    overflow:hidden;
    padding:0;
    width:100%
}
.fancybox-iframe{
    left:0;
    position:absolute;
    top:0
}
.fancybox-error{
    background:#fff;
    cursor:default;
    max-width:400px;
    padding:40px;
    width:100%
}
.fancybox-error p{
    color:#444;
    font-size:16px;
    line-height:20px;
    margin:0;
    padding:0
}
.fancybox-button{
    background:rgba(30,30,30,.6);
    border:0;
    border-radius:0;
    box-shadow:none;
    cursor:pointer;
    display:inline-block;
    height:44px;
    margin:0;
    padding:10px;
    position:relative;
    transition:color .2s;
    vertical-align:top;
    visibility:inherit;
    width:44px
}
.fancybox-button,.fancybox-button:link,.fancybox-button:visited{
    color:#ccc
}
.fancybox-button:hover{
    color:#fff
}
.fancybox-button:focus{
    outline:0
}
.fancybox-button.fancybox-focus{
    outline:1px dotted
}
.fancybox-button[disabled],.fancybox-button[disabled]:hover{
    color:#888;
    cursor:default;
    outline:0
}
.fancybox-button div{
    height:100%
}
.fancybox-button svg{
    display:block;
    height:100%;
    overflow:visible;
    position:relative;
    width:100%
}
.fancybox-button svg path{
    fill:currentColor;
    stroke-width:0
}
.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){
    display:none
}
.fancybox-progress{
    background:#ff5268;
    height:2px;
    left:0;
    position:absolute;
    right:0;
    top:0;
    transform:scaleX(0);
    transform-origin:0;
    transition-property:transform;
    transition-timing-function:linear;
    z-index:99998
}
.fancybox-close-small{
    background:0 0;
    border:0;
    border-radius:0;
    color:#ccc;
    cursor:pointer;
    opacity:.8;
    padding:8px;
    position:absolute;
    right:-12px;
    top:-44px;
    z-index:401
}
.fancybox-close-small:hover{
    color:#fff;
    opacity:1
}
.fancybox-slide--html .fancybox-close-small{
    color:currentColor;
    padding:10px;
    right:0;
    top:0
}
.fancybox-slide--image.fancybox-is-scaling .fancybox-content{
    overflow:hidden
}
.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{
    display:none
}
.fancybox-navigation .fancybox-button{
    background-clip:content-box;
    height:100px;
    opacity:0;
    position:absolute;
    top:calc(50% - 50px);
    width:70px
}
.fancybox-navigation .fancybox-button div{
    padding:7px
}
.fancybox-navigation .fancybox-button--arrow_left{
    left:0;
    left:env(safe-area-inset-left);
    padding:31px 26px 31px 6px
}
.fancybox-navigation .fancybox-button--arrow_right{
    padding:31px 6px 31px 26px;
    right:0;
    right:env(safe-area-inset-right)
}
.fancybox-caption{
    background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);
    bottom:0;
    color:#eee;
    font-size:14px;
    font-weight:400;
    left:0;
    line-height:1.5;
    padding:75px 44px 25px;
    pointer-events:none;
    right:0;
    text-align:center;
    z-index:99996
}
@supports (padding:max(0px)){
    .fancybox-caption{
        padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))
    }
}
.fancybox-caption--separate{
    margin-top:-50px
}
.fancybox-caption__body{
    max-height:50vh;
    overflow:auto;
    pointer-events:all
}
.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{
    color:#ccc;
    text-decoration:none
}
.fancybox-caption a:hover{
    color:#fff;
    text-decoration:underline
}
.fancybox-loading{
    animation:a 1s linear infinite;
    background:0 0;
    border:4px solid #888;
    border-bottom-color:#fff;
    border-radius:50%;
    height:50px;
    left:50%;
    margin:-25px 0 0 -25px;
    opacity:.7;
    padding:0;
    position:absolute;
    top:50%;
    width:50px;
    z-index:99999
}
@keyframes a{
    to{
        transform:rotate(1turn)
    }
}
.fancybox-animated{
    transition-timing-function:cubic-bezier(0,0,.25,1)
}
.fancybox-fx-slide.fancybox-slide--previous{
    opacity:0;
    transform:translate3d(-100%,0,0)
}
.fancybox-fx-slide.fancybox-slide--next{
    opacity:0;
    transform:translate3d(100%,0,0)
}
.fancybox-fx-slide.fancybox-slide--current{
    opacity:1;
    transform:translateZ(0)
}
.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{
    opacity:0;
    transition-timing-function:cubic-bezier(.19,1,.22,1)
}
.fancybox-fx-fade.fancybox-slide--current{
    opacity:1
}
.fancybox-fx-zoom-in-out.fancybox-slide--previous{
    opacity:0;
    transform:scale3d(1.5,1.5,1.5)
}
.fancybox-fx-zoom-in-out.fancybox-slide--next{
    opacity:0;
    transform:scale3d(.5,.5,.5)
}
.fancybox-fx-zoom-in-out.fancybox-slide--current{
    opacity:1;
    transform:scaleX(1)
}
.fancybox-fx-rotate.fancybox-slide--previous{
    opacity:0;
    transform:rotate(-1turn)
}
.fancybox-fx-rotate.fancybox-slide--next{
    opacity:0;
    transform:rotate(1turn)
}
.fancybox-fx-rotate.fancybox-slide--current{
    opacity:1;
    transform:rotate(0)
}
.fancybox-fx-circular.fancybox-slide--previous{
    opacity:0;
    transform:scale3d(0,0,0) translate3d(-100%,0,0)
}
.fancybox-fx-circular.fancybox-slide--next{
    opacity:0;
    transform:scale3d(0,0,0) translate3d(100%,0,0)
}
.fancybox-fx-circular.fancybox-slide--current{
    opacity:1;
    transform:scaleX(1) translateZ(0)
}
.fancybox-fx-tube.fancybox-slide--previous{
    transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)
}
.fancybox-fx-tube.fancybox-slide--next{
    transform:translate3d(100%,0,0) scale(.1) skew(10deg)
}
.fancybox-fx-tube.fancybox-slide--current{
    transform:translateZ(0) scale(1)
}
@media (max-height:576px){
    .fancybox-slide{
        padding-left:6px;
        padding-right:6px
    }
    .fancybox-slide--image{
        padding:6px 0
    }
    .fancybox-close-small{
        right:-6px
    }
    .fancybox-slide--image .fancybox-close-small{
        background:#4e4e4e;
        color:#f2f4f6;
        height:36px;
        opacity:1;
        padding:6px;
        right:0;
        top:0;
        width:36px
    }
    .fancybox-caption{
        padding-left:12px;
        padding-right:12px
    }
    @supports (padding:max(0px)){
        .fancybox-caption{
            padding-left:max(12px,env(safe-area-inset-left));
            padding-right:max(12px,env(safe-area-inset-right))
        }
    }
}
.fancybox-share{
    background:#f4f4f4;
    border-radius:3px;
    max-width:90%;
    padding:30px;
    text-align:center
}
.fancybox-share h1{
    color:#222;
    font-size:35px;
    font-weight:700;
    margin:0 0 20px
}
.fancybox-share p{
    margin:0;
    padding:0
}
.fancybox-share__button{
    border:0;
    border-radius:3px;
    display:inline-block;
    font-size:14px;
    font-weight:700;
    line-height:40px;
    margin:0 5px 10px;
    min-width:130px;
    padding:0 15px;
    text-decoration:none;
    transition:all .2s;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    white-space:nowrap
}
.fancybox-share__button:link,.fancybox-share__button:visited{
    color:#fff
}
.fancybox-share__button:hover{
    text-decoration:none
}
.fancybox-share__button--fb{
    background:#3b5998
}
.fancybox-share__button--fb:hover{
    background:#344e86
}
.fancybox-share__button--pt{
    background:#bd081d
}
.fancybox-share__button--pt:hover{
    background:#aa0719
}
.fancybox-share__button--tw{
    background:#1da1f2
}
.fancybox-share__button--tw:hover{
    background:#0d95e8
}
.fancybox-share__button svg{
    height:25px;
    margin-right:7px;
    position:relative;
    top:-1px;
    vertical-align:middle;
    width:25px
}
.fancybox-share__button svg path{
    fill:#fff
}
.fancybox-share__input{
    background:0 0;
    border:0;
    border-bottom:1px solid #d7d7d7;
    border-radius:0;
    color:#5d5b5b;
    font-size:14px;
    margin:10px 0 0;
    outline:0;
    padding:10px 15px;
    width:100%
}
.fancybox-thumbs{
    background:#ddd;
    bottom:0;
    display:none;
    margin:0;
    -webkit-overflow-scrolling:touch;
    -ms-overflow-style:-ms-autohiding-scrollbar;
    padding:2px 2px 4px;
    position:absolute;
    right:0;
    -webkit-tap-highlight-color:transparent;
    top:0;
    width:212px;
    z-index:99995
}
.fancybox-thumbs-x{
    overflow-x:auto;
    overflow-y:hidden
}
.fancybox-show-thumbs .fancybox-thumbs{
    display:block
}
.fancybox-show-thumbs .fancybox-inner{
    right:212px
}
.fancybox-thumbs__list{
    font-size:0;
    height:100%;
    list-style:none;
    margin:0;
    overflow-x:hidden;
    overflow-y:auto;
    padding:0;
    position:absolute;
    position:relative;
    white-space:nowrap;
    width:100%
}
.fancybox-thumbs-x .fancybox-thumbs__list{
    overflow:hidden
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{
    width:7px
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{
    background:#fff;
    border-radius:10px;
    box-shadow:inset 0 0 6px rgba(0,0,0,.3)
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{
    background:#2a2a2a;
    border-radius:10px
}
.fancybox-thumbs__list a{
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    background-color:rgba(0,0,0,.1);
    background-position:50%;
    background-repeat:no-repeat;
    background-size:cover;
    cursor:pointer;
    float:left;
    height:75px;
    margin:2px;
    max-height:calc(100% - 8px);
    max-width:calc(50% - 4px);
    outline:0;
    overflow:hidden;
    padding:0;
    position:relative;
    -webkit-tap-highlight-color:transparent;
    width:100px
}
.fancybox-thumbs__list a:before{
    border:6px solid #ff5268;
    bottom:0;
    content:"";
    left:0;
    opacity:0;
    position:absolute;
    right:0;
    top:0;
    transition:all .2s cubic-bezier(.25,.46,.45,.94);
    z-index:99991
}
.fancybox-thumbs__list a:focus:before{
    opacity:.5
}
.fancybox-thumbs__list a.fancybox-thumbs-active:before{
    opacity:1
}
@media (max-width:576px){
    .fancybox-thumbs{
        width:110px
    }
    .fancybox-show-thumbs .fancybox-inner{
        right:110px
    }
    .fancybox-thumbs__list a{
        max-width:calc(100% - 10px)
    }
}
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{
    margin:0;
    padding:0;
    border:0;
    font:inherit;
    vertical-align:baseline
}
img{
    vertical-align:middle
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{
    display:block
}
ol,ul{
    list-style:none
}
blockquote,q{
    quotes:none
}
blockquote:after,blockquote:before,q:after,q:before{
    content:'';
    content:none
}
table{
    border-collapse:collapse;
    border-spacing:0
}
input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{
    -webkit-transition-delay:99999s;
    -webkit-transition:color 99999s ease-out,background-color 99999s ease-out
}
*,::after,::before{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
a,button,video{
    -webkit-tap-highlight-color:transparent;
    -webkit-tap-highlight-color:transparent;
    outline:0;
    text-decoration:none
}
body{
    font-size:.875rem;
    line-height:1rem;
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    color:#6f6f6f;
    background-color:#f6f9fc;
    height:100%
}
:lang(ja)>body{
    font-family:-apple-system,BlinkMacSystemFont,Roboto,"Segoe UI","ヒラギノ角ゴ Pro W3",Meiryo,"メイリオ",Osaka,"MS PGothic","ＭＳ Ｐゴシック",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"
}
html{
    height:100%
}
.clear{
    clear:both
}
.container-fluid{
    padding-top:56px;
    width:100%;
    margin:auto
}
.container-fluid.transparent{
    padding-top:0
}
.container{
    width:auto;
    margin:0 auto
}
@media (min-width:768px){
    .container{
        width:100%
    }
}
@media (min-width:992px){
    .container{
        width:100%
    }
}
@media (min-width:1200px){
    .container{
        width:92%
    }
}
@media (min-width:1620px){
    .container{
        width:1400px;
        max-width:92%
    }
}
#header{
    position:absolute;
    top:0;
    left:0;
    height:56px;
    z-index:999;
    width:100%;
    transition:all .5s;
    -moz-transition:all .3s;
    -webkit-transition:all .3s;
    -o-transition:all .3s;
    background:#fff;
    border-bottom:1px solid #e8e8e8;
    -webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,.05);
    box-shadow:0 1px 1px 0 rgba(0,0,0,.05)
}
#header.transparent{
    position:fixed;
    background:0 0;
    border-bottom:none;
    -webkit-box-shadow:none;
    box-shadow:none
}
#header.active{
    position:fixed;
    background:#fff;
    border-bottom:1px solid #e8e8e8;
    -webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,.05);
    box-shadow:0 1px 1px 0 rgba(0,0,0,.05);
    z-index:9999
}
#header.transparent #logo{
    background-color:#fff
}
#header.transparent.active #logo{
    background-color:#222
}
#header #logo{
    position:absolute;
    display:block;
    text-decoration:none;
    width:100%;
    height:56px;
    background-color:#222;
    -webkit-mask:url(/assets/img/logo.svg) no-repeat center;
    mask:url(/assets/img/logo.svg) no-repeat center;
    -webkit-mask-size:100px;
    mask-size:100px;
    background-size:100px;
    background-position:center;
    background-repeat:no-repeat;
    z-index:1
}
#header #menu_button{
    border:none;
    display:block;
    width:56px;
    height:56px;
    position:absolute;
    left:0;
    top:0;
    text-align:center;
    cursor:pointer;
    background-color:#222;
    -webkit-mask:url(/assets/img/menu.svg) no-repeat center;
    mask:url(/assets/img/menu.svg) no-repeat center;
    z-index:2
}
#header #search_icon{
    display:block;
    width:56px;
    height:56px;
    position:absolute;
    right:0;
    top:0;
    text-align:center;
    cursor:pointer;
    background-color:#222;
    -webkit-mask:url(/assets/img/search-icon-dark.svg) no-repeat center;
    mask:url(/assets/img/search-icon-dark.svg) no-repeat center;
    z-index:2
}
#header #search_icon.search{
    display:none
}
#header.transparent #menu_button,#header.transparent #search_icon{
    background-color:#fff
}
#header.active #menu_button,#header.active #search_icon{
    background-color:#222
}
#header #menu_box{
    width:260px;
    height:100%;
    background:#fff;
    position:fixed;
    top:0;
    left:-300px;
    z-index:9999999;
    display:block;
    overflow-y:auto
}
#header .menu_bg{
    background:rgba(0,0,0,.3);
    width:100%;
    height:100%;
    position:fixed;
    top:0;
    left:0;
    cursor:pointer;
    z-index:999
}
button.close_menu{
    width:100%;
    height:48px;
    line-height:48px;
    padding:0 16px;
    font-size:1.6rem;
    border:none;
    border-bottom:1px solid #e9eff2;
    background:#fbfbfb;
    display:block;
    cursor:pointer;
    text-align:left;
    margin-bottom:8px
}
#header #menu_box a.item{
    display:inline-block;
    width:100%;
    padding:16px;
    padding-left:50px;
    color:#555;
    font-size:1rem;
    text-decoration:none;
    background-size:24px;
    background-repeat:no-repeat;
    background-position:20px center
}
#header #menu_box a.item:hover{
    color:#0070c9;
    background-color:#f9f9f9
}
#header #menu_box a.home{
    background-image:url(/assets/img/home.svg)
}
#header #menu_box a.search-icon-dark{
    background-image:url(/assets/img/search-icon-dark.svg)
}
#header #menu_box a.editor-choice{
    background-image:url(/assets/img/Editors-Choice-icon.png)
}
#header #menu_box a.review{
    background-image:url(/assets/img/reviews.svg)
}
#header #menu_box a.games{
    background-image:url(/assets/img/game-icon.png)
}
#header #menu_box a.apps{
    background-image:url(/assets/img/app-icon.png);
    background-size:20px;
    background-position:22px center
}
#header #menu_box a.category{
    background-image:url(/assets/img/category-icon.png);
    background-size:20px;
    background-position:22px center
}
#header #menu_box a.app-alternatives{
    background-image:url(/assets/img/app-alternatives.svg);
    background-size:20px;
    background-position:22px center
}
#header #menu_box a.xapk-manager{
    padding-left:50px;
    background-image:url(/assets/img/xapk-manager-icon.png);
    background-size:26px;
    background-position:18px center
}
#header #menu_box a.coronavirus{
    padding-left:50px;
    background-image:url(/assets/img/coronavirus-icon.svg);
    background-size:26px;
    background-position:18px center
}
#header #menu_box a.top-tens{
    padding-left:50px;
    background-image:url(/assets/img/top-tens-icon.svg);
    background-size:24px;
    background-position:21px center
}
#header #menu_box a.pre-register{
    background-image:url(/assets/img/pre-register.svg);
    background-size:24px;
    background-position:18px center
}
#header #menu_box a.on-sale{
    background-image:url(/assets/img/onSale.svg);
    background-size:22px;
    background-position:20px center
}
#header #menu_box a.nijigen{
    background-image:url(/assets/img/nijigen.svg);
    background-size:24px;
    background-position:20px center
}
#header #menu_box a.free-apk-download{
    background-image:url(/assets/img/download.svg);
    background-size:20px
}
#header #menu_box a.upload-apk{
    background-image:url(/assets/img/upload.svg);
    background-size:20px
}
#header #menu_box a.browser-extension{
    background-image:url(/assets/img/browser-extension.svg);
    background-size:22px
}
.language{
    padding-bottom:16px;
    margin-top:8px
}
.language .lang{
    border-top:1px solid #e9eff2;
    padding:16px;
    padding-bottom:10px;
    font-size:14px;
    position:relative
}
.language .lang span{
    height:6px;
    width:10px;
    display:block;
    position:absolute;
    top:50%;
    margin-top:-3px;
    right:0
}
.language .lang span.menu-lang-down{
    border-style:solid;
    border-width:6px 5px 0 5px;
    border-color:#666 transparent transparent transparent
}
.language .lang span.menu-lang-up{
    border-bottom:6px solid rgba(0,0,0,.54);
    border-left:6px solid transparent;
    border-right:6px solid transparent
}
.language ul li{
    height:40px;
    line-height:40px;
    padding-left:30px
}
.language ul li:hover{
    background-color:#f9f9f9
}
.language ul li a{
    display:block;
    width:100%;
    height:100%;
    text-decoration:none;
    color:#666;
    cursor:pointer
}
.language ul li a.on{
    color:#0070c9;
    position:relative
}
.language ul li a.on:before{
    content:'';
    position:absolute;
    width:0;
    height:0;
    left:-10px;
    top:50%;
    margin-top:-6px;
    border-top:5px solid transparent;
    border-left:5px solid #0070c9;
    border-bottom:5px solid transparent
}
#footer{
    background:#333;
    padding:20px;
    text-align:center
}
#footer .item{
    padding-bottom:16px
}
#footer .item a{
    color:#9f9f9f;
    font-size:.815rem;
    line-height:1.2rem
}
#footer a:hover{
    color:#fff;
    text-decoration:underline
}
.copyright{
    text-align:center;
    clear:both;
    border-top:1px solid #484848;
    padding-top:10px;
    font-size:.75rem
}
.alternative_top{
    padding:0 16px 16px 16px
}
.alternative_top .bread_crumbs{
    padding-top:10px;
    font-size:.75rem;
    color:#cecece
}
:lang(ja)>.alternative_top .bread_crumbs{
    line-height:1.4rem
}
.alternative_top .bread_crumbs li{
    display:inline-block;
    padding:0 5px
}
.alternative_top .bread_crumbs li:first-child{
    padding-left:0
}
.alternative_top .bread_crumbs a{
    font-size:12px;
    color:#cecece
}
.alternative_top .bread_crumbs a:hover{
    color:#3483ce
}
.alternative_top h1{
    font-size:1.2rem;
    line-height:1.6rem;
    color:#222;
    text-align:center;
    padding-top:16px;
    padding-bottom:10px
}
.alternative_top p{
    text-align:center;
    font-size:.812rem;
    color:#9f9f9f
}
.alternative_info{
    padding:16px;
    border-top:1px solid #eff3f9;
    position:relative
}
.alternative_info .icon{
    display:block;
    width:100px;
    height:100px;
    margin:0 auto
}
.alternative_info .icon img{
    width:100%;
    height:100%;
    -moz-border-radius:20%;
    -webkit-border-radius:20%;
    border-radius:20%;
    overflow:hidden;
    background:#f6f9fc;
    border:1px solid #f6f9fc
}
.alternative_info .icon img.loaded,.alternative_info .icon img.loading{
    background:0 0;
    border:1px solid #fff
}
.alternative_info .text{
    position:relative;
    text-align:center
}
.alternative_info .text .title{
    font-size:1.1rem;
    line-height:1.2rem;
    color:#6f6f6f;
    padding:10px 0
}
:lang(ja)>.alternative_info .text .title{
    line-height:1.6rem
}
.alternative_info .text .title a{
    color:#3483ce
}
.alternative_info .text .title a:hover{
    text-decoration:underline
}
.alternative_info .text .short_description{
    font-size:.812rem;
    color:#6f6f6f
}
.alternative_s_r{
    margin:10px 0;
    height:20px;
    line-height:20px
}
.alternative_s_r span{
    position:relative;
    display:inline-block;
    padding-left:16px;
    height:20px;
    line-height:20px;
    color:#999;
    font-size:12px;
    vertical-align:top
}
.alternative_s_r span:before{
    content:'';
    position:absolute;
    left:0;
    top:0;
    height:20px;
    width:16px;
    background-color:#999;
    -webkit-mask:url(/assets/img/review.svg) no-repeat left center;
    mask:url(/assets/img/review.svg) no-repeat left center;
    -webkit-mask-size:12px;
    mask-size:12px
}
.alternative_s_r span.star{
    margin-right:10px;
    color:#fa8b16;
    font-size:14px
}
.alternative_s_r span.star:before{
    background-color:#fa8b16;
    -webkit-mask:url(/assets/img/stars-solid.svg) no-repeat left center;
    mask:url(/assets/img/stars-solid.svg) no-repeat left center;
    -webkit-mask-size:14px;
    mask-size:14px
}
.alternative_info .down_box{
    margin:16px auto 0;
    padding:0 24px;
    cursor:pointer;
    display:block;
    width:100%;
    max-width:340px;
    background:#0284fe;
    height:44px;
    text-align:center;
    line-height:45px;
    color:#fff;
    font-size:.8rem;
    -moz-border-radius:22px;
    -webkit-border-radius:22px;
    border-radius:22px;
    border-bottom:3px solid #1274d0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
@media (min-width:996px){
    .alternative_info .icon{
        position:absolute;
        top:16px;
        left:16px
    }
    .alternative_info .text{
        text-align:left;
        margin-left:116px;
        padding-right:276px
    }
    .alternative_info .down_box{
        margin:10px 0;
        max-width:260px
    }
    .alternative_info .google_play_btn{
        margin:0
    }
    .alternative_info .google_play_btn{
        position:absolute;
        right:0;
        top:24px;
        margin:0
    }
    .alternative_info .down_box{
        position:absolute;
        right:0;
        top:32px;
        margin:10px 0;
        max-width:260px
    }
}
.alternative_info1{
    padding:16px;
    padding-bottom:0;
    position:relative;
    background:#fff;
    margin-bottom:10px
}
.alternative_info1 .icon{
    display:block;
    width:100px;
    height:100px;
    margin:0 auto;
    -moz-border-radius:20%;
    -webkit-border-radius:20%;
    border-radius:20%;
    overflow:hidden;
    float:left;
    margin-bottom:10px
}
.alternative_info1 .icon img{
    width:100%;
    height:100%;
    -moz-border-radius:20%;
    -webkit-border-radius:20%;
    border-radius:20%;
    background:#f6f9fc;
    border:1px solid #f6f9fc
}
.alternative_info1 .icon img.loaded,.alternative_info1 .icon img.loading{
    background:0 0;
    border:1px solid #fff
}
.alternative_info1 .text{
    position:relative;
    text-align:left;
    min-height:140px;
    margin-left:116px;
    margin-bottom:10px
}
.alternative_info1 .text .title{
    display:block;
    font-size:1.2rem;
    line-height:1.4rem;
    max-height:2.8rem;
    color:#3483ce;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical
}
.alternative_info1 .text .title:hover{
    text-decoration:underline
}
.alternative_info1 .text .short_description{
    font-size:.812rem;
    line-height:1.2rem;
    color:#9f9f9f;
    margin-bottom:10px
}
.alternative_info1 .text .short_description{
    font-size:.812rem;
    line-height:1.2rem;
    color:#9f9f9f;
    margin-bottom:10px
}
.alternative_info1 .text .short_description p{
    padding-bottom:10px
}
.alternative_info1 .text .short_description ul li{
    list-style-type:none;
    background-image:url(/assets/img/dot.svg);
    background-position:left 3px;
    background-repeat:no-repeat;
    padding-bottom:10px;
    padding-left:16px;
    line-height:1.2rem
}
.alternative_info .down_box{
    margin-top:10px
}
.alternative_info1 .down_box{
    position:absolute;
    left:26px;
    top:125px;
    cursor:pointer;
    display:block;
    background:#0284fe;
    height:28px;
    line-height:28px;
    padding:0 16px;
    width:80px;
    text-align:center;
    color:#fff;
    font-size:.75rem;
    -moz-border-radius:22px;
    -webkit-border-radius:22px;
    border-radius:22px;
    border-bottom:3px solid #1274d0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.alternatives_number{
    display:block;
    border-top:1px solid #eff3f9;
    margin-top:10px;
    padding:16px 0;
    color:#3483ce;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.alternatives_number:hover{
    text-decoration:underline
}
.alternative_info1 .long_description{
    font-size:.812rem;
    line-height:1.2rem
}
.alternative_title{
    background-color:#f5f5f5;
    height:40px;
    line-height:40px;
    padding:0 16px;
    color:#999
}
.home-banner{
    background:url(/assets/img/home-banner.svg);
    background-repeat:no-repeat;
    background-size:cover;
    width:100%;
    height:280px;
    position:relative;
    z-index:99
}
.home-banner .text{
    padding-top:56px;
    position:absolute;
    left:50%;
    top:46%;
    transform:translate(-50%,-50%);
    width:90%;
    max-width:640px;
    text-align:center;
    color:#fff
}
.home-banner .text h1{
    font-size:1.5rem;
    line-height:1.5rem;
    margin-bottom:16px
}
.home-banner .text p{
    font-size:.875rem
}
.home-search{
    margin-top:20px;
    position:relative
}
.home-search .tt-menu{
    z-index:9999
}
.twitter-typeahead{
    width:100%;
    text-align:left
}
.tt-menu{
    margin:5px 0;
    padding:10px 0;
    -moz-box-shadow:0 2px 8px #a9a9a9;
    -webkit-box-shadow:0 2px 8px #a9a9a9;
    box-shadow:0 2px 8px #a9a9a9;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    width:100%;
    background:#fff;
    color:#666
}
.twitter-typeahead .tt-suggestion{
    padding:12px 16px;
    cursor:pointer
}
.twitter-typeahead .tt-suggestion.tt-cursor,.twitter-typeahead .tt-suggestion:hover{
    cursor:pointer;
    background-color:#f1f3f4
}
.twitter-typeahead .tt-highlight{
    font-weight:700;
    color:#000
}
.home-search input{
    background:#fff;
    border:none;
    text-align:left;
    box-shadow:0 2px 3px 0 rgba(0,0,0,.15);
    outline:0;
    height:40px;
    width:100%;
    box-sizing:border-box;
    padding:8px 16px;
    padding-right:86px;
    -moz-border-radius:20px;
    -webkit-border-radius:20px;
    border-radius:20px;
    -webkit-user-select:text;
    user-select:text
}
.search-btn{
    cursor:pointer;
    position:absolute;
    right:0;
    top:0;
    height:40px;
    width:80px;
    background-color:#ff713f;
    background-image:url(/assets/img/search-icon-white.svg);
    background-repeat:no-repeat;
    background-position:center;
    border:none;
    -moz-border-radius:20px;
    -webkit-border-radius:20px;
    border-radius:20px
}
.h_editor_choice{
    padding:16px 0;
    background:#fff
}
.h_editor_choice_list{
    padding:0 16px;
    padding-left:8px
}
.h_editor_choice_list .list{
    width:50%;
    float:left;
    position:relative;
    min-height:60px;
    margin-bottom:16px
}
.h_editor_choice_list .list a{
    background:#fff;
    display:block;
    box-shadow:0 2px 4px 0 rgba(189,189,189,.3);
    margin-left:8px;
    padding-bottom:8px;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    border-radius:8px;
    overflow:hidden
}
.h_editor_choice_list .list a:hover{
    background:#f9f9f9
}
@media (min-width:720px){
    .h_editor_choice_list .list{
        width:25%
    }
}
.h_editor_choice_list .list .icon{
    display:block;
    height:0;
    padding-top:48.8%;
    position:relative;
    overflow:hidden;
    background:#f6f9fc
}
.h_editor_choice_list .list .icon img{
    width:100%;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%)
}
.h_editor_choice_list .list a:hover .icon img{
    opacity:.9
}
.h_editor_choice_list .list .title{
    display:block;
    color:#222;
    font-size:.875rem;
    line-height:2rem;
    position:relative;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    padding:0 8px
}
.h_editor_choice_list .list .other{
    height:20px;
    font-size:.75rem;
    overflow:hidden;
    line-height:20px;
    color:#919191;
    position:relative;
    padding:0 8px
}
.h_editor_choice_list .other span{
    display:inline-block;
    position:relative;
    padding-left:14px;
    color:#fa8b15
}
.h_editor_choice_list .other span i{
    position:absolute;
    top:0;
    width:14px;
    height:20px;
    display:inline-block;
    background-repeat:no-repeat;
    background-position:left 3px;
    background-size:12px
}
.h_editor_choice_list .other .rating i{
    background-color:#fa8b15;
    left:0;
    -webkit-mask:url(/assets/img/stars-solid.svg) no-repeat center;
    mask:url(/assets/img/stars-solid.svg) no-repeat center;
    -webkit-mask-size:12px;
    mask-size:12px
}
.h_editor_choice_list .other .review{
    float:right;
    color:#919191
}
.h_editor_choice_list .other .review i{
    background-color:#919191;
    left:0;
    -webkit-mask:url(/assets/img/review.svg) no-repeat center;
    mask:url(/assets/img/review.svg) no-repeat center;
    -webkit-mask-size:10px;
    mask-size:10px
}
.cookie-notice-container{
    font-size:.75rem;
    position:fixed;
    bottom:0;
    left:0;
    width:100%;
    color:#6f6f6f;
    text-align:center;
    z-index:999999;
    -webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,.1);
    box-shadow:0 1px 2px 0 rgba(0,0,0,.1)
}
.cookie-notice-container button{
    position:absolute;
    right:0;
    top:50%;
    transform:translate(-8px,-50%);
    display:block;
    padding:0 30px;
    height:30px;
    line-height:30px;
    background:#37aafd;
    border:none;
    color:#fff;
    margin:0 auto;
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
    border-radius:15px;
    cursor:pointer
}
.cookie-notice-container .container{
    max-width:900px;
    z-index:2;
    position:relative;
    text-align:left;
    padding:16px;
    padding-right:110px
}
.cookie-notice-container:before{
    content:'';
    background:#fff;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    opacity:.95;
    z-index:-1;
    box-shadow:0 2px 3px 0 rgba(0,0,0,.15)
}
.share-button{
    display:block;
    z-index:9999;
    cursor:pointer;
    height:40px;
    width:40px;
    position:fixed;
    bottom:16px;
    right:16px;
    border:none;
    background-color:#ff6550;
    background-image:url(data:image/svg+xml;
    base64,PHN2ZyB3aWR0aD0iMzJweCIgaGVpZ2h0PSIzMnB4IiB2aWV3Qm94PSIwIDAgMzIgMzIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48dGl0bGU+c2hhcmU8L3RpdGxlPjxnIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxnIGZpbGw9IiNGRkZGRkYiPjxwYXRoIGQ9Ik0yNiwxMy40Mjg1NzE0IEMyNiwxMy42MjIwMjQ4IDI1LjkyOTMxNjIsMTMuNzg5NDMzOCAyNS43ODc5NDY0LDEzLjkzMDgwMzYgTDIwLjA3MzY2MDcsMTkuNjQ1MDg5MyBDMTkuOTMyMjkxLDE5Ljc4NjQ1OSAxOS43NjQ4ODE5LDE5Ljg1NzE0MjkgMTkuNTcxNDI4NiwxOS44NTcxNDI5IEMxOS4zNzc5NzUyLDE5Ljg1NzE0MjkgMTkuMjEwNTY2MiwxOS43ODY0NTkgMTkuMDY5MTk2NCwxOS42NDUwODkzIEMxOC45Mjc4MjY3LDE5LjUwMzcxOTUgMTguODU3MTQyOSwxOS4zMzYzMTA1IDE4Ljg1NzE0MjksMTkuMTQyODU3MSBMMTguODU3MTQyOSwxNi4yODU3MTQzIEwxNi4zNTcxNDI5LDE2LjI4NTcxNDMgQzE1LjYyNzk3MjUsMTYuMjg1NzE0MyAxNC45NzUwNzczLDE2LjMwODAzNTUgMTQuMzk4NDM3NSwxNi4zNTI2Nzg2IEMxMy44MjE3OTc3LDE2LjM5NzMyMTcgMTMuMjQ4ODg2OCwxNi40NzczMDYgMTIuNjc5Njg3NSwxNi41OTI2MzM5IEMxMi4xMTA0ODgyLDE2LjcwNzk2MTkgMTEuNjE1NzAxNSwxNi44NjYwNzA0IDExLjE5NTMxMjUsMTcuMDY2OTY0MyBDMTAuNzc0OTIzNSwxNy4yNjc4NTgxIDEwLjM4MjQ0MjMsMTcuNTI2NDEyMSAxMC4wMTc4NTcxLDE3Ljg0MjYzMzkgQzkuNjUzMjcxOTksMTguMTU4ODU1NyA5LjM1NTY1NTkyLDE4LjUzNDU5NiA5LjEyNSwxOC45Njk4NjYxIEM4Ljg5NDM0NDA4LDE5LjQwNTEzNjEgOC43MTM5MTQzNCwxOS45MjAzODM5IDguNTgzNzA1MzYsMjAuNTE1NjI1IEM4LjQ1MzQ5NjM3LDIxLjExMDg2NjEgOC4zODgzOTI4NiwyMS43ODQyMjI0IDguMzg4MzkyODYsMjIuNTM1NzE0MyBDOC4zODgzOTI4NiwyMi45NDQ5NDI1IDguNDA2OTkzODYsMjMuNDAyNTI3MiA4LjQ0NDE5NjQzLDIzLjkwODQ4MjEgQzguNDQ0MTk2NDMsMjMuOTUzMTI1MiA4LjQ1MzQ5NjkzLDI0LjA0MDU0OTkgOC40NzIwOTgyMSwyNC4xNzA3NTg5IEM4LjQ5MDY5OTUsMjQuMzAwOTY3OSA4LjUsMjQuMzk5NTUzMiA4LjUsMjQuNDY2NTE3OSBDOC41LDI0LjU3ODEyNTYgOC40NjgzNzgyOSwyNC42NzExMzA2IDguNDA1MTMzOTMsMjQuNzQ1NTM1NyBDOC4zNDE4ODk1NiwyNC44MTk5NDA4IDguMjU0NDY0ODQsMjQuODU3MTQyOSA4LjE0Mjg1NzE0LDI0Ljg1NzE0MjkgQzguMDIzODA4OTMsMjQuODU3MTQyOSA3LjkxOTY0MzMsMjQuNzkzODk5NCA3LjgzMDM1NzE0LDI0LjY2NzQxMDcgQzcuNzc4MjczNTUsMjQuNjAwNDQ2MSA3LjcyOTkxMDk0LDI0LjUxODYwMTcgNy42ODUyNjc4NiwyNC40MjE4NzUgQzcuNjQwNjI0NzgsMjQuMzI1MTQ4MyA3LjU5MDQwMjA2LDI0LjIxMzU0MjMgNy41MzQ1OTgyMSwyNC4wODcwNTM2IEM3LjQ3ODc5NDM2LDIzLjk2MDU2NDggNy40Mzk3MzIyNSwyMy44NzEyOCA3LjQxNzQxMDcxLDIzLjgxOTE5NjQgQzYuNDcyNDY1NTEsMjEuNjk4NjUwMSA2LDIwLjAyMDgzOTUgNiwxOC43ODU3MTQzIEM2LDE3LjMwNTA1MjEgNi4xOTcxNzA2NSwxNi4wNjYyMjUyIDYuNTkxNTE3ODYsMTUuMDY5MTk2NCBDNy43OTY4ODEwMywxMi4wNzA2Njk1IDExLjA1MjA1NjgsMTAuNTcxNDI4NiAxNi4zNTcxNDI5LDEwLjU3MTQyODYgTDE4Ljg1NzE0MjksMTAuNTcxNDI4NiBMMTguODU3MTQyOSw3LjcxNDI4NTcxIEMxOC44NTcxNDI5LDcuNTIwODMyMzcgMTguOTI3ODI2Nyw3LjM1MzQyMzMzIDE5LjA2OTE5NjQsNy4yMTIwNTM1NyBDMTkuMjEwNTY2Miw3LjA3MDY4MzgyIDE5LjM3Nzk3NTIsNyAxOS41NzE0Mjg2LDcgQzE5Ljc2NDg4MTksNyAxOS45MzIyOTEsNy4wNzA2ODM4MiAyMC4wNzM2NjA3LDcuMjEyMDUzNTcgTDI1Ljc4Nzk0NjQsMTIuOTI2MzM5MyBDMjUuOTI5MzE2MiwxMy4wNjc3MDkgMjYsMTMuMjM1MTE4MSAyNiwxMy40Mjg1NzE0IEwyNiwxMy40Mjg1NzE0IFoiPjwvcGF0aD48L2c+PC9nPjwvc3ZnPg==);
    background-position:center;
    background-repeat:no-repeat;
    background-size:30px;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    border-radius:50%;
    box-shadow:2px 2px 3px 0 rgba(0,0,0,.15)
}
.small-share{
    display:none;
    position:fixed;
    bottom:0;
    right:0;
    z-index:9999
}
.small-share:before{
    content:'';
    width:100%;
    height:100%;
    position:fixed;
    background:#17181a;
    opacity:.7;
    left:0;
    top:0;
    z-index:999
}
.small-share a{
    display:block;
    z-index:99999;
    color:#fff;
    position:relative;
    height:40px;
    margin-bottom:16px;
    cursor:pointer
}
.small-share .icon{
    position:absolute;
    right:16px;
    bottom:0;
    display:block;
    height:40px;
    width:40px;
    background-color:#ff6550;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    border-radius:50%;
    box-shadow:2px 2px 3px 0 rgba(0,0,0,.15);
    background-position:center;
    background-repeat:no-repeat;
    background-size:24px
}
.small-share .text{
    font-size:12px;
    line-height:24px;
    height:24px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    background-color:#fff;
    color:#666;
    padding:0 10px;
    position:absolute;
    right:64px;
    top:8px;
    box-shadow:0 2px 5px 0 rgba(0,0,0,.35)
}
.share-more .icon{
    background-color:#ff6550;
    background-image:url(/assets/img/share-more.svg);
    background-size:20px
}
.share-fb .icon{
    background-color:#3b5998;
    background-image:url(/assets/img/Facebook-icon.svg)
}
.share-twitter .icon{
    background-color:#55acee;
    background-image:url(/assets/img/Twitter-icon.svg)
}
.share-vk .icon{
    background-color:#6383a8;
    background-image:url(/assets/img/Vkontakte-icon.svg);
    background-size:30px
}
.share-reddit .icon{
    background-color:#ff5700;
    background-image:url(/assets/img/Reddit-icon.svg);
    background-size:30px
}
.share-g .icon{
    background-color:#dd4b39;
    background-image:url(/assets/img/googleplus.svg)
}
.share-pinterest .icon{
    background-color:#cb2027;
    background-image:url(/assets/img/Pinterest-icon.svg)
}
.share-whatsapp .icon{
    background-color:#4dc247;
    background-image:url(/assets/img/WhatsApp-icon.svg)
}
.share-e .icon{
    background-color:#777;
    background-image:url(/assets/img/Email-icon.svg)
}
.share-line .icon{
    background-size:24px;
    background-color:#00ba00;
    background-image:url(/assets/img/line-me-icon.svg)
}
.other-share{
    display:none;
    position:fixed;
    top:0;
    right:0;
    width:100%;
    height:100%;
    z-index:99999;
    color:#fff;
    text-align:center
}
.other-share:before{
    content:'';
    width:100%;
    height:100%;
    position:fixed;
    background:#17181a;
    opacity:.85;
    left:0;
    top:0
}
.other-share-main{
    width:90%;
    height:auto;
    position:absolute;
    left:50%;
    top:20%;
    transform:translate(-50%,0);
    max-width:640px
}
.other-share-main .title{
    font-size:26px;
    font-weight:200;
    padding-bottom:16px
}
.other-share-main .subtitle{
    font-size:14px;
    font-weight:200;
    padding-bottom:16px
}
.other-share-main .list{
    text-align:left
}
.other-share-main .list a{
    display:block;
    cursor:pointer;
    width:24%;
    color:#fff;
    margin:10px auto;
    text-align:center;
    float:left;
    z-index:9999
}
.other-share-main .list .text{
    color:#fff;
    line-height:30px;
    display:block
}
.other-share-main .list .icon{
    display:block;
    height:48px;
    width:48px;
    margin:0 auto;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    border-radius:50%;
    background-repeat:no-repeat;
    background-position:center;
    background-size:30px
}
.share-right{
    position:fixed;
    right:0;
    top:20%;
    z-index:9999;
    display:none
}
@media (min-width:992px){
    .share-right{
        display:block
    }
    .share-button{
        display:none
    }
}
.share-right a{
    position:relative;
    height:48px;
    width:48px;
    overflow:hidden;
    cursor:pointer;
    display:block;
    float:right
}
.share-right a span{
    display:block;
    width:100%;
    height:100%;
    background-position:center;
    background-repeat:no-repeat;
    background-size:80%
}
.share-right a:hover{
    opacity:.9;
    width:60px;
    -webkit-transition:all .2s ease;
    -moz-transition:all .2s ease;
    transition:all .2s ease
}
.share-right a.share-fb .icon{
    background-size:24px
}
.share-right a.share-twitter .icon{
    background-size:24px
}
.topTens_bread{
    margin-top:-10px;
    background-color:rgba(237,238,244,.4);
    border-radius:4px;
    padding:10px 16px;
    font-size:.75rem
}
.topTens_bread li{
    display:inline-block;
    padding:0 5px
}
.topTens_bread li:first-child{
    padding-left:0
}
.topTens_bread a{
    color:#6f6f6f
}
.topTens_bread a:hover{
    color:#3b5998
}
.topTens_title{
    padding:16px;
    padding-bottom:0;
    font-size:.75rem;
    font-weight:400
}
.topTens_title h1{
    font-size:1.6rem;
    line-height:1.8rem;
    color:#222;
    font-weight:600
}
.topTens_title p{
    color:#9f9f9f;
    padding:8px 0
}
.topTens_title .text_description{
    font-size:.875rem;
    line-height:1.2rem
}
.topTensMain{
    position:relative;
    padding:16px 0
}
.topTensMain-left{
    width:100%
}
.topTensMain-right{
    z-index:99
}
.topTens_banner{
    position:relative;
    margin-bottom:16px;
    padding-top:44%;
    height:0;
    background:#f1f5f7;
    overflow:hidden
}
.topTens_banner img.banner{
    width:100.5%;
    vertical-align:middle;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%)
}
.topTens_banner a{
    display:block;
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    text-decoration:none
}
.topTens_banner a img{
    width:100%;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%)
}
.topTens_banner a.video::before{
    opacity:.9;
    content:'';
    z-index:10;
    position:absolute;
    top:0;
    right:0;
    width:100%;
    height:100%;
    background-size:65px;
    background-position:center;
    background-repeat:no-repeat;
    background-image:url(data:image/png;
    base64,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)
}
.topTens_banner .icon{
    -moz-border-radius:20%;
    -webkit-border-radius:20%;
    border-radius:20%;
    background-color:#eff3f9;
    overflow:hidden;
    position:absolute;
    width:35%;
    height:0;
    padding-bottom:35%;
    left:50%;
    top:50%
}
.topTens_banner .icon:nth-of-type(1){
    -webkit-transform:translate3d(-50%,-50%,0) rotate(30deg);
    transform:translate3d(-50%,-50%,0) rotate(30deg)
}
.topTens_banner .icon:nth-of-type(2){
    -webkit-transform:translate3d(-130%,-104%,0) scale(.66) rotate(30deg);
    transform:translate3d(-130%,-104%,0) scale(.66) rotate(30deg)
}
.topTens_banner .icon:nth-of-type(3){
    -webkit-transform:translate3d(36%,2%,0) scale(.66) rotate(30deg);
    transform:translate3d(36%,2%,0) scale(.66) rotate(30deg)
}
.topTens_banner .icon:nth-of-type(4){
    -webkit-transform:translate3d(81%,-88%,0) rotate(30deg);
    transform:translate3d(81%,-88%,0) rotate(30deg)
}
.topTens_banner .icon:nth-of-type(5){
    -webkit-transform:translate3d(-183%,-25%,0) rotate(30deg);
    transform:translate3d(-183%,-25%,0) rotate(30deg)
}
.topTens_banner .icon:nth-of-type(6){
    -webkit-transform:translate3d(-8%,-132%,0) scale(.66) rotate(30deg);
    transform:translate3d(-8%,-132%,0) scale(.66) rotate(30deg)
}
.topTens_banner .icon:nth-of-type(7){
    -webkit-transform:translate3d(-98%,28%,0) scale(.66) rotate(30deg);
    transform:translate3d(-98%,28%,0) scale(.66) rotate(30deg)
}
.topTens_banner .icon img{
    width:100%
}
.topTens_text_description{
    padding:0 16px;
    font-size:.85rem;
    line-height:1.3rem
}
.topTens_describe{
    margin:10px 16px 16px;
    max-height:160px;
    overflow-y:hidden;
    position:relative;
    font-size:.85rem;
    line-height:1.3rem
}
.topTens_describe.show{
    max-height:none;
    height:100%;
    overflow:initial
}
.topTens_describe p{
    padding-bottom:16px
}
.topTens_describe ul{
    padding:0
}
.topTens_describe li{
    list-style-type:none;
    background-image:url(/assets/img/dot.svg);
    background-position:left 3px;
    background-repeat:no-repeat;
    padding-bottom:10px;
    padding-left:16px;
    line-height:1.2rem
}
.topTens_describe strong{
    font-weight:700
}
.apps_wrapper{
    background:#f1f5f7;
    margin-bottom:5px;
    position:relative
}
.apps_wrapper .count{
    color:#fff;
    z-index:99;
    width:40px;
    height:40px;
    position:absolute;
    left:0;
    top:0;
    text-align:left
}
.apps_wrapper .count:before{
    content:'';
    position:absolute;
    left:0;
    top:0;
    width:0;
    height:0;
    border-style:solid;
    border-width:34px 34px 0 0;
    border-color:#55acee transparent transparent transparent;
    z-index:9
}
.apps_wrapper .count span{
    display:block;
    padding:3px;
    position:absolute;
    left:0;
    top:0;
    z-index:9
}
.apps_wrapper:first-child .count:before{
    border-color:#f4241a transparent transparent transparent
}
.apps_wrapper:nth-child(2) .count:before{
    border-color:#f77e14 transparent transparent transparent
}
.apps_wrapper:nth-child(3) .count:before{
    border-color:#efaa1a transparent transparent transparent
}
.apps_wrapper_info{
    position:relative;
    height:100%;
    padding:16px;
    padding-bottom:0
}
.apps_wrapper_info .icon{
    display:inline-block;
    width:70px;
    height:70px;
    position:absolute;
    left:16px;
    top:16px;
    background:#fff;
    -moz-border-radius:20%;
    -webkit-border-radius:20%;
    border-radius:20%;
    overflow:hidden
}
.apps_wrapper_info .icon img{
    width:100%;
    height:100%;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%)
}
.apps_wrapper_info .text{
    margin-left:80px;
    min-height:70px
}
.apps_wrapper_info .text .title{
    width:100%;
    padding-right:34px;
    display:inline-block;
    font-size:1rem;
    color:#222;
    line-height:1.2rem;
    max-height:2.4rem;
    margin-top:3px;
    margin-bottom:8px;
    font-weight:600;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical
}
.apps_wrapper_info .text .other{
    position:relative;
    padding-right:40px
}
.apps_wrapper_info .text .other a.alternatives,.apps_wrapper_info .text .other span{
    display:inline-block;
    position:relative;
    padding-left:16px;
    color:#9f9f9f;
    height:20px;
    line-height:20px;
    margin-right:10px
}
.apps_wrapper_info .text .other a.alternatives:before,.apps_wrapper_info .text .other span:before{
    content:'';
    position:absolute;
    top:0;
    width:12px;
    height:20px;
    left:0;
    display:inline-block;
    background-repeat:no-repeat;
    background-position:left 3px
}
.apps_wrapper_info .text .other span.price:before{
    background-color:#919191;
    -webkit-mask:url(/assets/img/price-icon.svg) no-repeat center 3px;
    mask:url(/assets/img/price-icon.svg) no-repeat center 3px;
    -webkit-mask-size:13px;
    mask-size:13px
}
.apps_wrapper_info .text .other span.rating:before{
    background-color:#fa8b15;
    -webkit-mask:url(/assets/img/stars-solid.svg) no-repeat center 3px;
    mask:url(/assets/img/stars-solid.svg) no-repeat center 3px;
    -webkit-mask-size:13px;
    mask-size:13px
}
.apps_wrapper_info .text .other span.review:before{
    background-color:#919191;
    -webkit-mask:url(/assets/img/review.svg) no-repeat center;
    mask:url(/assets/img/review.svg) no-repeat center;
    -webkit-mask-size:12px;
    mask-size:12px
}
.apps_wrapper_info .text .other a.alternatives{
    color:#3483ce
}
.apps_wrapper_info .text .other a.alternatives:before{
    background-color:#3483ce;
    -webkit-mask:url(/assets/img/app-alternatives.svg) no-repeat center;
    mask:url(/assets/img/app-alternatives.svg) no-repeat center;
    -webkit-mask-size:10px;
    mask-size:10px
}
.apps_wrapper_info .text a.btn{
    display:block;
    cursor:pointer;
    background:#0284fe;
    text-align:center;
    line-height:30px;
    width:30px;
    color:#fff;
    font-size:.75rem;
    -moz-border-radius:20px;
    -webkit-border-radius:20px;
    border-radius:20px;
    position:absolute;
    right:16px;
    top:20px
}
.apps_wrapper_info .text a.btn i{
    display:block;
    width:30px;
    height:30px;
    content:'';
    background-color:#fff;
    -webkit-mask:url(/assets/img/download.svg) no-repeat center;
    mask:url(/assets/img/download.svg) no-repeat center;
    -webkit-mask-size:13px;
    mask-size:13px;
    background-size:13px;
    background-position:center;
    background-repeat:no-repeat
}
.apps_wrapper_info .text a.btn span{
    display:none;
    padding-right:10px
}
@media (min-width:720px){
    .apps_wrapper_info .text .other,.apps_wrapper_info .text .title{
        padding-right:140px
    }
    .apps_wrapper_info .text a.btn{
        padding:0 16px;
        color:#fff;
        line-height:30px;
        width:auto
    }
    .apps_wrapper_info .text a.btn i{
        float:left
    }
    .apps_wrapper_info .text a.btn span{
        display:inline-block;
        padding-right:10px
    }
}
.apps_wrapper_description{
    margin:8px 16px;
    max-height:175px;
    overflow:hidden;
    position:relative;
    font-size:.85rem;
    line-height:1.2rem
}
.apps_wrapper .more-btn:before{
    background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(241,245,247,0)),color-stop(100%,#f1f5f7));
    background-image:-webkit-linear-gradient(top,rgba(241,245,247,0),#f1f5f7);
    background:linear-gradient(to bottom,rgba(241,245,247,0),#f1f5f7)
}
.apps_wrapper .more-btn span{
    background:#f1f5f7
}
.slide-box.apps_wrapper_img{
    height:217px
}
.slide-box.apps_wrapper_img::before{
    background:#f1f5f7
}
.apps_wrapper_img .det-pic-out{
    height:217px
}
.apps_wrapper_img li{
    padding-left:16px;
    padding-right:12px
}
.apps_wrapper_img .list{
    display:inline-block;
    height:200px;
    background:#fff;
    position:relative;
    overflow:hidden;
    vertical-align:top
}
.apps_wrapper_img.slide-box .next,.apps_wrapper_img.slide-box .prev{
    top:47%
}
.apps_wrapper_img .list.video{
    min-width:300px
}
.apps_wrapper_img .list.video img{
    min-width:300px;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%)
}
.apps_wrapper_img .list.video::before{
    opacity:.9;
    content:'';
    z-index:10;
    position:absolute;
    top:0;
    right:0;
    width:100%;
    height:100%;
    background-size:70px;
    background-position:center 45%;
    background-repeat:no-repeat;
    background-image:url(data:image/png;
    base64,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)
}
.apps_wrapper_img .list.video.type::before{
    background-position:center
}
.apps_wrapper_img .list:hover.video::before{
    opacity:1
}
.apps_wrapper_img .list.video .v-time{
    position:absolute;
    right:0;
    top:8px;
    background:#fff;
    color:#6f6f6f;
    z-index:9;
    font-size:.75rem;
    padding-left:10px;
    padding-right:5px;
    height:20px;
    line-height:20px;
    -moz-border-radius:10px 0 0 10px;
    -webkit-border-radius:10px 0 0 10px;
    border-radius:10px 0 0 10px
}
.apps_wrapper_img .list.video .v-title{
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    position:absolute;
    background:hsla(0,0%,6.7%,.6);
    z-index:9;
    left:0;
    right:0;
    bottom:0;
    padding:8px;
    color:#fff;
    font-size:.875rem;
    line-height:1rem
}
.latest{
    padding:0 16px
}
.latest .big-title{
    padding:0;
    padding-bottom:16px
}
.latest .list{
    display:block;
    margin-bottom:16px;
    position:relative
}
.latest .list .icon{
    height:80px;
    width:150px;
    background:#f1f5f7;
    position:relative;
    top:0;
    left:0;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    overflow:hidden
}
.latest .list img{
    min-width:100%;
    height:100%;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%)
}
.latest .list .text{
    position:absolute;
    left:170px;
    top:0;
    height:85px
}
.latest .list .text p{
    font-size:1rem;
    line-height:1.3rem;
    height:2.6rem;
    color:#222;
    overflow:hidden;
    margin-bottom:12px;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical
}
.latest .list .text span{
    font-size:.75rem;
    color:#9f9f9f
}
.latest .list:hover .text p{
    color:#3483ce
}
.latest .list:hover img{
    opacity:.9
}
.top_tens_r_list{
    display:block;
    margin-bottom:16px;
    height:0;
    width:100%;
    padding-top:48%;
    position:relative;
    background:#f1f5f7;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    overflow:hidden
}
.top_tens_r_list img{
    width:100%;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%)
}
.top_tens_r_list::after{
    content:'';
    width:auto;
    position:absolute;
    height:60%;
    bottom:0;
    left:0;
    right:0;
    z-index:2;
    background:-moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.5) 50%,rgba(0,0,0,.7) 100%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,0)),color-stop(50%,rgba(0,0,0,.5)),color-stop(100%,rgba(0,0,0,.7)));
    background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.5) 50%,rgba(0,0,0,.7) 100%);
    background:-o-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.5) 50%,rgba(0,0,0,.7) 70%);
    background:-ms-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.5) 50%,rgba(0,0,0,.7) 70%);
    background:linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.7) 50%,rgba(0,0,0,.7) 100%);
    opacity:.8
}
.top_tens_r_list .title{
    position:absolute;
    left:0;
    right:0;
    bottom:32px;
    font-size:1.1rem;
    line-height:1.2rem;
    max-height:2.4rem;
    color:#fff;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    z-index:10;
    padding:0 10px
}
.top_tens_r_list .other{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    color:#fff;
    z-index:10;
    padding:10px;
    font-size:.75rem;
    opacity:.8
}
@media (min-width:1024px){
    .topTens_bread{
        margin-top:0
    }
    .topTens_title{
        border-bottom:1px solid #e8e8e8;
        padding-bottom:8px
    }
    .topTens_banner{
        padding-top:40%;
        margin:0 16px 16px;
        margin-right:0
    }
    .apps_wrapper_list{
        padding-left:16px
    }
    .topTensMain-left{
        float:left
    }
    .topTensMain-left-main{
        margin-right:380px
    }
    .topTensMain-right{
        padding-right:16px;
        display:block;
        float:right;
        width:360px;
        margin-left:-360px
    }
    .latest{
        padding:0
    }
}
.container_main_banner{
    min-height:160px;
    text-align:center;
    color:#fff;
    position:relative;
    background:url(/assets/img/home-banner.svg);
    background-repeat:no-repeat;
    background-size:cover
}
.container_main_banner .text{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    width:100%;
    max-width:900px;
    padding:16px;
    font-weight:200
}
.container_main_banner h1{
    font-size:1.6rem;
    line-height:2rem;
    font-weight:200
}
.container_main{
    margin:0 auto;
    background:#fff;
    max-width:900px;
    padding:16px;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    border-radius:8px;
    box-shadow:0 3px 8px 0 rgba(0,0,0,.03);
    line-height:26px;
    padding-bottom:60px
}
.container_main a{
    color:#37aafd
}
.container_main p{
    padding-bottom:10px
}
.container_main h3{
    font-size:18px;
    color:#555;
    padding:20px 0
}
.container_main_title{
    padding-bottom:30px;
    font-size:14px;
    color:#555
}
.container_main_title p{
    padding-bottom:10px;
    line-height:24px
}
.container_main_title a{
    color:#37aafd
}
@media (min-width:1024px){
    .container_main{
        margin:30px auto
    }
}
.big-title{
    font-size:1.125rem;
    line-height:1.5rem;
    color:#222;
    padding:16px;
    padding-top:0;
    position:relative
}
.big-title a{
    color:#222
}
.big-title .more{
    position:absolute;
    display:block;
    line-height:1.5rem;
    font-size:.875rem;
    right:16px;
    top:0;
    color:#666;
    background-image:url(/assets/img/more-icon.svg);
    background-position:right 9px;
    background-repeat:no-repeat;
    background-size:7px;
    padding-right:10px
}
.report-form .input{
    min-height:100px;
    position:relative
}
.report-form .input .title,.report-radio-title{
    font-size:14px;
    display:block;
    padding-bottom:5px;
    color:#555
}
.report-radio-title{
    padding-top:10px
}
.report-form .input .title span{
    padding-right:5px;
    color:#e68d8d
}
.report-form input{
    border:1px solid #e3e5e6;
    width:100%;
    line-height:40px;
    height:40px;
    padding:0 16px;
    margin-bottom:30px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    outline:0
}
.report-form input#pkg:disabled{
    background:#f1f3f4
}
.report-radio label{
    width:100%;
    height:40px;
    display:block;
    position:relative;
    padding-left:30px;
    line-height:40px
}
.report-radio label input{
    position:absolute;
    left:0;
    top:10px;
    width:20px;
    height:20px;
    display:inline-block;
    border:none;
    background:0 0;
    padding:0;
    margin:0;
    -moz-border-radius:0;
    -webkit-border-radius:0;
    border-radius:0
}
.report-form input:focus{
    border:1px solid #dadbdc;
    background:#f1f3f4
}
.report-form .input-text #message.error,.report-form input.error{
    border:1px solid #e0b4b4;
    background:#fff6f6
}
.report-form .errorText{
    display:none;
    position:absolute;
    left:0;
    bottom:10px;
    color:#e68d8d;
    font-size:12px;
    line-height:12px
}
.report-form .input-text{
    position:relative;
    padding-top:10px;
    padding-bottom:30px
}
.report-form .input-text .title{
    font-size:16px;
    padding-bottom:10px;
    color:#555
}
.report-form .input-text #message{
    display:block;
    width:100%;
    font-size:12px;
    border:1px solid #e3e5e6;
    padding:8px 16px;
    margin-bottom:10px;
    min-height:100px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px
}
.report-form .successfully{
    margin:10px auto
}
.report-form button.button{
    padding:16px;
    display:block;
    background:#ff713f;
    border:none;
    color:#fff;
    width:100%;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    cursor:pointer
}
.report-form button.button:hover{
    background:#ea6738
}
@media (min-width:1024px){
    .report-form button.button{
        width:300px;
        margin:0 auto
    }
}
.report-layer{
    position:fixed;
    width:100%;
    height:100%;
    z-index:9999;
    left:0;
    top:0
}
.report-layer:before{
    content:'';
    width:100%;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    height:100%;
    background:#000;
    opacity:.6
}
.report-layer-main{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    background:#fff;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    border-radius:8px;
    padding:30px;
    text-align:center;
    min-width:320px;
    font-size:14px
}
.report-layer-main #icon{
    height:48px;
    width:48px;
    margin:0 auto;
    margin-bottom:16px
}
.report-layer-main #icon.success{
    background-image:url(/assets/img/report-s.svg)
}
.report-layer-main #icon.error{
    background-image:url(/assets/img/report-e.svg)
}
.ErrorBox{
    background-color:#fff;
    margin-top:10px
}
.ErrorBox .container{
    padding:50px 16px
}
.ErrorBox h1{
    color:#d32f2f;
    font-size:28px;
    line-height:30px;
    font-weight:200;
    padding-bottom:10px
}
.ErrorBox a{
    color:#0284fc;
    text-decoration:underline
}
.container_main.how-to-install h3{
    font-size:1.6rem;
    line-height:2rem
}
.container_main.how-to-install h5{
    font-size:18px;
    color:#555;
    margin-bottom:10px;
    padding-top:10px
}
.how-to-install h4{
    font-size:1.2rem;
    line-height:1.6rem;
    color:#555;
    padding-bottom:10px
}
.how-to-install strong{
    font-weight:700;
    color:#555
}
.how-to-install .tutorial_pic{
    margin:0 auto;
    margin-bottom:20px;
    height:330px;
    overflow-y:hidden;
    overflow-x:auto;
    z-index:1;
    white-space:nowrap;
    user-select:none;
    -webkit-tap-highlight-color:transparent;
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -webkit-text-size-adjust:none;
    text-size-adjust:none;
    direction:ltr;
    -webkit-overflow-scrolling:touch
}
.how-to-install .tutorial_pic a{
    display:inline-block;
    background:#f6f9fc;
    width:155.67px;
    border:1px solid #f6f9fc;
    height:320px;
    overflow:hidden
}
.how-to-install .tutorial_pic .youtube_iframe{
    display:inline-block;
    width:90%;
    max-width:480px;
    height:320px;
    position:relative
}
.how-to-install .youtube_video{
    width:100%;
    max-width:640px;
    height:0;
    padding-top:56.6%;
    margin:0 auto;
    position:relative
}
@media (min-width:720px){
    .how-to-install .youtube_video{
        max-width:560px;
        height:320px;
        padding-top:0
    }
}
.how-to-install .tutorial_pic .youtube_iframe iframe,.how-to-install .youtube_video iframe{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    right:0
}
.editor_choice{
    padding:16px 0;
    background:#fff
}
.editor_choice_list{
    padding:0 16px;
    padding-left:8px
}
.editor_choice_list .list{
    width:33.33%;
    float:left;
    position:relative;
    padding:8px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px
}
.editor_choice_list .list:hover{
    background:#f9f9f9;
    -webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,.1);
    box-shadow:0 1px 2px 0 rgba(0,0,0,.1)
}
.editor_choice_list .list:hover .icon{
    opacity:.9
}
.editor_choice_list .list:hover .title{
    color:#3483ce
}
@media (min-width:720px){
    .editor_choice_list .list{
        width:25%
    }
}
@media (min-width:600px){
    .editor_choice_list .list{
        width:16.666%
    }
}
.editor_choice_list .list .icon{
    display:block;
    width:100%;
    height:0;
    padding-top:100%;
    position:relative;
    overflow:hidden;
    margin-bottom:6px
}
.editor_choice_list .list .icon img{
    width:100%;
    height:100%;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    background:#f6f9fc;
    border:1px solid #f6f9fc;
    -moz-border-radius:20%;
    -webkit-border-radius:20%;
    border-radius:20%
}
.editor_choice_list .list .icon img.loaded{
    background:#fff
}
.editor_choice_list .list .rating{
    height:1.2rem;
    font-size:.75rem;
    line-height:1.2rem;
    padding-left:16px;
    color:#fa8b16;
    background-image:url(/assets/img/stars-solid.svg);
    background-repeat:no-repeat;
    background-position:left 2px;
    background-size:13px
}
.editor_choice_list .list .title{
    font-size:1rem;
    line-height:1.4rem;
    color:#222;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.more-btn{
    cursor:pointer;
    display:block;
    height:40px;
    line-height:40px;
    position:absolute;
    right:0;
    bottom:0;
    left:0;
    width:100%;
    text-align:center;
    color:#0284fe
}
.more-btn span{
    display:block;
    width:100%;
    height:100%;
    background:#fff;
    z-index:2;
    position:absolute
}
.more-btn:hover span{
    text-decoration:underline
}
.more-btn:before{
    content:'';
    width:100%;
    height:100%;
    position:absolute;
    top:-100%;
    left:0;
    z-index:1;
    background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,0)),color-stop(100%,#fff));
    background-image:-webkit-linear-gradient(top,rgba(255,255,255,0),#fff);
    background:linear-gradient(to bottom,rgba(255,255,255,0),#fff)
}
.bread-crumbs a:hover{
    color:#666;
    text-decoration:none
}
.detail-banner{
    background:#fff
}
.detail-banner-bg{
    width:100%;
    height:180px;
    overflow:hidden;
    position:absolute;
    z-index:1;
    background:#55acee
}
.detail-banner-bg span{
    background-position:center;
    background-repeat:no-repeat;
    background-size:100%;
    width:100%;
    height:100%;
    display:inline-block;
    opacity:.3;
    filter:blur(5px);
    -webkit-backdrop-filter:blur(5px);
    backdrop-filter:blur(5px)
}
.detail-banner-bg:before{
    content:'';
    width:100%;
    height:100%;
    position:absolute;
    background-image:linear-gradient(-180deg,rgba(0,0,0,0) 2%,rgba(0,0,0,.3) 95%)
}
.detail-main{
    padding:16px 0;
    position:relative;
    z-index:2;
    padding-top:56px
}
.detail-info{
    position:relative;
    width:100%;
    text-align:center;
    padding-top:60px
}
.detail-info h1{
    font-size:1.25rem;
    line-height:1.5rem;
    color:#222;
    padding:16px 16px 10px
}
.detail-info .icon{
    width:88px;
    height:88px;
    margin:0 auto;
    -moz-border-radius:12px;
    -webkit-border-radius:12px;
    border-radius:12px;
    overflow:hidden;
    background:#fff;
    box-shadow:0 2px 3px 0 rgba(0,0,0,.15)
}
.detail-info .icon img{
    -moz-border-radius:12px;
    -webkit-border-radius:12px;
    border-radius:12px;
    margin:4px
}
.detail-info .text{
    padding:0 16px 16px;
    color:#9f9f9f
}
.detail-info .text .version{
    color:#0284fe;
    font-size:14px;
    margin-right:5px
}
.detail-info .text .developers{
    color:#9f9f9f;
    text-align:center
}
.detail-info .text .developers:hover{
    text-decoration:underline;
    color:#666
}
.detail-info .short-description{
    padding:0 8px;
    color:#9f9f9f;
    text-align:center
}
.detail_star_review{
    position:absolute;
    right:8px;
    top:90px
}
.detail_review,.detail_star{
    position:relative;
    color:#fff;
    line-height:24px;
    height:24px;
    padding:0 10px;
    padding-left:24px;
    overflow:hidden;
    font-size:.75rem;
    background-image:url(/assets/img/stars-solid.svg);
    background-repeat:no-repeat;
    background-position:8px center;
    background-size:12px;
    display:inline-block
}
.detail_review{
    background-image:url(/assets/img/review.svg);
    background-size:10px
}
.detail_review:before,.detail_star:before{
    content:'';
    background:#000;
    position:absolute;
    width:100%;
    height:100%;
    right:0;
    top:0;
    z-index:-1;
    -moz-border-radius:12px;
    -webkit-border-radius:12px;
    border-radius:12px;
    opacity:.4
}
.pre_register_btn{
    display:block;
    margin:0 auto;
    clear:both;
    width:210px;
    height:80px;
    background-image:url(/assets/img/google-badge/en_pre_register_generic.png);
    background-position:center;
    background-size:200px;
    background-repeat:no-repeat
}
.google_play_btn{
    display:block;
    margin:10px auto;
    clear:both;
    width:176px;
    height:55px;
    background-image:url(/assets/img/google-badge/en_badge_web_generic.png);
    background-position:center;
    background-size:200px;
    background-repeat:no-repeat
}
.google_play_btn.jp{
    background-image:url(/assets/img/google-badge/jp_badge_web_generic.png)
}
.google_play_btn.de{
    background-image:url(/assets/img/google-badge/de_badge_web_generic.png)
}
.download-btn{
    padding:0 5px;
    position:relative;
    max-width:410px;
    margin:0 auto;
    width:100%
}
.download-btn .detail-security{
    position:absolute;
    right:4px;
    top:0;
    height:47px;
    width:40px;
    background-image:url(/assets/img/detail-security.svg);
    background-position:5px center;
    background-repeat:no-repeat;
    background-size:20px;
    cursor:pointer
}
.download-btn .qrcode_btn{
    display:none;
    width:36px;
    height:36px;
    position:absolute;
    top:6px;
    right:-48px;
    cursor:pointer;
    background-color:#9f9f9f;
    -webkit-mask:url(/assets/img/QrCode.svg) no-repeat center;
    mask:url(/assets/img/QrCode.svg) no-repeat center;
    -webkit-mask-size:22px;
    mask-size:22px;
    background-size:22px
}
@media (min-width:560px){
    .download-btn .qrcode_btn{
        display:inline-block
    }
}
#detail_qrcode{
    display:none;
    text-align:center
}
#detail_qrcode img{
    margin:16px auto
}
.navigationBar{
    position:fixed;
    left:0;
    width:100%;
    height:66px;
    top:-66px;
    background:#fff;
    z-index:9999;
    transition:top .1s;
    border-bottom:1px solid #e8e8e8;
    -webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,.05);
    box-shadow:0 1px 1px 0 rgba(0,0,0,.05)
}
.navigationBar.show{
    top:0
}
.navigationBar .container{
    position:relative;
    height:100%
}
.navigationBar .icon{
    height:50px;
    width:50px;
    position:absolute;
    left:16px;
    top:8px;
    -moz-border-radius:12px;
    -webkit-border-radius:12px;
    border-radius:12px;
    overflow:hidden;
    background:#f6f9fc
}
.navigationBar .title{
    height:100%;
    margin-left:80px;
    margin-right:148px;
    font-size:1.1rem;
    line-height:66px;
    color:#222;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.navigationBar .btn{
    display:block;
    position:absolute;
    top:0;
    right:0;
    height:66px;
    line-height:66px;
    background:#0284fe;
    text-align:center;
    color:#fff;
    padding-left:36px;
    padding-right:16px;
    font-size:.75rem
}
.navigationBar .btn.pre_register{
    padding:0;
    width:140px;
    background-image:url(/assets/img/google-badge/en_pre_register_generic.png);
    background-position:center;
    background-size:140px;
    background-repeat:no-repeat
}
.navigationBar .btn.google_play{
    padding:0;
    width:140px;
    background:0 0;
    background-image:url(/assets/img/google-badge/en_badge_web_generic.png);
    background-position:center;
    background-size:140px;
    background-repeat:no-repeat
}
.navigationBar .btn.google_play.jp{
    background-image:url(/assets/img/google-badge/jp_badge_web_generic.png)
}
.navigationBar .btn.google_play.gray{
    background-color:#fff;
    background-image:url(/assets/img/google-badge/en_badge_web_generic_gray.png)
}
.navigationBar .btn:before{
    display:block;
    width:30px;
    height:30px;
    content:'';
    background-color:#fff;
    -webkit-mask:url(/assets/img/download.svg) no-repeat center;
    mask:url(/assets/img/download.svg) no-repeat center;
    -webkit-mask-size:13px;
    mask-size:13px;
    background-size:13px;
    background-position:center;
    background-repeat:no-repeat;
    position:absolute;
    left:6px;
    top:16px
}
.navigationBar .btn.google_play:before,.navigationBar .btn.pre_register:before{
    display:none
}
.container_hint{
    background:#fff;
    text-align:center;
    padding:10px
}
.container_hint a{
    color:#0284fe;
    text-decoration:underline
}
.security{
    display:inline-block;
    height:30px;
    width:30px;
    background-color:#0284fe;
    -webkit-mask:url(/assets/img/detail-security.svg) no-repeat center;
    mask:url(/assets/img/detail-security.svg) no-repeat center;
    -webkit-mask-size:17px;
    mask-size:17px;
    background-position:center;
    background-repeat:no-repeat;
    cursor:pointer
}
.detail_price{
    margin-top:16px
}
.detail_price .price{
    font-size:1rem;
    color:#f92e1f
}
.detail_price .peak_price{
    font-size:.75rem;
    margin:0 5px;
    text-decoration:line-through;
    color:#9f9f9f
}
.detail_price .discount{
    color:#fff;
    background:#24cd77;
    padding:2px 8px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px
}
.download-btn a{
    cursor:pointer;
    margin:20px auto;
    margin-bottom:10px;
    display:block;
    width:100%;
    background:#0284fe;
    height:47px;
    text-align:center;
    line-height:48px;
    color:#fff;
    font-size:.8rem;
    -moz-border-radius:22px;
    -webkit-border-radius:22px;
    border-radius:22px;
    border-bottom:3px solid #1274d0;
    padding-right:32px;
    padding-left:16px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.download-btn a:hover{
    background:#2e93f1
}
.down_link{
    color:#0284fe;
    line-height:30px
}
.down_link a{
    color:#0284fe
}
.down_link a:hover{
    text-decoration:underline
}
.detail-describe{
    padding:16px 0;
    background:#fff;
    margin-top:3px
}
.detail-describe .text{
    padding:0 16px;
    max-height:200px;
    overflow:hidden;
    position:relative;
    padding-bottom:20px;
    line-height:1.2rem;
    font-size:.8rem
}
.detail-describe .description,.detail-describe .editor_review,.detail-describe .pre_description{
    padding-bottom:16px;
    line-height:1.5rem
}
.detail-describe .description p{
    padding-bottom:16px
}
.detail-describe .small_title{
    font-size:1rem;
    color:#222;
    padding:16px 0
}
.detail-describe .editor_review p{
    padding-bottom:16px
}
.detail-describe .editor_review ul{
    padding:0
}
.detail-describe .editor_review ul li{
    list-style-type:none;
    background-image:url(/assets/img/dot.svg);
    background-position:left 3px;
    background-repeat:no-repeat;
    padding-bottom:10px;
    padding-left:16px;
    line-height:1.2rem
}
.detail-describe a{
    color:#0284fe
}
.detail-describe ul,.detail-describe ul li{
    list-style-type:disc
}
.detail-describe ul{
    padding-left:16px
}
.detail-describe strong{
    font-weight:700
}
.detail-screenshots{
    text-align:center;
    padding:30px 0
}
.detail-screenshots h3{
    text-align:left;
    padding:0 16px;
    font-size:1.125rem;
    line-height:1.5rem;
    color:#222;
    margin-bottom:20px
}
.screenshots-box{
    padding-left:16px;
    margin:0 auto;
    height:260px;
    overflow-x:auto;
    z-index:1;
    white-space:nowrap;
    user-select:none;
    -webkit-tap-highlight-color:transparent;
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -webkit-text-size-adjust:none;
    text-size-adjust:none;
    direction:ltr;
    -webkit-overflow-scrolling:touch
}
.screenshots-box a{
    display:inline-block;
    height:250px;
    min-width:141px;
    background:#fff
}
.detail-tag{
    padding:16px 0;
    background:#fff;
    margin-top:3px
}
.detail-post{
    padding-bottom:16px;
    background:#fff;
    margin-top:3px
}
.detail-post .container{
    position:relative;
    overflow:hidden;
    height:340px
}
.detail-post .big-title{
    z-index:999;
    background:#fff;
    padding-top:16px
}
.detail-post-box{
    width:100%;
    padding:0 8px;
    max-width:480px;
    height:320px;
    overflow:hidden;
    overflow-y:auto;
    position:absolute;
    top:0;
    left:0
}
.detail-post.facebook .container{
    position:relative;
    overflow:auto;
    height:auto
}
.detail-post.facebook .detail-post-box{
    width:auto;
    margin:0 16px;
    padding:0;
    max-width:350px;
    height:auto;
    overflow:auto;
    position:relative;
    top:0;
    left:0
}
.detail-more-info{
    border-top:3px solid #f8f8f8;
    background:#fff;
    padding:16px 0;
    color:#9f9f9f;
    font-size:.75rem
}
.detail-more-info .container{
    padding:0 16px
}
.detail-more-info .big-title{
    padding:0;
    padding-bottom:16px
}
.detail-more-info .item{
    padding-left:30px;
    float:left;
    width:50%;
    margin-bottom:8px;
    margin-top:8px;
    background-repeat:no-repeat;
    background-position:left;
    background-size:20px;
    line-height:12px
}
@media (min-width:768px){
    .detail-more-info .item{
        width:33.3%
    }
}
@media (min-width:992px){
    .detail-more-info .item{
        width:25%
    }
}
.detail-more-info .title{
    font-size:12px;
    color:#222;
    padding-bottom:8px
}
.detail-more-info .item p{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.detail-more-info a{
    color:#2e93f1
}
.detail-more-info a:hover{
    color:#2e93f1;
    text-decoration:underline
}
.detail-more-info .item.packageName{
    background-image:url(/assets/img/packageName.svg)
}
.detail-more-info .item.category{
    background-image:url(/assets/img/info-category.png)
}
.detail-more-info .item.publish-date{
    background-image:url(/assets/img/info-publish-date.png)
}
.detail-more-info .item.report{
    background-image:url(/assets/img/info-report.png);
    background-size:14px
}
.detail-more-info .item.requirements{
    background-image:url(/assets/img/info-requirements.png);
    background-size:16px
}
.detail-more-info .item.version{
    background-image:url(/assets/img/info-version.png)
}
.detail-more-info .item.get-it-on{
    background-image:url(/assets/img/info-get-it-on.png)
}
.detail-more-info .item.need-update{
    background-image:url(/assets/img/need-update.svg);
    background-size:22px
}
.details-safe{
    background:#fff;
    z-index:9999;
    top:0;
    left:0;
    padding:40px 20px;
    text-align:center;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    border-radius:8px;
    max-width:640px;
    font-size:.75rem;
    line-height:1.4rem
}
.details-safe .title{
    font-size:1.25rem;
    line-height:2.2rem;
    color:#222
}
.details-safe .closed{
    border:none;
    cursor:pointer;
    margin:0 auto;
    margin-top:16px;
    background:#37aafd;
    color:#fff;
    display:block;
    height:32px;
    line-height:32px;
    width:100px;
    text-align:center;
    -moz-border-radius:20px;
    -webkit-border-radius:20px;
    border-radius:20px
}
.related-game{
    background:#fff;
    margin-top:3px
}
.related-game .big-title{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    padding-right:80px;
    padding-top:16px
}
.related-game .big-title .more{
    top:16px
}
.related-game .box{
    width:100%;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.related-game .article_box{
    width:100%;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
@media (min-width:720px){
    .related-game .box{
        width:49.5%;
        display:inline-block
    }
    .related-game .article_box .list{
        width:50%
    }
}
.detail-list{
    margin-left:-8px;
    background:#fff;
    padding:16px;
    padding-top:0
}
.detail-list .list{
    display:block;
    width:100%;
    float:left;
    position:relative;
    min-height:60px;
    padding:8px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px
}
.detail-list .list .icon{
    width:80px;
    height:80px;
    position:absolute;
    left:8px;
    top:8px;
    -moz-border-radius:20%;
    -webkit-border-radius:20%;
    border-radius:20%
}
.detail-list .list .icon img{
    width:100%;
    height:100%;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    background:#f6f9fc;
    border:1px solid #f6f9fc;
    -moz-border-radius:20%;
    -webkit-border-radius:20%;
    border-radius:20%
}
.detail-list .list .text{
    margin-left:96px;
    min-height:80px
}
.detail-list .list img.loaded{
    background:0 0;
    border:none;
    width:100%;
    height:100%
}
.detail-list .list span{
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.detail-list .list .name{
    margin-top:2px;
    font-size:1rem;
    height:1.6rem;
    line-height:1.6rem;
    color:#222
}
.detail-list .list:hover{
    background:#f9f9f9;
    -webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,.1);
    box-shadow:0 1px 2px 0 rgba(0,0,0,.1)
}
.detail-list .list:hover .name{
    color:#3483ce
}
.detail-list .list .category{
    color:#6f6f6f;
    font-size:.812rem;
    line-height:1.2rem;
    max-height:1.2rem;
    margin-bottom:8px
}
.detail-list .list .ratings{
    display:inline-block;
    height:20px;
    line-height:20px;
    padding-left:18px;
    font-size:14px;
    color:#fa8b16;
    background-image:url(/assets/img/stars-solid.svg);
    background-repeat:no-repeat;
    background-position:left 2px;
    vertical-align:top;
    margin-right:6px
}
.detail-list .list .review{
    display:inline-block;
    height:20px;
    line-height:20px;
    padding-left:20px;
    font-size:12px;
    color:#999;
    vertical-align:top;
    position:relative
}
.detail-list .list .review:before{
    content:'';
    position:absolute;
    left:0;
    top:0;
    height:20px;
    width:20px;
    background-color:#999;
    -webkit-mask:url(/assets/img/review.svg) no-repeat center;
    mask:url(/assets/img/review.svg) no-repeat center;
    -webkit-mask-size:12px;
    mask-size:12px
}
.detail-article-list{
    margin-left:-8px;
    background:#fff;
    padding:16px;
    padding-top:0
}
.detail-article-list .list{
    display:block;
    width:100%;
    float:left;
    position:relative;
    min-height:96px;
    padding:8px;
    padding-left:142px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px
}
.detail-article-list .list .icon{
    width:120px;
    height:80px;
    position:absolute;
    left:8px;
    top:8px;
    background:#f6f9fc;
    border:1px solid #f6f9fc;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    border-radius:8px;
    overflow:hidden
}
.detail-article-list .list .icon img{
    width:100%;
    height:100%;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%)
}
.detail-article-list .list img.loaded{
    background:0 0;
    border:none;
    width:100%;
    height:100%
}
.detail-article-list .list .title{
    display:block;
    font-size:1rem;
    line-height:1.8rem;
    color:#222;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden
}
.detail-article-list .list .desc{
    color:#6f6f6f;
    font-size:.812rem;
    line-height:1.2rem;
    max-height:1.2rem;
    margin-bottom:8px;
    display:block;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden
}
.detail-article-list .list .date{
    font-size:.8rem;
    line-height:1.2rem;
    margin-bottom:8px;
    color:#999
}
.detail-article-list .list:hover{
    background:#f9f9f9;
    -webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,.1);
    box-shadow:0 1px 2px 0 rgba(0,0,0,.1)
}
.detail-article-list .list:hover .title{
    color:#3483ce
}
.detail-video{
    background:#fff;
    padding:16px 0;
    margin-top:3px
}
.detail-video-list{
    padding-left:16px;
    padding-right:10px;
    margin:0 auto;
    overflow-x:auto;
    z-index:1;
    white-space:nowrap;
    user-select:none;
    -webkit-tap-highlight-color:transparent;
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -webkit-text-size-adjust:none;
    text-size-adjust:none;
    direction:ltr;
    -webkit-overflow-scrolling:touch
}
.detail-video-list.one .list{
    max-width:460px;
    width:100%;
    padding:0
}
.detail-video-list .list{
    width:90%;
    display:inline-block;
    padding-right:4px;
    max-width:460px
}
@media (min-width:620px){
    .detail-video-list .list{
        width:55%
    }
}
@media (min-width:768px){
    .detail-video-list .list{
        width:40%
    }
}
@media (min-width:992px){
    .detail-video-list .list{
        width:30%
    }
}
@media (min-width:1200px){
    .detail-video-list .list{
        width:21%
    }
}
.detail-video-list .list a{
    background:#f6f9fc;
    display:block;
    width:100%;
    height:0;
    padding-top:48.8%;
    position:relative;
    overflow:hidden;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px
}
.detail-video-list .list a::before{
    content:'';
    display:block;
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    right:0;
    z-index:10;
    background-size:65px;
    background-position:center 35%;
    background-repeat:no-repeat;
    background-image:url(data:image/png;
    base64,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)
}
.detail-video-list .list.type a::before{
    background-position:center
}
.detail-video-list .list span{
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.detail-video-list .list img{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    width:100%
}
.detail-video-list .list .title{
    position:absolute;
    background:hsla(0,0%,6.7%,.6);
    z-index:9;
    left:0;
    right:0;
    bottom:0;
    padding:8px;
    color:#fff;
    font-size:.875rem;
    line-height:1rem
}
.detail-video-list .list .time{
    position:absolute;
    right:0;
    top:8px;
    background:#fff;
    color:#6f6f6f;
    z-index:9;
    font-size:.75rem;
    padding-left:10px;
    padding-right:5px;
    height:20px;
    line-height:20px;
    -moz-border-radius:10px 0 0 10px;
    -webkit-border-radius:10px 0 0 10px;
    border-radius:10px 0 0 10px
}
.sale-list-template{
    padding:0 16px;
    margin-left:-8px
}
.sale-list-template .list{
    width:100%;
    float:left;
    position:relative;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    margin-bottom:8px
}
.sale-list-template .list a{
    margin-left:8px;
    height:116px;
    display:block;
    background:#fff
}
.sale-list-template .list .icon{
    width:80px;
    height:80px;
    position:absolute;
    left:24px;
    top:16px
}
.sale-list-template .list .icon img{
    width:100%;
    height:100%;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    background:#f6f9fc;
    border:1px solid #f6f9fc;
    -moz-border-radius:20%;
    -webkit-border-radius:20%;
    border-radius:20%
}
.sale-list-template .list .text{
    padding-top:16px;
    margin-left:108px;
    margin-right:100px;
    min-height:100px
}
.sale-list-template .list .title{
    font-size:1rem;
    line-height:2.1rem;
    color:#222;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.sale-list-template .list .other{
    color:#919191;
    position:relative;
    font-size:.75rem;
    height:24px;
    line-height:24px
}
.sale-list-template .list .other span{
    position:relative;
    display:inline-block;
    padding-left:16px;
    height:20px;
    line-height:20px;
    color:#999;
    font-size:12px;
    vertical-align:top
}
.sale-list-template .list .other span:before{
    content:'';
    position:absolute;
    left:0;
    top:0;
    height:20px;
    width:16px;
    background-color:#999;
    -webkit-mask:url(/assets/img/review.svg) no-repeat left center;
    mask:url(/assets/img/review.svg) no-repeat left center;
    -webkit-mask-size:12px;
    mask-size:12px
}
.sale-list-template .list .other span.star{
    margin-right:10px;
    color:#fa8b16;
    font-size:14px
}
.sale-list-template .list .other span.star:before{
    background-color:#fa8b16;
    -webkit-mask:url(/assets/img/stars-solid.svg) no-repeat left center;
    mask:url(/assets/img/stars-solid.svg) no-repeat left center;
    -webkit-mask-size:14px;
    mask-size:14px
}
.sale-list-template .list .developer{
    font-size:.75rem;
    line-height:1.2rem;
    color:#919191;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.sale-list-template .list .sale{
    position:absolute;
    right:16px;
    top:24px;
    width:80px;
    text-align:right
}
.sale-list-template .list .price{
    width:100%;
    display:block;
    font-size:1rem;
    color:#222;
    text-align:right
}
.sale-list-template .list .peak_price{
    display:block;
    text-align:right;
    font-size:.75rem;
    margin:4px auto;
    text-decoration:line-through;
    color:#9f9f9f
}
.sale-list-template .list .discount{
    display:inline-block;
    color:#fff;
    background:#fd9385;
    padding:2px 8px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px
}
@media (min-width:768px){
    .sale-list-template .list{
        width:50%
    }
}
@media (min-width:992px){
    .sale-list-template .list{
        width:33.33%
    }
}
@media (min-width:1440px){
    .sale-list-template .list{
        width:25%
    }
}
.sale-list-template .list:hover a{
    background:#f9f9f9;
    -webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,.1);
    box-shadow:0 1px 2px 0 rgba(0,0,0,.1)
}
.sale-list-template .list:hover .title{
    color:#3483ce
}
.home-sale-list{
    padding:0 16px;
    padding-left:8px;
    padding-bottom:16px
}
.home-sale-list .list:nth-child(10),.home-sale-list .list:nth-child(11),.home-sale-list .list:nth-child(12),.home-sale-list .list:nth-child(7),.home-sale-list .list:nth-child(8),.home-sale-list .list:nth-child(9){
    display:none
}
.home-sale-list .list{
    width:100%;
    float:left;
    position:relative;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px
}
.home-sale-list .list a{
    display:block;
    width:100%;
    padding:8px
}
.home-sale-list .list .icon{
    width:60px;
    height:60px;
    position:absolute;
    left:8px;
    top:8px
}
.home-sale-list .list .icon img{
    width:100%;
    height:100%;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    background:#f6f9fc;
    border:1px solid #f6f9fc;
    -moz-border-radius:20%;
    -webkit-border-radius:20%;
    border-radius:20%
}
.home-sale-list .list .text{
    margin-left:68px;
    margin-right:60px
}
.home-sale-list .list .title{
    font-size:1rem;
    line-height:1.4rem;
    color:#222;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.home-sale-list .list .other{
    color:#919191;
    position:relative;
    padding-left:38px;
    font-size:.75rem;
    height:1.2rem;
    line-height:1.2rem
}
.home-sale-list .list .other span{
    display:none;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.home-sale-list .list .other .star{
    display:block;
    position:absolute;
    left:0;
    top:0;
    height:1.2rem;
    padding-left:14px;
    padding-right:4px;
    color:#fa8b15;
    overflow:hidden;
    background-image:url(/assets/img/stars-solid.svg);
    background-repeat:no-repeat;
    background-position:left center;
    background-size:12px
}
.home-sale-list .list .developer{
    font-size:.75rem;
    line-height:1.2rem;
    color:#919191;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.home-sale-list .list .sale{
    position:absolute;
    right:8px;
    top:8px;
    width:60px;
    text-align:right
}
.home-sale-list .list .price{
    width:100%;
    display:block;
    font-size:.875rem;
    color:#222;
    text-align:right
}
.home-sale-list .list .peak_price{
    display:block;
    text-align:right;
    margin:4px auto;
    text-decoration:line-through;
    color:#9f9f9f
}
.home-sale-list .list .discount{
    display:inline-block;
    color:#fff;
    background:#fd9385;
    padding:2px 8px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px
}
@media (min-width:640px){
    .home-sale-list .list:nth-child(10),.home-sale-list .list:nth-child(11),.home-sale-list .list:nth-child(12),.home-sale-list .list:nth-child(7),.home-sale-list .list:nth-child(8),.home-sale-list .list:nth-child(9){
        display:block
    }
    .home-sale-list .list{
        width:50%
    }
}
@media (min-width:720px){
    .home-sale-list .list{
        width:33.33%
    }
}
@media (min-width:1024px){
    .home-sale-list .list{
        width:25%
    }
}
.home-sale-list .list:hover a{
    background:#f9f9f9;
    -webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,.1);
    box-shadow:0 1px 2px 0 rgba(0,0,0,.1)
}
.home-sale-list .list:hover .title{
    color:#3483ce
}
.LoadMore{
    clear:both;
    width:80%;
    height:40px;
    margin:0 auto;
    display:none
}
.LoadMore a{
    display:inline-block;
    width:100%;
    text-decoration:none;
    background:#37aafd;
    background-image:linear-gradient(90deg,#18c4e2 0,#37aafd 100%);
    color:#fff;
    padding:0 30px;
    height:40px;
    line-height:40px;
    text-align:center;
    -moz-border-radius:20px;
    -webkit-border-radius:20px;
    border-radius:20px
}
.dropload-down,.dropload-up{
    position:relative;
    height:0;
    overflow:hidden;
    font-size:12px;
    -webkit-transform:translateZ(0);
    transform:translateZ(0)
}
.dropload-down{
    text-align:center;
    height:50px
}
.dropload-load,.dropload-noData,.dropload-refresh,.dropload-update{
    height:50px;
    line-height:50px;
    text-align:center;
    color:#999
}
.dropload-load .loading{
    display:inline-block;
    height:15px;
    width:15px;
    border-radius:100%;
    margin:6px;
    border:2px solid #666;
    border-bottom-color:transparent;
    vertical-align:middle;
    -webkit-animation:rotate .75s linear infinite;
    animation:rotate .75s linear infinite
}
.slide-box{
    width:100%;
    position:relative;
    overflow:hidden
}
.slide-box .det-pic-out{
    overflow:hidden;
    overflow-x:scroll;
    position:relative;
    width:100%;
    -ms-overflow-style:none;
    overflow:-moz-scrollbars-none
}
.slide-box::before{
    content:'';
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:17px;
    background:#fff;
    z-index:9
}
.slide-box .det-pic-out::-webkit-scrollbar{
    width:0!important
}
.slide-box ul{
    position:absolute;
    overflow:hidden;
    white-space:nowrap
}
.slide-box li{
    white-space:nowrap
}
.slide-box .next,.slide-box .prev{
    outline:0;
    display:none;
    opacity:0;
    width:40px;
    height:40px;
    position:absolute;
    background:#fff;
    background-repeat:no-repeat;
    background-size:12px;
    cursor:pointer;
    margin-top:-20px;
    top:36%;
    box-shadow:0 0 0 1px rgba(0,0,0,.02),0 4px 8px 0 rgba(0,0,0,.3);
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    border-radius:50%;
    border:1px solid #fff;
    background-position:center;
    z-index:999
}
.slide-box .next:before,.slide-box .prev:before{
    content:'';
    display:inline-block;
    width:100%;
    height:100%;
    -webkit-mask-size:12px;
    mask-size:12px
}
.slide-box .prev{
    left:3px
}
.slide-box .next{
    right:3px
}
.slide-box .prev:before{
    background-color:#3483ce;
    -webkit-mask:url(/assets/img/chevron-left.svg) no-repeat center;
    mask:url(/assets/img/chevron-left.svg) no-repeat center;
    -webkit-mask-size:12px;
    mask-size:12px
}
.slide-box .next:before{
    background-color:#3483ce;
    -webkit-mask:url(/assets/img/chevron-right.svg) no-repeat center;
    mask:url(/assets/img/chevron-right.svg) no-repeat center;
    -webkit-mask-size:12px;
    mask-size:12px
}
.slide-box .next.go,.slide-box .prev.go{
    display:block;
    opacity:.95
}
.slide-box .next:hover,.slide-box .prev:hover{
    opacity:1
}
.home_main{
    margin-bottom:10px;
    padding-top:16px;
    background:#fff
}
.scrolling-left .det-pic-out{
    height:166px
}
.scrolling-left li{
    padding-left:12px;
    padding-right:8px
}
.scrolling-left .list{
    display:inline-block;
    width:108px;
    padding:0 4px
}
.scrolling-left .list:hover{
    background:#f9f9f9;
    -webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,.1);
    box-shadow:0 1px 2px 0 rgba(0,0,0,.1)
}
.scrolling-left .list .icon{
    width:100%;
    height:0;
    padding-top:100%;
    overflow:hidden;
    position:relative;
    margin:4px 0
}
.scrolling-left .list .icon img{
    width:100%;
    height:100%;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    background:#f6f9fc;
    border:1px solid #f6f9fc;
    -moz-border-radius:20%;
    -webkit-border-radius:20%;
    border-radius:20%
}
.scrolling-left .list .title{
    font-size:14px;
    line-height:22px;
    color:#222;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    width:100%
}
.scrolling-left .list .other{
    font-size:12px;
    line-height:14px;
    height:18px;
    color:#919191;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.scrolling-left .list:hover .title{
    color:#3483ce
}
.article.scrolling-left .det-pic-out{
    height:190px
}
.article.scrolling-left .list{
    width:280px;
    height:170px;
    box-shadow:0 2px 4px 0 rgba(189,189,189,.3);
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    border-radius:8px;
    padding:0;
    overflow:hidden;
    margin:0 4px
}
.article.scrolling-left .list .icon{
    position:relative;
    overflow:hidden;
    background:#f6f9fc;
    margin:0;
    padding:0;
    height:140px
}
.article.scrolling-left .list .icon img{
    width:auto;
    height:auto;
    min-width:100%;
    max-height:100%;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    border:none;
    -moz-border-radius:0;
    -webkit-border-radius:0;
    border-radius:0
}
.article.scrolling-left .list .title{
    line-height:30px;
    padding:0 8px
}
.article-main{
    position:relative;
    margin-bottom:16px;
    margin-top:10px
}
.article-left{
    float:left;
    width:100%
}
.article-left.no-next-page{
    float:none
}
.article-right{
    display:none;
    position:relative;
    float:right;
    z-index:99
}
.article-right.no-next-page{
    display:block;
    float:none
}
@media (min-width:996px){
    .article-left-main{
        margin-right:340px
    }
    .article-right{
        display:block;
        width:320px;
        margin-left:-320px
    }
    .article-left.no-next-page{
        float:left
    }
    .article-right.no-next-page{
        float:right
    }
}
@media (min-width:1200px){
    .article-left-main{
        margin-right:360px
    }
    .article-right{
        width:340px;
        margin-left:-340px
    }
}
@media (min-width:1620px){
    .article-left-main{
        margin-right:420px
    }
    .article-right{
        width:400px;
        margin-left:-400px
    }
}
.article-editors-choice{
    padding-top:16px;
    background-color:#fff
}
.article-editors-choice .detail-list{
    margin:0
}
.detail-tag .apps_tag{
    display:block;
    padding:0 16px;
    margin-top:0
}
.apps_tag{
    margin-top:10px
}
.apps_tag a,.apps_tag span{
    background-color:#f8f9fa;
    border:1px solid #eee;
    display:inline-block;
    padding:4px 10px;
    color:#666;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    margin-bottom:5px;
    margin-right:5px;
    font-size:.75rem;
    max-width:220px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.apps_tag .more_tags:hover,.apps_tag a:hover{
    color:#2e93f1;
    border:1px solid #2e93f1
}
.apps_tag a.topTen{
    color:#e08412;
    background:#fff6e8;
    border:1px solid #fff6e8
}
.apps_tag a.topTen:hover{
    text-decoration:none;
    background:#ffe8cb
}
.apps_tag a.genre{
    color:#078807;
    background:#f1fbf1;
    border:1px solid #f1fbf1
}
.apps_tag a.genre:hover{
    text-decoration:none;
    border:1px solid #98c598
}
.apps_tag a.reviewArticle{
    color:#1890ff;
    background:#e8f4ff;
    border:1px solid #d1e9ff
}
.apps_tag a.reviewArticle:hover{
    text-decoration:none;
    border:1px solid #1982e4
}
.apps_tag .more_tags{
    cursor:pointer
}
.category-page{
    background:#fff;
    margin-bottom:10px
}
.category-page .big-title{
    border-bottom:1px solid #f8f8f8;
    padding:10px 16px
}
.category-tag{
    padding:16px
}
.category-tag ul li{
    width:50%;
    float:left;
    margin-bottom:10px
}
@media (min-width:540px){
    .category-tag ul li{
        width:33.33%
    }
}
@media (min-width:720px){
    .category-tag ul li{
        width:25%
    }
}
@media (min-width:900px){
    .category-tag ul li{
        width:20%
    }
}
.category-tag a{
    padding-right:10px;
    display:block;
    width:100%;
    color:#6f6f6f;
    position:relative;
    padding-left:40px;
    line-height:40px;
    height:40px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.category-tag a span{
    display:block;
    position:absolute;
    left:0;
    top:5px;
    width:30px;
    height:30px;
    background:#4285f4;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    border-radius:50%
}
.category-tag a span img{
    height:30px;
    width:30px;
    position:absolute;
    top:0;
    left:0
}
.down-banner{
    width:100%;
    overflow:hidden;
    position:relative;
    z-index:1;
    background:#55acee
}
.down-banner .down-banner-bg{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    width:100%;
    opacity:.3;
    filter:blur(5px);
    -webkit-backdrop-filter:blur(5px);
    backdrop-filter:blur(5px);
    min-height:100%
}
.down-banner:before{
    content:'';
    width:100%;
    height:100%;
    position:absolute;
    background-image:linear-gradient(-180deg,rgba(0,0,0,0) 2%,rgba(0,0,0,.3) 95%)
}
.package-content{
    position:relative;
    margin:0 auto;
    z-index:99;
    color:#fff;
    text-align:left;
    padding:30px 16px;
    padding-top:70px;
    width:100%;
    max-width:1200px
}
.package-content .icon{
    display:block;
    background:#fff;
    width:70px;
    height:70px;
    position:relative;
    -moz-border-radius:20%;
    -webkit-border-radius:20%;
    border-radius:20%;
    overflow:hidden;
    border:2px solid #fff;
    margin:0 auto;
    margin-bottom:16px
}
.package-content .icon img{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    width:100%;
    height:100%;
    overflow:hidden
}
.package-content .text{
    text-align:center
}
.package-content .downloading{
    font-weight:400;
    font-size:1.2rem;
    padding-bottom:10px
}
.package-content h1{
    font-size:.875rem;
    line-height:1.2rem;
    font-weight:400;
    padding-bottom:6px
}
.package-content .size_date{
    font-size:.75rem;
    line-height:1.6rem;
    opacity:.9
}
.package-content .size_date span{
    padding:0 5px
}
.package-content p{
    font-size:.875rem;
    line-height:1.6rem;
    opacity:.9
}
.package-content a{
    color:#fff;
    text-decoration:underline
}
.package-content a.howInstall{
    text-decoration:none
}
.package-content a.howInstall:hover{
    text-decoration:underline
}
.dotting{
    display:inline-block;
    width:10px;
    min-height:2px;
    padding-right:2px;
    border-left:2px solid currentColor;
    border-right:2px solid currentColor;
    background-color:currentColor;
    background-clip:content-box;
    box-sizing:border-box;
    animation:dot 4s infinite step-start both
}
.dotting:before{
    content:'...'
}
.dotting::before{
    content:''
}
:root .dotting{
    margin-left:2px;
    padding-left:2px
}
@keyframes dot{
    25%{
        border-color:transparent;
        background-color:transparent
    }
    50%{
        border-right-color:transparent;
        background-color:transparent
    }
    75%{
        border-right-color:transparent
    }
}
.white-box{
    background:#fff;
    margin-top:10px
}
.list-template{
    margin-left:-8px;
    padding:0 16px
}
.list-template .list{
    width:50%;
    position:relative;
    float:left;
    margin-bottom:16px;
    padding:0 8px
}
.list-template .list a{
    width:100%;
    display:inline-block;
    background:#fff;
    box-shadow:0 2px 4px 0 rgba(189,189,189,.5);
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    border-radius:8px;
    overflow:hidden;
    padding:8px
}
.list-template .list a:hover{
    background:#f9f9f9
}
.list-template .list:hover .icon{
    opacity:.9
}
.list-template .list:hover .title{
    color:#3483ce
}
@media (min-width:360px){
    .list-template .list{
        width:33.333%
    }
}
@media (min-width:480px){
    .list-template .list{
        width:25%
    }
}
@media (min-width:600px){
    .list-template .list{
        width:20%
    }
}
@media (min-width:720px){
    .list-template .list{
        width:16.66666%
    }
}
@media (min-width:1024px){
    .list-template .list{
        width:12.5%
    }
}
.list-template .list .icon{
    display:block;
    width:100%;
    height:0;
    padding-top:100%;
    position:relative;
    overflow:hidden;
    margin-bottom:6px;
    background:#f6f9fc;
    -moz-border-radius:16%;
    -webkit-border-radius:16%;
    border-radius:16%
}
.list-template .list .icon img{
    height:100%;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    background:#f6f9fc;
    border:1px solid #f6f9fc;
    -moz-border-radius:16%;
    -webkit-border-radius:16%;
    border-radius:16%
}
.list-template .list .icon img.loaded{
    background:#fff;
    border:1px solid #fff
}
.list-template .list .title{
    font-size:.875rem;
    line-height:1rem;
    height:2rem;
    color:#222;
    width:100%;
    overflow:hidden;
    margin-bottom:8px;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical
}
.list-template .list .other{
    height:20px;
    font-size:.75rem;
    overflow:hidden;
    line-height:20px;
    color:#919191;
    position:relative
}
.list-template .other span{
    display:inline-block;
    position:relative;
    padding-left:14px;
    color:#fa8b15
}
.list-template .other span i{
    position:absolute;
    top:0;
    width:14px;
    height:20px;
    display:inline-block;
    background-repeat:no-repeat;
    background-position:left 3px;
    background-size:12px
}
.list-template .other .rating i{
    background-color:#fa8b15;
    left:0;
    -webkit-mask:url(/assets/img/stars-solid.svg) no-repeat center;
    mask:url(/assets/img/stars-solid.svg) no-repeat center;
    -webkit-mask-size:12px;
    mask-size:12px
}
.list-template .other .review{
    float:right;
    color:#919191
}
.list-template .other .review i{
    background-color:#919191;
    left:0;
    -webkit-mask:url(/assets/img/review.svg) no-repeat center;
    mask:url(/assets/img/review.svg) no-repeat center;
    -webkit-mask-size:10px;
    mask-size:10px
}
.category-title{
    padding:0 16px;
    position:relative;
    padding-top:30px;
    margin-bottom:20px
}
.category-title .icon{
    height:60px;
    width:60px;
    background:#4285f4;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    border-radius:50%;
    position:absolute;
    overflow:hidden;
    left:16px;
    top:30px
}
.category-title .icon img{
    width:60px;
    height:60px;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%)
}
.category-title .text{
    padding-left:80px;
    height:60px
}
.category-title h1{
    font-size:20px;
    color:#222;
    padding-bottom:16px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.category-sorting a{
    color:#666;
    margin-right:8px;
    margin-left:8px;
    padding-left:18px;
    font-size:14px;
    position:relative;
    cursor:pointer
}
.category-sorting a.selected{
    color:#ff713f
}
.category-sorting a span{
    width:14px;
    height:14px;
    display:block;
    position:absolute;
    left:0;
    top:2px;
    border:1px solid #dbdbdb;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    border-radius:50%
}
.category-sorting a span:after{
    left:2px;
    top:2px;
    background:#dbdbdb;
    content:" ";
    display:block;
    position:absolute;
    height:8px;
    width:8px;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    border-radius:50%
}
.category-sorting a.selected span{
    border:1px solid #ff713f
}
.category-sorting a.selected span:after{
    background:#ff713f
}
.category-select{
    display:block;
    padding:0 16px;
    width:100%;
    position:relative
}
.category-select select{
    position:relative;
    background-color:#fff;
    width:100%;
    font-size:12px;
    height:34px;
    line-height:34px;
    padding:0 10px;
    -moz-appearance:none;
    -webkit-appearance:none;
    border:1px solid #dbdbdb;
    border-radius:4px;
    color:#9f9f9f;
    outline:0
}
.category-select:after{
    right:30px;
    top:17px;
    border:3px solid #3273dc;
    border-radius:2px;
    border-right:0;
    border-top:0;
    content:" ";
    display:block;
    height:.625em;
    margin-top:-.4375em;
    pointer-events:none;
    position:absolute;
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg);
    -webkit-transform-origin:center;
    transform-origin:center;
    width:.625em
}
.search-white{
    margin:10px auto;
    background:#fff;
    padding-top:16px
}
#search-clear-button{
    position:absolute;
    right:16px;
    top:0;
    height:30px;
    width:30px;
    border:none;
    background-color:#fff;
    background-image:url(/assets/img/search-history-icon.svg);
    background-size:16px;
    background-repeat:no-repeat;
    background-position:center;
    cursor:pointer
}
.search-list{
    padding:0 16px;
    padding-bottom:16px
}
.search-list a{
    color:#666;
    text-decoration:none;
    display:inline-block;
    line-height:30px;
    padding:0 15px;
    background:#f6f6f6;
    margin-bottom:8px;
    margin-right:5px;
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
    border-radius:15px;
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.no-result{
    padding:16px;
    text-align:center;
    padding-bottom:32px;
    font-size:1rem
}
.no-result span{
    font-size:20px;
    font-weight:400;
    color:#222
}
.google-play-down{
    display:block;
    height:48px;
    width:300px;
    background-color:#000;
    background-image:url(/assets/img/google-play-down.jpg);
    background-size:160px;
    background-repeat:no-repeat;
    background-position:center;
    margin:16px auto;
    margin-bottom:10px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px
}
.editor-choice-template{
    padding:0 16px;
    margin-left:-16px
}
.editor-choice-template .List{
    width:100%;
    float:none;
    padding-left:16px;
    margin-bottom:16px
}
@media (min-width:640px){
    .editor-choice-template .List{
        width:50%;
        float:left
    }
}
@media (min-width:720px){
    .editor-choice-template .List{
        width:33.33%;
        float:left
    }
}
@media (min-width:1024px){
    .editor-choice-template .List{
        width:25%;
        float:left
    }
}
.editor-choice-template .List a{
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    border-radius:8px;
    display:block;
    width:100%;
    height:100%;
    background:#fff;
    overflow:hidden;
    box-shadow:0 2px 4px 0 rgba(189,189,189,.3)
}
.editor-choice-template .List .ImgBox{
    display:block;
    width:100%;
    height:0;
    padding-top:48.8%;
    position:relative;
    overflow:hidden;
    margin-bottom:8px
}
.editor-choice-template .List .ImgBox img{
    width:100%;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%)
}
.editor-choice-template .List:hover .ImgBox img{
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    transition:all .3s ease;
    width:115%
}
.editor-choice-template .List .Name{
    padding:0 16px;
    display:block;
    color:#222;
    font-size:1rem;
    line-height:2rem;
    position:relative;
    padding-right:66px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.editor-choice-template .List .star{
    position:absolute;
    right:16px;
    top:5px;
    color:#fa8b15;
    line-height:22px;
    height:20px;
    width:38px;
    font-size:14px;
    background-image:url(/assets/img/stars-solid.svg);
    background-repeat:no-repeat;
    background-position:0 center;
    text-align:right
}
.editor-choice-template .List .Short_Description{
    display:block;
    padding:0 16px;
    overflow:hidden;
    margin-bottom:16px;
    font-size:.812rem;
    line-height:1.2rem;
    height:2.4rem;
    color:#6f6f6f
}
.category_top .category_list_top_more{
    display:block;
    width:220px;
    margin:0 auto;
    text-align:center;
    line-height:40px;
    box-shadow:0 1px 2px 0 rgba(0,0,0,.1);
    background-color:#fff;
    border-radius:40px;
    color:#6f6f6f;
    cursor:pointer
}
.category_top_title{
    padding:16px;
    color:#222;
    font-size:1.125rem;
    line-height:1.5rem
}
.category_list{
    margin:0 16px;
    margin-left:0
}
.category_list_top{
    max-height:388px;
    overflow:hidden
}
@media (min-width:720px){
    .category_top .category_list_top_more{
        display:none
    }
    .category_top_list{
        width:50%;
        float:left
    }
    .category_list_top{
        max-height:none
    }
}
@media (min-width:1024px){
    .category_top_list{
        width:33.33%
    }
}
@media (min-width:1360px){
    .category_top_list{
        width:25%
    }
}
.category_top_list{
    position:relative
}
.category_top_list:hover a{
    background:#f9f9f9
}
.category_top_list a{
    display:block;
    background:#fff;
    padding:16px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    position:relative;
    -webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,.1);
    box-shadow:0 1px 2px 0 rgba(0,0,0,.1);
    margin-bottom:8px;
    margin-left:16px;
    overflow:hidden
}
.category_top_list .icon{
    position:absolute;
    height:90px;
    width:90px
}
.category_top_list .icon img{
    height:100%;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    background:#f6f9fc;
    -moz-border-radius:20%;
    -webkit-border-radius:20%;
    border-radius:20%;
    border:1px solid #f6f9fc
}
.category_top_list .icon img.loaded{
    background:#fff
}
.category_top_list .text{
    margin-left:106px;
    height:90px;
    text-align:left
}
.category_top_list .angle{
    color:#fff;
    font-size:13px;
    position:absolute;
    top:0;
    left:0
}
.category_top_list .angle span{
    position:relative;
    z-index:10;
    text-align:center;
    width:20px;
    line-height:24px;
    display:inline-block
}
.category_top_list .angle:after{
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:0;
    height:0;
    border-style:solid;
    border-width:36px 36px 0 0;
    border-color:#55acee transparent transparent transparent;
    z-index:2;
    opacity:.8
}
.category_top_list:first-of-type .angle,.category_top_list:nth-child(2) .angle,.category_top_list:nth-child(3) .angle{
    color:#fff
}
.category_top_list:first-of-type .angle:after{
    border-color:#f4241a transparent transparent transparent
}
.category_top_list:nth-child(3) .angle:after{
    border-color:#efaa1a transparent transparent transparent
}
.category_top_list:nth-child(2) .angle:after{
    border-color:#f77e14 transparent transparent transparent
}
.category_top_list .text .title{
    color:#222;
    font-size:1rem;
    height:1.4rem;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.category_top_list .text .short_description{
    color:#6f6f6f;
    font-size:.812rem;
    line-height:1.2rem;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.category_top_list .text .developer{
    color:#9f9f9f;
    font-size:.75rem;
    line-height:1.5rem;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    margin-bottom:8px
}
.category_top_list .text .rating{
    display:inline-block;
    color:#fa8b15;
    margin-right:8px;
    font-size:.875rem;
    line-height:1rem;
    height:1rem;
    position:relative;
    padding-left:14px;
    overflow:hidden
}
.category_top_list .text .rating::before{
    position:absolute;
    left:0;
    top:3px;
    content:'';
    display:inline-block;
    height:10px;
    width:10px;
    background-color:#fa8b15;
    -webkit-mask:url(/assets/img/stars-solid.svg) no-repeat center;
    -webkit-mask-size:12px;
    mask:url(/assets/img/stars-solid.svg) no-repeat center;
    mask-size:12px;
    background-size:12px;
    background-position:center;
    background-repeat:no-repeat
}
.category_top_list .text .review{
    display:inline-block;
    color:#9f9f9f;
    font-size:.75rem;
    line-height:1rem;
    position:relative;
    padding-left:14px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.category_top_list .text .review::before{
    position:absolute;
    left:0;
    top:3px;
    content:'';
    display:inline-block;
    height:10px;
    width:10px;
    margin-right:4px;
    background-color:#9f9f9f;
    -webkit-mask:url(/assets/img/review.svg) no-repeat center;
    mask:url(/assets/img/review.svg) no-repeat center;
    -webkit-mask-size:10px;
    mask-size:10px;
    background-size:10px;
    background-position:center;
    background-repeat:no-repeat
}
.category_all{
    padding-top:10px;
    padding-bottom:20px
}
.category_all_title_box{
    padding:0 16px
}
.category_all_title{
    color:#222;
    font-size:1.125rem;
    line-height:1.5rem;
    cursor:pointer;
    position:relative;
    background:0 0;
    -webkit-tap-highlight-color:transparent;
    -webkit-tap-highlight-color:transparent;
    outline:0;
    text-decoration:none
}
.category_all_title h2{
    display:inline-block;
    color:#222;
    font-size:1.125rem;
    line-height:40px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    position:relative;
    padding-right:16px
}
.category_all_title h2::before{
    position:absolute;
    right:0;
    top:18px;
    content:'';
    width:0;
    height:0;
    border-left:5px solid transparent;
    border-right:5px solid transparent;
    border-top:5px solid #6f6f6f
}
.category_all_title .select{
    width:100%;
    max-width:320px;
    height:42px;
    z-index:4;
    position:absolute;
    top:0;
    left:0;
    margin:0;
    padding:0;
    opacity:0;
    cursor:pointer;
    font-size:.875rem;
    border:none
}
.category_all_sortBy{
    display:none;
    float:right;
    position:relative;
    height:32px;
    line-height:32px;
    margin-top:4px
}
.category_all_sortBy select{
    display:inline-block;
    background:#fff;
    height:28px;
    margin-left:5px;
    position:relative;
    border:1px solid #e8e8e8;
    -webkit-tap-highlight-color:transparent;
    -webkit-tap-highlight-color:transparent;
    outline:0;
    text-decoration:none;
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    padding-left:10px;
    padding-right:20px
}
.category_all_sortBy::before{
    position:absolute;
    right:8px;
    top:14px;
    content:'';
    width:0;
    height:0;
    border-left:5px solid transparent;
    border-right:5px solid transparent;
    border-top:5px solid #6f6f6f;
    z-index:9
}
.category_sorting{
    padding-bottom:10px
}
.category_sorting .sorting{
    background:#fff;
    height:42px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,.1);
    box-shadow:0 1px 2px 0 rgba(0,0,0,.1)
}
.category_sorting a{
    display:inline-block;
    font-size:.75rem;
    width:33.33%;
    padding:0 6px;
    text-align:center;
    line-height:40px;
    height:42px;
    color:#888;
    float:left;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.category_sorting a:first-child{
    width:30%
}
.category_sorting a:nth-child(2){
    width:30%
}
.category_sorting a:nth-child(3){
    width:40%
}
.category_sorting a.selected{
    color:#fa8b16;
    border-bottom:2px solid #fa8b16
}
@media (min-width:720px){
    .category_all_sortBy{
        display:block
    }
    .category_all_title{
        width:50%;
        float:left
    }
    .category_sorting{
        display:none
    }
}
.gray{
    -webkit-filter:grayscale(100%);
    -moz-filter:grayscale(100%);
    -ms-filter:grayscale(100%);
    -o-filter:grayscale(100%);
    filter:grayscale(100%);
    filter:gray
}
.alternative_banner{
    background:url(/assets/img/home-banner.svg);
    background-repeat:no-repeat;
    background-size:cover;
    width:100%;
    min-height:300px;
    position:relative;
    z-index:99
}
@media (min-width:640px){
    .alternative_banner{
        min-height:260px
    }
}
.alternative_banner .text{
    position:absolute;
    left:50%;
    top:28%;
    transform:translate(-50%,0);
    width:100%;
    padding:0 16px;
    text-align:center;
    color:#fff;
    line-height:14px;
    font-weight:400
}
.alternative_banner h1{
    font-size:1.5rem;
    line-height:1.5rem;
    font-weight:300;
    padding-bottom:10px
}
.alternative_banner p{
    opacity:.7
}
.alternative_box{
    margin-top:-100px;
    z-index:99;
    position:relative;
    padding:10px
}
.alternative_box .list{
    display:block;
    background:#fff;
    padding:16px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    position:relative;
    -webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,.1);
    box-shadow:0 1px 2px 0 rgba(0,0,0,.1);
    overflow:hidden;
    margin-bottom:8px;
    min-height:150px
}
.alternative_box .list:hover{
    -webkit-box-shadow:0 1px 5px 0 rgba(0,0,0,.2);
    box-shadow:0 1px 5px 0 rgba(0,0,0,.2)
}
.alternative_box .list .icon{
    overflow:hidden;
    width:80px;
    position:absolute;
    left:16px;
    top:16px
}
.alternative_box .list .icon a{
    display:block;
    width:80px;
    height:80px;
    -moz-border-radius:20%;
    -webkit-border-radius:20%;
    border-radius:20%;
    overflow:hidden;
    margin-bottom:10px
}
.alternative_box .list .icon img{
    width:100%;
    height:100%;
    background:#f6f9fc;
    border:1px solid #f6f9fc;
    -moz-border-radius:20%;
    -webkit-border-radius:20%;
    border-radius:20%;
    overflow:hidden;
    margin-bottom:5px
}
.alternative_box .list .icon img.loaded{
    background:0 0;
    border:none
}
.alternative_box .list .icon:hover img{
    opacity:.8
}
.alternative_box .list .icon .star{
    display:block;
    width:60px;
    margin:0 auto;
    height:24px;
    color:#fff;
    line-height:24px;
    background:#0d88e2;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    text-align:center;
    position:relative;
    padding-left:12px;
    font-size:.875rem
}
.alternative_box .list .icon .star span{
    position:absolute;
    top:6px;
    left:10px;
    display:inline-block;
    width:12px;
    height:12px;
    background-color:#fff;
    -webkit-mask:url(/assets/img/stars-solid.svg) no-repeat center;
    -webkit-mask-size:12px;
    mask:url(/assets/img/stars-solid.svg) no-repeat center;
    mask-size:12px;
    background-size:12px;
    background-position:center;
    background-repeat:no-repeat
}
.alternative_box .list .text{
    padding-left:96px
}
.alternative_box .list .title{
    font-size:1rem;
    line-height:1.4rem;
    display:inline-block;
    color:#3483ce;
    width:100%;
    margin:6px 0
}
.alternative_box .list .title:hover{
    text-decoration:underline
}
.alternative_box .list .short_description{
    font-size:.812rem;
    line-height:1.2rem;
    max-height:2.4rem;
    overflow:hidden;
    color:#6f6f6f;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical
}
.alternative_box .list .apk_relevant{
    display:none;
    width:410px;
    position:absolute;
    right:16px;
    top:16px
}
.alternative_box .list .apk_relevant a{
    display:block;
    float:left;
    width:90px;
    height:130px;
    padding:4px;
    position:relative;
    cursor:pointer
}
.alternative_box .list .apk_relevant a:hover{
    background:#f8f9fa
}
.alternative_box .list .apk_relevant a.more{
    width:50px;
    padding:0
}
.alternative_box .list .apk_relevant a.more:before{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    display:block;
    content:'';
    height:30px;
    width:30px;
    background-color:#9f9f9f;
    -webkit-mask:url(/assets/img/chevron-right.svg) no-repeat center;
    mask:url(/assets/img/chevron-right.svg) no-repeat center;
    -webkit-mask-size:12px;
    mask-size:12px
}
.alternative_box .list .apk_relevant a.more:hover{
    background:0 0
}
.alternative_box .list .apk_relevant a.more:hover:before{
    background-color:#666
}
.alternative_box .list .apk_relevant img{
    width:100%;
    margin:0 auto;
    margin-bottom:4px;
    background:#f6f9fc;
    border:1px solid #f6f9fc;
    -moz-border-radius:20%;
    -webkit-border-radius:20%;
    border-radius:20%
}
.alternative_box .list .apk_relevant img.loaded{
    background:#fff
}
.alternative_box .list .apk_relevant span:first-of-type{
    color:#222
}
.alternative_box .list .apk_relevant span{
    display:block;
    height:16px;
    line-height:16px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:#9f9f9f;
    font-size:12px
}
@media (min-width:960px){
    .alternative_box .list .icon{
        left:24px;
        top:24px
    }
    .alternative_box .list .title{
        font-size:1.2rem;
        line-height:2.2rem
    }
    .alternative_box .list .text{
        padding-right:426px;
        padding-left:106px;
        min-height:130px
    }
    .alternative_box .list .apk_relevant{
        display:block
    }
}
.alternative_list{
    padding:0 16px;
    padding-left:8px;
    padding-bottom:16px
}
.alternative_list .list{
    width:50%;
    float:left;
    position:relative;
    min-height:60px;
    padding:8px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px
}
.alternative_list .list:hover{
    background:#f9f9f9;
    -webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,.1);
    box-shadow:0 1px 2px 0 rgba(0,0,0,.1)
}
.alternative_list .list:hover .icon{
    opacity:.9
}
.alternative_list .list:hover .text .title{
    color:#3483ce
}
@media (min-width:720px){
    .alternative_list .list{
        width:33.33%
    }
}
@media (min-width:1024px){
    .alternative_list .list{
        width:25%
    }
}
.alternative_list .list .icon{
    width:60px;
    height:60px;
    position:absolute;
    left:8px;
    top:8px
}
.alternative_list .list .icon img{
    width:100%;
    height:100%;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    background:#f6f9fc;
    border:1px solid #f6f9fc;
    -moz-border-radius:20%;
    -webkit-border-radius:20%;
    border-radius:20%
}
.alternative_list .list .icon img.loaded{
    background:#fff
}
.alternative_list .list .text{
    margin-left:68px;
    min-height:60px
}
.alternative_list .list .text .rating{
    height:1.2rem;
    font-size:.75rem;
    line-height:1.2rem;
    padding-left:16px;
    color:#fa8b16;
    background-image:url(/assets/img/stars-solid.svg);
    background-repeat:no-repeat;
    background-position:left 2px;
    background-size:13px
}
.alternative_list .list .text .title{
    font-size:1rem;
    line-height:2.1rem;
    color:#222;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.alternative_list .list .text .other{
    font-size:.75rem;
    line-height:1.2rem;
    color:#919191;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.alternative_list .list .text .other span{
    color:#6f6f6f
}
.home_hot_apps{
    padding:16px 0;
    background:#fff;
    margin-top:10px
}
.home_hot_apps_list{
    padding:0 16px;
    padding-left:8px
}
.home_hot_apps_list .list{
    width:50%;
    float:left;
    position:relative;
    min-height:60px;
    padding:8px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px
}
.home_hot_apps_list .list:hover{
    background:#f9f9f9;
    -webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,.1);
    box-shadow:0 1px 2px 0 rgba(0,0,0,.1)
}
.home_hot_apps_list .list:hover .icon{
    opacity:.9
}
.home_hot_apps_list .list:hover .text .title{
    color:#3483ce
}
@media (min-width:720px){
    .home_hot_apps_list .list{
        width:33.33%
    }
}
@media (min-width:1024px){
    .home_hot_apps_list .list{
        width:25%
    }
}
.home_hot_apps_list .list .icon{
    width:60px;
    height:60px;
    position:absolute;
    left:8px;
    top:8px
}
.home_hot_apps_list .list .icon img{
    width:100%;
    height:100%;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    background:#f6f9fc;
    border:1px solid #f6f9fc;
    -moz-border-radius:20%;
    -webkit-border-radius:20%;
    border-radius:20%
}
.home_hot_apps_list .list .icon img.loaded{
    background:#fff
}
.home_hot_apps_list .list .text{
    margin-left:68px;
    min-height:60px
}
.home_hot_apps_list .list .text .rating{
    height:1.2rem;
    font-size:.75rem;
    line-height:1.2rem;
    padding-left:16px;
    color:#fa8b16;
    background-image:url(/assets/img/stars-solid.svg);
    background-repeat:no-repeat;
    background-position:left 2px;
    background-size:13px
}
.home_hot_apps_list .list .text .title{
    font-size:1rem;
    line-height:1.4rem;
    color:#222;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.home_hot_apps_list .list .text .other{
    font-size:.75rem;
    line-height:1.2rem;
    color:#919191;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.home_hot_apps_list .list .text .other span{
    color:#6f6f6f
}
.developer_banner{
    width:100%;
    height:240px;
    overflow:hidden;
    position:relative;
    z-index:1;
    background:#55acee
}
.developer_banner img.banner_img{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    min-width:100%;
    min-height:100%;
    opacity:.6;
    filter:blur(5px);
    -webkit-backdrop-filter:blur(5px);
    backdrop-filter:blur(5px)
}
.developer_banner:before{
    content:'';
    width:120%;
    height:120%;
    position:absolute;
    background-image:linear-gradient(-180deg,rgba(0,0,0,0) 2%,rgba(0,0,0,.3) 95%)
}
.developer_introduce{
    padding-bottom:16px
}
.developer_introduce .text{
    background:#fff;
    margin:0 16px;
    padding:16px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    box-shadow:0 2px 3px 0 rgba(0,0,0,.15);
    font-size:.875rem;
    line-height:1.4rem;
    text-align:center
}
.developer_introduce .text .icon{
    height:100px;
    width:100px;
    margin:0 auto;
    margin-top:-80px;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    border-radius:50%;
    overflow:hidden;
    box-shadow:0 2px 3px 0 rgba(0,0,0,.15);
    background:#fff
}
.developer_introduce .text .icon img{
    height:100px;
    width:100px;
    margin:0 auto;
    border:2px solid #fff;
    background:#fff;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    border-radius:50%
}
.developer_introduce .text h1{
    text-align:center;
    line-height:3rem;
    color:#222;
    font-size:1.4rem
}
.developer_introduce .container{
    margin-top:-46px;
    z-index:99;
    position:relative
}
.developer_introduce .title{
    font-size:1rem;
    padding-bottom:16px;
    color:#333
}
.developer_list .big-title{
    padding:16px
}
.developer_good{
    padding:0 16px;
    margin-left:-16px
}
.developer_good .list{
    width:100%;
    position:relative;
    padding-left:16px;
    margin-bottom:16px
}
.developer_good .list a:hover{
    background:#f9f9f9
}
.developer_good .list:hover .icon{
    opacity:.9
}
.developer_good .list:hover .title{
    color:#3483ce
}
@media (min-width:600px){
    .developer_good .list{
        width:33.33%;
        float:left;
        padding-left:16px;
        margin-bottom:0
    }
}
.developer_good .list a{
    display:inline-block;
    width:100%;
    background:#fff;
    box-shadow:0 2px 3px 0 rgba(0,0,0,.15);
    min-height:106px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    overflow:hidden;
    padding:8px
}
.developer_good .icon{
    position:absolute;
    top:8px;
    left:24px;
    width:150px;
    height:90px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    overflow:hidden;
    background:#f6f9fc
}
.developer_good .icon img{
    min-height:100%;
    width:100%;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%)
}
.developer_good .text{
    padding-right:16px;
    padding-left:166px
}
.developer_good .text .title{
    font-size:1rem;
    line-height:1.5rem;
    color:#222;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.developer_good .text .short_description{
    color:#6f6f6f;
    font-size:.812rem;
    line-height:1rem;
    height:2rem;
    margin-bottom:8px;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical
}
.developer_good .text .star{
    height:1.2rem;
    font-size:.875rem;
    line-height:1.2rem;
    padding-left:16px;
    color:#fa8b16;
    background-image:url(/assets/img/stars-solid.svg);
    background-repeat:no-repeat;
    background-position:left 2px;
    background-size:15px
}
.developer_list_box{
    padding:0 16px;
    margin-left:-16px;
    margin-bottom:10px
}
.developer_list_box .list{
    width:100%;
    position:relative;
    padding-left:16px;
    margin-bottom:16px
}
@media (min-width:600px){
    .developer_list_box .list{
        width:33.33%;
        float:left;
        padding-left:16px
    }
}
.search_banner{
    background-image:-webkit-linear-gradient(45deg,#55acee,#4442f8bd);
    background-image:linear-gradient(45deg,#55acee,#4442f8bd);
    width:100%;
    height:160px;
    position:relative;
    z-index:99
}
.search_banner .text{
    padding-top:56px;
    position:absolute;
    left:50%;
    top:46%;
    transform:translate(-50%,-50%);
    width:90%;
    max-width:640px;
    text-align:center;
    color:#fff
}
.top_tens_box{
    background:#fff;
    padding-top:10px;
    padding-bottom:16px
}
.top_tens_box .big-title{
    padding-bottom:8px
}
.top_tens_box .list{
    display:inline-block;
    position:relative;
    top:0;
    left:0;
    height:100px;
    width:100%
}
.top_tens_box .list .img{
    position:absolute;
    left:16px;
    top:10px;
    width:150px;
    height:80px;
    overflow:hidden;
    background:#e9eff2;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px
}
.top_tens_box .list .img img{
    min-width:100%;
    height:100%;
    vertical-align:middle;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    z-index:1;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    overflow:hidden
}
.top_tens_box .list .text{
    border-top:1px solid #f6f9fc;
    padding-top:16px;
    padding-left:166px;
    padding-right:16px;
    height:86px;
    position:relative;
    margin:0 16px;
    color:#fff
}
.top_tens_box .list .text .title{
    font-weight:600;
    font-size:1rem;
    line-height:1.2rem;
    max-height:2.4rem;
    color:#222;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical
}
.top_tens_box .list .text .short-description{
    color:#6f6f6f;
    font-size:.812rem;
    line-height:1.2rem;
    max-height:2.4rem;
    margin-top:8px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    display:none
}
.top_tens_box .list .text .date{
    position:absolute;
    bottom:4px;
    color:#9f9f9f;
    font-size:.75rem;
    line-height:.75rem
}
@media (min-width:760px){
    .top_tens_box .list{
        float:left;
        width:50%
    }
    .top_tens_box .list .text .short-description{
        display:block
    }
    .top_tens_box .list .text .title{
        max-height:none;
        display:-webkit-box;
        -webkit-line-clamp:1;
        -webkit-box-orient:vertical
    }
}
.top_tens_box .list:hover{
    background:#fff
}
.top_tens_box .list:hover img{
    opacity:.9
}
.top_tens_box .list:hover .short-description,.top_tens_box .list:hover .title{
    color:#3483ce
}
.topTens_swiper{
    margin-bottom:10px
}
.topTens_swiper .swiper-wrapper{
    padding-left:8px;
    padding-right:16px
}
.topTens_swiper .list{
    text-align:left;
    width:320px;
    height:160px
}
.topTens_swiper .list:last-of-type{
    margin-right:16px
}
.topTens_swiper .list a{
    display:block;
    width:100%;
    height:100%;
    padding-left:4px;
    padding-bottom:4px
}
.topTens_swiper .list .img{
    width:100%;
    height:100%;
    position:relative;
    overflow:hidden;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    border-radius:8px;
    background-color:#e9eff2
}
.topTens_swiper .list .img:before{
    content:'';
    width:auto;
    position:absolute;
    height:60%;
    bottom:0;
    left:0;
    right:0;
    z-index:2;
    background:-moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.5) 50%,rgba(0,0,0,.7) 100%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,0)),color-stop(50%,rgba(0,0,0,.5)),color-stop(100%,rgba(0,0,0,.7)));
    background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.5) 50%,rgba(0,0,0,.7) 100%);
    background:-o-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.5) 50%,rgba(0,0,0,.7) 70%);
    background:-ms-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.5) 50%,rgba(0,0,0,.7) 70%);
    background:linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.7) 50%,rgba(0,0,0,.7) 100%);
    opacity:.8
}
.topTens_swiper .list .img img{
    min-width:100%;
    min-height:100%;
    height:100%;
    vertical-align:middle;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    z-index:1
}
.topTens_swiper .list .title{
    position:absolute;
    z-index:3;
    left:20px;
    right:10px;
    bottom:32px;
    font-size:1rem;
    line-height:1.2rem;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    color:#fff
}
.topTens_swiper .list .other{
    position:absolute;
    z-index:3;
    left:20px;
    right:10px;
    bottom:14px;
    font-size:.75rem;
    opacity:.6;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:#fff
}
.topTens_swiper .swiper-button-next,.topTens_swiper .swiper-button-prev{
    z-index:99;
    width:44px;
    height:44px;
    background:#fff;
    -webkit-tap-highlight-color:transparent;
    -webkit-tap-highlight-color:transparent;
    outline:0;
    text-decoration:none;
    background-size:14px;
    background-repeat:no-repeat;
    box-shadow:0 2px 4px 0 rgba(189,189,189,.3)
}
.topTens_swiper .swiper-button-next{
    right:0;
    -moz-border-radius:50% 0 0 50%;
    -webkit-border-radius:50% 0 0 50%;
    border-radius:50% 0 0 50%;
    background-image:url(/assets/img/chevron-right.svg);
    background-position:20px center
}
.topTens_swiper .swiper-button-prev{
    left:0;
    -moz-border-radius:0 50% 50% 0;
    -webkit-border-radius:0 50% 50% 0;
    border-radius:0 50% 50% 0;
    background-image:url(/assets/img/chevron-left.svg);
    background-position:10px center
}
.topTens_swiper .swiper-button-next.swiper-button-disabled,.topTens_swiper .swiper-button-prev.swiper-button-disabled{
    display:none
}
@media (min-width:1024px){
    .topTens_swiper .swiper-wrapper{
        display:block;
        padding:0 16px;
        padding-left:12px;
        box-sizing:inherit
    }
    .topTens_swiper .list{
        margin:0;
        overflow:hidden;
        display:inline-block;
        float:left;
        height:200px
    }
    .topTens_swiper .list:last-of-type{
        margin:0
    }
    .topTens_swiper .list:first-child{
        width:40%;
        height:360px
    }
    .topTens_swiper .list:nth-child(2),.topTens_swiper .list:nth-child(3){
        width:30%;
        height:160px
    }
    .topTens_swiper .list:nth-child(4),.topTens_swiper .list:nth-child(5),.topTens_swiper .list:nth-child(6){
        width:20%
    }
    .topTens_swiper .swiper-button-next,.topTens_swiper .swiper-button-prev{
        display:none
    }
}
.niJiGen_banner{
    margin:0;
    width:100%;
    height:220px;
    position:relative;
    overflow:hidden
}
.niJiGen_banner::before{
    content:'';
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-repeat:no-repeat;
    background-size:cover;
    z-index:9;
    background-color:rgba(8,25,43,.15);
    background-image:-webkit-linear-gradient(rgba(8,25,43,.15),rgba(255,25,43,.85));
    background-image:linear-gradient(rgba(8,25,43,.15),rgba(8,25,43,.85))
}
.niJiGen_banner img{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    min-width:100.1%;
    min-height:100.1%;
    width:100%
}
.niJiGen_banner .text{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    text-align:center;
    color:#fff;
    font-size:1rem;
    line-height:1.2rem;
    z-index:99;
    width:100%;
    padding:16px
}
.niJiGen_banner h1{
    font-size:1.8rem;
    line-height:2rem;
    margin-bottom:8px
}
.item_apk{
    padding:0 8px
}
.item_apk ul{
    margin-left:-10px
}
.item_apk ul li{
    padding-left:10px;
    margin-bottom:10px
}
.item_apk .list{
    display:block;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    position:relative;
    overflow:hidden;
    background:#fff;
    padding:16px 10px;
    height:120px;
    padding-left:110px
}
.item_apk .list .title{
    color:#3483ce
}
.item_apk .list:hover .title{
    text-decoration:underline
}
.item_apk .list .angle{
    position:absolute;
    left:0;
    top:0;
    z-index:9
}
.item_apk .list .angle span{
    position:absolute;
    left:2px;
    top:2px;
    font-size:.75rem;
    color:#fff;
    z-index:99;
    padding:2px;
    display:inline-block;
    width:20px;
    text-align:center
}
.item_apk .list .angle i::after{
    content:'';
    position:absolute;
    top:3px;
    left:3px;
    width:16px;
    height:16px;
    z-index:10;
    background-color:#fff;
    -webkit-mask:url(/assets/img/crown.svg) no-repeat center;
    mask:url(/assets/img/crown.svg) no-repeat center;
    -webkit-mask-size:16px;
    mask-size:16px;
    background-size:16px;
    background-position:center;
    background-repeat:no-repeat
}
.item_apk .list .angle:after{
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:0;
    height:0;
    border-style:solid;
    border-width:36px 36px 0 0;
    border-color:#55acee transparent transparent transparent;
    z-index:2;
    opacity:.8
}
.item_apk li:first-child .list .angle:after{
    border-color:#f4241a transparent transparent transparent
}
.item_apk li:nth-child(2) .list .angle:after{
    border-color:#f77e14 transparent transparent transparent
}
.item_apk li:nth-child(3) .list .angle:after{
    border-color:#efaa1a transparent transparent transparent
}
.item_apk .icon{
    position:absolute;
    height:90px;
    width:90px;
    top:16px;
    left:10px
}
.item_apk .icon img{
    width:100%;
    height:100%;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    background:#f6f9fc;
    -moz-border-radius:20%;
    -webkit-border-radius:20%;
    border-radius:20%;
    border:1px solid #f6f9fc
}
.item_apk .title{
    color:#222;
    font-size:1rem;
    height:1.4rem;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    margin-bottom:4px
}
.item_apk .description{
    font-size:.812rem;
    line-height:1.2rem;
    max-height:2.4rem;
    min-height:2.4rem;
    overflow:hidden;
    color:#6f6f6f;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    margin-bottom:10px
}
.item_apk .star{
    display:inline-block;
    color:#fa8b15;
    margin-right:16px;
    font-size:.875rem;
    line-height:1rem;
    height:1rem;
    position:relative;
    padding-left:14px
}
.item_apk .star::before{
    position:absolute;
    left:0;
    top:3px;
    content:'';
    display:inline-block;
    height:10px;
    width:10px;
    background-color:#fa8b15;
    -webkit-mask:url(/assets/img/stars-solid.svg) no-repeat center;
    -webkit-mask-size:12px;
    mask:url(/assets/img/stars-solid.svg) no-repeat center;
    mask-size:12px;
    background-size:12px;
    background-position:center;
    background-repeat:no-repeat
}
.item_apk .review::before{
    position:absolute;
    left:0;
    top:3px;
    content:'';
    display:inline-block;
    height:10px;
    width:10px;
    margin-right:4px;
    background-color:#9f9f9f;
    -webkit-mask:url(/assets/img/review.svg) no-repeat center;
    mask:url(/assets/img/review.svg) no-repeat center;
    -webkit-mask-size:10px;
    mask-size:10px;
    background-size:10px;
    background-position:center;
    background-repeat:no-repeat
}
.item_apk .review{
    display:inline-block;
    color:#9f9f9f;
    font-size:.75rem;
    line-height:1rem;
    position:relative;
    padding-left:14px
}
.item_apk .more{
    display:block;
    height:40px;
    line-height:40px;
    clear:both;
    margin:10px auto;
    text-align:center;
    background:#37aafd;
    background-image:linear-gradient(90deg,#18c4e2 0,#37aafd 100%);
    color:#fff;
    -moz-border-radius:20px;
    -webkit-border-radius:20px;
    border-radius:20px
}
.item_video{
    background:#fff;
    padding-top:16px
}
.niJiGen_video{
    position:relative;
    overflow:hidden;
    height:197px
}
.niJiGen_video:before{
    content:'';
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:17px;
    background:#fff;
    z-index:999
}
.niJiGen_video ul{
    position:absolute;
    overflow:hidden;
    white-space:nowrap
}
.niJiGen_video li{
    white-space:nowrap;
    padding:0 16px
}
.niJiGen_video .det-pic-out{
    overflow:hidden;
    overflow-x:scroll;
    position:relative;
    height:197px
}
.niJiGen_video .list{
    display:inline-block;
    width:320px;
    height:180px;
    position:relative;
    text-decoration:none;
    overflow:hidden;
    background:#f6f9fc
}
.niJiGen_video .list img{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    width:100%;
    min-height:100%
}
.niJiGen_video .list:before{
    content:'';
    display:block;
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    right:0;
    z-index:99;
    background-size:65px;
    background-position:center;
    background-repeat:no-repeat;
    background-image:url(data:image/png;
    base64,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)
}
.niJiGen_video .list.type:before{
    background-position:center 35%
}
.niJiGen_video .list .title{
    position:absolute;
    background:hsla(0,0%,6.7%,.6);
    z-index:9;
    left:0;
    right:0;
    bottom:0;
    color:#fff;
    font-size:.875rem;
    line-height:1rem;
    padding:10px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.niJiGen_video .list .time{
    position:absolute;
    right:0;
    top:8px;
    background:#fff;
    color:#6f6f6f;
    z-index:99;
    font-size:.75rem;
    padding-left:10px;
    padding-right:5px;
    height:20px;
    line-height:20px;
    -moz-border-radius:10px 0 0 10px;
    -webkit-border-radius:10px 0 0 10px;
    border-radius:10px 0 0 10px
}
.niJiGen_hot{
    clear:both;
    background:#fff;
    padding:16px 0
}
.niJiGen_hot ul{
    margin-left:-10px
}
.niJiGen_hot ul li{
    padding-left:10px
}
.niJiGen_hot .list{
    display:block;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    position:relative;
    overflow:hidden;
    background:#fff;
    padding:8px 16px;
    height:70px;
    padding-left:86px;
    padding-right:50px
}
.niJiGen_hot .list .icon{
    position:absolute;
    height:60px;
    width:60px;
    top:5px;
    left:16px
}
.niJiGen_hot .list .icon img{
    width:100%;
    height:100%;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    background:#f6f9fc;
    -moz-border-radius:20%;
    -webkit-border-radius:20%;
    border-radius:20%;
    border:1px solid #f6f9fc
}
.niJiGen_hot .list .title{
    color:#222;
    font-size:.85rem;
    height:1.4rem;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    margin-bottom:4px
}
.niJiGen_hot .list:hover .title{
    color:#3483ce
}
.niJiGen_hot .list .other{
    padding-top:8px
}
.niJiGen_hot .list .star{
    display:inline-block;
    color:#fa8b15;
    margin-right:16px;
    font-size:.875rem;
    line-height:1rem;
    height:1rem;
    position:relative;
    padding-left:14px
}
.niJiGen_hot .list .star::before{
    position:absolute;
    left:0;
    top:3px;
    content:'';
    display:inline-block;
    height:10px;
    width:10px;
    background-color:#fa8b15;
    -webkit-mask:url(/assets/img/stars-solid.svg) no-repeat center;
    -webkit-mask-size:12px;
    mask:url(/assets/img/stars-solid.svg) no-repeat center;
    mask-size:12px;
    background-size:12px;
    background-position:center;
    background-repeat:no-repeat
}
.niJiGen_hot .list .review::before{
    position:absolute;
    left:0;
    top:3px;
    content:'';
    display:inline-block;
    height:10px;
    width:10px;
    margin-right:4px;
    background-color:#9f9f9f;
    -webkit-mask:url(/assets/img/review.svg) no-repeat center;
    mask:url(/assets/img/review.svg) no-repeat center;
    -webkit-mask-size:10px;
    mask-size:10px;
    background-size:10px;
    background-position:center;
    background-repeat:no-repeat
}
.niJiGen_hot .list .review{
    display:inline-block;
    color:#9f9f9f;
    font-size:.75rem;
    line-height:1rem;
    position:relative;
    padding-left:14px
}
.niJiGen_hot .list .down{
    position:absolute;
    right:16px;
    top:26px;
    width:30px;
    height:30px;
    text-align:center;
    background:#0284fe;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    border-radius:50%
}
.niJiGen_hot .list .down:before{
    display:block;
    width:30px;
    height:30px;
    content:'';
    background-color:#fff;
    -webkit-mask:url(/assets/img/download.svg) no-repeat center;
    mask:url(/assets/img/download.svg) no-repeat center;
    -webkit-mask-size:13px;
    mask-size:13px;
    background-size:13px;
    background-position:center;
    background-repeat:no-repeat
}
.niJiGen_topTen{
    background:#fff;
    padding-top:16px;
    margin-top:10px
}
.niJiGen_topTen .big-title{
    padding-bottom:10px
}
.niJiGen_topTen ul{
    margin-left:-10px
}
.niJiGen_topTen ul li{
    padding-left:10px
}
.niJiGen_topTen .list{
    display:inline-block;
    position:relative;
    top:0;
    left:0;
    height:100px;
    width:100%;
    padding:0 16px;
    padding-left:176px
}
.niJiGen_topTen .icon{
    position:absolute;
    left:16px;
    top:10px;
    width:150px;
    height:80px;
    overflow:hidden;
    background:#e9eff2;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px
}
.niJiGen_topTen .icon img{
    min-width:100%;
    height:100%;
    vertical-align:middle;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    z-index:1;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    overflow:hidden
}
.niJiGen_topTen .title{
    width:auto;
    font-size:1rem;
    line-height:1.2rem;
    height:2.4rem;
    margin:16px 0;
    color:#222;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical
}
.niJiGen_topTen .other{
    color:#9f9f9f;
    font-size:.75rem;
    line-height:.75rem;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.relatedTagTitle{
    background:#fff;
    margin-bottom:10px;
    padding:16px 0
}
.relatedTagTitle .tabs .list{
    padding:0 16px;
    cursor:pointer;
    height:40px;
    line-height:40px;
    position:relative;
    padding-left:56px
}
.relatedTagTitle .tabs .list.current{
    color:#0d95e8
}
.relatedTagTitle .tabs .list:hover{
    color:#0d95e8
}
.relatedTagTitle .tabs .list img{
    position:absolute;
    left:16px;
    top:3px;
    width:34px;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    border-radius:50%;
    background:#f6f9fc;
    overflow:hidden
}
.niJiGen_main{
    z-index:99;
    position:relative;
    min-height:1000px
}
.niJiGen_content{
    position:relative
}
.niJiGen_category_box{
    position:relative;
    height:67px;
    overflow:hidden;
    margin:4px auto;
    margin-bottom:0
}
.niJiGen_category_box:before{
    content:'';
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:17px;
    background:#f6f9fc;
    z-index:99
}
.niJiGen_category_box ul{
    position:absolute;
    overflow:hidden;
    white-space:nowrap
}
.niJiGen_category_box li{
    white-space:nowrap;
    padding:0 8px
}
.niJiGen_category_box .det-pic-out{
    overflow:hidden;
    overflow-x:scroll;
    position:relative;
    height:77px
}
.niJiGen_category_box .list{
    display:inline-block;
    height:50px;
    line-height:50px;
    position:relative;
    padding:0 16px;
    cursor:pointer;
    -webkit-tap-highlight-color:transparent;
    -webkit-tap-highlight-color:transparent;
    outline:0;
    text-decoration:none;
    overflow:hidden;
    color:#fff;
    opacity:.9
}
.niJiGen_category_box .list:before{
    content:'';
    position:absolute;
    left:0;
    right:0;
    width:100%;
    height:100%;
    z-index:99;
    background-color:rgba(255,255,255,.15);
    background-image:-webkit-linear-gradient(rgba(8,25,43,.15),rgba(8,25,43,.85));
    background-image:linear-gradient(rgba(255,255,255,.15),rgba(8,25,43,.85))
}
.niJiGen_category_box .list.current{
    color:#fff
}
.niJiGen_category_box .list:hover{
    opacity:1
}
.niJiGen_category_box .list img{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    width:100%;
    min-height:100%;
    filter:blur(2px);
    -webkit-backdrop-filter:blur(2px);
    backdrop-filter:blur(2px)
}
.niJiGen_category_box .list span{
    position:relative;
    z-index:99
}
.niJiGen_category_box .next,.niJiGen_category_box .prev{
    outline:0;
    display:none;
    opacity:0;
    width:40px;
    height:50px;
    position:absolute;
    background:#fff;
    border:none;
    background-repeat:no-repeat;
    background-size:12px;
    cursor:pointer;
    margin-top:-34px;
    top:50%;
    background-position:center;
    z-index:9999
}
.niJiGen_category_box .next:before,.niJiGen_category_box .prev:before{
    content:'';
    display:inline-block;
    width:100%;
    height:100%;
    -webkit-mask-size:12px;
    mask-size:12px
}
.niJiGen_category_box .next:before{
    background-color:#3483ce;
    -webkit-mask:url(/assets/img/chevron-right.svg) no-repeat center;
    mask:url(/assets/img/chevron-right.svg) no-repeat center;
    -webkit-mask-size:12px;
    mask-size:12px
}
.niJiGen_category_box .prev:before{
    background-color:#3483ce;
    -webkit-mask:url(/assets/img/chevron-left.svg) no-repeat center;
    mask:url(/assets/img/chevron-left.svg) no-repeat center;
    -webkit-mask-size:12px;
    mask-size:12px;
    background-position:left center
}
.niJiGen_category_box .prev{
    left:0
}
.niJiGen_category_box .next{
    right:0
}
.niJiGen_category_box .go{
    display:block;
    opacity:.8
}
@media (min-width:1024px){
    .niJiGen_banner{
        height:280px
    }
    .container-fluid.niJiGen .container{
        padding:0 16px
    }
    .niJiGen_category_box li{
        padding-left:0
    }
    .item_apk{
        padding:0
    }
    .item_apk .more{
        max-width:320px
    }
}
.apk-down-banner{
    background:url(/assets/img/home-banner.svg);
    background-repeat:no-repeat;
    background-size:cover;
    width:100%;
    position:relative;
    padding-top:120px;
    padding-bottom:100px
}
.apk-down-banner .text{
    text-align:center;
    color:#fff;
    font-size:.85rem;
    padding:0 16px
}
.apk-down-banner .text :lang(ja){
    font-size:.75rem
}
.apk-down-banner .text h1{
    font-size:1.6rem;
    line-height:2rem;
    padding-bottom:10px
}
.apk-down-banner .text h1:lang(ja){
    font-size:1.3rem;
    line-height:1.6rem
}
.apk-down-form{
    max-width:720px;
    margin:0 auto;
    padding:16px;
    position:relative
}
.apk-down-form input{
    position:relative;
    width:100%;
    outline:0;
    height:44px;
    line-height:44px;
    padding-right:100px;
    background-color:#fff;
    -moz-border-radius:22px;
    -webkit-border-radius:22px;
    border-radius:22px;
    border:1px solid #fff;
    padding-left:16px;
    padding-right:110px
}
.apk-down-form input.error{
    border:1px solid #e0b4b5
}
.apk-down-form button{
    position:absolute;
    right:16px;
    top:0;
    margin-top:16px;
    cursor:pointer;
    outline:0;
    border:none;
    height:44px;
    width:100px;
    color:#fff;
    font-weight:700;
    text-transform:uppercase;
    background-color:#ff713f;
    text-align:center;
    font-size:.75rem;
    -moz-border-radius:22px;
    -webkit-border-radius:22px;
    border-radius:22px;
    opacity:.95
}
.apk-down-form button:hover{
    opacity:1
}
.apk-down-form button:before{
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    content:'';
    height:44px;
    width:100px;
    background-color:#fff;
    -webkit-mask:url(/assets/img/download.svg) no-repeat center;
    mask:url(/assets/img/download.svg) no-repeat center;
    -webkit-mask-size:18px;
    mask-size:18px;
    background-size:18px;
    background-position:center;
    background-repeat:no-repeat
}
.apk-down-form button.loading:before{
    background-color:#fff;
    -webkit-mask:url(/assets/img/Loading.svg) no-repeat center;
    mask:url(/assets/img/Loading.svg) no-repeat center;
    -webkit-mask-size:32px;
    mask-size:32px;
    background-size:32px
}
.errorInfo{
    display:none;
    position:absolute;
    left:16px;
    top:70px;
    background-color:#f85b5b;
    padding:8px 16px;
    color:#fff;
    font-size:.75rem;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    border-radius:8px
}
.errorInfo:before{
    position:absolute;
    left:20px;
    top:-5px;
    content:'';
    width:0;
    height:0;
    border-style:solid;
    border-width:0 5px 5px 5px;
    border-color:transparent transparent #f85b5b transparent
}
.apk-down-info{
    background:#fff;
    padding:32px 16px;
    position:relative;
    margin:-50px auto 8px auto
}
@media (min-width:720px){
    .apk-down-info{
        padding:32px;
        margin:-50px 16px 16px 16px;
        -moz-border-radius:8px;
        -webkit-border-radius:8px;
        border-radius:8px;
        box-shadow:0 12px 32px 2px rgba(0,0,0,.06)
    }
}
.apk-down-faq h2{
    font-size:1.2rem;
    padding-bottom:16px;
    line-height:1.6rem
}
.apk-down-faq .list{
    padding:10px 0;
    padding-bottom:16px;
    line-height:1.2rem;
    font-size:.75rem
}
.apk-down-faq .list p:first-child{
    font-size:.9rem;
    padding-bottom:8px;
    font-weight:600
}
.apk-down-faq a{
    color:#0284fe
}
.packageInfo{
    position:relative;
    min-height:120px
}
.packageInfo .icon{
    height:100px;
    width:100px;
    position:absolute;
    left:0;
    right:0;
    background:#f6f9fc;
    -moz-border-radius:12px;
    -webkit-border-radius:12px;
    border-radius:12px;
    overflow:hidden
}
.packageInfo .icon img{
    height:100%;
    width:100%
}
.packageInfo .text{
    min-height:120px;
    padding-left:116px;
    padding-bottom:16px;
    font-size:.75rem;
    color:#6f6f6f
}
.packageInfo .text span{
    color:#9f9f9f
}
.packageInfo .text .title{
    font-size:1.25rem;
    line-height:1.5rem;
    max-height:3rem;
    overflow:hidden;
    color:#222;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical
}
.packageInfo .text a.title{
    color:#3483ce
}
.packageInfo .text a.title:hover{
    color:#3483ce;
    text-decoration:underline
}
.packageInfo .text .ratings{
    float:left;
    display:inline-block;
    background:url(/assets/img/star-hollow.svg);
    height:15px;
    width:75px;
    position:relative;
    margin:10px 35px 10px 0
}
.packageInfo .text .ratings i{
    display:block;
    width:100%;
    height:100%;
    background:url(/assets/img/stars-solid.svg)
}
.packageInfo .text .ratings span{
    position:absolute;
    right:-26px;
    top:0;
    color:#fa8b16;
    font-size:.875rem
}
.packageInfo .text .review{
    display:inline-block;
    height:15px;
    float:left;
    margin:10px auto
}
.packageInfo .text .version{
    clear:both;
    margin:10px 0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.packageInfo .text .genre{
    clear:both;
    margin:10px 0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.packageInfo .text .developer{
    clear:both;
    margin:10px 0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.packageInfo .pre_description{
    font-size:.75rem;
    line-height:1.5rem;
    max-height:200px;
    overflow:hidden
}
.packageInfo .pre_description.show{
    max-height:none
}
.packageInfo .button{
    padding-bottom:16px;
    text-align:center
}
.packageInfo .button a:hover{
    text-decoration:underline
}
.packageInfo .button .down{
    display:block;
    text-align:center;
    height:44px;
    line-height:44px;
    color:#fff;
    -moz-border-radius:22px;
    -webkit-border-radius:22px;
    border-radius:22px;
    background:#0284fe;
    opacity:.95;
    cursor:pointer
}
.packageInfo .button .down:hover{
    opacity:1;
    text-decoration:none
}
.packageInfo .button .info{
    display:block;
    margin:16px auto;
    padding:0 16px;
    color:#0284fe;
    text-align:center
}
.packageInfo .button .google_play_btn,.packageInfo .button .pre_register_btn{
    margin:0 auto;
    width:176px;
    height:55px
}
@media (min-width:960px){
    .packageInfo .button{
        text-align:right;
        position:absolute;
        right:0;
        top:10px
    }
    .packageInfo .button .down{
        display:inline-flex;
        padding:0 30px
    }
    .packageInfo .text{
        padding-right:400px
    }
}
.apk-down-recommend{
    background:#fff;
    padding:16px 0;
    position:relative;
    margin:0 auto;
    margin-bottom:8px
}
@media (min-width:720px){
    .apk-down-recommend{
        padding:16px;
        margin:0 16px 16px 16px;
        -moz-border-radius:8px;
        -webkit-border-radius:8px;
        border-radius:8px;
        box-shadow:0 12px 32px 2px rgba(0,0,0,.06)
    }
}
.uploadBanner{
    position:relative;
    padding:0 16px;
    height:360px;
    overflow:hidden;
    background:url(/assets/img/upload-bg.jpg) center;
    background-repeat:no-repeat;
    background-size:cover
}
.uploadBanner:before{
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    content:'';
    z-index:1;
    background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,transparent),to(rgba(0,0,0,.5)));
    background-image:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.5) 100%)
}
.uploadBanner img{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    min-width:110%;
    min-height:110%;
    filter:blur(5px);
    -webkit-backdrop-filter:blur(5px);
    backdrop-filter:blur(5px)
}
.uploadBanner .text{
    color:#fff;
    position:absolute;
    width:100%;
    text-align:center;
    z-index:10;
    max-width:900px;
    margin:0 auto;
    left:50%;
    top:70px;
    transform:translate(-50%,0)
}
.uploadBanner .text h1{
    font-size:1.4rem;
    line-height:2rem;
    max-height:4rem;
    overflow:hidden;
    margin-bottom:8px;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical
}
.uploadBanner .text p{
    font-size:.95rem;
    line-height:1.2rem;
    max-height:2.4rem;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    padding-bottom:8px
}
.file_upload_box{
    z-index:99;
    display:block;
    position:relative;
    width:100%;
    height:100%;
    top:0;
    left:0
}
#fileUpload{
    opacity:0;
    visibility:hidden;
    display:block;
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0
}
.file_upload_box span{
    border:none;
    opacity:.9;
    border-radius:25px;
    position:absolute;
    left:50%;
    top:55%;
    transform:translate(-50%,50%);
    font-size:.85rem;
    cursor:pointer;
    display:block;
    overflow:hidden;
    padding-left:70px;
    padding-right:50px;
    height:50px;
    line-height:50px;
    outline:0;
    width:80%;
    text-align:center;
    color:#fff;
    z-index:1;
    background-image:-webkit-linear-gradient(left,#2987e8 0,#2967e8 100%);
    background-image:-o-linear-gradient(left,#2987e8 0,#2967e8 100%);
    background-image:linear-gradient(to right,#2987e8 0,#2967e8 100%);
    background-repeat:repeat-x;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    max-width:400px
}
.file_upload_box span:hover{
    opacity:1
}
.file_upload_box span:before{
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    content:'';
    background-color:#fff;
    -webkit-mask:url(/assets/img/upload.svg) no-repeat 40px 16px;
    mask:url(/assets/img/upload.svg) no-repeat 40px 16px;
    -webkit-mask-size:20px;
    mask-size:20px;
    background-size:20px
}
.upload_box{
    z-index:9;
    max-width:1000px;
    position:relative;
    background:#fff;
    padding:16px;
    margin:-30px 8px 16px 8px;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    border-radius:8px;
    box-shadow:0 12px 32px 2px rgba(0,0,0,.06)
}
@media (min-width:990px){
    .upload_box{
        margin:-30px auto 16px auto
    }
}
.progressBar{
    margin:10px 0;
    clear:both;
    height:6px;
    background:#f5f5f5;
    border-radius:5px;
    position:relative;
    margin-right:30px
}
.progressBar i{
    position:absolute;
    right:-30px;
    top:-5px;
    font-size:.75rem
}
.progressBar span{
    display:block;
    width:0;
    height:100%;
    background-color:#52c41a;
    border-radius:5px
}
.apk_list .name,.apk_list .size{
    margin-bottom:16px
}
.apk_list .name span,.apk_list .size span{
    display:block;
    font-weight:700;
    padding-top:5px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.apk_list .cancel{
    cursor:pointer;
    display:block;
    height:32px;
    line-height:32px;
    width:auto;
    padding:0 30px;
    margin-top:16px;
    text-align:center;
    background:#ea6f56;
    margin:0 auto;
    border:none;
    color:#fff;
    border-radius:5px
}
.apk_list .error_box{
    width:auto;
    margin-bottom:10px;
    padding:8px 16px;
    border-radius:5px;
    border:1px solid #e0b4b4;
    background:#fff6f6
}
.upload_success .icon{
    width:80px;
    height:80px;
    margin:0 auto;
    margin-bottom:16px;
    background:#f6f9fc;
    overflow:hidden;
    -moz-border-radius:12px;
    -webkit-border-radius:12px;
    border-radius:12px
}
.upload_success .icon img{
    width:100%;
    height:100%
}
.upload_success .text{
    text-align:center;
    margin:0 auto;
    font-size:.85rem
}
.upload_success .text .title{
    padding-bottom:16px
}
.upload_success .text .title p{
    font-size:1.2rem;
    text-align:center;
    margin:0 auto;
    margin-bottom:10px
}
.upload_success .link{
    display:inline-block;
    width:100%;
    max-width:400px;
    background:#f6f9fc;
    border-radius:12px;
    position:relative
}
.upload_success .link a{
    color:#666;
    display:inline-block;
    width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    text-align:left;
    padding:10px 16px;
    padding-right:40px
}
.upload_success .link:before{
    cursor:pointer;
    position:absolute;
    right:0;
    top:0;
    content:'';
    width:40px;
    height:40px;
    background-color:#666;
    -webkit-mask:url(/assets/img/copy.svg) no-repeat center;
    mask:url(/assets/img/copy.svg) no-repeat center;
    -webkit-mask-size:16px;
    mask-size:16px;
    background-size:16px;
    background-position:center;
    background-repeat:no-repeat;
    z-index:1
}
.upload_success .link i{
    position:absolute;
    top:36px;
    right:-10px;
    display:block;
    padding:3px 10px;
    background:#c3c3c3;
    color:#fff;
    border-radius:12px;
    font-size:.75rem
}
.upload_success .down{
    text-align:center;
    font-size:.85rem;
    padding-top:16px;
    padding-bottom:10px
}
.upload_success .down a{
    color:#3483ce;
    margin:0 10px
}
.vrCodeBox{
    display:none;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px
}
#vrCode{
    width:150px;
    height:150px;
    margin:0 auto;
    margin-bottom:20px
}
.upload-info-banner{
    position:relative;
    overflow:hidden;
    padding:90px 0
}
.upload-info-banner:before{
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    z-index:1;
    content:'';
    background-image:-webkit-linear-gradient(45deg,#55acee,#4442f8bd);
    background-image:linear-gradient(45deg,#55acee,#4442f8bd);
    background-repeat:no-repeat;
    background-size:cover;
    opacity:.9
}
.upload-info-banner img.bg{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    min-height:100%;
    min-width:100%;
    opacity:.9;
    filter:blur(5px);
    -webkit-backdrop-filter:blur(5px);
    backdrop-filter:blur(5px)
}
.upload-info-banner .text{
    position:relative;
    z-index:9;
    max-width:100%;
    color:#fff;
    width:100%;
    padding:0 16px;
    text-align:center;
    line-height:1.4rem
}
.upload-info-banner .icon{
    width:80px;
    height:80px;
    background:#fff;
    -moz-border-radius:16px;
    -webkit-border-radius:16px;
    border-radius:16px;
    overflow:hidden;
    margin:0 auto;
    margin-bottom:16px;
    border:2px solid #fff
}
.upload-info-banner .icon img{
    width:100%;
    height:100%
}
.upload-info-banner h1{
    font-size:1.4rem;
    line-height:2.2rem;
    padding-bottom:8px
}
.upload-info-banner .down{
    display:inline-block;
    margin:20px auto;
    background:#fff;
    padding:10px 32px;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    border-radius:8px;
    color:#0d88e2;
    text-transform:uppercase
}
.uploadInfo{
    z-index:9;
    position:relative;
    background:#fff;
    padding:16px;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    border-radius:8px;
    box-shadow:0 12px 32px 2px rgba(0,0,0,.03);
    margin:-60px 16px 16px 16px
}
.uploadInfo .icon-box{
    display:block;
    margin:0 auto;
    width:80px;
    height:80px;
    -moz-border-radius:16px;
    -webkit-border-radius:16px;
    border-radius:16px;
    overflow:hidden
}
.uploadInfo .icon-box img{
    width:100%;
    height:100%
}
.uploadInfo .text{
    padding:8px 0
}
.uploadInfo .text h1{
    text-align:center;
    color:#222;
    font-size:1.2rem;
    line-height:2rem;
    padding-bottom:10px
}
.uploadInfo ul{
    margin-left:-16px
}
.uploadInfo li{
    padding-bottom:8px;
    font-size:.85rem;
    padding-left:16px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.uploadInfo li span{
    color:#3483ce;
    float:right
}
.uploadInfo .btn .apkVrCode{
    display:none;
    margin:0 auto;
    margin-bottom:10px;
    height:110px;
    width:110px
}
.uploadInfo .btn a{
    display:block;
    cursor:pointer;
    background:#0284fe;
    text-align:center;
    line-height:34px;
    color:#fff;
    font-size:.75rem;
    -moz-border-radius:20px;
    -webkit-border-radius:20px;
    border-radius:20px;
    margin:0 auto
}
@media (min-width:640px){
    .uploadInfo .text h1{
        text-align:left
    }
    .uploadInfo li span{
        float:none
    }
    .uploadInfo .icon-box{
        position:absolute;
        left:24px;
        top:32px
    }
    .uploadInfo .text{
        padding-left:110px;
        padding-right:220px;
        min-height:160px
    }
    .uploadInfo .btn{
        position:absolute;
        right:24px;
        top:24px;
        width:200px;
        text-align:center
    }
    .uploadInfo .btn .apkVrCode{
        display:block
    }
    .uploadInfo .btn a{
        max-width:150px
    }
}
@media (min-width:960px){
    .uploadInfo li{
        width:50%;
        float:left
    }
}
@media (min-width:1200px){
    .uploadInfo li{
        width:33.33%
    }
}
.upload-info{
    z-index:9;
    position:relative;
    background:#fff;
    padding:16px;
    margin:16px;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    border-radius:8px;
    box-shadow:0 12px 32px 2px rgba(0,0,0,.03);
    word-wrap:break-word;
    word-break:normal
}
.upload-info .title{
    font-size:1rem;
    padding:8px 0
}
.upload-info .list{
    margin:10px 0;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    overflow:hidden;
    border:1px solid #d8dfe2
}
.upload-info .list.no-xapk .list-box{
    display:inline-table
}
.upload-info .list.no-xapk .list-box .number{
    text-align:right
}
.upload-info .list .list-title{
    cursor:pointer;
    font-size:.85rem;
    padding:0 16px;
    height:40px;
    line-height:40px;
    background:#f8f9fa;
    position:relative;
    padding-right:60px;
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.upload-info .list .list-title span{
    position:absolute;
    right:8px;
    top:10px;
    height:20px;
    width:34px;
    line-height:20px;
    text-align:center;
    background:#3483ce;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
    color:#fff;
    font-size:.75rem;
    opacity:.5
}
.upload-info table.list-box{
    display:block;
    width:100%
}
.upload-info table.list-box tbody{
    width:100%;
    display:inline-table
}
.upload-info table.list-box tr{
    border-top:1px solid #d8dfe2
}
.upload-info table.list-box td{
    font-size:.85rem;
    line-height:1.4rem;
    word-wrap:break-word;
    word-break:break-all;
    padding:16px
}
.upload-info table.list-box .number{
    background:#eef1f2;
    width:30%;
    min-width:20px;
    text-align:center;
    border-right:1px solid #d8dfe2
}
.upload-info table.list-box .string{
    padding:16px;
    width:40%;
    color:#3483ce;
    background:#eef1f2;
    border-right:1px solid #d8dfe2
}
.upload-info table.list-box .describe{
    padding:16px;
    background:#f8f9fa;
    width:70%
}
.upload-info table.list-box.three .number{
    width:8%
}
.upload-info table.list-box.three .string{
    background:#f8f9fa
}
.upload-info table.list-box.three .describe{
    display:none
}
@media (min-width:640px){
    .upload-info table.list-box .number{
        width:8%
    }
    .upload-info table.list-box.three .number{
        width:4%
    }
    .upload-info table.list-box.three .string{
        background:#eef1f2
    }
    .upload-info table.list-box.three .describe{
        display:table-cell;
        width:52%
    }
}
.uploadInfo_share{
    padding:10px 0;
    clear:both;
    text-align:center
}
@media (min-width:640px){
    .uploadInfo_share{
        text-align:left
    }
}
.uploadInfo_share a{
    cursor:pointer;
    display:inline-block;
    position:relative;
    width:30px;
    height:30px;
    margin-right:4px;
    background-size:18px;
    background-position:center;
    background-repeat:no-repeat;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px
}
.uploadInfo_share a.share-fb{
    background-color:#3b5998;
    background-image:url(/assets/img/Facebook-icon.svg)
}
.uploadInfo_share a.share-twitter{
    background-color:#55acee;
    background-image:url(/assets/img/Twitter-icon.svg)
}
.uploadInfo_share a.share-line{
    background-size:16px;
    background-color:#00ba00;
    background-image:url(/assets/img/line-me-icon.svg)
}
.uploadInfo_share a.share-vk{
    background-color:#6383a8;
    background-image:url(/assets/img/Vkontakte-icon.svg)
}
.uploadInfo_share a.share-reddit{
    background-color:#ff5700;
    background-image:url(/assets/img/Reddit-icon.svg)
}
.uploadInfo_share a.share-more{
    background-color:#ff6550;
    background-image:url(/assets/img/share-more.svg)
}
.add-apk{
    position:fixed;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    width:96%;
    max-height:96%;
    max-width:640px;
    z-index:9999999;
    background:#fff;
    overflow-y:auto;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    border-radius:8px
}
.add-apk-box{
    position:relative
}
.add-apk-box .ShutDown{
    position:absolute;
    right:10px;
    top:5px;
    display:block;
    height:40px;
    width:40px;
    line-height:40px;
    text-align:center;
    font-size:1.2rem;
    cursor:pointer;
    background:url(/assets/img/ShutDown.svg);
    background-size:18px;
    background-position:center;
    background-repeat:no-repeat
}
.add-apk-bg{
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index:99999;
    background:#000;
    opacity:.7
}
.add-apk .add-apk-title{
    padding:16px 30px;
    padding-top:32px;
    text-align:center;
    font-size:1.4rem;
    line-height:2rem;
    color:#222;
    font-weight:400
}
.search-form{
    margin:0 20px;
    padding-bottom:16px;
    position:relative
}
.search-form input{
    position:relative;
    width:100%;
    outline:0;
    height:40px;
    line-height:40px;
    padding-right:100px;
    -moz-border-radius:20px;
    -webkit-border-radius:20px;
    border-radius:20px;
    padding-left:16px;
    padding-right:86px;
    background-color:#fff;
    border:1px solid #dedede
}
.search-form button.search{
    position:absolute;
    right:0;
    top:0;
    cursor:pointer;
    outline:0;
    border:none;
    height:40px;
    width:80px;
    color:#fff;
    font-weight:700;
    text-transform:uppercase;
    background-color:#ff713f;
    text-align:center;
    font-size:.75rem;
    -moz-border-radius:20px;
    -webkit-border-radius:20px;
    border-radius:20px;
    opacity:.95
}
.search-form button.search:before{
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    content:'';
    background-color:#fff;
    -webkit-mask:url(/assets/img/search-icon-dark.svg) no-repeat center;
    mask:url(/assets/img/search-icon-dark.svg) no-repeat center;
    -webkit-mask-size:20px;
    mask-size:20px;
    background-size:20px;
    background-position:center;
    background-repeat:no-repeat
}
.search-form button.search.loading:before{
    margin:0 auto;
    background-color:#fff;
    -webkit-mask:url(/assets/img/Loading.svg) no-repeat center;
    mask:url(/assets/img/Loading.svg) no-repeat center;
    -webkit-mask-size:32px;
    mask-size:32px;
    background-size:32px
}
.search-form p{
    font-size:.75rem;
    padding:4px 16px;
    color:#9f9f9f
}
.prompt{
    display:none;
    color:#222;
    position:relative;
    padding:16px 60px
}
.prompt.success{
    background-color:#cdf7e2
}
.prompt.error{
    background-color:#fef8f0
}
.prompt.error:before,.prompt.success:before{
    position:absolute;
    width:20px;
    height:20px;
    left:32px;
    top:13px;
    content:'';
    -webkit-mask-size:20px;
    mask-size:20px;
    background-size:20px
}
.prompt.success:before{
    background-color:#3dcc86;
    -webkit-mask:url(/assets/img/successful.svg) no-repeat center;
    mask:url(/assets/img/successful.svg) no-repeat center
}
.prompt.error:before{
    background-color:#ff713f;
    -webkit-mask:url(/assets/img/mark-error.svg) no-repeat center;
    mask:url(/assets/img/mark-error.svg) no-repeat center
}
.prompt.error:after,.prompt.success:after{
    cursor:pointer;
    position:absolute;
    width:20px;
    height:20px;
    right:32px;
    top:13px;
    content:'';
    background-color:#222;
    -webkit-mask:url(/assets/img/closed.svg) no-repeat center;
    mask:url(/assets/img/closed.svg) no-repeat center;
    -webkit-mask-size:12px;
    mask-size:12px;
    background-size:12px
}
.search-info{
    display:none;
    overflow:hidden;
    clear:both;
    margin:0 16px;
    max-height:360px;
    overflow-y:auto;
    padding:8px;
    background-color:#f8f9fa;
    border:1px solid #eee;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    border-radius:8px
}
.search-info .list,.search-info .there{
    cursor:pointer;
    height:60px;
    position:relative;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    border-radius:8px;
    overflow:hidden;
    margin-bottom:4px;
    -webkit-tap-highlight-color:transparent;
    -webkit-tap-highlight-color:transparent;
    outline:0;
    text-decoration:none;
    cursor:pointer
}
.search-info .there:before{
    position:absolute;
    width:20px;
    height:20px;
    right:16px;
    top:16px;
    content:'';
    background-color:#ccc;
    -webkit-mask:url(/assets/img/successful.svg) no-repeat center;
    mask:url(/assets/img/successful.svg) no-repeat center;
    -webkit-mask-size:20px;
    mask-size:20px;
    background-size:20px
}
.search-info .list:before{
    position:absolute;
    width:20px;
    height:20px;
    right:16px;
    top:16px;
    content:'';
    background-color:#ccc;
    -webkit-mask:url(/assets/img/add.svg) no-repeat center;
    mask:url(/assets/img/add.svg) no-repeat center;
    -webkit-mask-size:22px;
    mask-size:22px;
    background-size:22px
}
.search-info .list img.icon,.search-info .there img.icon{
    position:absolute;
    left:12px;
    top:8px;
    height:44px;
    width:44px;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    border-radius:8px;
    overflow:hidden;
    background:#f1f2f3
}
.search-info .list .other,.search-info .list .title,.search-info .there .other,.search-info .there .title{
    padding-left:70px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    padding-right:50px
}
.search-info .list .title,.search-info .there .title{
    font-size:1rem;
    height:30px;
    line-height:30px;
    padding-top:4px;
    color:#222;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.search-info .list .other,.search-info .there .other{
    height:20px;
    line-height:20px;
    color:#9f9f9f;
    font-size:.75rem;
    font-weight:400
}
.search-info .list.selected,.search-info .list:hover{
    background:#fff
}
.search-info .list:hover .title{
    color:#3483d1
}
.search-info .list.selected:before,.search-info .list:hover:before{
    background-color:#3dcc86;
    -webkit-mask:url(/assets/img/successful.svg) no-repeat center;
    mask:url(/assets/img/successful.svg) no-repeat center;
    -webkit-mask-size:20px;
    mask-size:20px;
    background-size:20px
}
button.submit-button{
    width:100%;
    display:block;
    cursor:pointer;
    height:40px;
    line-height:40px;
    text-align:center;
    color:#fff;
    background:#b9b9b9;
    border:none;
    margin:16px auto;
    margin-bottom:32px;
    max-width:300px;
    -moz-border-radius:20px;
    -webkit-border-radius:20px;
    border-radius:20px
}
button.submit-button.submit{
    color:#fff;
    background:#ff713f
}
.right-add-apk{
    display:none;
    background:#fff;
    margin-top:10px
}
.right-add-apk .add-apk-btn{
    padding:16px;
    cursor:pointer;
    background:url(/assets/img/editor.svg);
    background-repeat:no-repeat;
    background-size:22px;
    background-position:12px center;
    padding-left:40px
}
.topTens_title .add-apk-btn{
    display:none;
    color:#3483ce;
    cursor:pointer
}
.m-add-apk{
    position:fixed;
    background:#fff;
    height:48px;
    width:100%;
    left:0;
    bottom:0;
    z-index:99999;
    border-top:1px solid #e8e8e8;
    -webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,.05);
    box-shadow:0 1px 1px 0 rgba(0,0,0,.05)
}
.m-add-apk .left,.m-add-apk .right{
    cursor:pointer;
    width:50%;
    padding:0 10px;
    line-height:48px;
    text-align:center
}
.m-add-apk .left{
    float:left
}
.m-add-apk .right{
    float:right
}
.m-add-apk .left span,.m-add-apk .right span{
    display:inline-block;
    position:relative;
    padding-left:30px
}
.m-add-apk .left span:before,.m-add-apk .right span:before{
    content:'';
    display:block;
    position:absolute;
    left:0;
    top:12px;
    width:24px;
    height:24px
}
.m-add-apk .right span:before{
    background:url(/assets/img/editor.svg);
    background-repeat:no-repeat;
    background-size:24px;
    background-position:center
}
.m-add-apk .left span:before{
    background:url(/assets/img/share.svg);
    background-position:center;
    background-repeat:no-repeat;
    background-size:16px
}
.tag_page_title{
    position:relative;
    padding-right:180px
}
.tag_page_title .add-apk-btn{
    position:absolute;
    display:none;
    right:0;
    font-size:.8rem;
    cursor:pointer
}
@media (min-width:996px){
    .tag_page_title .add-apk-btn{
        display:inline-block
    }
    .topTens_title .add-apk-btn{
        display:inline-block
    }
    .right-add-apk{
        display:block
    }
    .m-add-apk{
        display:none
    }
}
.grecaptcha-badge{
    bottom:75px!important
}
.chrome_plugin_banner{
    background-image:linear-gradient(135deg,#55acee,#4442f8bd);
    padding-top:80px;
    text-align:center;
    position:relative;
    overflow:hidden
}
.chrome_plugin_banner:before{
    content:'';
    position:absolute;
    bottom:0;
    top:86%;
    right:-20px;
    background-color:#f6f9fc;
    padding-bottom:120%;
    width:120%;
    -webkit-transform-origin:0 0;
    -ms-transform-origin:0 0;
    transform-origin:0 0;
    -webkit-transform:rotate(-5deg) skewX(5deg);
    -ms-transform:rotate(-5deg) skewX(5deg);
    transform:rotate(-5deg) skewX(5deg);
    z-index:0
}
.chrome_plugin_banner .text{
    margin:0 auto;
    color:#fff;
    width:90%;
    padding-bottom:30px;
    position:relative
}
.chrome_plugin_banner .text h1{
    font-size:1.8rem;
    line-height:2.2rem;
    padding-bottom:10px
}
.chrome_plugin_banner .text p{
    font-size:1rem;
    line-height:1.6rem;
    font-weight:300;
    margin-bottom:20px
}
.chrome_plugin_banner .text p.tutorial_text{
    padding-top:16px
}
.chrome_plugin_banner .text p.tutorial_text a{
    font-size:.85rem;
    color:#fff;
    text-decoration:underline
}
.chrome_plugin_banner .text .btn{
    width:auto;
    max-width:90%;
    height:48px;
    line-height:48px;
    display:inline-block;
    background:#fff;
    padding-left:50px;
    padding-right:30px;
    -moz-border-radius:24px;
    -webkit-border-radius:24px;
    border-radius:24px;
    position:relative;
    color:#272750;
    overflow:hidden
}
.chrome_plugin_banner .text .btn:before{
    content:'';
    position:absolute;
    left:10px;
    top:9px;
    background:url(/assets/img/google_chrome_icon.svg) no-repeat center;
    width:30px;
    height:30px
}
.chrome_plugin_main{
    margin:0 30px;
    overflow:hidden;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
    z-index:10;
    position:relative;
    margin-bottom:30px;
    text-align:right;
    min-height:260px
}
.chrome_plugin_main .img_screenshots{
    margin:0 auto;
    max-width:400px
}
.chrome_plugin_main .img_screenshots img{
    max-width:400px;
    width:100%;
    border:2px solid #f1f2f3;
    box-shadow:0 11px 19px 0 rgba(0,0,0,.07);
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    border-radius:8px;
    margin-bottom:20px
}
.chrome_plugin_top{
    height:50px;
    width:100%;
    background:#f8f8f9;
    padding-top:10px;
    position:relative;
    display:none
}
.chrome_plugin_top .address{
    background:#fff;
    height:30px;
    line-height:30px;
    text-align:left;
    padding:0 10px;
    margin-left:80px;
    margin-right:120px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    overflow:hidden;
    color:#ccc;
    -webkit-touch-callout:none;
    -moz-user-select:none;
    -webkit-user-select:none;
    -ms-user-select:none;
    user-select:none;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:.75rem
}
.chrome_plugin_top .address_left{
    position:absolute;
    left:18px;
    top:18px
}
.chrome_plugin_top .address_left span{
    display:inline-block;
    width:10px;
    height:10px;
    background:#d7d8db;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    border-radius:50%;
    overflow:hidden;
    margin:2px
}
.chrome_plugin_top .address_right{
    width:100px;
    position:absolute;
    right:0;
    top:10px;
    text-align:left;
    -webkit-touch-callout:none;
    -moz-user-select:none;
    -webkit-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.chrome_plugin_top .address_right .address_icon{
    display:inline-block;
    width:30px;
    height:30px;
    background:#fff;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    border-radius:50%;
    vertical-align:top;
    background-image:url(/assets/img/icon-57.png);
    background-position:center;
    background-repeat:no-repeat;
    background-size:20px;
    box-shadow:0 2px 4px 1px rgba(189,189,189,.4);
    text-align:right;
    position:relative
}
.chrome_plugin_top .address_right .address_menu{
    display:inline-block;
    width:30px;
    height:30px;
    margin-left:20px;
    vertical-align:top;
    padding-top:5px
}
.chrome_plugin_top .address_right .address_menu span{
    display:block;
    width:5px;
    height:5px;
    background:#d7d8db;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    border-radius:50%;
    overflow:hidden;
    margin:2px
}
.chrome_plugin_top .address_right .address_icon span{
    display:inline-block;
    background:#689f38;
    font-size:.75rem;
    color:#fff;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    overflow:hidden;
    padding:0 2px;
    height:12px;
    width:12px;
    position:absolute;
    right:-2px;
    bottom:-2px;
    text-align:center;
    line-height:12px
}
.chrome_plugin_title{
    padding:20px 30px;
    text-align:center;
    font-size:1rem;
    line-height:1.6rem;
    color:#5268db
}
.chrome_plugin_title h2{
    font-size:1.4rem;
    padding-top:4px;
    color:#222
}
.chrome_plugin_features{
    padding:20px 16px;
    padding-top:0
}
.chrome_plugin_features .list{
    width:100%;
    position:relative;
    min-height:100px;
    margin-bottom:16px
}
.chrome_plugin_features .list .icon{
    width:80px;
    height:80px;
    position:absolute;
    left:16px;
    top:0;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    border-radius:50%
}
.chrome_plugin_features .list .icon:before{
    position:absolute;
    right:0;
    bottom:0;
    height:50%;
    width:50%;
    content:'';
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    border-radius:8px
}
.chrome_plugin_features .list .icon:after{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    height:40%;
    width:40%;
    content:'';
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    border-radius:50%;
    overflow:hidden;
    background-position:center;
    background-repeat:no-repeat
}
.chrome_plugin_features .list:first-child .icon,.chrome_plugin_features .list:first-child .icon:before{
    background:#ebfff2
}
.chrome_plugin_features .list:first-child .icon:after{
    background:#29c05e;
    -webkit-mask:url(/assets/img/detail-security.svg) no-repeat center;
    mask:url(/assets/img/detail-security.svg) no-repeat center;
    -webkit-mask-size:26px;
    mask-size:26px;
    background-size:26px
}
.chrome_plugin_features .list:nth-child(2) .icon,.chrome_plugin_features .list:nth-child(2) .icon:before{
    background:#f7e9eb
}
.chrome_plugin_features .list:nth-child(2) .icon:after{
    background-image:url(data:image/svg+xml;
    base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjQ4IiBoZWlnaHQ9IjQ4IiBmaWxsPSIjZjU1NzY1Ij4KICAgIDxwYXRoIGQ9Ik04MTkuMjkyIDYyMy43ODVjLTQwLjg0NC00MC44NDQtODguMzg3LTcyLjU0Ny0xNDAuMTUxLTk0LjEwMiA2OS41ODctNTEuMzkyIDExNC44MDktMTMzLjk3IDExNC44MDktMjI2LjkyMSAwLTE1NS40NjctMTI2LjQ4My0yODEuOTUxLTI4MS45NTEtMjgxLjk1MXMtMjgxLjk1MSAxMjYuNDgzLTI4MS45NTEgMjgxLjk1MWMwIDkyLjk1IDQ1LjIyMSAxNzUuNTI5IDExNC44MDkgMjI2LjkyMS01MS43NjIgMjEuNTU1LTk5LjMwOCA1My4yNi0xNDAuMTUxIDk0LjEwMi04Mi4wODAgODIuMDgwLTEyNy4yODQgMTkxLjIxMy0xMjcuMjg0IDMwNy4yOTIgMCAzMi4xNzQgMjYuMDgyIDU4LjI1NCA1OC4yNTQgNTguMjU0czU4LjI1NC0yNi4wODAgNTguMjU0LTU4LjI1NGMwLTE3NS4zODUgMTQyLjY4NS0zMTguMDY4IDMxOC4wNjgtMzE4LjA2OCAxNzUuMzg1IDAgMzE4LjA2OCAxNDIuNjg1IDMxOC4wNjggMzE4LjA2OCAwIDMyLjE3NCAyNi4wODAgNTguMjU0IDU4LjI1NCA1OC4yNTRzNTguMjU0LTI2LjA4MCA1OC4yNTQtNTguMjU0YzAtMTE2LjA4MS00NS4yMDQtMjI1LjIxMS0xMjcuMjg0LTMwNy4yOTJ6TTUxMiAxMzcuMzJjOTEuMjI1IDAgMTY1LjQ0MiA3NC4yMTggMTY1LjQ0MiAxNjUuNDQycy03NC4yMTggMTY1LjQ0Mi0xNjUuNDQyIDE2NS40NDItMTY1LjQ0Mi03NC4yMTgtMTY1LjQ0Mi0xNjUuNDQyIDc0LjIxOC0xNjUuNDQyIDE2NS40NDItMTY1LjQ0MnoiLz4KPC9zdmc+Cg==);
    background-size:26px
}
.chrome_plugin_features .list:nth-child(3) .icon,.chrome_plugin_features .list:nth-child(3) .icon:before{
    background:#dcf7e6
}
.chrome_plugin_features .list:nth-child(3) .icon:after{
    background-size:40px;
    background-image:url(data:image/svg+xml;
    base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjQ4IiBoZWlnaHQ9IjQ4IiBmaWxsPSIjODRFOEE3Ij4KICAgIDxwYXRoIGQ9Ik01MTcuODcwOTMzIDE0OC4wOTMxNTZjLTE5LjY2MDggMC0zOC45MjMzNzggMS42NDk3NzgtNTcuNzMwODQ0IDQuNjg3NjQ0IDguMjQ4ODg5IDMuMTA2MTMzIDE4LjU0NTc3OCA0Ljc3ODY2NyAzMi41ODU5NTYgNC4xMDczNzggNDguMzEwMDQ0LTIuMjk4MzExIDc4LjI0NDk3OCA2LjkwNjMxMSA0My43MDIwNDQgMjAuNzMwMzExcy0yOC4xMTQ0ODkgMjguNTAxMzMzLTExLjk5MjE3OCAyOS42NTA0ODljMTYuMTIyMzExIDEuMTQ5MTU2IDUzLjcwMzExMS0xNi4wNTQwNDQgNjYuMTczMTU2LTAuOTIxNiAxMi44NjgyNjcgMTUuNjIxNjg5LTE0LjQzODQgNDEuMjQ0NDQ0IDEuODQzMiA2OC45MjY1NzggMjQuMjIzMjg5IDQxLjE5ODkzMy01OC42Mjk2ODkgNTAuNjMxMTExLTc5LjU2NDggODEuNTIxNzc4LTIwLjE5NTU1NiAyOS43OTg0LTMxLjU4NDcxMSA2MS43MTMwNjctOC41NTYwODkgMTA0LjQ5MzUxMSAyMy4wMjg2MjIgNDIuNzgwNDQ0IDI4LjQ0NDQ0NCAxNi45NDE1MTEgNjguOTM3OTU2IDIxLjYyOTE1NiA3OS44MjY0ODkgOS4yMzg3NTYgNTUuOTMzMTU2IDcxLjczNjg4OSAxNTQuMjgyNjY3IDkxLjMwNjY2NyAzNy42MjYzMTEgNy40ODY1NzggMTEuNzY0NjIyIDg5LjIyNDUzMy01NC4yNjA2MjIgMTI4LjYxNDQtNjMuNjM1OTExIDM3Ljk1NjI2Ny00My41NDI3NTYgODEuNDk5MDIyLTEzMy45NzMzMzMgMTEwLjUzNTExMS0yMS43MzE1NTYgNi45NzQ1NzgtMzguMjYzNDY3IDIuOTY5Ni0yMS40NDcxMTEtMjEuMjA4MTc4IDMyLjYyMDA4OS00Ni44ODc4MjIgMjkuNzg3MDIyLTk5LjE0NTk1NiAwLTEyMi41Mzg2NjctMjkuNzg3MDIyLTIzLjM5MjcxMS02My4xODA4LTI4LjQ4OTk1Ni01NS4xMjUzMzMtNjQuNTEyIDguMDU1NDY3LTM2LjAyMjA0NCAzOS4yMzA1NzgtNDguNjI4NjIyIDQxLjQ0OTI0NC04MS4wMDk3NzggMi4xMzkwMjItMzEuMjMyLTQ3LjQxMTItMTM3LjUzNDU3OC0xMDkuMzQwNDQ0LTExNi40ODU2ODktMzUuMzczNTExIDEyLjAyNjMxMS0xMDMuNzg4MDg5LTMyLjk3MjgtMTAwLjE2OTk1Ni05MS44OTgzMTEgNC4xOTg0LTY4LjQ2MDA4OSA1Ni42Mzg1NzgtNzguOTUwNCA0NC44NjI1NzgtMTE5LjY3MTQ2Ny0wLjAzNDEzMy0wLjExMzc3OCAwLjAxMTM3OC0wLjI2MTY4OSAwLTAuMzg2ODQ0LTEwNy41NzY4ODkgNjEuODQ5Ni0xODAuMDc2MDg5IDE3Ny44NDYwNDQtMTgwLjA3NjA4OSAzMTAuODQwODg5IDAgMTk3LjkzOTIgMTYwLjQ2MDggMzU4LjQgMzU4LjQgMzU4LjRzMzU4LjQtMTYwLjQ2MDggMzU4LjQtMzU4LjRTNzE1LjgxMDEzMyAxNDguMDkzMTU2IDUxNy44NzA5MzMgMTQ4LjA5MzE1NnoiLz4KPC9zdmc+Cg==)
}
.chrome_plugin_features .list:nth-child(4) .icon,.chrome_plugin_features .list:nth-child(4) .icon:before{
    background:#fffae8
}
.chrome_plugin_features .list:nth-child(4) .icon:after{
    background-size:32px;
    background-image:url(data:image/svg+xml;
    base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNTc2NTY0OTE5MTkzIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjY4MjUiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNDgiIGhlaWdodD0iNDgiPjxkZWZzPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTczNy42NzM4MDkgODYzLjkwMzc0NSA3MzcuNjczODA5IDgwMC4xMzMzNSA2NzIuNTAzNTMxIDgwMC4xMzMzNSA2NzIuNTAzNTMxIDg2My45NDk3OTRaTTgzNC45NDMxNTcgODYzLjk0OTc5NGMxNS45NTQzNjcgMCAyOS4wMDY2MzctMTMuMDUzMjk0IDI5LjAwNjYzNy0yOS4wMDY2MzdsMC0zNC44MDg3ODQtNjIuNDYxNTg3IDAgMCA2My43NjkzNzJNNDE1LjMxMTg5MSAyMjMuODY1NjI3bDAgMTkxLjQ0NzI4N0wyMjMuODY0NjA0IDQxNS4zMTI5MTQgMjIzLjg2NDYwNCAyMjMuODY1NjI3IDQxNS4zMTE4OTEgMjIzLjg2NTYyN000NTAuMTIwNjc0IDE2MC4wNTAyMDYgMTg5LjA1NTgyIDE2MC4wNTAyMDZjLTE1Ljk1MzM0NCAwLTI5LjAwNjYzNyAxMy4wNTMyOTQtMjkuMDA2NjM3IDI5LjAwNjYzN2wwIDI2MS4wNjM4MzFjMCAxNS45NTQzNjcgMTMuMDUzMjk0IDI5LjAwNjYzNyAyOS4wMDY2MzcgMjkuMDA2NjM3bDI2MS4wNjM4MzEgMGMxNS45NTMzNDQgMCAyOS4wMDY2MzctMTMuMDUzMjk0IDI5LjAwNjYzNy0yOS4wMDY2MzdMNDc5LjEyNjI4OCAxODkuMDU2ODQzQzQ3OS4xMjczMTIgMTczLjEwMzUgNDY2LjA3NDAxOCAxNjAuMDUwMjA2IDQ1MC4xMjA2NzQgMTYwLjA1MDIwNkw0NTAuMTIwNjc0IDE2MC4wNTAyMDZ6TTMxOS41ODg3NTkgMzE5LjU4OTc4Mm0tMzEuOTA3NzExIDBhMzEuMTgxIDMxLjE4MSAwIDEgMCA2My44MTU0MjEgMCAzMS4xODEgMzEuMTgxIDAgMSAwLTYzLjgxNTQyMSAwWk04MDAuMTM0MzczIDIyMy44NjU2MjdsMCAxOTEuNDQ3Mjg3TDYwOC42ODgxMDkgNDE1LjMxMjkxNCA2MDguNjg4MTA5IDIyMy44NjU2MjcgODAwLjEzNDM3MyAyMjMuODY1NjI3TTgzNC45NDMxNTcgMTYwLjA1MDIwNiA1NzMuODc5MzI2IDE2MC4wNTAyMDZjLTE1Ljk1NDM2NyAwLTI5LjAwNjYzNyAxMy4wNTMyOTQtMjkuMDA2NjM3IDI5LjAwNjYzN2wwIDI2MS4wNjM4MzFjMCAxNS45NTQzNjcgMTMuMDUzMjk0IDI5LjAwNjYzNyAyOS4wMDY2MzcgMjkuMDA2NjM3bDI2MS4wNjM4MzEgMGMxNS45NTQzNjcgMCAyOS4wMDY2MzctMTMuMDUzMjk0IDI5LjAwNjYzNy0yOS4wMDY2MzdMODYzLjk0OTc5NCAxODkuMDU2ODQzQzg2My45NTA4MTcgMTczLjEwMzUgODUwLjg5NzUyMyAxNjAuMDUwMjA2IDgzNC45NDMxNTcgMTYwLjA1MDIwNkw4MzQuOTQzMTU3IDE2MC4wNTAyMDZ6TTcwNC40MTEyNDEgMzE5LjU4OTc4Mm0tMzEuOTA3NzExIDBhMzEuMTgxIDMxLjE4MSAwIDEgMCA2My44MTU0MjEgMCAzMS4xODEgMzEuMTgxIDAgMSAwLTYzLjgxNTQyMSAwWk00MTUuMzExODkxIDYwOC42ODcwODZsMCAxOTEuNDQ3Mjg3TDIyMy44NjQ2MDQgODAwLjEzNDM3MyAyMjMuODY0NjA0IDYwOC42ODcwODYgNDE1LjMxMTg5MSA2MDguNjg3MDg2TTQ1MC4xMjA2NzQgNTQ0Ljg3MTY2NSAxODkuMDU1ODIgNTQ0Ljg3MTY2NWMtMTUuOTUzMzQ0IDAtMjkuMDA2NjM3IDEzLjA1MzI5NC0yOS4wMDY2MzcgMjkuMDA2NjM3bDAgMjYxLjA2MzgzMWMwIDE1Ljk1NDM2NyAxMy4wNTMyOTQgMjkuMDA2NjM3IDI5LjAwNjYzNyAyOS4wMDY2MzdsMjYxLjA2MzgzMSAwYzE1Ljk1NDM2NyAwIDI5LjAwNjYzNy0xMy4wNTMyOTQgMjkuMDA2NjM3LTI5LjAwNjYzN0w0NzkuMTI2Mjg4IDU3My44NzgzMDNDNDc5LjEyNzMxMiA1NTcuOTI0OTU5IDQ2Ni4wNzQwMTggNTQ0Ljg3MTY2NSA0NTAuMTIwNjc0IDU0NC44NzE2NjVMNDUwLjEyMDY3NCA1NDQuODcxNjY1ek0zMTkuNTg4NzU5IDcwNC40MTAyMThtLTMxLjkwNzcxMSAwYTMxLjE4MSAzMS4xODEgMCAxIDAgNjMuODE1NDIxIDAgMzEuMTgxIDMxLjE4MSAwIDEgMC02My44MTU0MjEgMFpNODM0Ljk0MzE1NyA1NDQuODcxNjY1bC0zNS41NzkzMzMgMCAwIDEyNy42MzA4NDItNjMuODE1NDIxIDBMNzM1LjU0ODQwMiA1NDQuODcxNjY1IDU3My44NzkzMjYgNTQ0Ljg3MTY2NWMtMTUuOTU0MzY3IDAtMjkuMDA2NjM3IDEzLjA1MzI5NC0yOS4wMDY2MzcgMjkuMDA2NjM3bDAgMjYxLjA2MzgzMWMwIDE1Ljk1NDM2NyAxMy4wNTMyOTQgMjkuMDA2NjM3IDI5LjAwNjYzNyAyOS4wMDY2MzdsMzQuODA4Nzg0IDAgMC02My44MTU0MjEgMC02My44MTU0MjEgMC02My44MTU0MjEgNjMuODE1NDIxIDAgMCA2My44MTU0MjFMODYzLjk1MDgxNyA3MzYuMzE3OTI4bDAtMTYyLjQzOTYyNkM4NjMuOTUwODE3IDU1Ny45MjQ5NTkgODUwLjg5NzUyMyA1NDQuODcxNjY1IDgzNC45NDMxNTcgNTQ0Ljg3MTY2NXoiIHAtaWQ9IjY4MjYiIGZpbGw9IiNlOWI2MDAiPjwvcGF0aD48L3N2Zz4=)
}
.chrome_plugin_features .list:nth-child(5) .icon,.chrome_plugin_features .list:nth-child(5) .icon:before{
    background:#f5eeff
}
.chrome_plugin_features .list:nth-child(5) .icon:after{
    background-color:#a55cef;
    -webkit-mask:url(/assets/img/search-icon-dark.svg) no-repeat center;
    mask:url(/assets/img/search-icon-dark.svg) no-repeat center
}
.chrome_plugin_features .list:nth-child(6) .icon,.chrome_plugin_features .list:nth-child(6) .icon:before{
    background:#ffecfa
}
.chrome_plugin_features .list:nth-child(6) .icon:after{
    background-image:url(data:image/svg+xml;
    base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjQ4IiBoZWlnaHQ9IjQ4IiBmaWxsPSIjZTc2NGE1Ij4KICAgIDxwYXRoIGQ9Ik00ODguMiA5NTkuNmMtMi4xIDAtNC4xLTAuMi02LjItMC43LTEzLjEtMy0yMi4yLTE0LjgtMjEuOC0yOC4ybDEwLjYtMzM1LjZIMzI2LjdjLTkuNiAwLTE4LjUtNC45LTIzLjctMTMtNS4xLTguMS01LjctMTguMy0xLjYtMjdMNTI3LjUgNzkuOGM2LTEyLjUgMjAuMi0xOC43IDMzLjQtMTQuOCAxMy4zIDQgMjEuNiAxNy4xIDE5LjYgMzAuOGwtNDguNCAzMzIuNWgxNjVjOS41IDAgMTguMyA0LjggMjMuNCAxMi43IDUuMiA3LjkgNiAxNy45IDIuMiAyNi42TDUxMy44IDk0Mi44Yy00LjUgMTAuNC0xNC43IDE2LjgtMjUuNiAxNi44ek0zNzEgNTM5LjFoMTI4LjdjNy42IDAgMTQuOCAzLjEgMjAuMSA4LjUgNS4zIDUuNCA4LjEgMTIuOCA3LjkgMjAuNGwtNyAyMjAgMTMzLjQtMzAzLjZINDk5LjdjLTguMSAwLTE1LjktMy41LTIxLjItOS43LTUuMy02LjItNy43LTE0LjMtNi41LTIyLjNsMjYuMy0xODAuOUwzNzEgNTM5LjF6Ii8+Cjwvc3ZnPgo=)
}
.chrome_plugin_features .list .text{
    padding-left:116px;
    padding-top:10px;
    padding-right:16px;
    font-size:.85rem;
    line-height:1.3rem;
    height:8rem;
    color:#8e8d8d;
    font-weight:400;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden
}
@media (min-width:720px){
    .chrome_plugin_features .list{
        width:50%;
        float:left
    }
}
@media (min-width:996px){
    .chrome_plugin_features .list{
        width:33.33%;
        float:left
    }
}
.chrome_plugin_features .list .text p:first-child{
    color:#0f2137;
    font-size:1.1rem;
    line-height:1.4rem;
    padding-bottom:10px;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden
}
@media (min-width:992px){
    .chrome_plugin_features{
        padding:80px 16px
    }
    .chrome_plugin_main{
        background:#fff;
        box-shadow:0 11px 19px 0 rgba(0,0,0,.07);
        min-height:450px;
        background-image:url(/assets/img/apk-downloader-browser-extension.png);
        background-repeat:no-repeat;
        background-position:right center;
        background-size:55%
    }
    .chrome_plugin_main .img_screenshots{
        position:absolute;
        top:95px;
        right:40px
    }
    .chrome_plugin_top{
        display:block
    }
    .chrome_plugin_banner .container{
        position:relative
    }
    .chrome_plugin_banner .text{
        position:absolute;
        top:120px;
        left:80px;
        z-index:20;
        text-align:left;
        color:#000;
        max-width:450px
    }
    .chrome_plugin_banner .text h1{
        font-size:1.8rem;
        line-height:2.2rem;
        font-weight:700
    }
    .chrome_plugin_banner .text p{
        font-size:1.1rem;
        line-height:1.6rem
    }
    .chrome_plugin_banner .text p.tutorial_text a{
        color:#0284fe
    }
    .chrome_plugin_banner .text .btn{
        color:#fff;
        background:#5e6ede;
        -moz-border-radius:8px;
        -webkit-border-radius:8px;
        border-radius:8px
    }
    .chrome_plugin_banner .text .btn.mac:before{
        background-color:#fff
    }
    .chrome_plugin_banner .text .btn.pc:before{
        background-color:#fff
    }
    .chrome_plugin_title{
        padding:50px 30px
    }
}
.chrome_plugin_faq{
    padding:80px 0;
    background:#fff
}
.chrome_plugin_faq .list{
    padding:0 30px;
    background:#fff;
    max-width:800px;
    margin:0 auto;
    margin-bottom:5px;
    border-bottom:1px solid #ebebeb
}
.chrome_plugin_faq .list .list_text{
    cursor:pointer;
    position:relative;
    line-height:1.2rem;
    font-size:1.1rem;
    color:#222;
    padding-right:3rem;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
    padding:32px 0;
    padding-right:30px
}
.chrome_plugin_faq .list.show .list_box{
    display:block
}
.chrome_plugin_faq .list.show .list_box span{
    font-weight:600
}
.chrome_plugin_faq .list.show .list_box p.add_chrome{
    margin:30px auto;
    text-align:center;
    max-width:360px
}
.chrome_plugin_faq .list.show .list_box img{
    width:100%;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    border-radius:8px;
    -moz-box-shadow:2px 0 12px #e6e6e6;
    -webkit-box-shadow:2px 0 12px #e6e6e6;
    box-shadow:2px 0 12px #e6e6e6;
    border:1px solid #e6e6e6;
    overflow:hidden
}
.chrome_plugin_faq .list .list_box .mac_icon,.chrome_plugin_faq .list .list_box .menu_icon,.chrome_plugin_faq .list .list_box .pc_icon{
    content:'';
    width:24px;
    height:24px;
    background-position:center;
    background-repeat:no-repeat;
    display:inline-block;
    background-color:#000;
    vertical-align:middle
}
.chrome_plugin_faq .list .list_box .mac_icon{
    -webkit-mask:url(/assets/img/mac.svg) no-repeat center;
    mask:url(/assets/img/mac.svg) no-repeat center;
    -webkit-mask-size:18px;
    mask-size:18px;
    background-size:18px
}
.chrome_plugin_faq .list .list_box .pc_icon{
    -webkit-mask:url(/assets/img/pc.svg) no-repeat center;
    mask:url(/assets/img/pc.svg) no-repeat center;
    -webkit-mask-size:14px;
    mask-size:14px;
    background-size:14px
}
.chrome_plugin_faq .list .list_box .menu_icon{
    -webkit-mask:url(/assets/img/menu_icon.svg) no-repeat center;
    mask:url(/assets/img/menu_icon.svg) no-repeat center;
    -webkit-mask-size:14px;
    mask-size:14px;
    background-size:14px
}
.chrome_plugin_faq .list .list_text span{
    position:absolute;
    right:0;
    top:50%;
    transform:translate(0,-50%);
    height:12px;
    width:12px;
    display:block
}
.chrome_plugin_faq .list .list_text span:after,.chrome_plugin_faq .list .list_text span:before{
    content:'';
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    background:#000
}
.chrome_plugin_faq .list .list_text span:before{
    width:100%;
    height:2px
}
.chrome_plugin_faq .list .list_text span:after{
    width:2px;
    height:100%
}
.chrome_plugin_faq .list.show .list_text span:after{
    display:none
}
.chrome_plugin_faq .list .list_box{
    padding-bottom:32px;
    display:none;
    line-height:1.4rem
}
.chrome_plugin_faq .list .list_box a{
    color:#2e93f1;
    text-decoration:underline
}
.chrome_plugin_tutorial{
    background:#e1e0FF33;
    width:100%
}
.chrome_plugin_tutorial .container{
    position:relative;
    padding:50px 30px
}
.chrome_plugin_tutorial .img_box{
    width:100%;
    position:relative;
    clear:both;
    text-align:center
}
.chrome_plugin_tutorial .img_box img{
    width:100%;
    max-width:600px
}
.chrome_plugin_tutorial .text h3{
    font-size:1.6rem;
    line-height:2rem;
    color:#222;
    padding-bottom:16px
}
.chrome_plugin_tutorial .text p{
    padding-bottom:16px;
    font-size:1rem;
    line-height:1.4rem;
    color:#9f9f9f
}
.chrome_plugin_tutorial.two{
    background:0 0
}
@media (min-width:992px){
    .chrome_plugin_tutorial .img_box{
        float:left;
        width:50%;
        height:0;
        padding-top:40%;
        overflow:hidden;
        position:relative
    }
    .chrome_plugin_tutorial.two .img_box{
        float:right
    }
    .chrome_plugin_tutorial .img_box img{
        width:100%;
        position:absolute;
        left:50%;
        top:50%;
        transform:translate(-50%,-50%)
    }
    .chrome_plugin_tutorial .text{
        position:absolute;
        right:32px;
        top:50%;
        transform:translate(0,-50%);
        width:45%
    }
    .chrome_plugin_tutorial.two .text{
        left:32px
    }
}
#install .chrome_plugin_banner .text:before{
    content:'';
    width:40px;
    height:40px;
    position:absolute;
    left:50%;
    top:0;
    transform:translate(-50%,0);
    background-image:url(data:image/svg+xml;
    base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjQ4IiBoZWlnaHQ9IjQ4Ij4KICAgIDxwYXRoIGQ9Ik01MTIgMEMyMzAuNCAwIDAgMjMwLjQgMCA1MTJzMjMwLjQgNTEyIDUxMiA1MTIgNTEyLTIzMC40IDUxMi01MTJTNzkzLjYgMCA1MTIgMHogbTAgOTQ3LjJjLTI0MC42NCAwLTQzNS4yLTE5NC41Ni00MzUuMi00MzUuMlMyNzEuMzYgNzYuOCA1MTIgNzYuOHM0MzUuMiAxOTQuNTYgNDM1LjIgNDM1LjItMTk0LjU2IDQzNS4yLTQzNS4yIDQzNS4yeiBtMjY2LjI0LTU3OC41NmMwIDEwLjI0LTUuMTIgMjAuNDgtMTAuMjQgMjUuNmwtMjg2LjcyIDI4Ni43MmMtNS4xMiA1LjEyLTE1LjM2IDEwLjI0LTI1LjYgMTAuMjRzLTIwLjQ4LTUuMTItMjUuNi0xMC4yNGwtMTYzLjg0LTE2My44NGMtMTUuMzYtNS4xMi0yMC40OC0xNS4zNi0yMC40OC0yNS42IDAtMjAuNDggMTUuMzYtNDAuOTYgNDAuOTYtNDAuOTYgMTAuMjQgNS4xMiAyMC40OCAxMC4yNCAyNS42IDE1LjM2bDEzOC4yNCAxMzguMjQgMjYxLjEyLTI2MS4xMmM1LjEyLTUuMTIgMTUuMzYtMTAuMjQgMjUuNi0xMC4yNCAyMC40OC01LjEyIDQwLjk2IDE1LjM2IDQwLjk2IDM1Ljg0eiIgZmlsbD0iI0ZGRkZGRiIgLz4KPC9zdmc+Cg==);
    background-position:center;
    background-repeat:no-repeat;
    background-size:90%
}
#install .chrome_plugin_banner .text h1{
    padding-top:50px;
    font-size:1.6rem
}
#install .chrome_plugin_banner .text p{
    font-size:.85rem;
    line-height:1.2rem;
    opacity:.8
}
@media (min-width:992px){
    #install .chrome_plugin_banner .text:before{
        background-image:url(data:image/svg+xml;
        base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjQ4IiBoZWlnaHQ9IjQ4Ij4KICAgIDxwYXRoIGQ9Ik01MTIgMEMyMzAuNCAwIDAgMjMwLjQgMCA1MTJzMjMwLjQgNTEyIDUxMiA1MTIgNTEyLTIzMC40IDUxMi01MTJTNzkzLjYgMCA1MTIgMHogbTAgOTQ3LjJjLTI0MC42NCAwLTQzNS4yLTE5NC41Ni00MzUuMi00MzUuMlMyNzEuMzYgNzYuOCA1MTIgNzYuOHM0MzUuMiAxOTQuNTYgNDM1LjIgNDM1LjItMTk0LjU2IDQzNS4yLTQzNS4yIDQzNS4yeiBtMjY2LjI0LTU3OC41NmMwIDEwLjI0LTUuMTIgMjAuNDgtMTAuMjQgMjUuNmwtMjg2LjcyIDI4Ni43MmMtNS4xMiA1LjEyLTE1LjM2IDEwLjI0LTI1LjYgMTAuMjRzLTIwLjQ4LTUuMTItMjUuNi0xMC4yNGwtMTYzLjg0LTE2My44NGMtMTUuMzYtNS4xMi0yMC40OC0xNS4zNi0yMC40OC0yNS42IDAtMjAuNDggMTUuMzYtNDAuOTYgNDAuOTYtNDAuOTYgMTAuMjQgNS4xMiAyMC40OCAxMC4yNCAyNS42IDE1LjM2bDEzOC4yNCAxMzguMjQgMjYxLjEyLTI2MS4xMmM1LjEyLTUuMTIgMTUuMzYtMTAuMjQgMjUuNi0xMC4yNCAyMC40OC01LjEyIDQwLjk2IDE1LjM2IDQwLjk2IDM1Ljg0eiIgZmlsbD0iIzZCQzgzOSIgLz4KPC9zdmc+Cg==)
    }
    #install .chrome_plugin_banner .text p{
        color:#9f9f9f
    }
}
#install .chrome_plugin_features{
    display:none
}
#install .chrome_plugin_faq,#install .chrome_plugin_tutorial{
    background:#f6f9fc
}
#install .chrome_plugin_tutorial.two{
    background:#fff
}
.video_buddy .img_box_banner img{
    width:100%;
    max-width:100%;
    border-radius:12px;
    overflow:hidden
}
.video_buddy .down_box{
    margin:20px auto;
    text-align:center
}
.video_buddy .img_box{
    margin-top:30px;
    text-align:center;
    padding:20px;
    margin:0 auto;
    overflow-x:auto;
    z-index:1;
    white-space:nowrap;
    user-select:none;
    -webkit-tap-highlight-color:transparent;
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -webkit-text-size-adjust:none;
    text-size-adjust:none;
    direction:ltr;
    -webkit-overflow-scrolling:touch
}
.video_buddy .img_box img{
    max-width:240px;
    margin:10px;
    -moz-border-radius:24px;
    -webkit-border-radius:24px;
    border-radius:24px;
    -moz-box-shadow:2px 0 24px #b7b7b7;
    -webkit-box-shadow:2px 0 24px #b7b7b7;
    box-shadow:2px 0 24px #b7b7b7
}
.video_buddy .git_btn{
    display:inline-block;
    text-transform:uppercase;
    padding:20px 60px;
    padding-left:70px;
    background:rgba(70,99,246,.96);
    box-shadow:0 4px 15px 0 rgba(70,99,246,.45);
    border-radius:42px;
    color:#fff;
    font-weight:700;
    border:none;
    cursor:pointer;
    font-size:13px;
    outline:0;
    -webkit-transition:box-shadow .35s;
    transition:box-shadow .35s;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    position:relative
}
.video_buddy .git_btn:before{
    width:30px;
    height:30px;
    content:'';
    background-color:#fff;
    -webkit-mask:url(/assets/img/download.svg) no-repeat center;
    mask:url(/assets/img/download.svg) no-repeat center;
    -webkit-mask-size:13px;
    mask-size:13px;
    background-size:13px;
    background-position:center;
    background-repeat:no-repeat;
    position:absolute;
    left:36px;
    top:17px
}
.video_buddy .git_btn:hover{
    text-decoration:none;
    color:#fff;
    opacity:.95
}
.container_main.video_buddy h1{
    color:#555;
    font-size:1.6rem;
    line-height:2rem
}
.container_main.video_buddy h3{
    font-size:1.6rem;
    line-height:2rem
}
.video-buddy-banner{
    text-align:center;
    background:#ff9f45
}
.video-buddy-banner img{
    max-width:100%;
    max-height:240px
}
.banner_swiper{
    padding-bottom:20px
}
.banner_swiper .swiper-wrapper{
    padding-left:8px;
    padding-right:16px
}
.banner_swiper .list{
    text-align:left;
    width:320px;
    height:180px
}
.banner_swiper .list:last-of-type{
    margin-right:16px
}
.banner_swiper .list a{
    display:block;
    width:100%;
    height:100%;
    padding-left:4px;
    padding-bottom:4px
}
.banner_swiper .list .img{
    width:100%;
    height:100%;
    position:relative;
    overflow:hidden;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    border-radius:8px;
    background-color:#e9eff2
}
.banner_swiper .list .img:before{
    content:'';
    width:auto;
    position:absolute;
    height:60%;
    bottom:0;
    left:0;
    right:0;
    z-index:2;
    background:-moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.5) 50%,rgba(0,0,0,.7) 100%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,0)),color-stop(50%,rgba(0,0,0,.5)),color-stop(100%,rgba(0,0,0,.7)));
    background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.5) 50%,rgba(0,0,0,.7) 100%);
    background:-o-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.5) 50%,rgba(0,0,0,.7) 70%);
    background:-ms-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.5) 50%,rgba(0,0,0,.7) 70%);
    background:linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.7) 50%,rgba(0,0,0,.7) 100%);
    opacity:.8
}
.banner_swiper .list .img img{
    min-width:100%;
    min-height:100%;
    height:100%;
    vertical-align:middle;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    z-index:1
}
.banner_swiper .list .title{
    position:absolute;
    z-index:3;
    left:20px;
    right:10px;
    bottom:16px;
    font-size:1rem;
    line-height:1.2rem;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:#fff
}
.banner_swiper .swiper-button-next,.banner_swiper .swiper-button-prev{
    z-index:99;
    width:44px;
    height:44px;
    background:#fff;
    -webkit-tap-highlight-color:transparent;
    outline:0;
    text-decoration:none;
    background-size:14px;
    background-repeat:no-repeat;
    box-shadow:0 2px 4px 0 rgba(189,189,189,.3)
}
.banner_swiper .swiper-button-next{
    right:0;
    -moz-border-radius:50% 0 0 50%;
    -webkit-border-radius:50% 0 0 50%;
    border-radius:50% 0 0 50%;
    background-image:url(/assets/img/chevron-right.svg);
    background-position:20px center
}
.banner_swiper .swiper-button-prev{
    left:0;
    -moz-border-radius:0 50% 50% 0;
    -webkit-border-radius:0 50% 50% 0;
    border-radius:0 50% 50% 0;
    background-image:url(/assets/img/chevron-left.svg);
    background-position:10px center
}
.banner_swiper .swiper-button-next.swiper-button-disabled,.banner_swiper .swiper-button-prev.swiper-button-disabled{
    display:none
}
@media (min-width:1024px){
    .banner_swiper{
        padding-bottom:10px
    }
    .banner_swiper .swiper-wrapper{
        display:block;
        padding:0 16px;
        padding-left:12px;
        box-sizing:inherit
    }
    .banner_swiper .list{
        margin:0;
        overflow:hidden;
        display:inline-block;
        float:left;
        height:200px
    }
    .banner_swiper .list:last-of-type{
        margin:0
    }
    .banner_swiper .list:first-child{
        width:45%;
        height:360px
    }
    .banner_swiper .list:nth-child(2),.banner_swiper .list:nth-child(3),.banner_swiper .list:nth-child(4),.banner_swiper .list:nth-child(5),.banner_swiper .list:nth-child(6){
        width:27.5%;
        height:180px
    }
    .banner_swiper .swiper-button-next,.banner_swiper .swiper-button-prev,.banner_swiper .swiper-pagination{
        display:none
    }
}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{
    bottom:0
}
.container_review{
    max-width:1200px;
    position:relative;
    padding-bottom:12px
}
.container_review_left{
    width:100%;
    margin-bottom:8px
}
.review_swiper{
    padding-bottom:20px
}
.review_swiper .swiper-wrapper{
    padding-left:8px;
    padding-right:16px
}
.review_swiper .list{
    text-align:left;
    width:320px;
    height:180px
}
.review_swiper .list:last-of-type{
    margin-right:16px
}
.review_swiper .list a{
    display:block;
    width:100%;
    height:100%;
    padding-left:4px;
    padding-bottom:4px
}
.review_swiper .list .img{
    width:100%;
    height:100%;
    position:relative;
    overflow:hidden;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    border-radius:8px;
    background-color:#e9eff2
}
.review_swiper .list .img:before{
    content:'';
    width:auto;
    position:absolute;
    height:60%;
    bottom:0;
    left:0;
    right:0;
    z-index:2;
    background:-moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.5) 50%,rgba(0,0,0,.7) 100%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,0)),color-stop(50%,rgba(0,0,0,.5)),color-stop(100%,rgba(0,0,0,.7)));
    background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.5) 50%,rgba(0,0,0,.7) 100%);
    background:-o-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.5) 50%,rgba(0,0,0,.7) 70%);
    background:-ms-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.5) 50%,rgba(0,0,0,.7) 70%);
    background:linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.7) 50%,rgba(0,0,0,.7) 100%);
    opacity:.8
}
.review_swiper .list .img img{
    min-width:100%;
    min-height:100%;
    height:100%;
    vertical-align:middle;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    z-index:1
}
.review_swiper .list .title{
    position:absolute;
    z-index:3;
    left:20px;
    right:10px;
    bottom:36px;
    font-size:1rem;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:#fff
}
.review_swiper .list .other{
    position:absolute;
    z-index:3;
    left:20px;
    right:10px;
    bottom:16px;
    font-size:.8rem;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:#fff;
    opacity:.7
}
.review_swiper .swiper-button-next,.review_swiper .swiper-button-prev{
    z-index:99;
    width:44px;
    height:44px;
    background:#fff;
    -webkit-tap-highlight-color:transparent;
    outline:0;
    text-decoration:none;
    background-size:14px;
    background-repeat:no-repeat;
    box-shadow:0 2px 4px 0 rgba(189,189,189,.3)
}
.review_swiper .swiper-button-next{
    right:0;
    -moz-border-radius:50% 0 0 50%;
    -webkit-border-radius:50% 0 0 50%;
    border-radius:50% 0 0 50%;
    background-image:url(/assets/img/chevron-right.svg);
    background-position:20px center
}
.review_swiper .swiper-button-prev{
    left:0;
    -moz-border-radius:0 50% 50% 0;
    -webkit-border-radius:0 50% 50% 0;
    border-radius:0 50% 50% 0;
    background-image:url(/assets/img/chevron-left.svg);
    background-position:10px center
}
.review_swiper .swiper-button-next.swiper-button-disabled,.review_swiper .swiper-button-prev.swiper-button-disabled{
    display:none
}
@media (min-width:1024px){
    .review_swiper{
        padding-bottom:10px
    }
    .review_swiper .swiper-wrapper{
        display:block;
        padding:0 16px;
        padding-left:12px;
        box-sizing:inherit
    }
    .review_swiper .list{
        margin:0;
        overflow:hidden;
        display:inline-block;
        float:left;
        height:200px
    }
    .review_swiper .list:last-of-type{
        margin:0
    }
    .review_swiper .list:first-child{
        width:45%;
        height:360px
    }
    .review_swiper .list:nth-child(2),.review_swiper .list:nth-child(3),.review_swiper .list:nth-child(4),.review_swiper .list:nth-child(5),.review_swiper .list:nth-child(6){
        width:27.5%;
        height:180px
    }
    .review_swiper .swiper-button-next,.review_swiper .swiper-button-prev,.review_swiper .swiper-pagination{
        display:none
    }
}
.review_bread{
    padding:12px;
    padding-bottom:0;
    font-size:.8rem;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    display:none
}
.review_bread ol{
    overflow:hidden
}
.review_bread li{
    display:inline-block
}
.review_bread a{
    color:#9f9f9f
}
.review_bread a:hover{
    color:#2e93f1
}
.review_bread span{
    display:inline-block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    vertical-align:top
}
.review_banner{
    background:#f1f2f3;
    display:block;
    width:100%;
    height:0;
    padding-top:48.8%;
    position:relative;
    overflow:hidden;
    text-align:center
}
.review_banner img{
    width:100%;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%)
}
.review_main{
    font-size:.9rem;
    line-height:1.4rem;
    padding:16px;
    background:#fff;
    box-shadow:0 0 12px 0 rgba(189,189,189,.3);
    -moz-border-radius:0 0 8px 8px;
    -webkit-border-radius:0 0 8px 8px;
    border-radius:0 0 8px 8px;
    color:#444
}
.review_main .updated_date{
    font-size:.8rem;
    color:#999
}
.review_main h1{
    font-size:1.4rem;
    line-height:1.8rem;
    color:#000;
    padding-bottom:10px
}
.review_main h2,.review_main h3{
    padding:0;
    padding-bottom:10px;
    font-size:1rem;
    font-weight:700
}
.review_main p{
    margin-bottom:12px
}
.review_main a{
    color:#2e93f1
}
.review_main img{
    width:auto;
    max-width:100%;
    margin:0 auto
}
.review_main a:hover{
    text-decoration:underline
}
.review_main ul{
    padding-left:16px
}
.review_main ul li{
    list-style-type:disc;
    padding-bottom:8px
}
.review_main table{
    border:1px solid #f6f9fc;
    width:100%;
    clear:both;
    margin:16px 0
}
.review_main table td{
    border:1px solid #9f9f9f;
    padding:8px
}
.review_main .sns_post_box{
    position:relative;
    overflow:hidden;
    height:340px;
    margin:16px 0
}
.review_main .sns_post_box .title{
    background:#fff;
    height:40px;
    line-height:40px;
    color:#444;
    font-size:1rem;
    font-weight:700
}
.review_main .sns_post{
    width:100%;
    max-width:480px;
    height:320px;
    overflow:hidden;
    overflow-y:auto;
    position:absolute;
    top:40px
}
.review_main .review_tip{
    background-color:#f6f9fc;
    padding:16px;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    border-radius:8px;
    margin-bottom:16px
}
.review_main .review_tip a{
    color:#666
}
.review_main .review_tip a:hover{
    color:#0284fe;
    text-decoration:underline
}
.review_main .video_box{
    background:#f1f2f3;
    display:block;
    width:100%;
    height:0;
    padding-top:52%;
    position:relative;
    overflow:hidden;
    margin-bottom:16px;
    -moz-border-radius:12px;
    -webkit-border-radius:12px;
    border-radius:12px
}
.review_main .video_box:before{
    content:'';
    display:block;
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    right:0;
    z-index:10;
    background-size:80px;
    background-position:center 45%;
    background-repeat:no-repeat;
    background-image:url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAAI+UlEQVR42u1dW0hUXRQuiIqGeoiK7tAERcVUEF2IbuRDl4eiECyJoBtRTwXVUxS9ZAgFDRVdKIiKJOjBzC5m3m00TX/S6dd0LO86zm+mjjo6M/7nkzmxz559RtOZc5u9YRE255w5e317r9tea824wcHBcZzUI84EDgAHgBMHgAPAiQPAAeDEAeAAcOIAcAA4aRUAlYZJIItA8QG6KFACgy4S11gC9yk6jAIAGBcj0BmBHgqUMgZ6GHhOjBKA6B2ADYFVnBJBuhj4Hg4AsdohMpIizHiakgLfa4pWAEbE+MmTJ6euWLHi46lTp4ofP35cbbPZnFVVVb9dLldvd3d3v0ADIPztcDh+FxYWOh89elR95MiRz0uXLk2fOHHiayWB0AsAG0LJ9jlz5rw7evTo55cvX9bW19d39fT0DAjD7/V6/T6fzx8Ygwwa+hzX4Xq32z1QU1PT+eLFix8HDhwomD59+tthdMUGowNgkpPxWKmbN2/Ofvr0aU1jY6O7r6/PSzB7iOEjGXKgeDweb0NDQ/f9+/e/r169OmPChAmvQ+gIkxEBsMiJm507d+ampaU1dHZ2egJM/8PAcA48D7ujo6Oj79WrV3Xr16/PDCGWLEYCIIY10QULFrx//vz5D4Hx/cOtcsj9lJSUutu3b1fu27fvkxzhc1yH60MBAaAFIDwPHjyomjt37nsZIGKMAMAJemLY/ocPHy6EfMeKZDEeChaMPHbsWNHMmTPfjsbSwX24H8/B81hAQFdAecfFxdlkxNIJPQNwhp7QrFmz3kEp9vb2elmMb2lpcZ8/f750tEwPBQaei+ezgBDeZyApKemHyWRKZdx/Ro8ABDF/4cKFaXa7/RdWHc18kfFK+AAsIMTdUFJS4poxY8bb0YKgFQDi6QmsXbs2s6mpyS0qWXJAbod7xY9kR+B7WbpBEI3dS5Ys+cC4L14PAAQpXEwGjhKtaLEKt2zZkq2wBywhfD+5G0TTFYtl0aJFaX+rmNUGwEybmmB+a2trD8387OzsZqVXfajdgPehdsMQCGazOY1hopq1CACcFysdRqirq+uiZQ6sEi0wnia8F70TYM4yFLNVzllTE4B4mvm5ubkttMzXKvPlQICZnJ6e3sQAIV5LAJjpiSQmJtoFq8KnJ+bLgeDxeHyXLl36yrjWrBUAEmiLJ+DdSjxZPTBfJNKTxjxgRKxcufIjdV2CFgCw0C9vs9laSaULL3T58uXpegIA70t6z5hMRkZGE+Nai9oASFY/XHpsWVLpIhygJ+aLhPemRRHmF2oXKA2AhQ4pOxyOTlL0wLPUI/NFwvuTu6C6upplFVnUAkASbjh79mwJFC+5+sMhegRHqWf//v2f1BJF1C7wnj59ulguTKEkACbyJaZNm/ZGUFwdkbB6xOfl5OQ0I5inslXkLy0tdTF2gUlpACQhh7179+Yjohju1U8CEFDoAwkJCeVq7gK8Aw6RWCEKJQGQHC0mJyfXkh4XXPtwMYB1qIJVuHXrVsXiSGKoQgzY4eiUcZSpKACSWIrT6ewlxU84LZ9Qx4x37typVEIsURYRIqZdU6dOfUNdpxgAEuvn4MGDBTDRSLs/nJMf7qxXKSUt+gWBAxzvtm3bcmhrSCkAJHEf5OEgZhIJ8TMSAEgljRwiJcQQ5nv9+vVvdHxIKQAk8h/ymJT/V69eLVcDgEgracyLFEN5eXkttB5QCgBJUlVbW1svCQCyE9QCQBxwmMKtpDEvEoDGxsZuOrlLKQAk9j/MTxKAcK+8seQCPXv2rCacSpoyR/snTZr0mvo84gBIHDDI3P7+/j8KGMd7WgJAVNLHjx8Pi1UmHl+KXvG8efPonCJTpAGQWECwPsgsh0jEfsKVGRcOJS3GhgJZFL6NGzdmjdUSGhMA586dK9ULAKKSHouRQAHgj4uLK1AVAExGTwCMVUnTACBtXlUAYPJFMwAnT54s4iJIPRHki42NtakKQLQr4XXr1mUqDYDEDMVBNZn9EG1mKCO13aSWIzYYZY6YXy1HLCgU4XQ6e6IxFIEkXrVCEZJg3JcvX9qiMRjHSFNRLBgnCUffvXu3kqx0UTMcHcnDGTKBF/O9cuVKmVrhaIkltHv37jxUNUbTgQxKZzdt2pSl1oGMRBGj/ra5udlNiiGDH0kO1tbWdjEyI9Q7lEdRNZkJbdRDeQzME1X7ah/Kx9AOGW2OGjEtRRSx27dvz1E7LSUoMauiouIXKYYMmpg1WFRU1Ib6B7UTs4JSEy9cuPAPnZhrpNREDHi/6GOhhdTEUMm5fqMm59rt9nZGBxbVknOD0tNjY2M/kTlCRklPx0Au0J49e/K1lJ7OLNDIyspqJneB3gs0xHTE1NTUei0WaATtglWrVn0M1AUbpUTJj1LbZcuWpWuxRIlZpHf58uWvtCjSa5EevHwYGFou0guKD8FLRHmn3stU8f7Jycl1dNhZa2Wq4rDSIKAVDF0lr4dCbdHjLSsr+4/BfKtuWhUsXrz4A0r+6Wp5LbcqEKvkYVLPnz//vV5aFcg260C/BREEPTTrwMr/+fMni/mab9Yh264GTTswKT20q4HYlOmUoot2NbINmxC2Li4ubtNowya0uvTl5+e3MipfdNewSRaEKVOmpD558sSBAw0NtSwb6jGKBn4yjV512bIsZNM+VJyjrJW1GxRu2ueDpbNjx45cmefoumlfyLaVyKmxWq0V7e3tfXLdEyPZthKFJTdu3Ph39uzZ74zctpKMGTHbFaOTLToWulyuYYEYbcNW0bTEjgPjIQZl+sKJbYwN1biVPMRhti6GWFqzZk3GzZs3K2AtIfI4TJ/okN11RYZjAFToHOyKxMTEb7Bwxo8fH6q9vSFbF5MjZPNuWEtoto2uukiwwjEkZLXYvJskcoj/F2je7YPcr6ys7Lh37973Xbt25clYN1HVvJveDcO2r4dVgjb0hw4dKrh161ZFZmZmU3l5eTt2CZp8w8HDv/hbUKbt6EF97do1Oxg+QuUdle3r/xqICFDU/4CDnGjiP2HCf8SHA8AChP+MFSf+S3ocAE4cAA4AJw4AB4ATB4ADwIkDwAHgxAHQPf0PtdgFmo2em8wAAAAASUVORK5CYII=)
}
.review_main .video_box img{
    width:100%;
    min-height:100%;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%)
}
.review_main .video_box .title{
    position:absolute;
    background:hsla(0,0%,6.7%,.6);
    z-index:9;
    left:0;
    right:0;
    bottom:0;
    padding:16px;
    color:#fff;
    font-size:1rem;
    line-height:1rem
}
.review_main .youtube_iframe{
    width:100%;
    height:0;
    padding-top:48.8%;
    position:relative
}
.review_main .youtube_iframe iframe{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    right:0
}
.review_main strong{
    font-weight:700
}
.review_main .multiple-pictures{
    width:100%;
    padding-bottom:18px;
    margin-top:18px;
    height:240px;
    overflow-x:auto;
    overflow-y:hidden;
    z-index:1;
    white-space:nowrap;
    user-select:none;
    -webkit-tap-highlight-color:transparent;
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -webkit-text-size-adjust:none;
    text-size-adjust:none;
    direction:ltr;
    -webkit-overflow-scrolling:touch;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.review_main .multiple-pictures img{
    height:100%;
    width:auto;
    margin-right:3px
}
.review_tag_main .title{
    font-size:1rem;
    padding:16px 0
}
.review_tag_main a{
    padding:0 20px;
    display:inline-block;
    color:#666;
    line-height:2rem;
    background:#f5f5f5;
    border-radius:15px;
    font-size:.8rem;
    margin-bottom:8px
}
.review_tag_main a:hover{
    opacity:.8;
    text-decoration:underline
}
.review_tag_main a:first-child{
    color:#e08412;
    background:#fff6e8
}
.review_tag_main a:nth-child(2){
    color:#078807;
    background:#f1fbf1
}
.review_related{
    padding:16px 0
}
.review_related a{
    display:block;
    padding:12px 36px;
    width:50%;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    float:left;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:#666;
    font-size:.85rem;
    position:relative
}
.review_related a:before{
    position:absolute;
    content:'';
    width:20px;
    height:20px;
    top:10px;
    background-color:#999;
    -webkit-mask:url(/assets/img/prev.svg) no-repeat center;
    mask:url(/assets/img/prev.svg) no-repeat center;
    -webkit-mask-size:12px;
    mask-size:12px;
    background-size:12px;
    background-position:center;
    background-repeat:no-repeat
}
.review_related a:hover:before{
    background-color:#2e93f1
}
.review_related a.prev:before{
    left:10px
}
.review_related a.next{
    text-align:right;
    float:right
}
.review_related a.next:before{
    transform:rotateY(180deg);
    left:auto;
    right:10px
}
.review_related a:hover{
    color:#2e93f1
}
.review_related span{
    display:inline-block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-weight:600;
    vertical-align:top
}
.review_related .title{
    font-weight:400;
    display:none
}
@media (min-width:720px){
    .review_related .title{
        display:initial
    }
}
.review_white_box{
    margin-top:8px;
    background:#fff;
    box-shadow:0 0 12px 0 rgba(189,189,189,.3);
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    border-radius:8px
}
.review_white_box .big_title{
    line-height:1.4rem;
    padding:16px;
    font-size:1.1rem;
    color:#333;
    border-bottom:1px solid #eaeaea;
    position:relative;
    padding-right:80px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.review_white_box .big_title .more{
    position:absolute;
    display:block;
    line-height:1.5rem;
    font-size:.875rem;
    right:16px;
    top:16px;
    color:#666;
    background-image:url(/assets/img/more-icon.svg);
    background-position:right 9px;
    background-repeat:no-repeat;
    background-size:7px;
    padding-right:10px
}
.review_white_box .white_list,.review_white_box .white_list_article{
    padding:8px 0
}
.review_white_box .white_list a{
    display:block;
    position:relative;
    padding:8px 16px;
    padding-left:100px;
    height:90px
}
.review_white_box .white_list a img{
    width:72px;
    height:72px;
    position:absolute;
    left:16px;
    top:8px;
    background:#f6f9fc;
    border:1px solid #f6f9fc;
    -moz-border-radius:20%;
    -webkit-border-radius:20%;
    border-radius:20%
}
.review_white_box .white_list a:hover{
    background:#f9f9f9
}
.review_white_box .white_list span{
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:#666
}
.review_white_box .white_list span:first-child{
    font-size:1rem;
    height:1.6rem;
    line-height:1.6rem;
    color:#222
}
.review_white_box .white_list span:nth-child(2){
    color:#6f6f6f;
    font-size:.812rem;
    line-height:1.2rem;
    max-height:1.2rem;
    margin-bottom:8px
}
.review_white_box .white_list span:nth-child(3),.review_white_box .white_list span:nth-child(4){
    display:inline-block;
    height:20px;
    line-height:20px;
    padding-left:18px;
    font-size:14px;
    vertical-align:top;
    margin-right:6px
}
.review_white_box .white_list span:nth-child(3){
    background-image:url(/assets/img/stars-solid.svg);
    background-position:left 2px;
    background-repeat:no-repeat;
    color:#fa8b16
}
.review_white_box .white_list span:nth-child(4){
    position:relative;
    color:#999
}
.review_white_box .white_list span:nth-child(4):before{
    content:'';
    position:absolute;
    left:0;
    top:0;
    height:20px;
    width:20px;
    background-color:#999;
    -webkit-mask:url(/assets/img/review.svg) no-repeat center;
    mask:url(/assets/img/review.svg) no-repeat center;
    -webkit-mask-size:12px;
    mask-size:12px
}
.review_white_box .white_list_article a{
    display:block;
    position:relative;
    padding:8px 16px;
    padding-left:148px;
    height:88px
}
.review_white_box .white_list_article a:hover{
    background:#f9f9f9
}
.review_white_box .white_list_article span.icon{
    width:120px;
    height:72px;
    position:absolute;
    left:16px;
    top:8px;
    background:#f6f9fc;
    border:1px solid #f6f9fc;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    border-radius:8px
}
.review_white_box .white_list_article span.icon img{
    width:100%;
    min-height:100%;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%)
}
.review_white_box .white_list_article span{
    display:block;
    overflow:hidden
}
.review_white_box .white_list_article span:first-child{
    margin-top:4px;
    font-size:.95rem;
    line-height:1.2rem;
    height:2.4rem;
    margin-bottom:8px;
    color:#222;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical
}
.review_white_box .white_list_article span:nth-child(2){
    color:#6f6f6f;
    line-height:1.2rem;
    max-height:1.2rem
}
@media (min-width:720px){
    .review_white_box .white_list a,.review_white_box .white_list_article a{
        width:50%;
        float:left
    }
}
@media (min-width:1024px){
    .review_bread{
        display:block
    }
    .container_review_left{
        float:left;
        margin-bottom:0;
        padding:12px 0
    }
    .container_review_main{
        margin-right:376px
    }
    .container_review_right{
        display:block;
        float:right;
        width:360px;
        margin-left:-360px;
        margin-bottom:0;
        padding-top:4px
    }
    .review_banner{
        padding-top:40%;
        border-radius:8px 8px 0 0
    }
    .review_main{
        padding:16px 46px
    }
    .review_white_box .white_list a,.review_white_box .white_list_article a{
        width:100%;
        float:none
    }
}
.review_app_box{
    width:100%;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    border-radius:8px;
    margin:8px auto;
    overflow:hidden;
    background:#fff;
    -webkit-box-shadow:0 2px 15px 0 rgba(0,0,0,.08);
    box-shadow:0 2px 15px 0 rgba(0,0,0,.08);
    position:relative;
    text-align:left;
    padding:12px 16px
}
.review_app_box .icon{
    position:absolute;
    top:12px;
    left:16px;
    height:80px;
    width:80px;
    -moz-border-radius:20%;
    -webkit-border-radius:20%;
    border-radius:20%;
    overflow:hidden
}
.review_app_box .text{
    padding:0 0 0 100px;
    min-height:92px
}
.review_app_box .title{
    display:block;
    font-size:1.2rem;
    line-height:1.6rem;
    max-height:3.2rem;
    margin-bottom:8px;
    color:#222;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical
}
.review_app_box p{
    font-size:.85rem;
    line-height:1.2rem;
    display:none
}
.review_app_box a.title:hover{
    color:#0284fe
}
.review_app_box .other{
    position:relative;
    font-size:.85rem
}
.review_app_box .other a.alternatives,.review_app_box .other span{
    display:inline-block;
    position:relative;
    padding-left:16px;
    color:#9f9f9f;
    height:20px;
    line-height:20px;
    margin-right:10px
}
.review_app_box .other a.alternatives:before,.review_app_box .other span:before{
    content:'';
    position:absolute;
    top:0;
    width:12px;
    height:20px;
    left:0;
    display:inline-block;
    background-repeat:no-repeat;
    background-position:left 3px
}
.review_app_box .other span.rating:before{
    background-color:#fa8b15;
    -webkit-mask:url(/assets/img/stars-solid.svg) no-repeat center 3px;
    mask:url(/assets/img/stars-solid.svg) no-repeat center 3px;
    -webkit-mask-size:13px;
    mask-size:13px
}
.review_app_box .other span.review:before{
    background-color:#919191;
    -webkit-mask:url(/assets/img/review.svg) no-repeat center;
    mask:url(/assets/img/review.svg) no-repeat center;
    -webkit-mask-size:12px;
    mask-size:12px
}
.review_app_box .other a.alternatives{
    color:#0284fe
}
.review_app_box .other a.alternatives:before{
    background-color:#0284fe;
    -webkit-mask:url(/assets/img/app-alternatives.svg) no-repeat center;
    mask:url(/assets/img/app-alternatives.svg) no-repeat center;
    -webkit-mask-size:10px;
    mask-size:10px
}
.review_app_box .button{
    display:inline-table;
    background:#0284fe;
    color:#fff;
    font-size:.85rem;
    line-height:1.6rem;
    padding:8px 24px;
    border-radius:4px;
    min-width:100px;
    width:100%;
    text-align:center
}
.review_app_box .button:hover{
    text-decoration:none
}
.review_app_box .google_play_btn,.review_app_box .pre_register_btn{
    width:176px;
    height:55px;
    margin:0;
    margin-left:100px
}
@media (min-width:560px){
    .review_app_box{
        text-align:left
    }
    .review_app_box .text{
        padding:0 190px 0 120px;
        min-height:100px
    }
    .review_app_box p{
        max-height:2.4rem;
        overflow:hidden;
        text-overflow:ellipsis;
        display:-webkit-box;
        -webkit-line-clamp:2;
        -webkit-box-orient:vertical
    }
    .review_app_box .icon{
        position:absolute;
        top:12px;
        left:16px;
        height:100px;
        width:100px;
        -moz-border-radius:20%;
        -webkit-border-radius:20%;
        border-radius:20%;
        overflow:hidden
    }
    .review_app_box .button{
        position:absolute;
        right:16px;
        top:50px;
        width:auto
    }
    .review_app_box .google_play_btn,.review_app_box .pre_register_btn{
        width:176px;
        height:55px;
        position:absolute;
        right:16px;
        top:50px
    }
}
.main_wrap{
    max-width:1180px;
    position:relative;
    padding:16px 0
}
.main_wrap_left{
    margin-bottom:16px;
    width:100%
}
.main_wrap_right{
    background:#fff;
    min-height:300px;
    box-shadow:0 0 12px 0 rgba(189,189,189,.3)
}
@media (min-width:996px){
    .main_wrap_center{
        margin-right:350px
    }
    .main_wrap_left{
        float:left;
        margin-bottom:0
    }
    .main_wrap_right{
        width:336px;
        display:block;
        float:right;
        margin-left:-336px
    }
}
.main_wrap_box{
    background:#fff;
    margin-bottom:16px;
    box-shadow:0 0 12px 0 rgba(189,189,189,.3)
}
.main_wrap_title{
    height:50px;
    background:#fbfbfb;
    border-bottom:1px solid #e8e8e8;
    padding:0 24px;
    line-height:50px;
    font-size:1rem;
    color:#222;
    position:relative
}
.main_wrap_title span{
    font-weight:700
}
.tags_info{
    padding:16px;
    border-bottom:3px solid #f6f9fc;
    position:relative
}
.tags_info .icon{
    position:absolute;
    width:80px;
    height:80px;
    left:16px;
    top:16px
}
.tags_info .icon img{
    width:100%;
    height:100%;
    background:#f6f9fc;
    border:1px solid #f6f9fc;
    -moz-border-radius:20%;
    -webkit-border-radius:20%;
    border-radius:20%
}
.tags_info .text{
    padding-left:96px;
    min-height:80px
}
.tags_info .title{
    font-size:1.2rem;
    line-height:1.4rem;
    color:#3483d1;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.tags_info .title a{
    color:#3483d1
}
.tags_info .title a:hover{
    text-decoration:underline
}
.tags_info .desc{
    font-size:.9rem;
    line-height:1.2rem;
    color:#6f6f6f;
    margin:10px 0
}
.tags_info .text .rating{
    display:inline-block;
    height:20px;
    line-height:20px;
    padding-left:18px;
    font-size:14px;
    color:#fa8b16;
    background-image:url(/assets/img/stars-solid.svg);
    background-repeat:no-repeat;
    background-position:left 2px;
    vertical-align:top;
    margin-right:6px
}
.tags_info .text .review{
    display:inline-block;
    height:20px;
    line-height:20px;
    padding-left:20px;
    font-size:12px;
    color:#999;
    vertical-align:top;
    position:relative
}
.tags_info .text .review:before{
    content:'';
    position:absolute;
    left:0;
    top:0;
    height:20px;
    width:20px;
    background-color:#999;
    -webkit-mask:url(/assets/img/review.svg) no-repeat center;
    mask:url(/assets/img/review.svg) no-repeat center;
    -webkit-mask-size:12px;
    mask-size:12px
}
.tags_info .btn{
    display:block;
    position:absolute;
    cursor:pointer;
    background:#0284fe;
    height:26px;
    text-align:center;
    line-height:26px;
    width:80px;
    color:#fff;
    font-size:.75rem;
    -moz-border-radius:22px;
    -webkit-border-radius:22px;
    border-radius:22px;
    border-bottom:3px solid #1274d0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    z-index:1;
    left:16px;
    top:106px
}
@media (min-width:720px){
    .tags_info .icon{
        width:110px;
        height:110px
    }
    .tags_info .text{
        padding-right:150px;
        padding-left:126px;
        min-height:110px
    }
    .tags_info .btn{
        left:auto;
        right:16px;
        width:120px;
        top:50px;
        height:36px;
        line-height:36px;
        font-size:.8rem
    }
}
.main_wrap_article{
    padding:8px 0
}
.main_wrap_article .list{
    width:100%;
    display:block;
    position:relative;
    padding:8px 16px;
    padding-left:166px;
    min-height:80px;
    cursor:pointer
}
.main_wrap_article .list:hover .title{
    color:#3483d1;
    text-decoration:underline
}
.main_wrap_article .list .icon{
    width:140px;
    height:70px;
    position:absolute;
    left:16px;
    top:8px;
    background:#f6f9fc;
    border:1px solid #f6f9fc;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    border-radius:8px;
    overflow:hidden
}
.main_wrap_article .list .icon img{
    width:100%;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%)
}
.main_wrap_article .list .title{
    font-size:1rem;
    line-height:1.6rem;
    color:#222;
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.main_wrap_article .list .desc{
    color:#6f6f6f;
    font-size:.8rem;
    line-height:1.2rem;
    height:2.4rem;
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical
}
.main_wrap_article .list .date{
    color:#9f9f9f;
    font-size:.8rem;
    display:none
}
.main_wrap_article_more{
    background:#fff;
    text-align:center;
    padding:10px;
    cursor:pointer;
    margin-top:10px;
    color:#3483d1
}
.main_wrap_article_more:hover{
    text-decoration:underline
}
@media (min-width:996px){
    .main_wrap_article .list{
        padding-left:232px;
        min-height:112px
    }
    .main_wrap_article .list .icon{
        width:200px;
        height:100px
    }
    .main_wrap_article .list .title{
        margin-bottom:8px;
        font-size:1.1rem
    }
    .main_wrap_article .list .desc{
        margin-bottom:8px
    }
    .main_wrap_article .list .date{
        display:block
    }
}