:root{
    --mobile-footer-height: 70px;
    --mobile-footer-safe-bottom: env(safe-area-inset-bottom, 0px);
    --mobile-footer-offset: 0px;
}
html,body{
    background:#000;
}
.layui-layer-title {
  color: #FFF;
  font-size: 1.1em;
  font-weight: 700;
  background: #1e2026;
  border-bottom: 1px solid #333;
}
.footer {
    position:fixed;
     left: 0;
     right: 0;
     bottom: var(--mobile-footer-offset);
     width: 100%;
     min-height: var(--mobile-footer-height);
     padding-bottom: 0;
     background-color: #000;
     transform: translate3d(0, 0, 0);
     -webkit-transform: translate3d(0, 0, 0);
     backface-visibility: hidden;
     -webkit-backface-visibility: hidden;
     will-change: bottom;
     overflow: hidden;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
}

.navbar{
    border-top: 1px solid transparent;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
}

.group-container{
    padding:0;
    height:100%;
}

.selectors, .block{
    height:100%;
    width:100%;
}

#buttonGroup{
    min-height: calc(var(--mobile-footer-height) + var(--mobile-footer-safe-bottom));
    padding-bottom: var(--mobile-footer-safe-bottom);
    background:#000;
    box-sizing:border-box;
}

.selectors button{
    border: 0;
    border-radius: 0;
    background-color: #000 !important;
    width:25%;
    margin-left: 0;
}

.selectors button:active{
    border:0;
}

.selectors button:focus{
    border:0;
    outline: 0;
    box-shadow: 0 0 0 0px;
}
.footer .selector-holder{
    line-height:20px !important;
}
.footer .active, .selector-holder{
    display: flex;
    flex-direction: column;
}

.inactive{
    display: none;
}

.selector-holder span{
    font-size: 0.7rem;
}

/* Colors of the buttons*/
/*.button-active, .selectors button:hover, .selectors button:active, .selectors button:focus{
    color: #ff0000;
}
*/
.button-inactive{
    color: #000;
}
    .footer {
      display: none;
    }
    .favnewicon{
    padding:4px 8px; border-radius:50%; opacity: 0.6; background:#ff0000;
}
.favabsolute{
    bottom:unset;
    left:unset;
    top:5px;
    right:10px;
}
.pagemd{margin:0; position:relative; z-index:9999;}
.pagetop{
display:flex; flex-wrap:wrap; justify-content: space-between;position: absolute;margin: 0 auto;width: 100%;left: 0;right: 0; margin:0 auto;
}
    .contents{
        padding-bottom:0;
    }
.ispc{display:block;}
.ismobile{display:none !important;}


    .ispc .layui-laypage a, .ispc .layui-laypage span{
        font-size:12px !important;
        padding:0;
        width:44px;
        margin:0 1px;
    }
    .ispc .layui-laypage-prev,.ispc .layui-laypage-next{
    padding:0 18px !important;
    width:auto !important;
}
.sidebar__menu-group ul.sidebar_nav{
    margin-top:70px;
}
.sidebar__menu-group ul.sidebar_nav li > a .nav-icon{
    margin-right:10px;
}

.layout-dark .sidebar .sidebar__menu-group ul li a:hover, .layout-dark .sidebar .sidebar__menu-group ul li a.active{
    background:none;
}
.layout-dark .sidebar .sidebar__menu-group ul li a span, .layout-dark .sidebar .sidebar__menu-group ul li a span{
    padding:5px 10px;

}
.layout-dark .sidebar .sidebar__menu-group ul li a:hover span, .layout-dark .sidebar .sidebar__menu-group ul li a.active span{
    padding:5px 10px;
    border-radius:10px;
    background:#111;
}
.ismobileflex {display:none !important;}
@media only screen and (max-width: 767px){
    .newwindow{position: absolute; bottom: 0; width: 50px;}
    .main-content{overflow-x: hidden;}
.ismobileflex {display:flex !important;justify-content:end;}

.ispc{display:none;}
.ismobile{display:block !important;}
.isflexmobile{display:flex;}
    .pagemd{
        width: 100%;white-space: nowrap;
    }
    .pagetop{display:flex; flex-wrap:wrap; justify-content: space-between;width: 100%; margin-bottom:0; position:unset;}
    .pagetop a{border-radius:5px !important; width:39%;}
    .pagetop.layui-laypage-molv{
        margin-bottom:2px;
    }
    html,body{
/*        overflow-x: hidden;*/
    }
    .material-icons{
        font-size:20px;
    }
    .footer {
      display: block;
    }
    #buttonGroup{
        min-height: calc(var(--mobile-footer-height) + var(--mobile-footer-safe-bottom));
        padding-bottom: var(--mobile-footer-safe-bottom);
    }
    .card .card-body{
        padding:0;
    }
    .wp100{
        width:88%;
        position: relative;
    }
    .favnewicon{
    padding:6px 12px; margin-left:5px; border-radius:50%; opacity: 0.6; background:#ff0000;
    }
    .usetime {
      position: absolute;
      right: 10px;
      bottom: 5px;
      color: #FFF;
      font-size:1.2em;
      font-weight: 700;
      text-shadow: 1px 1px #000;
    }
    .favabsolute{
        bottom:unset;
        left:unset;
        top:5px;
        right:10px;
    }
    .product-item .card-body.pb-25{
        padding:12px 5px 18px;/*  !important*/
    }
    .pagemd a, .pagemd span{
        padding:0 10px;
    }
    .pagemd{
        display: flex;flex-wrap: wrap;justify-content: center;
    }
    .taglist h2{
        width:70px;
        margin-right:0;
        text-align:center;
    }
    input[type=button] {
        -webkit-appearance: none !important;
    }
    .ismobile .layui-laypage a, .ismobile .layui-laypage span{
        font-size:12px !important;
                padding:0 !important;
        width:48px !important;
  -webkit-appearance: none;   

        margin:0 1px;
    }
    .ismobile .layui-laypage a.layui-laypage-prev,.ismobile .layui-laypage a.layui-laypage-next{
    padding:0 18px !important;
    width:39.5% !important;
        margin:0;
}
.ismobile{
/*    margin:0 5px;*/
}
    .mbft{
        padding-bottom:calc(var(--mobile-footer-height) + var(--mobile-footer-safe-bottom) + 15px) !important;
    }
    .sidebar__menu-group ul.sidebar_nav li > a{
        padding-left:0;
        padding-right:0;
    }
    .sidebar__menu-group ul.sidebar_nav{
    margin-top:60px;
}
}

.selector-holder.active{
    color:#FF0000;
}

.newwi img{
    max-width:273.3px;
    max-height:84.8px;
}
.product-item__body .card-title{font-size:1.1em;}
.product-item__body span{font-size:1em !important;}
.card-body{padding:0 5px;}
@media only screen and (max-width: 767px) {
.card-body{padding:0;}


}
.layui-fixbar li{
    opacity: .6;
}