@charset "utf-8";
body{padding-top: 56px;}
img{border: none; vertical-align: top;}
/* links */
a:link,a:visited{color: inherit; text-decoration:inherit;}
.table-container
{
width: 100%;
overflow-y: auto;
}
/* 分页 */
.select{
    border: 1px solid #e2e2e2;
    background-color: #fff;
    color: #666;
    transition: .5s;
    display: inline-block;
    padding: 2px 5px;
    border-radius: 4px;
    margin-right: 10px;
}
.banner-ad{
    margin-bottom: 10px;
}
.book-list {
    padding: 8px;
    box-sizing: border-box;
}
.book-list ul{
    padding-left: 0px;
}
.book-list ul li {
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    border-bottom: #CCC 1px dashed;
}
.book-list ul a{
    color: #666!important;
}

.book-list .book-name {
    width: 66.66666667%;
    float: left;
}
.book-list .book-time {
    width: 33.33333333%;
    float: right;
}
.pages{clear: both;}

/* common */
.lteie9{border-bottom: 1px rgba(0,0,0,.1) solid;}
.main-container{max-width: 1200px!important; padding-left: 0px!important; padding-right: 0px!important; margin: 0 auto;}
.f12{font-size: 12px !important;}
.f14{font-size: 14px !important;}
.f16{font-size: 16px !important;}
.f18{font-size: 18px !important;}
/*.banner-ad img{width: 100%; height:60px;}*/
.top-search input,.top-search input:focus, .top-search input[type=text]{}
.clamp1,.clamp2,.clamp3 { overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; word-break: break-word;}
.clamp1 {-webkit-line-clamp: 1;}
.clamp2 {-webkit-line-clamp: 2;}
.clamp3 {-webkit-line-clamp: 3;}
.list-grid-title a{font-weight: normal; color: inherit!important;}
.list-grid-title a:before{display: none!important;}
.attributes-info{ color: #999; font-size: 12px;}
.attributes-info li{display: inline;}
.attributes-info .mdui-icon,.attributes-info .mdui-icon:before{margin-left: 10px;font-size: 12px;}
.attributes-info .mdui-icon:first-child{margin-left: 0;}
.mdui-dialog .mdui-dialog-actions{border-top: 1px rgba(0,0,0,.08) solid;}
.dialog-main .mdui-dialog-actions .mdui-btn{display: block; width: 100%;}
@media (max-width: 420px){
	.attributes-info .att-info-thumbsup{display: none;}
}


/* toolbar */
.mdui-theme-accent-pink .mdui-textfield-focus .mdui-textfield-input,.mdui-textfield-invalid .mdui-textfield-input, .mdui-textfield-invalid-html5 .mdui-textfield-input{-webkit-box-shadow: 0 1px 0 0 #f44336!important; box-shadow: none!important;}
.logo{height: 34px;line-height: 34px;}
.logo img{
    height: 34px;
}

/* 左侧菜单 */
.left-drawer{background: #fff; border-right: 1px rgba(0,0,0,.1) solid;}
.mdui-theme-layout-dark .left-drawer{background: rgba(0,0,0,.2);}
.left-drawer .mdui-list-item-active{background: #ff4081!important; color:#fff;}
.left-drawer-menu-jq a:hover{ background: #eee; transition: .3s;}
.left-drawer-menu-jq a.active{background: #ff4081; color: #fff;}
@media (max-width: 1023px){
.mdui-drawer {background-color: #fff;}
.mdui-theme-layout-dark .left-drawer {background: rgb(38,38,38);}
}

/* 列表 */
.flex-grid{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-ms-flex-wrap: wrap;-webkit-flex-wrap: wrap;flex-wrap: wrap;margin:0 -6px;}
.mdui-grid-list .mdui-col, .mdui-grid-list [class*=mdui-col-lg-], .mdui-grid-list [class*=mdui-col-md-], .mdui-grid-list [class*=mdui-col-sm-], .mdui-grid-list [class*=mdui-col-xl-], .mdui-grid-list [class*=mdui-col-xs-]{padding-right: 8px;padding-left: 8px;}
.list-videos .flex-grid .mdui-col{margin-top:8px; margin-bottom: 8px; }
.list-videos .flex-grid .mdui-col a{color: inherit!important;}
.list-videos .flex-grid .mdui-col a:hover img{opacity: 0.8;}

/* 视频 */
.video-thumb{position: relative;}
.duration{ position: absolute;right: 3px;bottom: 3px;background: rgba(0,0,0,.5); padding: 5px;font-size: 13px; color: #fff; border-radius: 3px;}
.sharpness{ position: absolute;left: 3px;top: 3px;background: rgba(255,64,129,.8); padding: 5px;font-size: 13px; color: #fff; border-radius: 3px;}
.video-thumb>video, .video-thumb>.thumb-slider { background: #000;}
.video-thumb video { width: 100%; height: 100%;position: absolute;top: 0;left: 0; padding: 0; margin: 0;}
.playermain_bg{background-color: #292929;color: #999;}
.playermain_bg .position{background: #1f1f1f;}
.playerbox{position: relative; }
.playerarea-left{background: #000;}
.playerarea-right{ height: 500px; background-color: #1f1f1f;}
.playerarea-right-head{ border-bottom: 1px rgba(255,255,255,.1) solid; padding-bottom: 10px;}
.playerarea-right-main{ height: 480px; overflow-y: scroll;}
.refresh-btn{cursor: pointer;}
.show-videos-container{background-color: #1f1f1f;}
.show-videos-container > .mdui-row{margin: 0 !important;}
.show-videos-container .mdui-btn-group .mdui-btn{color: inherit;}
.show-videos-container .mdui-btn-group{font-size:12px!important; }
.video-info-container .mdui-btn-group .mdui-btn{float:none;}
.show-videos-list-avatar{width: 50%; height: auto; overflow: hidden; position: relative;}
.show-videos-list-avatar .grid-tile-time { background: rgba(0,0,0,.5); color: #fff; padding: 3px 5px; position: absolute; right: 2px; bottom: 2px; border-radius: 3px; font-size: 12px;}
.show-videos-list-avatar img{width: 100%; height: 100%;}
.show-videos-list-content{ margin-left: 52%;}
.show-videos-list-content h4{font-weight: normal;}
.show-videos-list .mdui-list .mdui-list-item > a{display: block; overflow: hidden;}
.show-video-tags a{display: inline-block; line-height: 30px; border:1px rgba(0,0,0,.1) solid; padding: 0 8px; border-radius: 4px; margin: 2px; transition: all .5s;}
.show-video-tags a:hover{background: #ff4081; color: #fff; transition: all .5s;}
.video-details .btn-tread-digg a{color:inherit!important;}
.video-details .btn-tread-digg a:before{display:none;}
.video-details-collapse .mdui-collapse-item .mdui-collapse-item-header{cursor: pointer;transition: .5s;}
.video-details-collapse .mdui-collapse-item .mdui-collapse-item-header:hover{background: #eee; transition: .5s;}
.video-details-collapse .mdui-collapse-item .mdui-collapse-item-header .close{display: none;}
.video-details-collapse .mdui-collapse-item-open .mdui-collapse-item-header .open{display: none;}
.video-details-collapse .mdui-collapse-item-open .mdui-collapse-item-header .close{display:inline;}
.video-details-info img{max-width:100%!important;}

@media (max-width: 1024px){
.playerarea-right { position: relative;}
	.playerarea-right .show-videos-list .mdui-list > li{width: 50%; float: left; margin: 0!important;}
}

@media (max-width: 600px){
.banner-ad img{width: 100%; height:50px;}
}

/* 分页 */
.pages {margin: 20px 0;text-align: center;}
.pages ul li {display: inline-block;padding: 0;margin-left: 1px;}
.pages ul li .num, .pages ul li a {display: inline-block; padding: 8px 15px; border-radius: 4px;}
.pages ul li a, .pages ul li .num { border: 1px solid #e2e2e2; background-color: #fff; color: #666; transition: .5s;}
.pages ul li a:hover{background:#eee; transition: .5s;}
.pages ul li.active a{background:#ff4081; border-color: #ff4081; color: #fff; transition: .5s;}


/* footer */
footer { background: #1a1a1a; color: hsla(0,0%,100%,.5); overflow: hidden;font-size: 13px;}
footer a:hover {color: #fff;}


/*新增代码*/
.banner{
    width: 98%;
    height: 290px;
    margin:0 1% 15px 1%;
    border-radius: 8px;
    overflow: hidden;
}
.tuyiyi_si{
    width: 98%;
    height: 104px;
    margin: 0 auto 15px auto;
    overflow: hidden;
}
.tuyiyi_si ul{
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}
.tuyiyi_si ul li{
    width: 282px;
    height: 100px;
    float: left;
    margin-right: 15px;
}
.tuyiyi_si ul li a.design_blue{
    background: linear-gradient(#43ceff,#16a4e8);
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#43ceff', endColorStr='#16a4e8', gradientType='0');
}
.tuyiyi_si ul li a {
    display: block;
    width: 282px;
    height: 100px;
}
.design_bigicon {
    width: 84px;
    height: 85px;
    float: left;
    padding: 10px 0 0 10px;
}
.tuyiyi_si ul li a i.icon_blue {
    background-position: -198px -97px;
}
.tuyiyi_si ul li a i {
    display: inline-block;
    width: 90px;
    height: 85px;
    background: url(//resource.webstacks.cn/sylxo/images/tuyiyi_vip2.png) no-repeat;
    vertical-align: middle;
}
.design_pictxt {
    width: 160px;
    height: 100px;
    float: right;
    padding-top: 12px;
}
.design_pictxt h4 {
    font-size: 20px;
    color: #FFF;
    line-height: 36px;
    font-weight: 700;
    letter-spacing: 1.2px;
    font-family: "微软雅黑";
    margin: 0;
}
.design_pictxt p {
    font-size: 15px;
    color: #FFF;
    line-height: 20px;
    margin-top: 0;
}

.tuyiyi_si ul li a.design_red {
    background: linear-gradient(#ff7676,#fd5b80);
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#ff7676', endColorStr='#fd5b80', gradientType='0');
}
.tuyiyi_si ul li a i.icon_red {
    background-position: -198px -176px;
}

.tuyiyi_si ul li a.design_black {
    background: url(//resource.webstacks.cn/sylxo/images/tuyiyi_vip2.png);
}

.tuyiyi_si ul li a.design_green {
    background: linear-gradient(#feb044,#ff882c);
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#feb044', endColorStr='#ff882c', gradientType='0');
}
.tuyiyi_si ul li a i.icon_green {
    background-position: -198px -260px;
}

.tuyiyi_si ul li a.design_pink {
    background: linear-gradient(#ff6ebe,#f757af);
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#feb044', endColorStr='#ff882c', gradientType='0');
}

.tuyiyi_si ul li a i.icon_pink {
    background-position: -198px -336px;
}

.pages a,.pages span{
    border: 1px solid #e2e2e2;
    background-color: #fff;
    color: #666;
    transition: .5s;
    display: inline-block;
    padding: 8px 15px;
    border-radius: 4px;
    margin-right: 10px;
}
.pages span.curwrpage{
    background: #eee;
}
.pages a:hover {
    background: #eee;
    transition: .5s;
}
.uk-margin-bottom {
    margin-bottom: 15px !important;
}
.uk-float-left {
    float: left;
}
.bred i, .bred a{
    color: #333;
}
.bred .right {
    color: #868686;
}
.uk-text-left{
    font-size: 18px;
    line-height: 24px; 
}
.uk-float-left {
    float: left;
}
.uk-clearfix:before {
    content: "";
    display: table-cell
}

.uk-clearfix:after {
    content: "";
    display: table;
    clear: both
}
.read-btn{
    width: 120px;
}
.uk-button {
    -webkit-appearance: none;
    margin: 0;
    border: none;
    overflow: visible;
    font: inherit;
    text-transform: none;
    display: inline-block;
    box-sizing: border-box;
    padding: 0 12px;
    vertical-align: middle;
    line-height: 30px;
    min-height: 30px;
    font-size: 1rem;
    text-decoration: none;
    text-align: center;
    background: #333;
    color: #dbb277!important;
    border-radius: 3px;
    margin-top: 8px;
}
.uk-margin-large-right{
    margin-left: 20px;
}
.uk-margin-large-right i{
    margin-right: 5px;
}
.bookbox{
    width: 100%;
    height: auto;
    background-color: #fff;
    line-height: 26px;
    font-size: 16px;
}
.bookbox img{
    width: 100%;
}
.mdui-hidden-xs{
    line-height: 24px;
    font-size: 14px;
}
@media (max-width: 767px) {
    .logo{
        padding-left: 36px;
    }
    .pages a, .pages span{
        margin-bottom: 10px;
    }
    .read-img img{
        width: 100%;
    }
    .bred p{
        font-size: 15px;
        line-height: 24px;
    }
    .read-btn{
        width: 100%;
    }
    .uk-button{
        width: 100%;
        padding: 5px 12px;
    }
    .uk-margin-large-right {
        margin-left: 10px;
    }
    .playerbox{
        height: 50vh!important;
    }
    .midu-hit{
        display: none;
    }
}