fieldset.debug{display:none}
html{margin:0;padding:0;min-height:100%;}
body{--theme:#007dff;--top:#fcfdfe;--Toolbox:#e4e7ed;--Xc-bj:#fff;--Xc-mment:#ebeef5;--background:rgba(255,255,255,0.8);--main:#404044;--routine:#73869a;--minor:#808388;--seat:#c0c4cc;--classA:#dcdfe6;--classB:#e4e7ed;--classC:#ebeef5;--classD:#f2f6fc;--radius-wrap:6px;--radius-inner:4px;--text-shadow:0 1px 2px rgba(0,0,0,0.25);--text-xc:0 1px 8px rgba(0,0,0,0.25);--text-bt:0 1px 5px rgba(0,0,0,0.25);--box-shadow:0 5px 10px rgba(0,0,0,.1);font-size:14px;}
a{color:#73869a;text-decoration:none;-webkit-text-decoration-skip:objects;}
a:hover{color:#007dff;text-decoration:none;}
button,input,optgroup,option,select,textarea{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;outline:0}
pre{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word}
blockquote,body,button,dd,div,dl,dt,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul,figure,figcaption{margin:0;padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}
a img,img,iframe{border:none;}
a:active,a:hover{outline:0}
img{display:inline-block;border:none}
li{list-style:none}
::selection{background-color:#009688;color:#fff;}
::-moz-selection{background-color:#009688;color:#fff;}
table{border-collapse:collapse;border-spacing:0}
h1,h2,h3{font-size:14px;font-weight:400}
h4,h5,h6{font-size:100%;font-weight:400}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
*html .clearfix{height:1%;}
*+html .clearfix{height:1%;}
.clear{height:0;clear:both;}
.fieldset{margin:10px 0;}
#sub-header{width:100%;height:60px;min-height:60px;background:#fff;box-shadow:0 8px 16px 0 rgba(28,31,33,.1);}
#sub-header input{outline:0}
#sub-header .operate-area{float:right;}
#sub-header .operate-area span{display:inline-block;position:relative}
#sub-header .operate-area span .btn{width:70px;height:34px;line-height:22px;margin:12px 0;color:#fff;font-size:14px;border-radius:0.25rem;box-sizing:border-box}
#sub-header .search-warp{float:right;position:relative;width:300px;}
.rounded-t{border-radius:0.25rem 0.25rem 0rem 0rem}
.rounded-b{border-radius:0rem 0rem 0.25rem 0.25rem}
.breadcrumb{border-radius:0.25rem 0.25rem 0 0!important;background-image:linear-gradient(0deg, #e9ecef, #f8f9fa);}
.breadcrumb a{color:#000}
.card{background: rgba(255, 255, 255, 0.8);box-shadow: 0 5px 10px rgba(0,0,0,.1)!important;}

.list-unstyled.threadlist .ml-2.d-none{display:inline-block!important}
.card > .card-header{border-radius:6px 6px 0 0;background-image:linear-gradient(0deg, #e9ecef, #f8f9fa);}
.card-header{background-color:#FFF;}
.media-body h1.title.break-all{ font-size:medium; font-weight:bold}

#player_list,#player_list ul,#player_list li{list-style:none;margin:0px;padding:0px;}
#player_list h2{font-size:1em;margin:0px;padding:0px;font-weight:700;}
#player_list ul{margin-left:-0.5%}
#player_list li a{width:12%;float:left;margin-bottom:0.5%;margin-left:0.5%;font-size:12px;}

.message p{line-height:2;}
.message .cover{float:left;border-radius:0.25rem!important;width:222px;height:324px;margin:0 10px 10px 0;border:0px;overflow:hidden}
.message .cover img{width:100%;height:auto;overflow:hidden;margin:0px!important;border:0px!important;max-width:100%!important;border-radius:0.25rem}
@media(max-width:576px){
.message .cover{float:none;width:auto;height:100%!important;margin:0!important;border:0px;overflow:inherit}
.message .cover img{width:100%!important;height:100%!important;overflow:inherit;margin:0px auto;border:0px;}
}
.pagination .page-item{margin-left:.25rem;}
.page-item .page-link{padding:10px 13px!important;border:1px solid #868e96;background:#868e96;color:#FFF;border-radius:3px;}
.page-item a.page-link:hover{background:#333!important;color:#FFF;border:1px solid #333;}
.page-item.active .page-link{z-index:1;color:#fff;background-color:#333;border-color:#333;padding:10px 13px!important;}
.page-link:focus{box-shadow:0 0 0 0rem #343a40!important;}
.page-item.disabled .page-link{border-color:#343a40;}
button:focus{outline:0px dotted;outline:0px auto -webkit-focus-ring-color;}
.btn:focus,.btn.focus{outline:0;box-shadow:0 0 0 0rem #fff!important;}
.form-control:focus{color:#495057;background-color:#fff;border-color:#343a40;outline:0;box-shadow:0 0 0 0rem rgba(31,73,119,0.25);}
.btn-orange{color:#FFF;background-color:#ff9500;border-color:#ff9500;}
.btn-orange:hover{color:#FFF;background-color:#ec8a01;border-color:#ec8a01;}
.btn-orange:focus,.btn-orange.focus{box-shadow:0 0 0 0rem;}
.btn-orange.disabled,.btn-orange:disabled{color:#FFF;background-color:#ff9500;border-color:#ff9500;}
.btn-orange:not(:disabled):not(.disabled):active,.btn-orange:not(:disabled):not(.disabled).active,.show > .btn-orange.dropdown-toggle{color:#FFF;background-color:#ec8a01;border-color:#ec8a01;}
.btn-orange:not(:disabled):not(.disabled):active:focus,.btn-orange:not(:disabled):not(.disabled).active:focus,.show > .btn-orange.dropdown-toggle:focus{box-shadow:0 0 0 0rem;}
.btn-skyblue{color:#FFF;background-color:#158FED;border-color:#158FED;}
.btn-skyblue:hover{color:#FFF;background-color:#0066CC;border-color:#0066CC;}
.btn-skyblue:focus,.btn-skyblue.focus{box-shadow:0 0 0 0rem;}
.btn-skyblue.disabled,.btn-skyblue:disabled{color:#FFF;background-color:#158FED;border-color:#158FED;}
.btn-skyblue:not(:disabled):not(.disabled):active,.btn-skyblue:not(:disabled):not(.disabled).active,.show > .btn-skyblue.dropdown-toggle{color:#FFF;background-color:#0066CC;border-color:#0066CC;}
.btn-skyblue:not(:disabled):not(.disabled):active:focus,.btn-skyblue:not(:disabled):not(.disabled).active:focus,.show > .btn-skyblue.dropdown-toggle:focus{box-shadow:0 0 0 0rem;}
footer.mt-3#footer{ margin-top:0px!important;}  

.forumlist .card-header{padding:0.3rem 1.25rem;}
.col-lg-9.main .forumlist:last-child .card,
.col-lg-12.main .forumlist:last-child .card{margin-bottom:0px;}

.piclist{padding-bottom:0!important}
.piclist li{float:left;background:#FFF;border-radius:0.25rem;transition:all 0.3s linear;-moz-transition:all 0.3s linear;-webkit-transition:all 0.3s linear;-o-transition:all 0.3s linear;box-shadow:0px 1px 16px -8px #000;}

.container .col-lg-9 .piclist ul{margin-left:-1.2%;}
.container .col-lg-9 .piclist li{width:23.8%;margin-bottom:1.2%;margin-left:1.2%;overflow:hidden;}
.container .col-lg-12 .piclist ul{margin-left:-1.26666666%;}
.container .col-lg-12 .piclist li{width:15.4%;margin-bottom:1.26666666%;margin-left:1.26666666%;overflow:hidden;}

.container-fluid .col-lg-12 .piclist ul{margin-left:-0.5%;}
.container-fluid .col-lg-12 .piclist li{width:12%;margin-bottom:0.5%;margin-left:0.5%;overflow:hidden;}
.container-fluid .col-lg-9 .piclist ul{margin-left:-1.26666666%;}
.container-fluid .col-lg-9 .piclist li{width:15.4%;margin-bottom:1.26666666%;margin-left:1.26666666%;overflow:hidden;}


.piclist li .cover{display:inline-block;width:92%;margin:4%;position:relative;overflow:hidden;text-align:center}
.piclist li .cover img{vertical-align:middle;width:100%;}
.piclist li .cover .item-mask{position:absolute;left:0;top:0;z-index:2;width:100%;height:100%;background:linear-gradient(180deg,transparent 0,transparent 80%,rgba(0,0,0,.42))}
.piclist li .cover .zoomOverlay{display:block;position:absolute;top:50%;left:50%;background:url(../img/player.png) no-repeat;opacity:0;filter:alpha(opacity=0);transition:all .5s ease 0s;width:63px;height:63px;margin:-31.5px 0 0 -31.5px;background-position:-4px -73px}
.piclist li .cover .zoomOverlay b{display:block;background:url(../img/player.png) no-repeat;transition:all .5s ease 0s;width:63px;height:63px;background-position:-3px -2px;}
.piclist li:hover .cover .zoomOverlay{opacity:1;filter:alpha(opacity=50);z-index:9;}
.piclist li:hover .cover .zoomOverlay b{transform:rotate(90deg);-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);z-index:9;}
.piclist li p.video_name{display:inline-block;margin:0 4% 4% 4%;width:92%;font-size:14px;line-height:1;vertical-align:baseline;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;}
.piclist li p.video_name input{margin-top:0.41rem;}
.piclist li .date-hits{width:92%;margin:0 4%;font-size:12px;line-height:34px;border-top:1px dotted #ebeef5;color:#777;}
.piclist li .date-hits span{}
.piclist li .date .icon-comment-o{font-size:16px}
.piclist li .date input{vertical-align:text-top;}
.piclist li .cover .itemset-num{position:absolute;display:inline-block;font-size:12px;line-height:1;vertical-align:baseline;padding:0.2rem 0.4rem;right:0;bottom:0px;border-radius:0.65rem 0 0 0rem;background:rgba(191,56,43,0.75);color:#fff;z-index:4}
.piclist li .cover .itemset-num-vip{position:absolute;display:inline-block;font-size:12px;line-height:1;vertical-align:baseline;padding:0.25rem 0.6rem 0.25rem 0.4rem;left:0;top:0;border-radius:0 0 0.65rem 0;background:rgba(0,0,0,0.5);color:#fff;z-index:4}
.piclist li .lijs{position:relative;bottom:0;padding-top:9px;width:92%;margin:0 4% 3% 4%;border-top:1px dotted #ebeef5;line-height: 20px;}
.piclist li .lijs span{display: inline-block; overflow: hidden;width:100%;border-radius:4px;background:#f4f4f4;height: 70px;font-size: 12px;padding: 6px 8px;}

.piclist li:hover{box-shadow:2px 2px 3px rgba(173,181,189,0.8);}
.piclist li:hover .cover .item-mask{background-color:#000;filter:alpha(Opacity=60);-moz-opacity:.6;opacity:.6;background:linear-gradient(180deg,rgba(0,0,0,.6) 0,rgba(0,0,0,.6));}
.piclist li:hover .video_name a,
.piclist li:hover .date-hits,
.piclist li:hover .date a.tag,
.piclist li:hover .lijs span{color:#007dff;}

.fox-side-item{position:relative;border-radius:0.25rem;box-shadow:0 5px 10px rgba(0,0,0,.1);overflow:hidden}
.fox-side-item:last-child{position:-webkit-sticky;position:sticky;margin-bottom:0;transition:top 0.35s}
.fox-side-item-title{display:flex;align-items:center;border-bottom:1px solid var(--classC);font-size:15px;font-weight:500;height:45px;line-height:45px;padding:0 15px;color:var(--main)}
.fox-side-item-title .icon{width:18px;height:18px;margin-right:8px;fill:var(--main)}
.fox-side-item-title .line{width:10px;height:1px;background:#54b5db;margin-left:12px}
.fox-side-item-contain{position:relative;padding:15px}
.fox-side-item{background:var(--background);padding:85px 15px 0 15px}
.fox-side-item::before{content:'';position:absolute;top:90px;left:0;width:100%;height:30px;z-index:2;background:linear-gradient(to bottom,rgba(255,255,255,0),#f8f9fa)}
.fox-side-item:hover::after{display:block}
.fox-side-item .image{position:absolute;top:0;left:0;width:100%;height:120px;-o-object-fit:cover;object-fit:cover;z-index:1}
.fox-side-item .card-body{position:relative;z-index:4;display:flex;flex-direction:column;align-items:center;padding-bottom:25px}
.fox-side-item .card-body .avatar{width:70px;height:70px;border-radius:50%;overflow:hidden;margin-bottom:10px;-o-object-fit:cover;object-fit:cover;transition:-webkit-transform 0.75s;transition:transform 0.75s;transition:transform 0.75s,-webkit-transform 0.75s;border:rgba(144,147,153,0.23) 3px solid;padding:0px;background:#FFF}
.fox-side-item .card-body .avatar:hover{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
.fox-side-item .card-body .link{color:#007dff;margin-bottom:10px;font-size:16px;font-weight:500}
.fox-side-item .card-body .motto{font-size:14px;color:var(--main);text-align:center;word-break:break-word}
.fox-side-item .count{width:100%;padding-bottom:15px;display:flex;align-items:center;border-bottom:1px solid var(--classC)}
.fox-side-item .count .item{min-width:0;flex:1;display:flex;flex-direction:column;align-items:center;color:#606266;font-size:13px}
.fox-side-item .count .item .num{max-width:70px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500;font-size:1.2rem;color:var(--main);margin-bottom:3px;text-shadow:0 1px 2px rgba(0,0,0,0.25);}

.fox-side-item .list{padding-top:15px}
.fox-side-item .list .item{display:flex;align-items:center;justify-content:space-between;line-height:30px}
.fox-side-item .list .item .link{position:relative;color:var(--routine);max-width:85%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fox-side-item .list .item .link::after{content:'';position:absolute;bottom:0;left:0;width:0;height:1px;background:var(--theme);transition:all 0.35s}
.fox-side-item .list .item .link:hover{color:var(--theme)}
.fox-side-item .list .item .link:hover::after{width:100%}
.fox-side-item .list .item .icon{fill:var(--routine)}

.fox-aside-item{position:relative;border-radius:0.25rem;box-shadow:0 5px 10px rgba(0,0,0,.1);overflow:hidden;}
.fox-aside-item.tags{background:var(--background);}
.fox-aside-item.tags .empty{text-align:center;color:#606266}
.fox-aside-item-title{display:flex;align-items:center;border-bottom:1px solid var(--classC);font-size:15px;font-weight:500;height:45px;line-height:45px;padding:0 15px;color:var(--main)}
.fox-aside-item-title .icon{width:18px;height:18px;margin-right:8px;fill:var(--main)}
.fox-aside-item-title .line{width:10px;height:1px;background:#54b5db;margin-left:12px}
.fox-aside-item-title .icon2{width:1rem;height:1rem;margin-right:2px;fill:currentColor;overflow:hidden;flex-shrink:0;width:17px;height:17px;}
.fox-aside-item-title .xccx_mac{content:" ";position:absolute;-webkit-border-radius:50%;border-radius:50%;background:#fc625d !important;width:11px;height:11px;-webkit-box-shadow:20px 0 #fdbc40,40px 0 #35cd4b;box-shadow:20px 0 #fdbc40,40px 0 #35cd4b;float:right;right:55px;top:17px}
.fox-aside-item-contain{position:relative;padding:15px}
.fox-aside-item-contain .cloud{display:table-footer-group;flex-wrap:wrap;list-style:none;margin-bottom:0px;}
.fox-aside-item-contain .cloud .item{float:left;padding:5px}
.fox-aside-item-contain .cloud .item a{color:#fff;padding:3px 6px 3px 6px;font-size:13px;border-radius:2px;}
.fox-aside-item-contain .cloud .item a:hover{transition:.35s ease-out;background:#000 !important;border-radius:2px}
.fox-aside-item.hot{background:var(--background);}
.fox-aside-item.hot .empty{text-align:center;color:#606266}
.fox-aside-item.hot .item{list-style:none;margin-bottom:15px}
.fox-aside-item.hot .item:last-child{margin-bottom:0}
.fox-aside-item.hot .item:nth-child(1) .link .sort{background:#ff183e}
.fox-aside-item.hot .item:nth-child(2) .link .sort{background:#ff5c38}
.fox-aside-item.hot .item:nth-child(3) .link .sort{background:#ffb821}
.fox-aside-item.hot .item .link{position:relative;display:block;border-radius:0.25rem;overflow:hidden}
.fox-aside-item.hot .item .link:hover .image{-webkit-transform:scale(1.2);transform:scale(1.2)}
.fox-aside-item.hot .item .link .sort{position:absolute;top:5px;right:-20px;background:#7f7f8c;color:#fff;width:76px;text-align:center;font-size:12px;-webkit-transform:rotate(45deg);transform:rotate(45deg);font-weight:500;z-index:1;font-style:normal}
.fox-aside-item.hot .item .link .image{width:100%;height:148px;-o-object-fit:cover;object-fit:cover;transition:-webkit-transform 0.35s;transition:transform 0.35s;transition:transform 0.35s,-webkit-transform 0.35s}
.fox-aside-item.hot .item .link .describe{position:absolute;z-index:1;left:0;right:0;bottom:0;padding:10px;background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.75));font-size:12px;color:var(--seat)}
.fox-aside-item.hot .item .link .describe h6{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff;line-height:24px;font-size:14px}

@keyframes slide-in{to{transform:translateX(0px);}}

.sider,.smalls,.fluid,.gotoup,.gosearch,.gohome,.gotodown{position:fixed;right:0;width:50px;line-height:1;padding:0.2rem 0.4rem;vertical-align:baseline;z-index:5;border-radius:16px 0 0 16px;cursor:pointer;box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important;}
.gotoup{bottom:64px;transform:translate(60px, 0px);}
.gohome{bottom:88px;transform:translateX(100px);animation:slide-in 0.5s ease-in-out 0s forwards;}
.gosearch{bottom:112px;transform:translateX(140px);animation:slide-in 0.5s ease-in-out 0s forwards;}
.fluid,.smalls{bottom:136px;transform:translateX(180px);animation:slide-in 0.5s ease-in-out 0s forwards;}
.sider{bottom:160px;transform:translateX(220px);animation:slide-in 0.5s ease-in-out 0s forwards;}
.gotodown{bottom:184px;transform:translate(260px, 0px);}
.gotodown4{bottom:208px;}
.gotodown5{bottom:232px;}

@media(max-width:1365px){
.fluid,.smalls{display:none;}
.sider{bottom:136px;}
.gotodown{bottom:160px;}
}
@media(max-width:1280px){
.container{max-width:100%;}
}
@media(max-width:1200px){}
@media(max-width:1180px){}
@media(max-width:1024px){}
@media(max-width:992px){
#nav{padding-top:1.5rem;padding-left:0.5rem;}
#nav > ul:first-child > li:not(:first-child){padding-left:3rem;}
#nav > ul > li > a.nav-link{border-bottom:1px solid rgba(134,142,150,0.3);}
}
@media(max-width:915px){
.fluid,.smalls{display:none;}
.sider{display:none;}
.gotodown{bottom:136px;}
.container .col-lg-12 .piclist ul,
.container-fluid .col-lg-12 .piclist ul{margin-left:-1.2%!important;}
.container .col-lg-12 .piclist li,
.container-fluid .col-lg-12 .piclist li{width:23.8%;margin-bottom:1.2%;margin-left:1.2%;overflow:hidden;}
}
@media(max-width:912px){}
@media(max-width:896px){}
@media(max-width:851px){}
@media(max-width:844px){}
@media(max-width:823px){}
@media(max-width:820px){}
@media(max-width:768px){
#player_list ul{margin-left:-0.5%}
#player_list li a{width:9.5%;margin-bottom:0.5%;margin-left:0.5%;}
#player{min-height:400px;}
#player .video{height:400px!important;}
#player_iframe{min-height:400px;}
}
@media(max-width:740px){}
@media(max-width:731px){}
@media(max-width:667px){}
@media(max-width:640px){}
@media(max-width:576px){
#body{padding-top:0rem;}
#body > .container > .row > div{padding:0.5rem;}
#body > .container-fluid > .row > div{padding:0.5rem;}

.container .col-lg-9 .piclist ul,
.container .col-lg-12 .piclist ul,
.container-fluid .col-lg-9 .piclist ul,
.container-fluid .col-lg-12 .piclist ul{margin-left:-1.2%!important;}
.container .col-lg-9 .piclist li,
.container .col-lg-12 .piclist li,
.container-fluid .col-lg-9 .piclist li,
.container-fluid .col-lg-12 .piclist li{width:32.1%;margin-bottom:1.2%;margin-left:1.2%;overflow:hidden;}
.piclist li p.video_name{}

.message .cover{float:none;width:auto;height:auto;margin:0!important;border:0px;overflow:inherit}
.message .cover img{width:100%!important;height:100%!important;border-radius:3px!important;overflow:inherit;margin:0px auto;border:0px;}
#player_list ul{margin-left:-1.2%}
#player_list li a{width:23.8%;margin-bottom:1.2%;margin-left:1.2%;}

#player_list ul{margin-left:-1.2%}
#player_list li a{width:48.8%;margin-bottom:1.2%;margin-left:1.2%;}
#player{min-height:200px;}
#player .video{height:200px!important;}
#player_iframe{min-height:200px;}
}
@media(max-width:568px){}
@media(max-width:540px){}
@media(max-width:414px){
.container .col-lg-9 .piclist ul,
.container .col-lg-12 .piclist ul,
.container-fluid .col-lg-9 .piclist ul,
.container-fluid .col-lg-12 .piclist ul{margin-left:-4%!important;}
.container .col-lg-9 .piclist li,
.container .col-lg-12 .piclist li,
.container-fluid .col-lg-9 .piclist li,
.container-fluid .col-lg-12 .piclist li{width:46%;margin-bottom:4%;margin-left:4%;overflow:hidden;}
.piclist li p.video_name{}
.piclist li .lijs{display:none;}
}
@media(max-width:412px){}
@media(max-width:411px){}
@media(max-width:393px){}
@media(max-width:390px){}
@media(max-width:375px){}
@media(max-width:360px){
.piclist0 ul{margin-left:-2.2%!important;}
.piclist0 li{width:47.8%!important;margin-bottom:2.2%!important;margin-left:2.2%!important;overflow:hidden;}
}
@media(max-width:320px){
#player_list h2{font-size:1em;}
}
@media(max-width:280px){}
@media(min-width:1025px){}
@media(min-width:1024px){}
@media(min-width:992px){
#player{min-height:600px;}
#player .video{height:600px!important;}
#player_iframe{min-height:600px;}
#player .dplayer-video-wrap .dplayer-video-current{min-height:600px;}
}
@media(min-width:576px){}