body{background-color: #d9d9dc;}
.btn,[class*=" btn-"],[class^=btn-]{display:inline-block;padding:.6rem 1.2rem;margin-bottom:.2rem;font-size:1.4rem;font-weight:400;border:1px solid transparent;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#4285F4;border-radius:3px;color:#fff;}
.btn:hover,.btn:focus,.btn:active,.btn.active,[class*=" btn-"]:hover,[class*=" btn-"]:focus,[class*=" btn-"]:active,[class*=" btn-"].active,[class^=btn-]:hover,[class^=btn-]:focus,[class^=btn-]:active,[class^=btn-].active{background-color: #0099ff;-webkit-transition: color 0.25s,background-color 0.25s;-moz-transition: color 0.25s,background-color 0.25s;-o-transition: color 0.25s,background-color 0.25s;transition: color 0.25s,background-color 0.25s;box-shadow: 0 0.1rem 0.1rem rgba(0,0,0,.3);}
.btn.bg-default,.btn.bg-gray,.btn.bg-white,[class*=" btn-"].bg-default,[class*=" btn-"].bg-gray,[class*=" btn-"].bg-white,[class^=btn-].bg-default,[class^=btn-].bg-gray,[class^=btn-].bg-white,.btn-default{border-color:#C9C9C9;color: #555;}
.btn.bg-default:hover,.btn.bg-default:focus,.btn.bg-default:active,.btn.bg-default.active,[class*=" btn-"].bg-default:hover,[class*=" btn-"].bg-default:focus,[class*=" btn-"].bg-default:active,[class*=" btn-"].bg-default.active,[class^=btn-].bg-default:hover,[class^=btn-].bg-default:focus,[class^=btn-].bg-default:active,[class^=btn-].bg-default.active,.btn.bg-gray:hover,.btn.bg-gray:focus,.btn.bg-gray:active,.btn.bg-gray.active,[class*=" btn-"].bg-gray:hover,[class*=" btn-"].bg-gray:focus,[class*=" btn-"].bg-gray:active,[class*=" btn-"].bg-gray.active,[class^=btn-].bg-gray:hover,[class^=btn-].bg-gray:focus,[class^=btn-].bg-gray:active,[class^=btn-].bg-gray.active,.btn.bg-white:hover,.btn.bg-white:focus,.btn.bg-white:active,.btn.bg-white.active,[class*=" btn-"].bg-white:hover,[class*=" btn-"].bg-white:focus,[class*=" btn-"].bg-white:active,[class*=" btn-"].bg-white.active,[class^=btn-].bg-white:hover,[class^=btn-].bg-white:focus,[class^=btn-].bg-white:active,[class^=btn-].bg-white.active,.btn-default:hover,.btn-default:focus,.btn-default:active,.btn-default.active{border-color:#C9C9C9;background-color: #dadada;color: #555;}
.btn.bg-red:hover,.btn.bg-red:focus,.btn.bg-red:active,.btn.bg-red.active,[class*=" btn-"].bg-red:hover,[class*=" btn-"].bg-red:focus,[class*=" btn-"].bg-red:active,[class*=" btn-"].bg-red.active,[class^=btn-].bg-red:hover,[class^=btn-].bg-red:focus,[class^=btn-].bg-red:active,[class^=btn-].bg-red.active,.btn.bg-danger:hover,.btn.bg-danger:focus,.btn.bg-danger:active,.btn.bg-danger.active,[class*=" btn-"].bg-danger:hover,[class*=" btn-"].bg-danger:focus,[class*=" btn-"].bg-danger:active,[class*=" btn-"].bg-danger.active,[class^=btn-].bg-danger:hover,[class^=btn-].bg-danger:focus,[class^=btn-].bg-danger:active,[class^=btn-].bg-danger.active,.btn-danger:hover,.btn-danger:focus,.btn-danger:active,.btn-danger.active{background-color: #a0151b;}
.btn.bg-cyan:hover,.btn.bg-cyan:focus,.btn.bg-cyan:active,.btn.bg-cyan.active,[class*=" btn-"].bg-cyan:hover,[class*=" btn-"].bg-cyan:focus,[class*=" btn-"].bg-cyan:active,[class*=" btn-"].bg-cyan.active,[class^=btn-].bg-cyan:hover,[class^=btn-].bg-cyan:focus,[class^=btn-].bg-cyan:active,[class^=btn-].bg-cyan.active,.btn.bg-normal:hover,.btn.bg-normal:focus,.btn.bg-normal:active,.btn.bg-normal.active,[class*=" btn-"].bg-normal:hover,[class*=" btn-"].bg-normal:focus,[class*=" btn-"].bg-normal:active,[class*=" btn-"].bg-normal.active,[class^=btn-].bg-normal:hover,[class^=btn-].bg-normal:focus,[class^=btn-].bg-normal:active,[class^=btn-].bg-normal.active,.btn-normal:hover,.btn-normal:focus,.btn-normal:active,.btn-normal.active{background-color: #1e2c3c;}
.btn.bg-black:hover,.btn.bg-black:focus,.btn.bg-black:active,.btn.bg-black.active,[class*=" btn-"].bg-black:hover,[class*=" btn-"].bg-black:focus,[class*=" btn-"].bg-black:active,[class*=" btn-"].bg-black.active,[class^=btn-].bg-black:hover,[class^=btn-].bg-black:focus,[class^=btn-].bg-black:active,[class^=btn-].bg-black.active{background-color: #2a2f3b;}
.btn.bg-green:hover,.btn.bg-green:focus,.btn.bg-green:active,.btn.bg-green.active,[class*=" btn-"].bg-green:hover,[class*=" btn-"].bg-green:focus,[class*=" btn-"].bg-green:active,[class*=" btn-"].bg-green.active,[class^=btn-].bg-green:hover,[class^=btn-].bg-green:focus,[class^=btn-].bg-green:active,[class^=btn-].bg-green.active,.btn.bg-success:hover,.btn.bg-success:focus,.btn.bg-success:active,.btn.bg-success.active,[class*=" btn-"].bg-success:hover,[class*=" btn-"].bg-success:focus,[class*=" btn-"].bg-success:active,[class*=" btn-"].bg-success.active,[class^=btn-].bg-success:hover,[class^=btn-].bg-success:focus,[class^=btn-].bg-success:active,[class^=btn-].bg-success.active,.btn-success:hover,.btn-success:focus,.btn-success:active,.btn-success.active{background-color: #009688;}
.btn.bg-orange:hover,.btn.bg-orange:focus,.btn.bg-orange:active,.btn.bg-orange.active,[class*=" btn-"].bg-orange:hover,[class*=" btn-"].bg-orange:focus,[class*=" btn-"].bg-orange:active,[class*=" btn-"].bg-orange.active,[class^=btn-].bg-orange:hover,[class^=btn-].bg-orange:focus,[class^=btn-].bg-orange:active,[class^=btn-].bg-orange.active,.btn.bg-warning:hover,.btn.bg-warning:focus,.btn.bg-warning:active,.btn.bg-warning.active,[class*=" btn-"].bg-warning:hover,[class*=" btn-"].bg-warning:focus,[class*=" btn-"].bg-warning:active,[class*=" btn-"].bg-warning.active,[class^=btn-].bg-warning:hover,[class^=btn-].bg-warning:focus,[class^=btn-].bg-warning:active,[class^=btn-].bg-warning.active,.btn-warning:hover,.btn-warning:focus,.btn-warning:active,.btn-warning.active{background-color: #b68023;}
.btn-disabled,.btn-disabled:active,.btn-disabled:hover{border-color: #e6e6e6;background-color: #f1f1f1; color: #C9C9C9;cursor: not-allowed;opacity: 1;box-shadow:none;}
.btn-radius{border-radius: 8px;}
.btn-round{border-radius: 50%;padding: .6rem;height: 3rem;width: 3rem;}
.btn-hollow,.btn-hollow:hover,.btn-hollow:focus,.btn-hollow:active{background-color: transparent;border-color: #4285f4;color: #4285f4;}
.btn-hollow.default,.btn-hollow.default:hover,.btn-hollow.default:focus,.btn-hollow.default:active,.btn-hollow.gray,.btn-hollow.gray:hover,.btn-hollow.gray:focus,.btn-hollow.gray:active{border-color: #dadada;color:#dadada !important;}
.btn-hollow.white,.btn-hollow.white:hover,.btn-hollow.white:focus,.btn-hollow.white:active{border-color: #ffffff;}
.btn-hollow.cyan,.btn-hollow.cyan:hover,.btn-hollow.cyan:focus,.btn-hollow.cyan:active,.btn-hollow.normal,.btn-hollow.normal:hover,.btn-hollow.normal:focus,.btn-hollow.normal:active{border-color: #2F4056;}
.btn-hollow.black,.btn-hollow.black:hover,.btn-hollow.black:focus,.btn-hollow.black:active{border-color: #393D49;}
.btn-hollow.green,.btn-hollow.green:hover,.btn-hollow.green:focus,.btn-hollow.green:active,.btn-hollow.success,.btn-hollow.success:hover,.btn-hollow.success:focus,.btn-hollow.success:active{border-color: #5FB878;}
.btn-hollow.orange,.btn-hollow.orange:hover,.btn-hollow.orange:focus,.btn-hollow.orange:active,.btn-hollow.warning,.btn-hollow.warning:hover,.btn-hollow.warning:focus,.btn-hollow.warning:active{border-color: #F7B824;}
.btn-hollow.red,.btn-hollow.red:hover,.btn-hollow.red:focus,.btn-hollow.red:active,.btn-hollow.danger,.btn-hollow.danger:hover,.btn-hollow.danger:focus,.btn-hollow.danger:active{border-color: #FF5722;}
.btn-hollow.btn-disabled,.btn-hollow.btn-disabled:hover,.btn-hollow.btn-disabled:active{border-color: #e6e6e6;color: #C9C9C9;}
.btn-group,.btn-group:hover{position:relative;display: inline-flex;vertical-align: middle;padding: 0;border:none;border-radius:0;background-color:transparent;box-shadow:none}
.btn-group .btn,.btn-group .btn:hover,.btn-group [class*=" btn-"],.btn-group [class^=btn-]{border-color:#ffffff !important;border-bottom: none;border-top: none;border-right:none;border-radius:0;}
.btn-group .btn:first-child,.btn-group [class*=" btn-"]:first-child,.btn-group [class^=btn-]:first-child{border-left: none;border-top-left-radius: 3px;border-bottom-left-radius: 3px;}
.btn-group .btn:last-child,.btn-group [class*=" btn-"]:last-child,.btn-group [class^=btn-]:last-child{border-right: none;border-top-right-radius: 3px;border-bottom-right-radius: 3px;}
.btn-animate{-webkit-appearance: none;-moz-appearance: none;appearance: none;border: 0;cursor: pointer;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;transition: .3s;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background: transparent;outline: 0;-webkit-tap-highlight-color: transparent;width: 4.4rem;height: 4.4rem;}
.btn-animate .menu{display: inline-block;height: 2px;width: 1.8rem;border-radius: .1rem;transition: .3s;background: #fff;position: relative;}
.btn-animate .menu::before,.btn.btn-animate .menu::after {display: inline-block;height: 2px;transition: .3s;background: #fff;content: '';position: absolute;left: 0;-webkit-transform-origin: 1px center;transform-origin: 1px center;width: 1.8rem;}
.btn-animate .menu::before {top: -.6rem;}
.btn-animate .menu::after {top: .6rem;}
.btn-animate.active .menu::before {-webkit-transform: rotate3d(0,0,1,45deg);transform: rotate3d(0,0,1,45deg);left:-.6rem;}
.active.btn-animate.active .menu::after {-webkit-transform: rotate3d(0,0,1,-45deg);transform: rotate3d(0,0,1,-45deg);left:-.6rem;}
.active.btn-animate.active .menu {/*-webkit-transform: scale3d(0.8,.8,.8);transform: scale3d(0.8,.8,.8);*/width: 0;background: transparent;}
button.btn,button[class*=" btn-"],button[class^=btn-]{padding-top: .7rem;padding-bottom: .8rem}
button.btn-sm{padding-top:.6rem;padding-bottom: .6rem;}
button.btn-xs,button.btn-mini{padding-top:.3rem;padding-bottom: .4rem;}
button.btn-big{padding-top:1.1rem;padding-bottom: 1.3rem;margin-bottom: .1rem}
input.btn,input[class*=" btn-"],input[class^=btn-]{height: 3rem;border: none;padding-top:0;padding-bottom: 0}
input.btn-sm{height: 2.4rem;margin-bottom: .1rem;}
input.btn-xs,input.btn-mini{height: 2rem;margin-bottom: .1rem;}
input.btn-big{height: 4rem;margin-bottom: .1rem;}
[class*=" btn-"] [class*=" icon-"],[class*=" btn-"] [class^=icon-],[class^=btn-] [class*=" icon-"],[class^=btn-] [class^=icon-]{padding: 1px 5px 1px 0;}
.btn-xxl{padding: 1.5rem 3rem;font-size: 1.8rem;}
.btn-xl,.btn-big{padding: 1rem 2.5rem;font-size: 1.6rem;}
.btn-sm{padding: 0.4rem 0.8rem;font-size: 1.2rem;}
.btn-xs,.btn-mini{padding: 0.2rem 0.4rem;font-size: 1.2rem;}
.btn-round.btn-xxl{padding: 2rem 0;width: 6rem;height: 6rem;}
.btn-round.btn-xl,.btn-round.btn-big{padding: 1rem 0;width: 4rem;height: 4rem;}
.btn-round.btn-sm,.btn-round.btn-xs{padding: .2rem 0;width: 2rem;height: 2rem;}
.btn-round.btn-xs{transform: scale(0.8,0.8);}
.btn-xs>[class*=" icon-"],.btn-xs>[class^=icon-]{font-size: 12px;}
.bg-default,.btn-default{background-color: #eee;}
.bg-red,.bg-danger,.btn-danger{background-color: #e54d42;color: #ffffff;}
.bg-orange,.bg-warning,.btn-warning {background-color: #f37b1d;color: #ffffff;}
.bg-yellow {background-color: #fbbd08;color: #333333;}
.bg-olive {background-color: #8dc63f;color: #ffffff;}
.bg-green,.bg-success,.btn-success{background-color: #39b54a;color: #ffffff;}
.bg-cyan,.bg-normal,.btn-normal{background-color: #1cbbb4;color: #ffffff;}
.bg-blue,.bg-info,.btn-info{background-color: #0081ff;color: #ffffff;}
.bg-purple {background-color: #6739b6;color: #ffffff;}
.bg-mauve {background-color: #9c26b0;color: #ffffff;}
.bg-pink {background-color: #e03997;color: #ffffff;}
.bg-brown {background-color: #a5673f;color: #ffffff;}
.bg-grey {background-color: #8799a3;color: #ffffff;}
.bg-gray {background-color: #f0f0f0;color: #333333;}
.bg-black,.btn-black{background-color: #222222;color: #ffffff;}
.bg-white,.btn-white{background-color: #FFFFFF;color: #666666;}
.bg-shade-top {background-image: linear-gradient(rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.01));color: #ffffff;}
.bg-shade-bottom {background-image: linear-gradient(rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 1));color: #ffffff;}
.bg-red.light{color:#e54d42;background-color:#fadbd9}
.bg-orange.light{color:#f37b1d;background-color:#fde6d2}
.bg-yellow.light{color:#fbbd08;background-color:#fef2ced2}
.bg-olive.light{color:#8dc63f;background-color:#e8f4d9}
.bg-green.light{color:#39b54a;background-color:#d7f0dbff}
.bg-cyan.light{color:#1cbbb4;background-color:#d2f1f0}
.bg-blue.light{color:#0081ff;background-color:#cce6ff}
.bg-purple.light{color:#6739b6;background-color:#e1d7f0}
.bg-mauve.light{color:#9c26b0;background-color:#ebd4ef}
.bg-pink.light{color:#e03997;background-color:#f9d7ea}
.bg-brown.light{color:#a5673f;background-color:#ede1d9}
.bg-grey.light{color:#8799a3;background-color:#e7ebed}
.bg-gradual-red{background-image:linear-gradient(45deg,#f43f3b,#ec008c);color:#fff}
.bg-gradual-orange{background-image:linear-gradient(45deg,#ff9700,#ed1c24);color:#fff}
.bg-gradual-green{background-image:linear-gradient(45deg,#39b54a,#8dc63f);color:#fff}
.bg-gradual-purple{background-image:linear-gradient(45deg,#9000ff,#5e00ff);color:#fff}
.bg-gradual-pink{background-image:linear-gradient(45deg,#ec008c,#6739b6);color:#fff}
.bg-gradual-blue{background-image:linear-gradient(45deg,#0081ff,#1cbbb4);color:#fff}
.nav-bar, .nav .this:after, .nav-tree .nav-itemed:after{background-color: #ffe300;}
.nav-sec{background-color:#222222;border-color:#e7e7e7;box-shadow:0 1px 2px rgba(0,0,0,.2);}
.nav-slide .nav{background-color: #222222;}
.breadcrumb{color: #ffe300;}
.media{position: relative;}
.media.error {background-color: #222222;background-image: url(./images/media-error.png) !important;}
.media.loading{background-size:cover;background-image:url(./images/media-loading.gif)!important;background-color:#0f1217}
.top-nav{background-color: #ffe300;}
.top-nav .top-logo{font-size: 3.2rem;display: flex;align-items: center;}
.top-nav .top-logo img{margin-right: 3px}
.top-nav .nav{background-color: transparent;}
.top-nav .nav .nav-item a{color: #222;}
.top-nav .nav .nav-item.this,.top-nav .nav .nav-item:hover{background-color: #222222;}
.top-nav .nav .this a,.top-nav .nav .nav-item a:hover{color: #ffe300;}
.nav-slide .nav .nav-item{width: 10%;text-align: center;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;line-height: 45px;}
.top-nav .nav-bar,.top-nav .nav .this:after,.top-nav .nav-tree .nav-itemed:after{background-color: #222222;}
.top-search{text-align:center}
.top-search form{border:1px solid #000;border-radius:5px;box-shadow:inset 0 0 0 1px #272727;display:inline-block;font-size:0;position:relative;z-index:1}
.top-search input{background:#222;background:-webkit-linear-gradient(#333,#222);background:-moz-linear-gradient(#333,#222);background:-o-linear-gradient(#333,#222);background:-ms-linear-gradient(#333,#222);background:linear-gradient(#333,#222);border:1px solid #444;border-radius:5px 0 0 5px;box-shadow:0 2px 0 #000;color:#888;display:block;float:left;font-family:Cabin,helvetica,arial,sans-serif;font-size:13px;font-weight:400;height:40px;margin:0;padding:0 10px;text-shadow:0 -1px 0 #000;width:200px}
.ie .top-search input{line-height:40px}
.top-search input::-webkit-input-placeholder{color:#888}
.top-search input:-moz-placeholder{color:#888}
.top-search input:focus{-webkit-animation:glow .8s ease-out infinite alternate;-moz-animation:glow .8s ease-out infinite alternate;-o-animation:glow .8s ease-out infinite alternate;-ms-animation:glow .8s ease-out infinite alternate;animation:glow .8s ease-out infinite alternate;background:#222922;background:-webkit-linear-gradient(#333933,#222922);background:-moz-linear-gradient(#333933,#222922);background:-o-linear-gradient(#333933,#222922);background:-ms-linear-gradient(#333933,#222922);background:linear-gradient(#333933,#222922);border-color:#393;box-shadow:0 0 5px rgba(0,255,0,.2),inset 0 0 5px rgba(0,255,0,.1),0 2px 0 #000;color:#efe;outline:0}
.top-search input:focus::-webkit-input-placeholder{color:#efe}
.top-search input:focus:-moz-placeholder{color:#efe}
.top-search button{background:#222;background:-webkit-linear-gradient(#333,#222);background:-moz-linear-gradient(#333,#222);background:-o-linear-gradient(#333,#222);background:-ms-linear-gradient(#333,#222);background:linear-gradient(#333,#222);-webkit-box-sizing:content-box;-moz-box-sizing:content-box;-o-box-sizing:content-box;-ms-box-sizing:content-box;box-sizing:content-box;border:1px solid #444;border-left-color:#000;border-radius:0 5px 5px 0;box-shadow:0 2px 0 #000;color:#fff;display:block;float:left;font-family:Cabin,helvetica,arial,sans-serif;font-size:13px;font-weight:400;height:38px;line-height:38px;margin:0;padding:0;position:relative;text-shadow:0 -1px 0 #000;width:80px}
.top-search button:focus,.top-search button:hover{background:#292929;background:-webkit-linear-gradient(#393939,#292929);background:-moz-linear-gradient(#393939,#292929);background:-o-linear-gradient(#393939,#292929);background:-ms-linear-gradient(#393939,#292929);background:linear-gradient(#393939,#292929);color:#ffe300;outline:0}
.top-search button:active{background:#292929;background:-webkit-linear-gradient(#393939,#292929);background:-moz-linear-gradient(#393939,#292929);background:-o-linear-gradient(#393939,#292929);background:-ms-linear-gradient(#393939,#292929);background:linear-gradient(#393939,#292929);box-shadow:0 1px 0 #000,inset 1px 0 1px #222;top:1px}
.hot-search input{width: 300px;}
.card{box-shadow: 0 0.1rem 0.2rem rgba(95,77,77,0.3);background-color: #161616;}
.card-header:after{background-color: #565656;}
.card .card-content{display: block;}
.card .card-content .media,.card .card-content .video-preview{height: 276px !important;cursor:pointer;}
.card .card-content .video-preview{position: absolute;width: 100%;top: 0;left: 0;height: 100%;display: none;}
.card .card-content .video-preview video{width: 100%;height: 100%;object-fit: none;}
.card .card-content .badge{position: absolute;right: 3px;top:3px;z-index: 1;}
.card .card-content .duration{position: absolute;left: 3px;top:3px;right: auto;}
.card .card-footer{height: 5rem;background-color: #161616;flex-flow: wrap;}
.card .card-footer:before{content: none}
.card .card-footer .title{-webkit-box-orient: vertical;-webkit-line-clamp: 1;color: #999;display: -webkit-box;-webkit-box-orient: vertical;width: 100%;overflow: hidden;}
.card .card-footer .remark .channels{text-decoration:underline}
.narArts{margin-bottom:20px;position: relative;}
.narArts .media{margin: 0;}
.narArts .badge{position: absolute;right: 0;z-index: 3;border-radius: 0;}
.narArts img{max-width:100%;width:100%}
.narArts a{position:relative;display:block;color:#fff;height:inherit;}
.narArts a:hover>.media{filter:brightness(.9);-webkit-filter:brightness(.9)}
.narArts h1,.narArts h2{text-shadow:1px 1px 2px rgba(0,0,0,.75);bottom:0;margin-bottom:0;line-height:1.8;position:absolute;left:0;right:0;padding:12px 13px 3pt;color:#fff;background:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.3) 35%,rgba(0,0,0,.3) 100%);-webkit-transition: all 0.25s;-moz-transition: all 0.25s;-o-transition: all 0.25s;transition: all 0.25s;overflow: hidden;text-overflow: ellipsis;white-space:nowrap;z-index: 2;}
.narArts h1{font-size:18px;}
.narArts h2{font-size:14px;}
.narArts a:hover{background: rgba(0,0,0,.3)}
.narArts a:hover h1,.narArts a:hover h2{padding-bottom:8px;top:0;white-space: normal;margin-top: 0;}
.bg-grey {background-color: #8799a3;color: #ffffff;}
.bg-green{background-color: #39b54a;}
.bg-orange{background-color: #f37b1d;}
.center-title{padding:16px 0;text-align: center;}
.center-title h2{background: #222222;display: inline-block;zoom: 1;padding: 0 22px;}
.center-title h2 a{background: #ffe300;padding: 5px 10px;color: #222222;}
.show-videos-related-btn{padding-left: 6rem;padding-right: 6rem;margin-top: 2rem;}
.comments .avatar{width: 50px;height: 50px;display: block;background-color: #941900;color: #fff;text-align: center;font-size: 2.4rem;line-height: 5rem;text-transform:uppercase;}
.comments .username{text-decoration:underline}
.comments .message{margin-left: 2rem;padding: 0 1rem;background-color: #212223;color: #dedede;}
.profile-avatar{top:20px;left: 20px;}
.profile{right: 20px;position: absolute;top: 50%;font-size: 2.4rem;color: white;text-shadow:#000 3px 4px 5px;line-height: 1rem;}
.pagination li a{color: #6e7179;}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover,.pagination>li>.active,.pagination>li>.active:hover, .pagination>li>.active>a:focus, .pagination>li>.active>a:hover, .pagination>li>.active>span, .pagination>li>.active>span:focus, .pagination>li>.active>span:hover{background-color: #ffe300;border-color: #9d9fa7;color: #393d49;}
.footer{background: #23232b;height: auto;padding-bottom: 3rem;}
.footer .main{height:auto;margin-bottom: -5px;}
.friend-link{width:100%;padding:0 10px;margin:42px 0;}
.friend-link a{font-size:12px;padding:2px 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;width:16.321%;height:25px;line-height:18px;background-color:#2A323D;color:#b5b8c2;float:left;text-align:center;margin:0 2px 2px 2px;border: 1px #3b424c solid;}
.friend-link a:hover {background-color: #393d49;}
.footer-bottom{width:100%;background-color:#212223;float:left;text-align:center;padding:2rem 0;color:#5e6775}
.footer-bottom p{margin-top:5px;font-size:12px}
#keywords .badge,.keywords .badge{margin-bottom: 5px;margin-right: 3px;}
.hot-keywords .badge{margin-bottom: 3px;margin-right: 3px;height: 25px;line-height: 18px;font-size: 1.4rem;padding: 4px 6px;}
.video-right-box{width: 280px;background-color: #161616;color: white;padding: 0 1rem}
.video-right-box .btn,.video-right-box [class*=" btn-"],.video-right-box [class^=btn-]{width: calc(25% - 0.3rem);}
.items{background-color: #ffffff;}
.items .item-content{word-break: break-all;display: block;overflow: hidden;height: 60px;margin-bottom: 20px;}
.right-box{width: 360px;margin-left: 1rem;}
/*默认页*/
.show-box{margin-top: 2rem;}
.show-box .show-content-box .show-content .content-title{padding: 30px 0 10px 0;margin: 0}
.show-box .show-content-box .content-previous-next{margin: 0 2px;padding: 10px 0 20px 0;color: #969696;}
.show-box .show-content-box .content-previous-next>div{width: 42%}
.show-content-box{padding-bottom: 2rem;}
.show-content-box .show-content{background-color: white;}
.show-content-box .show-content .content-info{color: #969696;}
.show-content-box .show-content .content{border-top:1px dashed #ddd;border-bottom: 1px dashed #ddd;font-size:1.4rem;padding: 10px 15px;margin: 10px 10px;}
.show-content-box .show-content .content img{max-width: 100%;}
.show-content-box .show-content .content table{max-width: 100%;width: auto !important;border: 1px solid #00000a;}
.show-content-box .show-content .content table th, .show-content-box .show-content .content table td{padding: 9px 15px; min-height: 20px; line-height: 20px; border: 1px solid #00000a;}
.show-content-box .show-content .content table tr{border: 1px solid #00000a;}
.show-content-box .content-more{padding: 10px 20px;}
.right-box{width: 280px;}
.right-box .card{box-shadow: none;}
.right-box .items .item{padding: 1rem 0;border-bottom: 1px dashed #d6d6d6;}
@-webkit-keyframes glow{0%{border-color: #d7bc00;box-shadow:0 0 5px rgba(215, 188, 0, 0.2),inset 0 0 5px rgba(215, 188, 0, 0.1),0 2px 0 #000}
    100%{border-color: #ffe300;box-shadow:0 0 20px rgba(255, 227, 0, 0.6),inset 0 0 10px rgba(255, 227, 0, 0.4),0 2px 0 #000}
}
@-moz-keyframes glow{0%{border-color: #d7bc00;box-shadow:0 0 5px rgba(215, 188, 0, 0.2),inset 0 0 5px rgba(215, 188, 0, 0.1),0 2px 0 #000}
    100%{border-color: #ffe300;box-shadow:0 0 20px rgba(255, 227, 0, 0.6),inset 0 0 10px rgba(255, 227, 0, 0.4),0 2px 0 #000}
}
@-o-keyframes glow{0%{border-color: #d7bc00;box-shadow:0 0 5px rgba(215, 188, 0, 0.2),inset 0 0 5px rgba(215, 188, 0, 0.1),0 2px 0 #000}
    100%{border-color: #ffe300;box-shadow:0 0 20px rgba(255, 227, 0, 0.6),inset 0 0 10px rgba(255, 227, 0, 0.4),0 2px 0 #000}
}
@-ms-keyframes glow{0%{border-color: #d7bc00;box-shadow:0 0 5px rgba(215, 188, 0, 0.2),inset 0 0 5px rgba(215, 188, 0, 0.1),0 2px 0 #000}
    100%{border-color: #ffe300;box-shadow:0 0 20px rgba(255, 227, 0, 0.6),inset 0 0 10px rgba(255, 227, 0, 0.4),0 2px 0 #000}
}
@keyframes glow{0%{border-color: #d7bc00;box-shadow:0 0 5px rgba(215, 188, 0, 0.2),inset 0 0 5px rgba(215, 188, 0, 0.1),0 2px 0 #000}
    100%{border-color: #ffe300;box-shadow:0 0 20px rgba(255, 227, 0, 0.6),inset 0 0 10px rgba(255, 227, 0, 0.4),0 2px 0 #000}
}
/*.dplayer-controller .dplayer-bar-wrap .dplayer-bar-preview{background-size: 960px 450px !important;}*/
.dplayer-controller .dplayer-bar-wrap .dplayer-bar-preview{background-size:1740px 979px !important;}
.card .card-header{color: #d6d2d2;}
.card .card-content .list-group{margin: 0;}
.card .card-content .list-group .list-item{background-color: transparent;border-bottom-color: #464444;}
.card .card-content .list-group .list-item:hover{background-color:#272424;}
.card .card-content .list-group .list-item .list-item-heading{color: #969494;font-weight: normal;}
.card .card-content .list-group .list-item .list-item-text .media{height: 90px !important;}
.card .card-content .list-group .list-item .list-item-text{height: 90px;overflow: hidden;}
.card-messages{width: 420px;margin: 0 auto;}
.best-btn-box{margin: 0 -.5rem;height: 9.2rem;overflow: hidden;}
.best-btn-box.this{height: auto;}
.best-btn-box .btn,.best-btn-box [class*=" btn-"],.best-btn-box [class^=btn-]{margin: .171rem;width: 7.986%;}
.best-btn-box .btn:hover,.best-btn-box  [class*=" btn-"]:hover,.best-btn-box [class^=btn-]:hover,.best-btn-box .btn.this,.best-btn-box [class*=" btn-"].this,.best-btn-box [class^=btn-].this{background-color: #da0000;}
.show-best-box-btn{position: relative;width: 260px;left: 50%;margin-left: -130px;}
.player-btn{position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);}
.player-btn:hover{padding: 1rem 3rem;}
.items .item{padding:2rem 1rem;border-bottom:1px dashed #484848;-webkit-transition:all .4s cubic-bezier(.175,.885,.32,1);-o-transition:all .4s cubic-bezier(.175,.885,.32,1);transition:all .4s cubic-bezier(.175,.885,.32,1)}
.items .item-heading{color: #181717;}
.items .item-heading h1,.items .item-heading h2,.items .item-heading h3,.items .item-heading h4,.items .item-heading h5,.items .item-heading>h6{margin-top:0}
.items .item-content{word-wrap:break-word;color:#969696}
.items .item-content:after,.items .item-content:before{display:table;content:" "}
.items .item-content:after{clear:both}
.items .item-content>.media{width:100%;margin:5px 0;height:20%}
.items .item-content>.media.fl{max-width:150px;margin:0 8px 0 0}
.items .item-content>.media.fr{max-width:150px;margin:0 0 0 8px}
.items .item-footer{padding-top:1rem;color:#626262;display:flex;justify-content:space-between}
.items .item-footer>a{color:grey}
.items .item>.media{margin:0 10px 0 0;display: inline-block;}
.items .item>.media~.item-footer{margin-top:-2.2rem}
.items .item:hover{background-color:#d7d7d7}
.items .item:last-child{border-bottom:none}
.article-title{padding: 30px 0 10px 0;margin: 0;text-align: center;color: #201f1f}
.article-info{text-align: center;color: #969696;}
.article-info>span{margin: 0 10px;}
.article-info>span:first-child{margin-left: 0;}
.article-info>span:last-child{margin-right: 0;}
.article-content{border-top:1px dashed #484848;border-bottom: 1px dashed #484848;font-size:1.4rem;padding: 10px 0;margin: 10px 0;color: #181717;overflow: hidden;width: 100%;}
.article-content img{max-width: 60% !important;}
.article-content table{max-width: 100%;width: auto !important;border: 1px solid #00000a;}
.article-content table th, .article-content table td{padding: 9px 15px; min-height: 20px; line-height: 20px; border: 1px solid #00000a;}
.article-content table tr{border: 1px solid #00000a;}
.article-more{color: #858585;width: 100%;display: inline-table;}
.article-more>div{width: 50%;display: inline-block;}
.article-more>div:last-child{text-align: right;}
.article-keywords{color: #686868;}
.article-keywords a{margin:0 3px;}
.article-keywords a:first-child{margin-left: 0}
.article-keywords a:last-child{margin-right: 0}
.article-right{margin-left: 2rem;width: 280px;}
.article-right-title{padding-left: 12px;font-size: 16px;border-left: 4px solid #222222;margin:1rem 0;color: #1c1a1a;}
.article-right .items .item{padding: 1rem;}
.article-right .items .item:last-child{border-bottom:none;}
.article-right .items .item .media{min-height:60px;}