@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic&subset=latin,vietnamese,latin-ext);
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;list-style: none;vertical-align:baseline}
footer,header,hgroup,menu,nav,section{display:block}
body{font-family:Roboto;background:#e9ebee;font-size:13px}
ol,ul{list-style:none}
h1,h2,h3,h4,h5,h6{text-rendering:optimizeLegibility}
a:hover,a:active{outline:none}
a{color:#333}
a,a:hover,a:active,a:visited{text-decoration:none!important;outline:0!important}
a:hover{color:#d80f16;text-decoration:none}
img{border:0;vertical-align:middle}
* html{height:1%}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
:before,:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.navbar-container{position: fixed;box-shadow: 0 3px 20px rgba(0,0,0,.1);width:1230px}
.navbar-logo{float:left;height:50px;overflow:hidden;white-space:nowrap}
.container{position:relative;margin:auto;overflow:hidden;margin-top: 4rem!important;}
@media (min-width:1366px){.container{width:1310px}}
@media (max-width:1365px) and (min-width:1280px){.container{width:1230px}}
@media (max-width:1279px) and (min-width:1024px){.container{width:990px}}
@media (max-width:1023px) and (min-width:800px){.container{width:800px}}
@media (max-width: 799px) and (min-width:768px){.container {width: 768px;}}
@media (max-width:767px) and (min-width:640px){.container{width:640px}}
@media (max-width:639px) and (min-width:480px){.container{width:480px}}
@media (max-width:479px) and (min-width:412px){.container{width:412px}}
@media (max-width:411px) and (min-width:375px){.container{width:375px}}
@media (max-width:374px) and (min-width:360px){.container{width:360px}}
@media (max-width:359px){.container{width:320px}}
.hcontent{padding:20px 0}
@media (max-width:992px){.hcontent{padding:20px 0}}
.navbar{display:inline-block;position:fixed;top:0;left:0;right:0;height:50px;background:#ffffff;z-index:9;box-shadow: 0 3px 20px rgba(0,0,0,.1);}
@media (min-width:1024px){.navbar{position:fixed}}
@media (min-width:1023px){.navbar{position:fixed}}
@media (max-width:359px){.navbar-container{width:320px}}
@media (max-width:374px) and (min-width:360px){.navbar-container{width:360px}}
@media (max-width:411px) and (min-width:375px){.navbar-container{width:375px}}
@media (max-width:479px) and (min-width:412px){.navbar-container{width:412px}}
@media (max-width:639px) and (min-width:480px){.navbar-container{width:480px}}
@media (max-width:767px) and (min-width:640px){.navbar-container{width:640px}}
@media (max-width:799px) and (min-width:768px){.navbar-container{width:768px}}
@media (max-width:1023px) and (min-width:800px){.navbar-container{width:800px}}
@media (max-width:1279px) and (min-width:1024px){.navbar-container{width:990px}}
@media (max-width:1365px) and (min-width:1280px){.navbar-container{width:1230px}}
@media (min-width:1366px){.navbar-container{width:1310px}}
@media (min-width:1024px){.navbar-container{padding:0}}
@media (max-width:1023px){.navbar-container{padding:0 10px}}
.navbar-container{position:relative;margin:auto}
.navbar-logo .logo{display:block}
.navbar-menu-toggle{float:left}
@media (max-width:1023px){.navbar-menu-toggle{width:24px;height:18px;margin:16px 16px 16px 20px;background-image:url(https://cdn4.iconfinder.com/data/icons/wirecons-free-vector-icons/32/menu-alt-512.png);background-position:center;background-repeat:no-repeat;background-size:cover}}
@media (min-width:1024px){.navbar-menu-toggle{display:none}}
.navbar-menu{float:left;display:inline-flex;height:50px;line-height:50px;width:calc(75% - 20px)}
@media (max-width:1023px){.navbar-menu{background: #fff; width: 230px; height: 100%; display: block; position: fixed; left: -230px; top: 51px; transition: left 0.3s linear; margin: 0; overflow-y: auto; overflow-x: hidden}}
@media (max-width:1023px){.navbar-menu.active{left: 0px; transition: left 0.3s linear}}
.navbar-menu-item{    height: 38px;
    margin-top: 1px;
    text-transform: initial;
    font-size: 14px;
    cursor: pointer;
    font-weight: 600;
    -webkit-transition: color .5s,background .5s;
    transition: color .5s,background .5s;}
    .navbar-menu-item i {background: #f5f5f5;padding: 6px;border-radius: 100%;}
@media (min-width: 1600px){.navbar-menu-item {margin: 0 20px;font-size: 15px}}
@media (min-width: 1280px){.navbar-menu-item {float: left;margin: 0 15px;padding: 0 5px;-webkit-transition: border .3s;transition: border .3s}}
@media (max-width: 1279px) and (min-width: 1024px){.navbar-menu-item {float: left;margin: 0 8px;padding: 0 5px;-webkit-transition: border .3s;transition: border .3s}}
@media (max-width: 1023px){.navbar-menu-item {border-bottom: 1px solid #eee;position: relative;display: block;padding: 0 10px;line-height: 40px}}
@media (max-width:992px){.logonew{margin-top:1px}}
.player{width: inherit;/* width: 917px; */margin:0 10px 10px 0;float:left;background:#000;position:relative}
@media (max-width:1200px){.player{width:100%}}
.episode-item{margin-top:10px;overflow:hidden;cursor:pointer}
.episode-item-thumbnail{width:106px;height:60px}
.episode-item-thumbnail{position:relative;float:left;margin-right:10px;overflow:hidden}
.episode-item-thumbnail img{width:100%;height:100%;-webkit-transition:-webkit-transform .3s;transition:transform .3s,-webkit-transform .3s}
.episode-item-title{max-height:40px;margin-bottom:5px;line-height:20px;overflow:hidden}
.episode-item-views{color:#888;font-size:11px}
.episode-item-thumbnail.activated{border:2px dashed #d80f16}
.episode-item-title.activated{color:#d80f16}
.episode-item-views.activated{color:#d80f16}
.loading{padding:20px 0;margin-left:45%;margin-right:45%}
.loading:after{content:"";display:block;width:48px;height:48px;margin:1px;border-radius:50%;border:1px solid #d80f16;border-color:#d80f16 transparent;-webkit-animation:lds-dual-ring 1s linear infinite;animation:lds-dual-ring 1s linear infinite}
@-webkit-keyframes lds-dual-ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
@keyframes lds-dual-ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
.film-info{float:left}
.film-info-title{font-size:20px;margin-bottom:0;text-transform:uppercase}
.film-info-views{margin-top:10px}
.film-info-cate{margin-top:10px}
.film-info-year{margin-top:10px}
.film-info-desc{margin-top:15px;font-size:13px;line-height:2}
@media (max-width:1200px){.film-info-desc{display:none}}
.episode-item:hover .episode-item-thumbnail img{-webkit-transform:scale(1.2);transform:scale(1.2)}
.l2k3dz{text-align: center;font-size: 16px;padding: 0 0 10px 0;border-bottom: 2px solid #eee;color: #4a4854;margin: 0 0 5px}
.l2k3dz span{font-weight: 600;padding: 0 0 10px;border-bottom: 2px solid #666}
.episode-item-meta{width:200px;float:left;font-size:13px;cursor:pointer}
section.film{margin-bottom: 20px;clear:both;overflow:hidden}
@media (max-width:359px){section.film{padding-left:5px}}
.film-item{position:relative;width:182px;height:255px;box-shadow: 0 3px 10px rgba(0, 0, 0, 0.48);margin:3px;float:left;overflow:hidden;}
@media (max-width:1365px) and (min-width:1280px){.film-item{width:180px;height:255px;margin:4px}}
@media (max-width:1279px) and (min-width:1024px){.film-item{width:180px;height:255px}}
@media (max-width:1023px) and (min-width:800px){.film-item{width:150px;height:215px}}
@media (max-width:799px) and (min-width:768px){.film-item{width:145px;height:205px;margin: 2px}}
@media (max-width:767px) and (min-width:640px){.film-item{width:149px;height:220px}}
@media (max-width:639px) and (min-width:480px){.film-item{width:147px;height:220px}}
@media (max-width:479px) and (min-width:412px){.film-item{width:190px;height:250px}}
@media (max-width:411px) and (min-width:375px){.film-item{width:167px;height:240px;margin:5px}}
@media (max-width:374px) and (min-width:360px){.film-item{width:160px;height:230px;margin:5px}}
@media (max-width:359px){.film-item{width:139px;height:215px;margin:4px}}
.film-item-thumbnail{ filter: grayscale(40%);width:100%;height:100%;transition:transform .3s,-webkit-transform .3s}
.film-item-thumbnail:hover{ filter: grayscale(0%);}
.film-item-description{position:absolute;left:0;bottom:0;width:100%;height:auto;padding:15px 8px 7px;color:#eee;background-image:linear-gradient(transparent,rgba(0,0,0,.1),rgba(0,0,0,.3),rgba(0,0,0,.5),rgba(0,0,0,.7),rgba(0,0,0,.9))}
.film-item-title{margin-bottom:8px;font-size:15px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.film-item-status{font-size:13px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.film-item:hover img{-moz-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1)}
.player-sidebar{border:1px solid #ddd;float:left;width:343px;height:515px}
@media (max-width:1200px){.player-sidebar{width:100%}}
.player-sidebar-header{height:40px;margin:0 10px;line-height:40px;overflow:hidden;border-bottom:1px solid #ddd}
.tab-episode{margin-right:50px;float:left;height:100%;cursor:pointer}
.tab-comment{float:right;height:100%;cursor:pointer;margin-right:0}
.player-sidebar-body-list{position:relative;padding-bottom:10px;font-size:12px;height:470px;overflow:hidden}
.player-sidebar-list{max-height:485px;position:relative;padding:0 10px;clear:both;overflow:scroll}
@media (max-width:1365px) and (min-width:1280px){.player{width:1210px}}
@media (max-width:1279px) and (min-width:1024px){.player{width:627px}}
@media (max-width:1365px) and (min-width:1280px){.player-sidebar{height:473px}}
@media (max-width:1279px) and (min-width:1024px){.player-sidebar{width:313px;height:363px}}
@media (max-width:1365px) and (min-width:1280px){.player-sidebar-list{max-height:445px}}
@media (max-width:1279px) and (min-width:1024px){.player-sidebar-list{max-height:325px}}
@media (max-width:1279px) and (min-width:1024px){.episode-item-thumbnail{width:100px;height:55px}}
@media (max-width:1279px) and (min-width:1024px){.episode-item-meta{width:170px;font-size:12px}}
@media (max-width:1279px) and (min-width:1024px){.player-sidebar{width:313px;height:363px}}
.player-sidebar-header .tab-item.activated{border-bottom:2px solid #d80f16}
.concat{box-shadow: 0 3px 20px rgba(0,0,0,.1);width:960px;float:left;background:#fff;margin-bottom:15px;padding:10px;position:relative}
@media (max-width:1023px){.concat,.box-right{width:100%}}
.riot_watch{transition:all 0.3s ease-in-out;background:#fff;padding:10px;width:100%;float:left}
.episode-item-stop{position:absolute;top:0;width:40px;height:20px;line-height:20px;font-size:10px;text-align:center;border-radius:2px;font-weight:400;color:#fff;background:rgba(216,15,22,.6)}
.player-countdown{top:0;height:100%;left:0;width:100%}
.player-thumbnail{width:100%;height:100%;border:0;vertical-align:middle}
.player-countdown-body{position:absolute;left:50px;right:50px;bottom:150px;text-align:center}
.player-countdown-title{font-size:25px;font-weight:600;line-height:50px;color:#fff;text-transform:uppercase}
.player-countdown-text{font-size:21px;line-height:50px;color:#fff}
@media (max-width:411px){.player-countdown-body{left:10px;right:10px;bottom:60px}}
@media (max-width:479px) and (min-width:412px){.player-countdown-body{left:10px;right:10px;bottom:60px}}
@media (max-width:639px) and (min-width:480px){.player-countdown-body{left:10px;right:10px;bottom:80px}}
@media (max-width:767px) and (min-width:640px){.player-countdown-body{left:10px;right:10px;bottom:120px}}
@media (max-width:799px) and (min-width:768px){.player-countdown-body{bottom:150px}}
@media (max-width:1023px) and (min-width:800px){.player-countdown-body{bottom:150px}}
@media (max-width:1279px) and (min-width:1024px){.player-countdown-body{bottom:130px}}
@media (max-width:411px){.player-countdown-text,.player-countdown-title{font-size:14px;line-height:25px}}
@media (max-width:479px) and (min-width:412px){.player-countdown-text,.player-countdown-title{font-size:15px;line-height:30px}}
@media (max-width:639px) and (min-width:480px){.player-countdown-text,.player-countdown-title{font-size:16px;line-height:35px}}
@media (max-width:767px) and (min-width:640px){.player-countdown-text,.player-countdown-title{font-size:18px;line-height:40px}}
@media (max-width:799px) and (min-width:768px){.player-countdown-text,.player-countdown-title{font-size:18px;line-height:40px}}
@media (max-width:1023px) and (min-width:800px){.player-countdown-text,.player-countdown-title{font-size:18px;line-height:40px}}
@media (max-width:1279px) and (min-width:1024px){.player-countdown-text,.player-countdown-title{font-size:18px;line-height:40px}}
.navbar-menu-login{float:right;display:inline-flex;position:relative}
img.icon-menu-login{margin:10px 0;padding:0;border:none;cursor:pointer;outline:none}
.footer-bottom {padding-top: 1px;padding-bottom: 1px;background: #f7f7f7;color: rgb(136,136,136);padding: 10px}
.breadcrumb {display: flex;background: #f7f7f7;color: rgb(136,136,136);padding: 10px}
.breadcrumb-item::before {display: inline-block;padding-left: .5rem;padding-right: .5rem;content: "/";color: black}
.box-right{
    margin-bottom: 15px;
    padding: 10px 5px 10px 5px;
    width: 100%;
    max-width: 24em;
    background: white;
    overflow-y: scroll;
    float: right;
    -moz-box-shadow: 0 3px 20px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 3px 20px rgba(0,0,0,.1);
    box-shadow: 0 3px 20px rgba(0,0,0,.1);
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
        margin-bottom: 15px;
}
@media screen and (max-width:1024px){#copyright-lower,.copyright-lower{float:left;width:100%}.copyright-lower{padding:25px 10px!important;text-align:center;line-height:1.6}}
.thongbao {
    padding: 0 14px;
    box-sizing: border-box;
    clear: both;
    background: #ff5450;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.48);
    font-weight: 500;
    color: #fff;
    font-size: 15px;
    padding: 10px;
    border-radius: 4px;
    margin: 1em 0 1em;
}
#copyright-lower{    clear: both;
    position: relative;
    z-index: 10;
    margin: auto;
    padding: 0;
    width: 100%;
    background: #fff;}
.copyright-lower{font:400 15px "Roboto",sans-serif;color:#777;width:1080px;max-width:100%;margin:auto;padding:25px 0}
.copyright-lower a{color:#777;font-weight:500}
#lower a:hover{text-decoration:underline}
.copyright-lower-left,.copyright-lower-right{display:block;text-align:center}
.copyright-lower-left a{margin: 0 0 15px; padding: 5px 20px; display: inline-block; font: 700 12px 'Roboto',sans-serif; text-transform: uppercase; border-top: 2px solid #ddd; border-bottom: 2px solid #ddd;}
.copyright-lower-left a:focus,.copyright-lower-left a:hover{text-decoration:none!important;border-color:#66689c;color:#66689c}
span.mli-eps {
      position: absolute;
    color: #ffffff!important;
    background: #673ab7;
    font-size: 13px;
    float: left;
    clear: both;
    padding: 2px 10px;
    left: 4px;
    top: 5px;
    white-space: nowrap;
    line-height: 1.42857143;
    display: inline-block;
    letter-spacing: 1px;
    border: 3px double #bfa5ff;
}
span.mli-eps i {
    display: block;
    font-weight: 700;
    font-size: 16px;
    font-style: normal;
    margin-top: 3px;
}
::-webkit-scrollbar {
  width: 10px;
}
 
::-webkit-scrollbar-thumb {
  background: #666;
  border-radius: 20px;
}

::-webkit-scrollbar-track {
  background: #ddd;
  border-radius: 20px;
}

/* Scrollbar */
progress{position:fixed;left:0;bottom:0;right:0;width:100%;height:2px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background-color:transparent;color:#669900;z-index:1000}
progress::-webkit-progress-bar{background-color:transparent;z-index:9999999999}
progress::-webkit-progress-value{background-color:#669900;z-index:9999999999}
progress::-moz-progress-bar{background-color:#669900;z-index:9999999999}
.progress-container{width:100%;background-color:transparent;position:fixed;top:0;left:0;height:1px;display:block;z-index:10}
.progress-bar{background-color:#669900;width:0%;display:block;height:inherit;z-index:10}
/* Back top */
#back-top{background:#673ab7;box-shadow:0 2px 5px rgba(102,153,0,0.2);margin-right:-1000px;width:30px;height:30px;line-height:29.5px;font-size:18px;right:15px;bottom:15px;border-radius:2px;text-align:center;position:fixed;cursor:pointer;-webkit-transform:translateZ(0);z-index:12;cursor:pointer;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;border-radius:50%}
#back-top:hover{background:rgba(102,153,0,0.79)}
#back-top i{color:#fff}
#back-top.show{margin-right:0}
#back-top svg:not(:root){overflow:hidden}
#back-top svg{max-width:14px;margin-bottom:-2px;fill:#fff}
.hide {
  display: none;
}

.show {
  display: block;
}



.blog-type div {
  color: white;
  background: black;
  display: inline-block;
  cursor: pointer;
  padding: 1em 0;
  width: calc(50% - 0.05px);
  text-align: center;
}
.blog-type div:hover {
  background: #1abc9c;
  color: white;
}
.blog-type div:last-child {
  margin-left: -3px;
}
.blog-type .active {
  background: white;
  color: black;
}

.recent-posts, .popular-posts {
  overflow-y: auto;
}

.post {
  padding: 1em;
  overflow: hidden;
  border-bottom: 1px dashed #ccc;
  cursor: pointer;
}
.post:hover {
  background: #f9f9f9;
}
.post:hover h1 {
  color: #1abc9c;
}
.post .post-meta {
  font-size: 0.7em;
  line-height: 2;
}
.post .post-meta div {
  display: inline-block;
}
.post .post-meta .category {
  font-style: italic;
  font-weight: 600;
}
.post .post-meta .tag {
  color: #1abc9c;
  font-weight: bolder;
}
.post img {
  float: left;
  margin-right: 0.75em;
  width:60px;
}
.post h1 {
  font-weight: bolder;
  font-size: 13px;
  line-height: 1.5;
}

img {
  max-width: 100%;
  height: auto;
}
@media screen and (max-width: 900px) {
  .phobien {
    display: none;
  }
}
@media screen and (max-width: 800px) {
  .fb-like,.promo-wrapper {
    display: none;
  }
}


.ribbon-vip{position:absolute;left:0px;top:0px;z-index:1;overflow:hidden;width:75px;height:75px;text-align:right}
.ribbon-vip span{font-size:12px;font-weight:700;color:#FFF;text-transform:uppercase;text-align:center;line-height:20px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);width:100px;display:block;background:#79A70A;background:#0091c8;box-shadow:0 3px 10px -5px rgba(0,0,0,1);position:absolute;top:19px;left:-21px}
.ribbon-vip span::before{content:"";position:absolute;left:0;top:100%;z-index:-1;border-left:3px solid #3498DB;border-right:3px solid transparent;border-bottom:3px solid transparent;border-top:3px solid #3498DB}
.ribbon-vip span::after{content:"";position:absolute;right:0;top:100%;z-index:-1;border-left:3px solid transparent;border-right:3px solid #3498DB;border-bottom:3px solid transparent;border-top:3px solid #3498DB}
.promo-wrapper {margin-bottom: 15px;float: left;width: 100%;background-color: #272727;background-size: cover;background-attachment: fixed;position: relative;background-image: url(https://i.ebayimg.com/images/i/332592199498-0-1/s-l1000.jpg);text-align: center;z-index: 1;height:400px;background-position: 0px -113px;}
.promobg {opacity: .9; background: #000; background: -moz-linear-gradient(45deg, #000 0%, #0f5882 100%); background: -webkit-linear-gradient(45deg, #000 0%, #0f5882 100%); background: linear-gradient(45deg, #1000ff 0%, #ff0000 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000', endColorstr='#0f5882', GradientType=1);height:400px;}
.promo { padding: 8.0em 2.5em 1.75em 2.5em; display: inline-block; position: relative; z-index: 1;width:90%; }
.promo h1 {color: #fff; display: inline-block; margin-right: 1em; font-size: 40px; font-weight: 800; text-transform: uppercase; margin-top: 20px; width: 70%; line-height: 1.2; margin-bottom: 5px;}
.promo h1 span {color:#fde107;font-weight:900;}
.promo p {color: #fff; margin-right: 1em; font-size: 18px; margin: 5px; font-weight: 600;}
.promo .button {font-size: 15px; font-weight: bold; display: inline-block; text-decoration: none; padding: 1em 2em 1em 2em; cursor: pointer; outline: 0; margin-right: 15px; background: #00a2ff; border-radius: 3px; color: #fff; text-transform: uppercase; letter-spacing: 0.8px;}
.promo .button:hover { border-color: rgba(255, 255, 255, 0.75); background-color: rgba(255, 255, 255, 0.15); color: #fff; }
#search-bar{display:block;position:relative;padding:10px;width: 100%;}
input#sq{background: #FFFFFF;color: #2D2D2D;margin: 0;padding:0 17px;outline: 0;border-radius: 3px;box-shadow: initial;line-height:62px;transition: all .1s;font-size: 18px;font-weight: 600;border:none;width: 100%;}
input#sq:focus{color:#333;border-radius:0px;}
#search-form{position:relative;margin:auto;}
#searchsubmit{border: 0; color: #4C4C4C; display: inline-block; position: absolute; right: 0; top: 0; padding:0 50px; height:62px;  transition: all .2s;}
#searchsubmit:hover,#searchsubmit:focus,#searchsubmit:active{color:#fff;cursor:pointer;outline:0;}
.search-form-icon{top: 20px;right: 45px;position: absolute;font-size: 25px;color:#fff;}
input#sq::-webkit-input-placeholder,input#sq:-ms-input-placeholder{color:#777;}
input#sq::-moz-placeholder,input#sq:-moz-placeholder{color:#777;opacity:1;}
[type="search"] {-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield;}
#searchsubmit { background: #673ab7; border-radius: 0 3px 3px 0; }
.banbe div::-webkit-scrollbar{width:6px;height:2px}
.banbe div::-webkit-scrollbar-thumb{background:#f7f7f7}
.banbe div::-webkit-scrollbar-thumb:active{background:#f7f7f7}
.banbe li{list-style:none;position:relative;overflow:hidden;display:inline-block;list-style:none;margin:0 2.5px 2px;padding:0;font-size:14px;width:48%;float:left}
.banbe li:hover a:before{visibility:visible;opacity:1;left:7px}
.banbe{padding:0;max-height:148px;overflow:overlay}
.banbe::-webkit-scrollbar{width:6px;background:transparent}
.banbe::-webkit-scrollbar-track{background:rgba(0,0,0,0.10);border-radius:60px}
.banbe::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.25);border-radius:60px}
.banbe li a {
    background: #673ab7;
    position: relative;
    color: #fff;
    padding: 10px;
    margin: 2px;
    padding: 7px 5px;
    display: block;
    font-size: 13px;
    border: 3px double #bfa5ff;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    border-radius: 3px;
    transition: all .3s ease;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    text-align: center;
}
.sidebar{float: right;
    position: relative;
    height: 100%;}
    @media screen and (max-width: 800px) {
.sidebar {
    float: initial;
    position: relative;
    height: 100%;
}
.box-right {
    margin-bottom: 15px;
    padding: 10px 5px 10px 5px;
    width: 100%;
    max-width: inherit;
    background: white;
    overflow-y: scroll;
    float: right;
    -moz-box-shadow: 0 3px 20px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 3px 20px rgba(0,0,0,.1);
    box-shadow: 0 3px 20px rgba(0,0,0,.1);
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    margin-bottom: 15px;
}
}