/*
    Theme Name: App
    Theme URI: ...
    Author: AppDev
    Author URI: ...
*/
:root{
    --th-color-main: #66b569;
}
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap');
@media screen{
    * {
        margin: 0px;
        padding: 0px;
    }
    a:link{
        text-decoration:none;
    }
    a:focus{
        outline: none;
    }
    img{
        display: block;
        padding: 0px;
        outline: none;
        border: none;
    }
    ul{
        list-style:none;
    }
    h1{
        margin: 0px;
        padding: 0px;
    }
    body{
        font-family: 'Open Sans', sans-serif;
        font-size: 14px;
        line-height: 1.6;
        font-weight: 400;
        color: #333;
        background-color: #fff;
    }
    .container{
        width: 1070px;
        margin:0 auto;
        position: relative;
    }

    /*
    * HEADER.
    */
    /* Header top */
    .header{
        position: fixed;
        top: 0px;
        left: 0px;
        width: 100%;
        z-index: 10000;
        /*box-shadow: 0 2px 3px rgba(0, 0, 0, .1);*/
        background-color: var(--th-color-main);
    }
    /*.home .header{
        background-color: rgba(255,255,255,.06);
        background-image: none;
    }*/
    .logged-in .header{
        top: 32px;
    }
    .header .container{
        height: 64px;
        line-height: 64px;
    }
    .logo{
        margin: 0px;
        padding: 0px;
        height: 40px;
        margin-top: 12px;
    }
    .logo a{
        display: block;
        height: 100%;
    }
    .logo a img{
        height: 100%;
    }
    /**/
    .close-nav{
        display: none;
    }
    .icon-show-nav,
    .icon-search{
        display: none;
        position: absolute;
        width: 32px;
        height: 32px;
        line-height: 32px;
        text-align: center;
        border-radius: 100%;
        color: #fff;
        font-size: 17px;
        cursor: pointer;
        top: 16px;
        background-color: rgba(255, 255, 255, .3);
    }
    .icon-show-nav{
        left: 0px;
    }
    .icon-search{
        right: 0px;
    }
    .main-nav-inner>ul>li{
        float: left;
        position: relative;
    }
    .main-nav-inner>ul>li:nth-child(n+2){
        margin-left: 10px;
    }
    .main-nav-inner>ul>li a{
        display: block;
        color: #fff;
    }
    .main-nav-inner>ul>li>a{
        position: relative;
        padding: 0 25px;
        font-weight: 700;
        font-size: 15px;
        margin-top: 10px;
        height: 44px;
        line-height: 44px;
        border-radius: 44px;
        text-transform: uppercase;
    }
    .main-nav-inner>ul>li>a i{
        position: absolute;
        top: 23px;
        left: 15px;
        color: #4D9BB4;
        font-size: 22px;
    }
    .main-nav-inner>ul>li:hover>a,
    .main-nav-inner>ul>li>a:hover,
    .main-nav-inner>ul>li.current-menu-item>a{
        background-color: #4a9a4d;
    }
    .main-nav-inner>ul>li ul{
        position: absolute;
        top: calc(100% + 10px);
        left: 0px;
        min-width: 200px;
        line-height: 45px;
        z-index: 1000;
        background-color: #fff;
        box-shadow: 0 0 10px rgba(0, 0, 0, .1);
        border-bottom: 1px solid #31bdf1;
        opacity: 0;
        visibility: hidden;
        transition: all ease-in-out .2s;
    }
    .main-nav-inner>ul>li:hover ul{
        opacity: 1;
        visibility: visible;
        top: 100%;
        transition: all ease-in-out .3s;
    }
    .main-nav-inner>ul>li ul li:nth-child(n+2){
        border-top: 1px solid #eee;
    }
    .main-nav-inner>ul>li ul li a{
        display: block;
        color: #333;
        white-space: nowrap;
        padding: 0 15px;
        text-transform: none;
    }
    .main-nav-inner>ul>li ul li a:hover{
        color: #00A6ED;
    }
    /**/
    .box-search{
        margin-top: 90px;
    }
    .box-search .container{
        padding: 20px;
        border-radius: 10px;
        background-color: var(--th-color-main);
    }
    .box-search-head{
        text-align: center;
        font-size: 18px;
        color: #fff;
    }
    .search-form{
        position: relative;
        height: 40px;
        line-height: 40px;
        margin-top: 12px;
        position: relative;
    }
    .search-input{
        width: 100%;
        height: 100%;
        outline: none;
        padding: 0 15px;
        border-radius: 5px;
        border: none;
        font-size: 15px;
        background-color: #fff;
        box-shadow: inset 1px 2px 2px rgba(0, 0, 0, .2);
    }
    .search-submit{
        position: absolute;
        top: 0px;
        right: 0px;
        width: 45px;
        line-height: 36px;
        height: 100%;
        border: none;
        outline: none;
        font-size: 15px;
        color: #333;
        background-color: transparent;
        border-radius: 0 40px 40px 0;
    }
    .search-submit:hover{
        color: var(--th-color-main);
    }
    .close-search{
        display: none;
    }
    /**/
     /*
    * FEATURED.
    */
    .featured{
        position: relative;
        background-color: #f9f9f9;
    }
    .featured:before{
        position: absolute;
        content: '';
        left: 0px;
        top: 0px;
        width: 100%;
        height: 300px;
        z-index: 1;
        background: -moz-linear-gradient(bottom,transparent 0,rgba(0,0,0,.65) 100%);
        background: -webkit-gradient(linear,left bottom,left top,color-stop(0,transparent),color-stop(100%,rgba(0,0,0,.65)));
        background: -webkit-linear-gradient(bottom,transparent 0,rgba(0,0,0,.65) 100%);
        background: -o-linear-gradient(bottom,transparent 0,rgba(0,0,0,.65) 100%);
        background: -ms-linear-gradient(bottom,transparent 0,rgba(0,0,0,.65) 100%);
        background: linear-gradient(bottom top,transparent 0,rgba(0,0,0,.65) 100%);
    }
    .carousel-wrap{
        position: relative;
    }
    .slick-track{
        display: flex;
        flex-flow: row wrap;
    }
    .slick-slide{
        height: auto;
    }
    .arrow-btn{
        position: absolute;
        display: block;
        top: calc(50% - 13px);
        width: 35px;
        height: 35px;
        line-height: 35px !important;
        border-radius: 3px;
        box-shadow: 0 3px 5px rgba(0, 0, 0, .2);
        background-color: #fff;
        text-align: center;
        font-size: 20px;
        color: #333;
        cursor: pointer;
        z-index: 100;
        font-weight: 300 !important;
        opacity: .8;
    }
    .arrow-btn:hover{
        opacity: 1;
        color: var(--th-color-main);
    }
    .arrow-btn.slick-disabled{
        color: #dedede;
    }
    .arrow-btn-prev{
        left: -6px;
    }
    .arrow-btn-next{
        right: -6px;
    }
    .carousel-wrap .slick-list{
        margin-left: -15px !important;
        margin-right: -15px !important;
    }
    /**/
    .featured-item{
        display: block;
        color: #333;
        height: 800px;
    }
    .featured-carousel{
        margin: 0px !important;
    }
    .featured .carousel-wrap .slick-list{
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
    .featured .arrow-btn{
        font-size: 40px;
        top: calc(50% - 20px);
        background-color: transparent;
        font-weight: 300;
        box-shadow: none;
        border-radius: 0px;
    }
    .featured .arrow-btn,
    .featured .arrow-btn.slick-disabled{
        color: rgba(255, 255, 255, .5);
    }
    .featured .arrow-btn:hover,
    .featured .arrow-btn.slick-disabled:hover{
        color: rgba(255, 255, 255, .8);
    }
    .featured .arrow-btn-prev{
        left: 20px;
    }
    .featured .arrow-btn-next{
        right: 20px;
    }
    .featured .slick-dots{
        bottom: 20px;
    }
    .featured .slick-dots li,
    .featured .slick-dots li button{
        width: 17px;
        transition: all ease-in-out .3s;
    }
    .featured .slick-dots li button:before{
        content: '';
        width: 17px;
        height: 7px;
        border-radius: 7px;
        background-color: #fff;
        transition: all ease-in-out .3s;
    }
    .featured .slick-dots li.slick-active,
    .featured .slick-dots li.slick-active button,
    .featured .slick-dots li.slick-active button:before{
        width: 22px;
    }
    .featured .slick-dots li.slick-active button:before{
        background-color: var(--th-color-orange);
    }
    /*
    * BLOCK INTRO.
    */
    .block-intro{
        padding: 60px 0;
        padding-top: 124px;
    }
    .logged-in .block-intro{
        /*padding-top: 156px;*/
    }
    .intro-left{
        width: 420px;
    }
    .intro-right{
        color: #fff;
        width: calc(100% - 480px);
    }
    .intro-left img{
        width: 100%;
    }
    .intro-title{
        font-weight: 700;
        font-size: 50px;
        padding-right: 100px;
        line-height: 1.1;
    }
    .intro-desc{
        margin-top: 15px;
        color: rgba(255, 255, 255, .4);
    }
    .thumb-cover{
        overflow: hidden;
    }
    .thumb-cover img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    
    /*
    * MAIN WRAP.
    */
    .main-wrap .container{
        padding: 10px 0;
        padding-top: 30px;
    }
    .block-item:nth-child(n+2){
        margin-top: 40px;
    }
    .block-item-head{
        position: relative;
        padding-bottom: 8px;
        border-bottom: 1px solid #eee;
    }
    .block-item-head-icon{
        width: 35px;
        line-height: 35px;
        border-radius: 35px;
        text-align: center;
        font-size: 20px;
        color: #31bdf1;
        background-color: #f1f1f1;
    }
    .block-item-title{
        position: relative;
        font-weight: 700;
        font-size: 20px;
        line-height: 1.5;
        color: #333;
        text-transform: uppercase;
    }
    .block-item-title:after{
        position: absolute;
        content: '';
        width: 70px;
        height: 3px;
        left: 0px;
        bottom: -9px;
        background-color: var(--th-color-main);
    }
    .block-item-head a{
        position: absolute;
        top: 6px;
        right: 0px;
        color: #333;
        font-weight: 500;
        font-size: 14px;
    }
    .block-item-head a i{
        margin-left: 5px;
    }
    /**/
    .block-item-content{
        margin-top: 18px;
    }
    /**/
    .block-content-flex{
        display: flex;
        flex-flow: row wrap;
    }
    .app-full-item{
        position: relative;
        width: calc((100% - 70px) / 8);
        margin-right: 10px;
        border-radius: 8px;
        box-sizing: border-box;
        padding: 10px;
        border: 1px solid #eee;
        background-color: #fff;
        transition: all ease-in-out .3s;
    }
    .
    .app-full-item:hover{
        box-shadow: 0 3px 8px rgba(0, 0, 0, .1);
    }
    .app-full-item:nth-child(8n+8){
        float: right;
        margin-right: 0px;
    }
    .app-full-item:nth-child(n+9){
        margin-top: 10px;
    }
    .home-wrap .app-full-item{
        width: calc((100% - 50px) / 6);
    }
    .home-wrap .app-full-item:nth-child(8n+8){
        float: left;
        margin-right: 10px;
    }
    .home-wrap .app-full-item:nth-child(6n+6){
        float: right;
        margin-right: 0px;
    }
    .home-wrap .app-full-item:nth-child(n+7){
        margin-top: 10px;
    }
    .post-thumb{
        position: relative;
        display: block;
        color: #333;
        overflow: hidden;
        border-radius: 30px;
        background-color: #f9f9f9;
        /*box-shadow: 0 1px 3px rgba(0, 0, 0, .3);*/
    }
    .app-full-item-icon{
        position: absolute;
        top: 10px;
        left: 10px;
        height: 22px;
        line-height: 22px;
        padding: 0 10px;
        border-radius: 10px;
        color: #fff;
        font-size: 13px;
        text-transform: uppercase;
        background-color: #ffc107;
    }
    .app-full-item-thumb{
        height: 117px;
        overflow: hidden;
    }
    .home-wrap .app-full-item-thumb{
        height: 107px;
    }
    .app-full-item-info{
        padding: 10px;
        padding-bottom: 0px;
        padding-top: 15px;
    }
    .sb-app-item-info-inner{
        width: 100%;
    }
    .post-title{
        font-weight: 700;
        line-height: 1.5;
        font-size: 14px;
    }
    .post-title a{
        display: block;
        color: #333;
    }
    .app-full-item-title a{
        display: block;
        /*overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;*/
    }
    .post-star{
        position: relative;
        color: #000;
        padding-right: 14px;
        font-weight: 500;
    }
    .post-star i{
        position: absolute;
        top: 6px;
        right: 0px;
        font-size: 8px;
        color: #f5ca2c;
    }
    .app-fea-item .post-star i,
    .app-full-item .post-star i{
        top: 5px;
        right: 8px;
    }
    .app-full-item-info-bottom{
        margin-top: 5px;
    }
    .app-full-item-star{
        position: absolute;
        z-index: 10;
        top: 10px;
        left: 10px;
        height: 20px;
        line-height: 20px;
        border-radius: 20px;
        padding: 0 8px;
        padding-right: 20px;
        color: #fff;
        border: 2px solid #fff;
        background-color: var(--th-color-main);
        box-shadow: 0 3px 5px rgba(0, 0, 0, .1);
    }
    .app-full-item-info-bottom .app-item-morelink{
        position: absolute;
        right: 0px;
        display: inline-block;
        margin: 0px;
    }
    .app-full-item-desc{
        font-size: 13px;
        line-height: 1.5;
        margin-top: 5px;
        color: #999;
    }
    .app-full-item-title{
        text-align: center;
    }
    /**/
    .block-fea .container{
        padding: 80px 0;
        padding-top: 145px;
    }
    .app-fea-item{
        position: relative;
        overflow: hidden;
    }
    
    .app-fea-item-thumb{
        display: block;
        color: #333;
        position: relative;
        overflow: hidden;
    }
    .app-fea-item-bg{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-filter: blur(17px);
        filter: blur(17px);
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        z-index: 1;
    }
    .app-fea-item-overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 2;
        background-color: rgba(255,255,255,.9);
        /*background-color: #fff;*/
    }
    .app-fea-item-inner{
        position: relative;
        z-index: 10;
        width: 180px;
        height: 180px;
        margin: 0px auto;
        margin-bottom: 13px;
        border: 2px solid #fff;
    }
    .app-fea-item-info{
        position: relative;
        z-index: 10;
        text-align: center;
    }
    .app-fea-item-title{
        font-size: 17px;
    }
    .app-fea-item-title a{
        color: #fff;
    }
    .mouse_scroll {
    position: relative;
}
.mouse_scroll:before {
    border-radius: 50%;
    border: 2px solid #ffffff;
    bottom: 43px;
    content: "";
    height: 92px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    width: 92px;
    z-index: 0;
}
/*.mouse_scroll:after {
    border-radius: 50%;
    border: 2px solid #ffffff;
    bottom: 25px;
    content: "";
    height: 129px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    width: 129px;
    z-index: 9;
}*/
.mouse_scroll .icon {
    background-color: #ffffff;
    border-radius: 50%;
    cursor: pointer;
    display: block;
    height: 60px;
    left: 50%;
    line-height: 60px;
    margin: 0 auto;
    position: absolute;
    text-align: center;
    top: -90px;
    transform: translate(-50%, -50%);
    width: 60px;
    z-index: 3 !important;
    -webkit-box-shadow: 0px 0px 50px 0px rgb(32 32 32 / 15%);
    -moz-box-shadow: 0px 0px 50px 0px rgba(32, 32, 32, 0.15);
    box-shadow: 0px 0px 50px 0px rgb(32 32 32 / 15%);
}
.mouse_scroll .icon i {
    color: var(--th-color-main);
    font-size: 18px;
    font-weight: 700;
}


    /**/
    .block-col3-item{
        width: calc((100% - 32px) / 3);
        margin-right: 16px;
    }
    .block-col3-item:nth-child(3n+3){
        float: right;
        margin-right: 0px;
    }
    .col3-item-tax-head{
        height: 60px;
        line-height: 60px;
        /*border-radius: 8px;*/
        font-weight: 700;
        font-size: 15px;
        overflow: hidden;
        /*background-image: url(images/bg/category-bg.png);*/
        background-image: none !important;
        background-repeat: no-repeat;
        box-shadow: 0 2px 3px rgba(0, 0, 0, .2);
        /*border-left: 3px solid var(--th-color-main);*/
    }
    .app-col-item:nth-child(1) .col3-item-tax-head{
        background-position: -10px -280px;
    }
    .app-col-item:nth-child(2) .col3-item-tax-head{
        background-position: -10px -370px;
    }
    .app-col-item:nth-child(3) .col3-item-tax-head{
        background-position: -10px -460px;
    }
    .game-col-item:nth-child(1) .col3-item-tax-head{
        background-position: -10px -10px;
    }
    .game-col-item:nth-child(2) .col3-item-tax-head{
        background-position: -10px -100px;
    }
    .game-col-item:nth-child(3) .col3-item-tax-head{
        background-position: -10px -190px;
    }
    .col3-item-tax-head a{
        position: relative;
        display: block;
        color: #fff;
        padding: 0 15px;
        padding-right: 30px;
        background-image: linear-gradient(to right, #4caf50, #8bc34a);
        border-radius: 2px;
    }
    .col3-item-tax-head a:after{
        position: absolute;
        font-family: 'Font Awesome 5 Pro';
        content: "\f105";
        right: 15px;
        font-weight: 300;
        font-size: 20px;
        color: #fff;
    }
    .col3-item-content{
        margin-top: 20px;
    }
    .app-item{
        width: 100%;
        position: relative;
        padding: 10px;
        border-radius: 8px;
    }
    .home-app-item{
        padding-left: 20px;
    }
    .home-app-item:nth-child(1),
    .home-app-item:nth-child(2),
    .home-app-item:nth-child(3){
        padding-left: 35px;
    }
    .app-item:nth-child(n+2){
        margin-top: 10px;
    }
    .item-number{
        position: absolute;
        width: 30px;
        height: 30px;
        text-align: center;
        line-height: 30px;
        top: calc(50% - 15px);
        left: -10px;
        font-size: 15px;
        font-weight: 700;
    }
    .home-app-item:nth-child(1) .item-number{
        color: #fff;
        background-color: #faa72f;
    }
    .home-app-item:nth-child(1) .item-number:before{
        position: absolute;
        content: '';
        top: 0px;
        right: -8px;
        border: 15px solid transparent;
        border-right: none;
        border-left: 8px solid #faa72f;;
    }
    .home-app-item:nth-child(2) .item-number{
        color: #fff;
        background-color: #a0b9fe;
    }
    .home-app-item:nth-child(2) .item-number:before{
        position: absolute;
        content: '';
        top: 0px;
        right: -8px;
        border: 15px solid transparent;
        border-right: none;
        border-left: 8px solid #a0b9fe;;
    }
    .home-app-item:nth-child(3) .item-number{
        color: #fff;
        background-color: #fe9a8b;
    }
    .home-app-item:nth-child(3) .item-number:before{
        position: absolute;
        content: '';
        top: 0px;
        right: -8px;
        border: 15px solid transparent;
        border-right: none;
        border-left: 8px solid #fe9a8b;;
    }
    .app-item-thumb{
        width: 100px;
        height: 100px;
        border-radius: 15px;
        color: #333;
        background-color: #fff;
    }
    .app-item-info{
        min-height: 100px;
        overflow: hidden;
        width: calc(100% - (115px + 134px));
        margin-left: 15px;
        display: flex;
        align-items: center;
    }
    .app-item-title{
        font-size: 16px;
        font-weight: 700;
        line-height: 1.5;
    }
    .app-item-title a{
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .app-item-meta{
        margin-top: 5px;
    }
    .app-item-meta span,
    .app-item-meta a{
        display: inline-block;
        color: #333;
    }
    .app-item-meta a{
        margin-left: 12px;
    }
    .app-item-star{
        position: relative;
        padding-left: 20px;
        font-weight: 700;
        font-size: 15px;
    }
    .app-item-star i{
        position: absolute;
        top: 4px;
        left: 0px;
        color: #ffba00;
        font-size: 14px;
    }
    .app-item-morelink{
        display: block;
        width: 130px;
        height: 40px;
        line-height: 40px;
        margin-top: 29px;
        border-radius: 40px;
        border: 1px solid var(--th-color-main);
        text-align: center;
        color: #333;
        font-size: 16px;
        font-weight: 700;
    }
    .app-item-morelink:hover{
        color: var(--th-color-main);
        border: 1px solid var(--th-color-main);
    }
    /**/
    .home-tax-item{
        width: calc((100% - 48px) / 4);
        margin-right: 16px;
        color: #333;
        overflow: hidden;
    }
    .home-tax-item:nth-child(4n+4){
        float: right;
        margin-right: 0px;
    }
    .home-tax-item:nth-child(n+5){
        margin-top: 16px;
    }
    .home-tax-item-thumb{
        float: left;
        width: 50px;
        height: 50px;
        border-radius: 50px;
        box-sizing: border-box;
        padding: 10px;
        background-color: #0d4d86;
    }
    .home-tax-item-thumb img{
        height: 30px;
        max-width: 100%;
        margin: 0 auto;
    }
    .home-tax-item-title{
        margin-left: 65px;
        height: 50px;
        display: flex;
        align-items: center;
        font-weight: 700;
        font-size: 13px;
        line-height: 1.5;
    }
    /**/
    .home-new-item{
        width: calc((100% - 20px) / 3);
        margin-right: 10px;
        box-sizing: border-box;
        padding: 15px 10px;
        border: 1px solid #eee;
        border-radius: 10px;
        background-color: #fff;
    }
    .home-new-item:nth-child(3n+3){
        float: right;
        margin-right: 0px;
    }
    .home-new-item:nth-child(n+4){
        margin-top: 10px;
    }
    .home-new-item:hover{
        background-color: #f5f5f5;
    }
    /**/
    .app-hot-item .app-item-info{
        display: block;
        width: calc(100% - 70px);
        margin-left: 12px;
    }
    .app-hot-item .app-full-item-info-bottom{
        margin-top: 0px;
    }

    /**/
    .block-item-morelink{
        margin-top: 35px;
        text-align: center;
    }
    .block-item-morelink a{
        display: inline-block;
        padding: 8px 20px;
        color: #333;
        font-weight: 700;
        font-size: 14px
        text-transform: uppercase;
        background-color: #fff;
        border: 1px solid #eee;
        border-radius: 5px;
        text-transform: uppercase;
    }
    .block-item-morelink a:hover{
        color: var(--th-color-main);
        border: 1px solid var(--th-color-main);
    }
    .block-item-morelink a i{
        margin-left: 7px;
    }
    /**/
    .home-tab-nav{
        height: 43px;
        line-height: 43px;
        padding: 0 45px;
        border-bottom: 1px solid #d3d3d3;
    }
    .home-tab-nav li{
        position: relative;
        float: left;
        width: 50%;
        box-sizing: border-box;
        text-align: center;
        font-size: 16px;
        cursor: pointer;
        font-weight: 700;
    }
    .home-tab-nav li.active:after{
        position: absolute;
        content: '';
        width: 100%;
        height: 2px;
        left: 0px;
        bottom: 0px;
        background-color: var(--th-color-main);
    }
    .home-tab-nav li:hover{
        color: var(--th-color-main);
    }
    .home-tab-nav li.active{
        color: var(--th-color-main);
    }
    .home-tab-wrap{
        padding: 10px;
    }
    

    /*
    * FOOTER.
    */
    .footer{
        margin-top: 0px;
        background-color: var(--th-color-main);
    }
    .footer .container{
        padding: 25px 0;
        padding-bottom: 15px;
        color: #fff;
    }
    .footer-logo-social{
        display: flex;
        justify-content: center;
    }
    .footer-logo-social a,
    .footer-logo-social span{
        display: inline-block;
        width: 30px;
        height: 30px;
        color: #fff;
        box-sizing: border-box;
    }
    .footer-logo-social a:nth-child(n+2){
        margin-left: 15px;
    }
    .footer-logo{
        width: auto;
        margin-right: 10px;
    }
    .footer-logo img{
        height: 100%;
    }
    .footer-social-item{
        line-height: 28px;
        border: 2px solid #fff;
        border-radius: 100%;
        text-align: center;
    }
    .footer-nav{
        margin-top: 20px;
        text-align: center;
    }
    .footer-nav ul{
        overflow: hidden;
    }
    .footer-nav ul li{
        display: inline-block;
        position: relative;
    }
    .footer-nav li:nth-child(n+2){
        margin-left: 30px;
    }
    .footer-nav li a{
        position: relative;
        display: block;
        color: #fff;
        font-size: 16px;
    }
    .copyright{
        position: relative;
        margin-top: 15px;
        color:#fff;
        text-align: center;
    }
    /**/
    .icon-back-top{
        width: auto !important;
        right: 0px;
        line-height: 30px;
        border-radius: 30px;
        padding: 0 15px;
        cursor: pointer;
        color: #fff;
        margin-left: 15px;
        background-color: #4a9a4d;
    }
    .icon-back-top i{
        margin-left: 5px;
    }
    .icon-back-top:hover{
    }

    /*
    * ARCHIVE POST.
    */
    .sub-wrap .container{
        padding: 10px 0;
        padding-top: 30px;
    }
    .block-breadcumb{
        font-size: 14px;
        margin-top: 5px;
        padding: 0 10px;
    }
    .block-breadcumb a,
    .block-breadcumb span{
        color: #333;
        padding: 0 3px;
    }
    .block-breadcumb a{
        font-weight: 700;
    }
    .block-breadcumb span.separator{
        color: var(--th-color-main);
    }
    .block-breadcumb p>a:first-child{
        padding-left: 0px;
    }
    .block-breadcumb span.breadcrumb_last{
        padding-left: 6px;
    }

    .archive-wrap{
        margin-top: 20px;
    }
    .primary,
    .sidebar{
        border-radius: 10px;
        background-color: #f5f5f5;
    }
    .sidebar{
        width: 270px;
        padding: 20px 10px;
        
    }
    .primary{
        width: calc(100% - 290px);
        overflow: hidden;
        box-sizing: border-box;
    }
    .primary-pd{
        padding: 10px;
    }
    .primary-home{
        padding: 20px;
    }
    .archive-head{
        padding: 20px;
        color: #fff;
        background: url(images/bg/rank-bg.png) center center no-repeat;
        background-size: cover;
        border-radius: 5px;
    }
    .archive-head p{
        font-size: 25px;
        color: #34b792;
        font-weight: 700;
    }
    .archive-title{
        font-weight: 700;
        line-height: 1.5;
        font-size: 25px;
    }
    .archive-item{
        margin-top: 30px;
    }
    .archive-item-head{
        position: relative;
        padding: 10px 20px;
        background-color: #f2fbf7;
        border-radius: 5px;
        border: 1px solid #a6d9ca;
    }
    .archive-item-head h3,
    .archive-item-head span{
        display: inline;
        font-weight: 700;
        font-size: 15px;
    }
    .archive-item-head a{
        right: 20px;
        top: 12px;
        font-size: 13px;
    }
    .archive-item-list{
        margin-top: 20px;
    }
    .app-archive-item{
        width: calc(100% / 5);
        padding: 0 30px;
        padding-bottom: 42px;
    }
    .post-count{
        position: relative;
    }
    .post-count-index{
        position: absolute;
        top: 0px;
        left: 0px;
        width: 20px;
        height: 16px;
        line-height: 16px;
        border-radius: 16px;
        font-size: 10px;
        text-align: center;
        background-color: #f5f5f5;
    }
    .post-count:nth-child(1) .post-count-index,
    .post-count:nth-child(2) .post-count-index,
    .post-count:nth-child(3) .post-count-index{
        background-image: url(images/bg/crown.png);
        background-color: transparent;
        background-repeat: no-repeat;
        background-size: 20px auto;
        border-radius: 0px;
        color: #fff;
        line-height: 17px;
        text-shadow: 1px 1px 2px rgba(0, 0, 0, .5);
    }
    .post-count:nth-child(1) .post-count-index{
        background-position: 0 -1px;
    }
    .post-count:nth-child(2) .post-count-index{
        background-position: 0 -20px;
    }
    .post-count:nth-child(3) .post-count-index{
        background-position: 0 -40px;
    }
    .app-archive-item-thumb{
        display: block;
        color: #333;
        width: 100%;
        height: 114px;
        border-radius: 10px;
        overflow: hidden;
        box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    }
    .app-archive-item-info{
        margin-top: 10px;
    }
    .app-archive-item-morelink{
        display: block;
        position: absolute;
        left: 30px;
        bottom: 0px;
        width: calc(100% - 60px);
        height: 32px;
        line-height: 32px;
        border-radius: 32px;
        text-align: center;
        font-size: 13px;
        background-color: #f9f9f9;
        color: var(--th-color-main);
    }
    /**/
    .sidebar-item:nth-child(n+2){
        margin-top: 30px;
    }
    .sidebar-item-title{
        position: relative;
        font-size: 17px;
        font-weight: 700;
        line-height: 1.5;
        padding-bottom: 8px;
        padding-left: 10px;
        color: var(--th-color-main);
        border-bottom: 1px solid #d3d3d3;
    }
    .sidebar-item-title:after{
        position: absolute;
        content: '';
        width: 100px;
        height: 2px;
        left: 0px;
        bottom: -1px;
        background-color: var(--th-color-main);
    }
    .sidebar-tax-item{
        border: 1px solid #a6d9ca;
        border-radius: 5px;
        overflow: hidden;
    }
    .sidebar-tax-head{
        background-color: #f2fbf7;
    }
    .sidebar-tax-head a{
        display: block;
        color: #333;
        padding: 12px 15px;
        font-weight: 700;
        font-size: 16px;
        text-transform: uppercase;
    }
    .sidebar-tax-head a i{
        margin-right: 10px;
        color: var(--th-color-main);
    }
    .sidebar-tax-content{
        border-top: 1px solid #a6d9ca;
        padding: 20px;
    }
    .sidebar-tax-content ul li:nth-child(n+2){
        margin-top: 10px;
    }
    .sidebar-tax-content ul li a{
        display: block;
        color: #333;
        font-size: 13px;
    }
    .sidebar-tax-content ul li a span{
        color: #999;
    }


    /* Pagination */
    .pagination{
        clear: both;
        text-align: center;
    }
    .pagination span,
    .pagination a{
        display: inline-block;
        margin-right: 10px;
        margin-top: 15px;
        height: 35px;
        line-height: 35px;
        padding: 0 14px;
        color: #999;
        border: 1px solid #eee;
        background-color: #fff;
        border-radius: 3px;
        font-size: 15px;
        font-weight: 700;
    }
    .pagination a:last-child,
    .pagination span:last-child{
        margin-right: 0px;
    }
    .pagination a:hover{
        border: 1px solid var(--th-color-main);
    }
    .pagination .current{
        color: var(--th-color-main);
        border: 1px solid var(--th-color-main);
    }
    .pagination .next,
    .pagination .prev{
        width: auto;
        padding: 0 14px;
    }

    /*
    * TAX APP.
    */
    .tax-wrap{
        margin-top: 20px;
    }
    .tax-title{
        font-size: 20px;
        line-height: 1.5;
        font-weight: 700;
    }
    .app-tax-item{
        margin-top: 10px;
        padding-top: 10px;
        border-top: 1px solid #eee;
    }
    .app-tax-item-left{
        position: relative;
        width: 80px;
        padding-top: 26px;
        text-align: center;
    }
    .app-tax-item-right{
        padding-top: 26px;
        width: calc(100% - 100px);
    }
    .app-tax-item .post-count-index{
        left: calc(50% - 10px);
        top: 0px;
    }
    .app-tax-item-thumb{
        display: block;
        color: #333;
        height: 80px;
        border-radius: 10px;
        overflow: hidden;
        box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    }
    .app-tax-item-price{
        display: inline-block;
        height: 22px;
        line-height: 22px;
        padding: 0 10px;
        border-radius: 22px;
        font-size: 13px;
        background-color: #f5f5f5;
        margin-top: 10px;
    }
    .app-tax-item-title{
        font-size: 17px;
    }
    .app-tax-item-des{
        margin-top: 5px;
    }
    .app-tax-item-morelink{
        margin-top: 10px;
        text-align: right;
    }
    .app-tax-item-morelink a{
        display: inline-block;
        font-size: 13px;
        height: 30px;
        line-height: 30px;
        padding: 0 15px;
        border-radius: 5px;
        color: #fff;
        padding: 0 15px;
        background-image: linear-gradient(to right,#24cd77,#34b792);
    }
    .app-tax-item-morelink a i{
        margin-left: 5px;
    }

    /*
    * SIDEBAR.
    */
    .sidebar-tab-nav{
        margin-top: 10px;
    }
    .sidebar-tab-nav li{
        display: inline-block;
    }
    .sidebar-tab-nav li:nth-child(n+2){
        margin-left: 10px;
    }
    .sidebar-tab-nav li a{
        display: block;
        height: 35px;
        line-height: 35px;
        padding: 0 20px;
        border-radius: 35px;
        color: var(--th-color-main);
        background-color: #f2f2f2;
        font-weight: 700;
    }
    .sidebar-tab-nav li a.active{
        color: #fff;
        background-color: #075387;
    }
    .sidebar-tab-item-morelink{
        margin-top: 20px;
    }
    .sidebar-tab-item-morelink a{
        display: block;
        height: 35px;
        line-height: 35px;
        border-radius: 5px;
        background-color: #f2f2f2;
        font-weight: 700;
        text-align: center;
        color: var(--th-color-main);
    }
    .sb-app-item{
        margin-top: 10px;
        background-color: #fff;
        border-radius: 5px;
        padding: 10px;
    }
    .sb-app-item-thumb{
        width: 58px;
        height: 58px;
        border-radius: 8px;
    }
    .sb-app-item-info{
        margin-left: 10px;
        min-height: 58px;
        width: calc(100% - 68px - 50px);
        display: flex;
        align-items: center;
    }
    .sb-app-item-title{
        font-size: 15px;
        font-weight: 700;
        color: var(--th-color-main);
    }
    .sb-app-item-star{
        width: 45px;
        height: 58px;
        line-height: 58px;
    }
    .sb-app-item-star .app-item-star{
        font-weight: 400;
    }
    .sb-app-item-star .app-item-star i{
        top: 1px;
    }
    .sb-app-item-cat a{
        color: #666;
        font-size: 13px;
    }
    .sb-app-item-star i{
        top: 4px;
    }
    /**/
    .sidebar-nav ul li:nth-child(n+2){
        border-top: 1px dotted #ddd;
    }
    .sidebar-nav ul li a{
        position: relative;
        display: block;
        padding: 10px;
        padding-left: 25px;
        font-weight: 700;
        color: #333;
    }
    .sidebar-nav ul li a:hover{
        color: var(--th-color-main);
    }
    .sidebar-nav ul li a:before{
        position: absolute;
        content: '';
        width: 5px;
        height: 5px;
        top: 19px;
        left: 10px;
        border-radius: 100%;
        background-color: var(--th-color-main);
    }
    /**/
    .home-cat-item{
        position: relative;
        display: block;
        color: #333;
        position: relative;
        padding-left: 15px;
    }
    .home-cat-item:nth-child(n+2){
        margin-top: 8px;
        padding-top: 8px;
        border-top: 1px dotted #ddd;
    }
    .home-cat-item:before{
        position: absolute;
        content: '';
        width: 5px;
        height: 5px;
        top: 17px;
        left: 0px;
        border-radius: 100%;
        background-color: var(--th-color-main);
    }
    .home-cat-item:nth-child(1):before{
        top: 8px;
    }
    .home-cat-item-title{
        font-size: 14px;
        font-weight: 500;
    }


    /*
    * SINGLE APP.
    */
    /**/
    .single-app-info{
        position: relative;
        overflow: hidden;
        margin-bottom: 20px;
        background-color: #fff;
        border-radius: 10px;
        padding: 10px;
        margin-top: 15px;
        overflow: hidden;
    }
    .single-app-thumb{
        width: 80px;
        height: 80px;
        border-radius: 10px;
        box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
    }
    .single-app-thumb img{
        width: 100%;
    }
    .single-app-info-right{
        width: calc(100% - 80px - 150px);
        margin-left: 15px;
    }
    .single-app-info-right>p{
        position: relative;
        display: inline-block;
        margin-right: 20px;
    }
    .single-app-info .app-item-star i{
        top: 3px;
    }
    .single-app-title{
        font-size: 20px;
        line-height: 1.5;
        font-weight: 700;
        color: var(--th-color-main);
    }
    .single-app-title i{
        color: #00D49F;
    }
    .app-top-attr{
        margin-top: 6px;
    }
    .app-top-attr-item{
        position: relative;
        text-align: center;
        display: inline-block;
    }
    .app-top-attr-item:nth-child(n+2){
        margin-left: 40px;
    }
    .app-top-attr-item:nth-child(n+2):before{
        position: absolute;
        content: '';
        width: 1px;
        height: 30px;
        top: 6px;
        left: -20px;
        background-color: #e8e8e8;
    }
    .app-top-attr-item strong,
    .app-top-attr-item span{
        display: block;
    }
    .app-top-attr-item strong{
        font-size: 15px;
    }
    .app-top-attr-item span{
        font-size: 13px;
        margin-top: 3px;
        color: #666;
    }
    .app-top-attr-item strong.raiting{
        position: relative;
        padding-right: 17px;
    }
    .app-top-attr-item strong.raiting i{
        font-size: 11px;
        position: absolute;
        right: 0px;
        top: 6px;
        color: #ffba00;
    }
    .single-app-btn-dl-top{
        position: absolute;
        right: 20px;
        bottom: 15px;
        display: inline-block;
        height: 36px;
        line-height: 36px;
        border-radius: 36px;
        text-align: center;
        color: #fff;
        width: 100px;
        font-weight: 700;
        background-color: var(--th-color-main);
        animation: Breath 1s linear infinite;
        -webkit-animation: Breath 1s linear infinite;
    }
    .app-top-secui{
        position: absolute;
        top: -4px;
        right: -36px;
        display: inline-block;
        width: 100px;
        height: 35px;
        line-height: 42px;
        text-align: center;
        color: #fff;
        font-size: 17px;
        background-color: var(--th-color-main);
        transform: rotate(45deg);
    }
    
    .single-app-dl-btn{
        position: absolute;
        width: 210px;
        height: 60px;
        top: 15px;
        right: 15px;
        border-radius: 5px;
        color: #fff;
        box-sizing: border-box;
        padding: 10px 20px;
        line-height: 1;
        z-index: 100;
        /*background-image: linear-gradient(to right,#34b792,#24cd77);*/
        background-image: linear-gradient(to right,#03a9f4,#009688);
    }
    .single-app-dl-btn:hover{
        background-image: linear-gradient(to right,#ff5722,#ff9800);
    }
    .single-app-dl-btn p:nth-child(1){
        font-size: 20px;
        font-weight: 700;
    }
    .single-app-dl-btn p:nth-child(2){
        margin-top: 5px;
        font-weight: 500;
    }
    .single-app-dl-btn p:nth-child(2) span:last-child{
        display: none;
    }
    .single-app-dl-btn i{
        position: absolute;
        display: block;
        width: 50px;
        height: 50px;
        top: 5px;
        right: 0px;
        text-align: center;
        line-height: 50px;
        font-size: 25px;
        border-left: 1px solid rgba(255, 255, 255, .8);
    }

    /**/
    .single-title{
        font-size: 18px;
        font-weight: 700;
        line-height: 1.5;
        color: var(--th-color-main);
    }
    .single-news-head{
        padding: 10px;
    }
    .single-content-wrap{
        padding: 0 10px;
    }
    .app-content-attr-item{
        float: left;
        width: calc((100% - 10px) / 2);
        margin-right: 10px;
        background-color: #fff;
        border-radius: 10px;
        box-sizing: border-box;
        padding: 6px 10px;
    }
    .app-content-attr-item:nth-child(2n+2){
        float: right;
        margin-right: 0px;
    }
    .app-content-attr-item:nth-child(n+3){
        margin-top: 10px;
    }
    .app-content-attr-icon{
        width: 30px;
        height: 30px;
        border-radius: 100%;
        background-image: url(images/icon/app-icon-attr.png);
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-color: #fff;
        margin-top: 5px;
    }
    .app-content-attr-item:nth-child(2) .app-content-attr-icon{
        background-position: 0px -30px;
    }
    .app-content-attr-item:nth-child(3) .app-content-attr-icon{
        background-position: 0px -60px;
    }
    .app-content-attr-item:nth-child(4) .app-content-attr-icon{
        background-position: 0px -89px;
    }
    .app-content-attr-item:nth-child(5) .app-content-attr-icon{
        background-position: 0px -119px;
    }
    .app-content-attr-item:nth-child(6) .app-content-attr-icon{
        background-position: 0px -149px;
    }
    .app-content-attr-info{
        margin-left: 40px;
        line-height: 1.5;
    }
    .app-content-attr-info p:nth-child(1){
        font-weight: 700;
    }
    .app-content-attr-info a{
        color: #2196f3;
    }

    /**/
    .box-app-download{
        margin-top: 20px;
        border-radius: 15px;
        padding: 20px;
        overflow: hidden;
        background-color: #fff;
    }
    .box-app-download-top{
        position: relative;
        color: #333;
        display: block;
    }
    .box-app-download-thumb{
        width: 72px;
        height: 72px;
        overflow: hidden;
        border-radius: 8px;
    }
    .box-app-download-info{
        width: calc(100% - 85px);
    }
    .box-app-download-info p:nth-child(1){
        font-size: 16px;
        margin-top: 9px;
    }
    .box-app-download-info p:nth-child(2){
        font-size: 13px;
        margin-top: 5px;
    }
    .box-app-download-btn{
        margin-top: 15px;
        display: flex;
        justify-content: center;
    }
    .box-app-download-btn-item{
        position: relative;
        display: block;
        float: left;
        width: calc((100% - 10px) / 2);
        box-sizing: border-box;
        text-align: center;
        height: 56px;
        line-height: 54px;
        color: var(--th-color-main);
        border: 1px solid var(--th-color-main);
        border-radius: 5px;
        font-size: 17px;
        background-color: #f4fff4;
    }
    .box-app-download-btn-item:nth-child(2){
        float: right;
    }
    .box-app-download-btn-item:nth-child(1){
        color: #fff;
        background-color: var(--th-color-main);
        animation: Breath 1s linear infinite;
        -webkit-animation: Breath 1s linear infinite;
    }
    .box-app-download-btn-item i{
        margin-right: 10px;
        font-size: 22px;
    }
    .btn-note{
        position: absolute;
        top: -13px;
        right: -1px;
        height: 26px;
        line-height: 26px;
        padding: 0 10px;
        color: #fff;
        background-color: #3bc5f3;
        font-size: 14px;
        border-radius: 26px 26px 26px 0;
    }
    .btn-note i{
        font-size: 14px;
        margin-right: 5px;
    }
    
    
    .btn-rating i{
        color: #FFA200;
    }
    .btn-rating i.star-bold {
        font-weight: 700;
        color: #FFA200;
    }

    /**/
    .box-ads-item{
        font-size: 13px;
        color: #999;
    }
    .box-ads-top{
        margin-top: 5px;
    }
    .box-ads-bottom{
        margin-top: 20px;
    }
    .box-ads-top-dl{
        padding-top: 20px;
        padding-bottom: 0px;
    }
    
    /**/
    .single-content{
        font-size: 16px;
    }
    .single-content p{
        padding: 8px 0;
    }
    .single-content p:first-child{
        padding-top: 0px;
    }
    .single-content p:last-child{
        padding-bottom: 0px;
    }
    .single-content table,
    .single-pro-des table{
        width: 100% !important;
        margin: 8px 0;
        border-top: 1px solid #ddd;
        border-left: 1px solid #ddd;
    }
    .single-pro-des table{
        margin: 0px;
        margin-top: 15px;
        background-color: #fff;
    }
    /*.single-content table tr:nth-child(odd),
    .single-pro-des table tr:nth-child(odd){
        background-color: #f9f9f9;
    }*/
    .single-content table tr td,
    .single-pro-des table tr td{
        padding: 10px 15px;
        border-right: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
    }
    .single-content table tr td[colspan="3"]{
        color: #fff;
        background-color: #518aaa;
        letter-spacing: 1px;
    }
    .single-content a{
        color: var(--th-color-main);
    }
    .single-content a:hover{
        text-decoration: underline;
    }
    .single-content img{
        /*width: auto !important;*/
        max-width: 100%;
        height: auto !important;
        display: inline-block !important;
        margin: 0 auto;
    }
    .single-content h2,
    .single-content h3{
        position: relative;
        font-size: 17px;
        padding: 8px 0;
        font-weight: 700;
        line-height: 1.5;
    }
    .single-content h2{
        font-size: 25px;
    }
    .single-content h3{
        font-size: 20px;
    }
    .sl-app-attr-head{
        margin: 10px 0;
        margin-top: 20px;
        font-weight: 700;
        font-size: 18px;
        color: var(--th-color-main);
    }
    .single-content ul{
        list-style: square;
        padding: 8px 0;
        padding-left: 30px;
    }
    .single-content ol{
        padding: 8px 0;
        padding-left: 20px;
    }
    .single-content h2:first-child,
    .single-content h3:first-child,
    .single-content ul:first-child{
        padding-top: 0px;
    }
    .single-content h2:last-child,
    .single-content h3:last-child,
    .single-content ul:last-child{
        padding-bottom: 0px;
    }
    .single-content ul li:nth-child(n+2),
    .single-content ol li:nth-child(n+2){
        margin-top: 5px;
    }
    .single-content ol li::marker{
        font-weight: 700;
    }
    .single-content p iframe,
    .single-content iframe{
        display: block !important;
        width: 100% !important;
        height: 500px !important;
    }
    .single-content .wp-caption{
        width: 100% !important;
    }
    .single-content p.wp-caption-text{
        padding-top: 0px;
        padding-bottom: 10px;
        text-align: center;
        line-height: 20px;
        color: #666;
        font-style: italic;
    }
    /* Box Tag */
    .box-tag{
    }
    .box-tag-content{
        margin-top: 0px;
    }
    .box-tag-content a{
        display: inline-block;
        margin-right: 6px;
        margin-top: 10px;
        line-height: 32px;
        height: 32px;
        font-size: 14px;
        border: 1px solid var(--th-color-main);
        padding: 0 10px;
        color: var(--th-color-main);
        border-radius: 5px;
        background-color: #fff;
    }
    .box-tag-content a:hover{
        color: #fff;
        background-color: var(--th-color-main);
    }
    /* Single app related */
    .single-app-item{
        background-color: #fff;
    }
    .single-app-item .app-item-thumb{
        width: 75px;
        height: 75px;
    }
    .single-app-item .app-item-info{
        width: calc(100% - 85px - 50px);
        min-height: 75px;
        margin-left: 10px;
    }
    .single-app-item .app-item-title{
        font-size: 15px;
    }
    .single-app-item .app-item-morelink{
        width: 45px;
        height: 33px;
        line-height: 33px;
        border-radius: 10px;
        margin-top: 21px;
        color: var(--th-color-main);
    }
    .single-app-item-meta p:nth-child(1){
        margin-top: 5px;
        margin-bottom: 3px;
    }
    .single-app-item-meta a{
        display: inline-block;
        height: 23px;
        line-height: 23px;
        border-radius: 23px;
        color: #333;
        background-color: #f5f5f5;
        padding: 0 10px;
    }
    .single-app-item-meta span{
        font-weight: 400;
    }
    .single-app-item-meta span i{
        font-size: 13px;
        top: 1px;
    }


    /* Box note  */
    .box-note{
    }
    .box-note-content{
        margin-top: 10px;
        background-color: #fff;
        padding: 15px;
        border-radius: 10px;
    }
    .box-note-content p:nth-child(n+2){
        margin-top: 8px;
    }

    /*
    * SINGLE DOWNLOAD.
    */
    .single-download-wrap{
    }
    .single-download-head{
        border: 1px solid #333;
        padding: 10px;
        border-radius: 10px;
        position: relative;
        overflow: hidden;
        margin-top: 15px;
/*        background-color: #fff;*/
    }
    .single-download-thumb{
        width: 110px;
        height: 110px;
        border-radius: 10px;
        overflow: hidden;
    }
    .single-download-info{
        display: flex;
        align-items: center;
        min-height: 110px;
        margin-left: 10px;
        width: calc(100% - 120px - 180px);
    }
    .single-download-info-inner{
        width: 100%;
        font-size: 13px;
    }
    .single-download-info-inner p:nth-child(2){
        margin-top: 10px;
    }
    .single-download-link{    
    }
    .single-download-btn{
        width: 170px;
    }
    .single-download-btn a{
        display: block;
        width: 100%;
        color: #333;
    }
    .single-download-btn a:nth-child(2){
        margin-top: 10px;
    }
    .single-apk-item{
        background-color: var(--th-color-main);
    }
    .single-apk-item-thumb{
        width: 60px;
        height: 60px;
        border-radius: 10px;
    }
    .single-apk-item-info{
        width: calc(100% - 90px - 70px);
        min-height: 60px;
        display: flex;
        align-items: center;
        color: #fff;
        margin-left: 10px;
        font-size: 13px;
    }
    .single-apk-item-info-inner{
        width: 100%;
    }
    .single-apk-item-info-inner p:nth-child(2){
        font-size: 14px;
        margin-top: 3px;
    }
    .single-apk-item-btn{
        width: 50px;
        height: 50px;
        line-height: 50px;
        color: #fff;
        font-size: 25px;
        text-align: center;
        margin-top: 4px;
    }

    .box-ads-dl{
        margin-top: 20px;
    }
    /* box hd  */
    /**/
    .box-hd{
        margin-top: 30px;
    }
    .kh-ct-item{
        position: relative;
        padding: 15px 10px;
        border:  1px solid #eee;
        border-radius: 5px;
        overflow: hidden;
    }
    .kh-ct-item:nth-child(n+2){
        margin-top: 15px;
    }
    .kh-ct-item-head{
        position: relative;
        cursor: pointer;
        padding-right: 10px;
        padding-left: 40px;
        font-weight: 700;
        background-color: #fff;
        color: var(--th-color-main);
    }
    .kh-ct-item-index{
        position: absolute;
        display: block;
        width: 30px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        top: -4px;
        left: 0px;
        border-radius: 100%;
        background-color: #f3f3f3;
    }
    .kh-ct-item-icon{
        position: absolute;
        top: 0px;
        right: 0px;
    }
    .kh-ct-item-icon i:nth-child(2){
        display: none;
    }
    .kh-ct-item-active .kh-ct-item-icon i:nth-child(1){
        display: none;
    }
    .kh-ct-item-active .kh-ct-item-icon i:nth-child(2){
        display: block;
    }
    .kh-ct-item-content{
        display: none;
        margin-top: 20px;
        padding-top: 15px;
        padding-left: 10px;
        padding-right: 10px;
        border-top: 1px solid #eee;
    }
    /**/
    .app-dl-wrap{
        margin-top: 30px;
    }
    .app-dl-wrap .app-item:nth-child(n){
        float: left;
        margin: 0px;
        width: calc((100% - 20px) / 2);
    }
    .app-dl-wrap .app-item:nth-child(2){
        border-top: 0px;
        padding-top: 0px;
    }
    .app-dl-wrap .app-item:nth-child(2n+2){
        float: right;
        margin-left: 20px;
    }
    .app-dl-wrap .app-item:nth-child(n+3){
        margin-top: 20px;
    }

    /*
    * PAGE CATEGORY.
    */
    .category-wrap{
        padding: 15px 10px;
    }
    .category-wrap-item:nth-child(n+2){
        margin-top: 20px;
        padding-top: 15px;
        border-top: 1px solid #ddd;
    }
    .category-wrap-item-head{
        font-size: 18px;
        font-weight: 700;
    }
    .category-wrap-item-head a{
        color: var(--th-color-main);
    }
    .archive-app-item{
        width: calc((100% - 50px) / 6);
        margin-right: 10px;
        background-color: #fff;
        box-sizing: border-box;
        padding: 5px;
        border-radius: 10px;
        margin-top: 10px;
        border-bottom: 2px solid #ddd;
    }
    .archive-app-item:nth-child(6n+6){
        float: right;
        margin-right: 0px;
    }
    .archive-app-item-thumb{
        display: block;
        color: #333;
        height: 109px;
        border-radius: 8px;
    }
    .archive-app-item-title{
        margin-top: 10px;
        line-height: 1.5;
        font-weight: 700;
        text-align: center;
    }
    .archive-app-item-title a{
        display: block;
        color: #333;
    }
    .empty-content{
        font-size: 13px;
        margin-top: 5px;
        padding: 0 10px;
    }
    .category-wrap-item-morelink{
        margin-top: 15px;
        text-align: center;
    }
    .category-wrap-item-morelink a{
        display: inline-block;
        height: 30px;
        line-height: 30px;
        padding: 0 20px;
        border-radius: 5px;
        color: #333;
        font-weight: 700;
        border: 1px solid var(--th-color-main);
    }

    /*
    * ARCHIVE APP.
    */
    .archive-app-title{
        margin-top: 10px;
        padding-left: 10px;
        font-size: 18px;
        line-height: 1.5;
        color: var(--th-color-main);
    }
    .archive-app-wrap .app-item:nth-child(n+2){
        margin-top: 0px;
        border-top: 1px solid #ddd;
    }

    /*
    * ARCHIVE NEWS.
    */
    .archive-news-wrap{
        padding: 10px 0;
    }
    .archive-news-item{
        border-radius: 10px;
        overflow: hidden;
        background-color: #fff;
        box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
    }
    .archive-news-item:nth-child(n+2){
        margin-top: 20px;
    }
    .archive-news-item-thumb{
        display: block;
        color: #333;
        height: 380px;
    }
    .archive-news-item-info{
        padding: 12px;
    }
    .archive-news-item-title{
        font-size: 15px;
        font-weight: 700;
        line-height: 1.5;
    }

    /*
    * SINGLE NEWS.
    */
    .single-news-related-item{
        width: calc((100% - 20px) / 3);
        margin-right: 10px;
        border-radius: 5px;
        overflow: hidden;
        background-color: #fff;
    }
    .single-news-related-item:nth-child(3n+3){
        float: right;
        margin-right: 0px;
    }
    .single-news-related-item:nth-child(n+4){
        margin-top: 10px;
    }
    .single-news-related-item .archive-news-item-thumb{
        height: 122px;
    }
    .news-app-info{
        min-height: 72px;
        display: flex;
        align-items: center;
    }
    .news-app-info p:nth-child(n){
        font-weight: 700;
        margin-top: 0px;
    }
    .news-app-btn{
        display: block;
        height: 40px;
        line-height: 40px;
        text-align: center;
        color: #333;
        border-radius: 10px;
        font-size: 15px;
        border: 2px solid var(--th-color-main);
    }

    /*
    * SEARCH.
    */
    .search-head{
        font-size: 18px;
        font-weight: 700;
        line-height: 1.5;
        color: var(--th-color-main);
    }
    .search-wrap{
        margin-top: 15px;
    }
    .search-item-info{
        min-height: 75px;
        display: flex;
        align-items: center;
        margin-left: 10px;
        width: calc(100% - 85px);
    }
    .search-item-title{
        font-size: 15px;
        font-weight: 700;
        line-height: 1.5;
    }
    .search-item-title a{
        display: block;
        color: #2196f3;
    }
    .search-item-meta p{
        margin-top: 2px;
    }
    .search-item-meta p:nth-child(2) a{
        font-size: 13px;
        color: #666;
    }
    

    /*
    * .
    */
    .single-app-gallery{
        margin: 20px 0;
        padding: 0 15px;
    }
    .app-gallery-item{
        height: 310px;
        margin: 0 8px;
        display: block;
        color: #333;
        border-radius: 5px;
        overflow: hidden;
        background-color: #f5f5f5;
    }
    .app-gallery-item:hover{
        cursor: zoom-in;
    }
    .app-gallery-item img{
        height: 100% !important;
    }
}
@keyframes Breath{0%{transform:scale(.92)}50%{transform:scale(100%)}100%{transform:scale(.92)}}