/* ========== 基础重置 ========== */
body{color:#909090;width:100%;background:#1e1e1e;font-size:14px;font-family:Arial,sans-serif;}
body,ul,li,u,i,h1,h2,h3,tr,td,form,p,hr,em{margin:0;padding:0;list-style-type:none;font-style:normal;text-decoration:none;}
a{color:#f7d0bf;text-decoration:none;}
a:hover{color:#FF5B82;transition:all 0.5s;}
*:focus{outline:none;}
em{color:#ff6600;font-weight:bold;}
h3{font-size:20px;line-height:1.3;}
textarea,input,button,select{display:inline-block;width:100%;color:#f7d0bf;background:#242424;padding:15px;border:none;box-sizing:border-box;border-radius:4px;vertical-align:middle;}
form{box-sizing:border-box;}
input:-webkit-autofill,textarea:-webkit-autofill,select:-webkit-autofill{
  -webkit-text-fill-color:#909090 !important;
  -webkit-box-shadow:0 0 0px 1000px transparent inset !important;
  background:transparent;transition:background 50000s ease-in-out 0s;
}
img{border:none;vertical-align:middle;}

/* ========== 容器 ========== */
.container{margin:0 auto;position:relative;}

/* ========== 头部 ========== */
.header{position:relative;margin:10px 0 15px 0;border-bottom:1px solid #242424;}
.header .logo{display:block;text-align:center;margin:20px 10px;vertical-align:middle;}
.header .logo img{height:40px;}
.header .menu{position:absolute;width:130px;left:20px;top:5px;}
.header .menu .icon{display:inline-block;font-size:30px;}
.header .user{display:none;position:absolute;right:20px;top:0;font-size:16px;}
#download{display:none;}
.logs li[type="like"]{display:none;}
.header .user .face .icon{display:inline-block;font-size:30px;}
.header .user .face img{width:36px;height:36px;border-radius:100%;vertical-align:middle;}
.header .hot{display:block;margin:20px 10px;text-align:center;vertical-align:middle;}
.header .hot i{display:block;font-size:20px;}
.header .hot a{display:inline-block;font-size:14px;margin:0 10px;}

/* ========== 搜索 ========== */
.search{display:block;position:relative;margin:20px 10px;font-size:0;vertical-align:top;}
.search .key{background:#242424;height:45px;padding-left:40px;width:100%;border-radius:4px 0 0 4px;}
.search .but{position:absolute;height:45px;width:60px;right:0;background:#3a3636;padding:14px;border-radius:0 4px 4px 0;}
.search i{position:absolute;cursor:pointer;width:20px;margin:12px 0 0 10px;}
.search .icon{font-size:20px;}

/* ========== 下拉菜单 ========== */
.dropdown{position:relative;display:inline-block;width:100%;}
.dropdown-content{display:none;position:absolute;margin-top:10px;z-index:99999;line-height:35px;width:150px;background:#242424;right:0;box-shadow:0 8px 16px 0 rgba(0,0,0,0.2);}
.dropdown-content a{position:relative;color:#f7d0bf;font-size:14px;padding:5px 30px;text-decoration:none;display:block;}
.dropdown-content a:hover{background:#3a3636;}
.header .menu .dropdown-content a i.icon{font-size:16px;}
.dropdown:hover .dropdown-content{display:block;}

/* ========== 公告栏 ========== */
.word{position:relative;display:flex;flex-wrap:wrap;justify-content:space-evenly;padding:0;align-items:center;font-size:14px;}
.word:after{content:"";display:inline-block;width:100%;}
.word a{display:inline-block;text-transform:capitalize;padding:5px 10px;margin:5px 2px;border:2px solid #1e1e1e;background:#242424;border-radius:5px;}
.word a.active{border-color:#ff5b82;color:#ff5b82;}
.word a i{display:block;font-size:10px;text-align:center;margin-top:5px;padding-top:5px;color:#ccc;}
.word a i.icon{font-size:18px;color:#fe5b82;margin:0;}
.class{max-height:140px;overflow:hidden;justify-content:center;}

/* ========== 视频卡片列表 ========== */
.list_box{text-align:justify;height:auto;font-size:0;border-radius:10px;}
.list_box:after{content:"";display:inline-block;width:100%;}
.list_box h1{position:relative;text-transform:capitalize;color:#bcba01;font-size:18px;margin:10px;padding-bottom:10px;}
.list_box h1 span{position:absolute;font-size:14px;font-weight:normal;right:10px;bottom:10px;line-height:30px;}
.list_box h2,.box h2{position:relative;text-transform:capitalize;color:#f7d0bf;font-size:20px;margin:10px 10px 0 0;padding-bottom:10px;}
.list_box ul{display:inline-block;position:relative;width:50%;vertical-align:top;overflow:hidden;margin-bottom:30px;}
.list_box li{position:relative;margin:0 5px 5px 5px;}
.list_box li.view{height:20px;color:#515050;font-size:12px;line-height:20px;}
.list_box li.view u{margin-right:20px;vertical-align:middle;}
.list_box li.view i{vertical-align:middle;}
.list_box li.view span{position:absolute;right:0;}
.list_box li.view .icon-eye{font-size:20px;}
.list_box.ul1 li.view u:not(:first-child){display:none;}
.list_box li.title{color:#f7d0bf;font-size:15px;text-align:left;line-height:1.3;max-height:40px;overflow:hidden;}
.list_box li.title:hover{color:#ff5b82;transition:all 0.5s;}
.list_box li.iframe{height:0;padding-bottom:70%;}
.list_box li.iframe iframe{position:absolute;width:100%;height:100%;}
.list_box li.image{height:0;padding-bottom:60%;}
.list_box li.image img{position:absolute;width:100%;height:100%;object-fit:cover;}
.list_box li.image span.note{position:absolute;background:rgba(0,0,0,.54);color:#fff;font-size:12px;border-radius:2px;padding:2px 5px;right:5px;bottom:5px;}
.list_box li.image span.time{position:absolute;background:rgba(0,0,0,.54);color:#fff;font-size:12px;border-radius:2px;padding:2px 5px;left:5px;bottom:5px;}
.list_box li.image:hover::before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:rgba(0,0,0,.4) url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAANlBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAABHcEwAAAAAAAA5OTkAAAB/f3/19fXOzs6ysrLk5OT///8P0uRtAAAAEXRSTlOAEgE0SXhnAB5VkECq9dfF52B47JgAAAE+SURBVEjHpZbhkoMgDITXEGiitcr7v+wpc9eRQihy+0/bb2JISBaPT5E41uABH5SdUPEHfDzLEpApLNJERD0Kec1DXRFhGGKpIuQCTAVHJTIxmuLpE5kUX6QTXRH6TpzMFekh3kxCiNElpjfi0Cn3h0joRYL8IoxucUJIfD8CSVH0BgE9kVtB4OVAluL1a24wy4GUxxXj1jg0gqCCxPVpHwBcFYlxtyAHNpAYjZQYaiJxraakCDZSTynAt5AjpeLrqmWMmV49Fc6RHR1xrsD6nAugmX7c5kr6jUOuV0YbpdytUloNs9oNY7Tl1mhLqja/fWPC2BUbuMgD4+JWGH8stGOO0Z3RRykK3RmwNDzGR5bFwErqY/LFR9SzXv+/xEesQjIkRh94w5AkX2XYHtspEdXNFVHLj53fl1m48vcfDEsZ4mf/bygAAAAASUVORK5CYII=") no-repeat 50% 50%;}
.list_box .logs_del{position:absolute;right:20px;top:5px;font-size:16px;z-index:2;color:#fffb00;cursor:pointer;}

/* ========== 播放页布局 ========== */
.player{width:100%;aspect-ratio:16/9;background:#000;}
.player video{width:100%;height:100%;}
.player iframe{margin:0;width:100%;height:100%;border:none;}

.video{display:flex;width:100%;min-width:0;gap:10px;}
.video h1{color:#f7d0bf;text-align:left;font-size:16px;margin:15px 5px;word-break:break-all;word-wrap:break-word;}
.vod_tags{display:flex;flex-wrap:wrap;gap:6px;margin:0 5px 10px;}
.word_tag{display:inline-block;padding:4px 10px;border:2px solid #1e1e1e;background:#242424;border-radius:5px;font-size:12px;color:#f7d0bf;}
.word_tag:hover{border-color:#ff5b82;color:#ff5b82;}
.left{flex:1;padding:0 5px;}
.right{width:380px;}

.adb li.iframe{padding-bottom:50%;}
.adb ul{margin-bottom:5px;}

/* ========== 操作栏 ========== */
.logs,.share{font-size:0;padding:10px 0;background:#101010;display:flex;justify-content:space-evenly;}
.logs li,.share li{display:inline-block;color:#F7D0BF;cursor:pointer;text-align:center;vertical-align:top;}
.logs li i{font-size:20px;}
.logs li span{display:block;padding:5px;font-size:12px;vertical-align:middle;}
.logs li span i{font-size:12px;}
.logs .download{display:none;font-size:16px;text-align:center;}
.logs .download a{display:inline-block;color:#F9E699;vertical-align:middle;margin-top:10px;padding:10px;}
.share{display:none;margin:10px 0;text-align:right;}
.share li{width:50px;}
.share li i{font-size:28px;color:#F9E699;}

/* ========== 简介 & 章节 ========== */
.des,.chapter{padding:15px 5px;border-bottom:1px solid #242424;word-break:break-all;word-wrap:break-word;}
.chapter a{display:inline-block;padding:10px 20px 10px 0;}
.des a{margin:5px;}
.text{font-size:20px;line-height:1.8;text-indent:2em;padding:10px;word-break:break-all;word-wrap:break-word;}
.text p{margin-bottom:20px;}

/* ========== 评论 ========== */
.comment{border-top:1px solid #242424;border-bottom:1px solid #242424;}
.comment h2{font-size:18px;padding-left:5px;margin:10px 0;}
.comment ul{margin:10px;border-bottom:1px solid #242424;}
.comment .content{margin:10px 0;color:#f7d0bf;padding-left:50px;font-size:14px;line-height:1.5;word-break:break-all;word-wrap:break-word;}
.comment_actions{padding:4px 0 8px 50px;display:flex;gap:14px;}
.comment_actions a{color:#666;font-size:12px;}
.comment_actions a:hover,.comment_actions a.disabled{color:#ff5b82;}
.comment_actions .digg_num{font-size:12px;}
.comment_sub{margin:4px 0 0 50px;border-left:2px solid #333;padding-left:10px;}
.comment_sub li{padding:8px 0;border-bottom:1px solid #2a2a2a;}
.comment_sub li:last-child{border-bottom:none;}
.comment_sub .comment_actions{padding-left:44px;}
.list_user{position:relative;display:inline-block;}
.list_user img{width:36px;height:36px;border-radius:100%;vertical-align:middle;}
.list_user .name{margin:0 10px;font-size:14px;font-weight:bold;}
.list_user .date{color:#666;}
.list_user .del{position:absolute;right:0;top:10px;cursor:pointer;z-index:999;}
.editor{height:60px;margin-bottom:5px;}
#form_post textarea{width:100%;}
.form_tool{padding:10px 0;margin-bottom:40px;position:relative;}
.form_button{position:absolute;width:120px;right:0;user-select:none;padding:10px;background:#3a3636;color:#f7d0bf;border:1px solid #3a3636;border-radius:5px;cursor:pointer;}
.form_button:hover{border:1px solid #f7d0bf;}

/* ========== 分类总览 ========== */
.box{position:relative;height:auto;margin:5px;border-radius:10px;}
.box h3{font-size:16px;text-align:center;margin:20px;}
.site{margin:0;font-size:0;}
.site h2{text-align:center;}
.site .icon{display:block;font-size:24px;margin-bottom:5px;}
.site a{display:inline-block;text-align:center;width:25%;font-size:14px;padding:10px 0;vertical-align:top;}
.site a span{padding:0 5px;}
.site a:hover{background:#242424;color:#bcba01;border-radius:10px;}
.site .active{color:#bcba01;font-weight:bold;}
.sites{position:relative;margin:10px;background:#242424;padding:10px 0;}

/* ========== 广告位 ========== */
.b300,.b3001{text-align:center;padding:5px;margin-bottom:10px;}
.h100{display:inline-block;height:100px;overflow:hidden;text-align:center;margin:5px;position:relative;}
.h100 img{width:300px;height:100px;}
.h100 span,li.iframe span{position:absolute;background:rgba(0,0,0,.54);color:#fff;font-size:12px;border-radius:2px;padding:2px 5px;right:5px;bottom:5px;z-index:99999;}
.h100 iframe{margin:0;}

/* ========== 用户中心 ========== */
.user_home{margin:20px;text-align:center;position:relative;padding:20px;border-radius:10px;}
.user_home .face{margin:0 auto;display:block;width:180px;height:180px;border-radius:100%;}
.user_home .name{margin:10px;font-size:24px;}
.user_home .intro{margin:10px;font-size:16px;}
.user_home span{display:inline-block;}
.user_home .division{margin:0 10px;}
.user_home .fans span{margin:5px;padding:10px 15px;border-radius:10px;}
.user_home .fans span i{display:block;text-align:center;margin-top:5px;}
.user_home .follow{cursor:pointer;}
.user_home .button{position:relative;padding:10px 15px;width:120px;color:#F9E699;border-radius:4px;margin:10px auto;background:#3A3636;}
.user_box{position:relative;max-width:600px;border-radius:10px;margin:10px auto;padding:20px;}
.user_box h2{color:#f7d0bf;font-size:18px;margin:15px 5px;word-break:break-all;word-wrap:break-word;}
.user_nav{background:#242424;margin-bottom:15px;padding:0 10px;}
.user_nav .container{display:flex;flex-wrap:wrap;gap:0;}
.user_nav a{display:inline-block;padding:12px 15px;color:#909090;font-size:14px;}
.user_nav a:hover,.user_nav a.active{color:#ff5b82;}
.form_row{margin-bottom:12px;}
.form_row label{display:block;color:#909090;margin-bottom:5px;font-size:13px;}
.form_row input,.form_row textarea{width:100%;padding:10px 12px;background:#242424;border:1px solid #333;border-radius:4px;color:#f7d0bf;box-sizing:border-box;}
.form_row input:focus,.form_row textarea:focus{border-color:#ff5b82;}
.user_profile{display:flex;align-items:flex-start;gap:20px;margin-bottom:20px;padding:15px;background:#242424;border-radius:8px;}
.user_avatar img{width:80px;height:80px;border-radius:50%;object-fit:cover;}
.user_detail h2{color:#f7d0bf;font-size:16px;margin:0 0 10px;}
.user_detail p{margin:5px 0;font-size:13px;}
.user_links{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px;}
.user_links a{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100px;height:80px;background:#242424;border-radius:8px;color:#909090;font-size:13px;gap:8px;}
.user_links a .icon{font-size:24px;}
.user_links a:hover{color:#ff5b82;background:#2a2a2a;}
.upload{position:absolute;width:100%;height:100%;right:0;top:0;opacity:0;filter:alpha(opacity=0);cursor:pointer;}

/* ========== 字体设置工具 ========== */
.font{display:none;position:fixed;background:rgba(0,0,0,0.5);width:300px;padding:30px 0;box-shadow:0 0 5px 0 rgba(64,60,67,.16);text-align:center;left:50%;top:50%;transform:translate(-50%,-50%);}
.font button{width:120px;background:#323436;color:#ffff00;border-radius:2px;line-height:10px;height:40px;margin:10px;}
.font.show{display:block;}

/* ========== 提示 & 弹窗 ========== */
.msg_tips{position:absolute;pointer-events:none;left:50%;top:50%;margin-left:-124px;z-index:19891045;text-align:center;background:#666;box-shadow:0 10px 30px 0 rgba(68,74,102,.5)!important;color:#fff;border-radius:5px;padding:12px 24px;line-height:24px;font-size:14px;min-width:200px;transition:all .1s ease-in;}
.msg_tips{animation:3s opacity 0s infinite;animation-iteration-count:1;animation-fill-mode:forwards;}
@keyframes opacity{0%{opacity:0;transform:translateY(0);}50%{opacity:1;transform:translateY(-30px);}75%{opacity:1;transform:translateY(-30px);}100%{opacity:0;transform:translateY(-60px);}}

.minor{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.4);}
.minor-box{width:300px;padding:15px;background:#fff;margin:200px auto;text-align:center;border-radius:10px;}
.minor-box button{width:40%;border-radius:4px;}
.minor-box p{font-weight:bold;margin:20px 10px;font-size:16px;color:#000;}

/* ========== 二维码 ========== */
.qrcode{position:fixed;left:0;top:0;background:rgba(0,0,0,0.8);width:100%;height:100%;z-index:99999;text-align:center;}
.qrcode img{box-shadow:-2px 0 20px #000;margin-top:250px;}

/* ========== 加载动画 ========== */
.loading{display:none;position:absolute;width:100%;height:100%;border-radius:10px;padding-top:50px;left:0;top:0;z-index:99999;background-color:rgba(0,0,0,0.5);text-align:center;box-sizing:border-box;}
.loading i{font-size:96px;color:#F9E699;}

/* ========== 固定按钮 ========== */
.top{position:fixed;right:10px;bottom:80px;z-index:99999;display:none;}
.top li{width:50px;padding:8px 0;margin-bottom:1px;text-align:center;cursor:pointer;font-size:12px;background:#323436;color:#fff;border-radius:2px;opacity:.8;}
.top li i{display:block;width:50px;height:22px;font-size:20px;}

.bottom{position:fixed;bottom:0;z-index:99999;width:100%;background:#323436;box-shadow:0 0 5px 0 rgba(64,60,67,.16);}
.bottom ul{padding:10px;font-size:0;}
.bottom ul li{display:inline-block;text-align:center;font-size:14px;width:20%;}
.bottom ul li i.icon{display:block;font-size:20px;}

/* ========== 分页 ========== */
.pages{margin:20px 0;text-align:center;}
.pages a{background:#242424;color:#f7d0bf;height:35px;line-height:35px;border-radius:3px;display:inline-block;padding:0 15px;margin:2px;}
.pages a.active{background:#ff5b82;color:#fff;}
.pages a:hover{background:#ff5b82;color:#fff;transition:all 0.5s;}
.pages_jump{display:inline-flex;align-items:center;gap:4px;margin-left:6px;vertical-align:middle;}
.pages_jump input{width:52px;height:35px;padding:0 6px;background:#242424;border:1px solid #333;border-radius:3px;color:#f7d0bf;text-align:center;box-sizing:border-box;}
.pages_jump button{height:35px;padding:0 12px;background:#ff5b82;color:#fff;border:none;border-radius:3px;cursor:pointer;}

/* ========== 水平线 & 底部 ========== */
hr{display:block;border:none;border-top:1px solid #242424;margin:10px 0;height:1px;}
.footer{color:#999;padding:20px 10px;margin-top:10px;font-size:12px;line-height:2;border-top:1px solid #242424;text-align:center;}

/* ========== 响应式 ========== */
@media (min-width:768px){
  .list_box ul{width:33%;}
  .h100{width:238px;}
}
@media (min-width:1024px){
  .list_box ul{width:25%;}
  .h100{width:300px;}
  .header .hot{display:inline-block;margin-left:50px;}
  .header .search{display:inline-block;width:300px;margin-left:50px;}
  .header .logo{display:inline-block;}
  .header .menu{display:none;}
  .header .logo img{height:50px;}
  .dropdown-content{margin-top:0;}
}
@media (min-width:1281px){
  .container{width:98%;}
  .header .user{right:20px;top:15px;}
  .list_box ul{width:20%;}
  .h100{width:300px;}
  .list_box li.intro{padding:10px;}
  .user_box{max-width:600px;margin:10px auto;border-radius:10px;}
  .logs li span{display:inline-block;}
  .ul1 ul{width:50%;}
}
@media (min-width:1440px){
  .video{flex-direction:row;}
  .right{width:380px;}
}
@media (max-width:1439px){
  .video{flex-direction:column;}
  .right{width:100%;}
}
@media (min-width:1920px){
  .container{width:1900px;}
  .list_box ul{width:16.6%;}
  .h100{width:300px;}
  .ul1 ul{width:50%;}
}
/* ========== 网址导航 ========== */
.site_box h1{font-size:18px;margin:10px;padding-bottom:10px;color:#bcba01;}
.cate{width:100%;background:#000000;margin-bottom:10px;border-radius:2px;overflow:hidden;padding:10px 0;}
.cate_name{height:40px;width:100%;background:#ff8800;overflow:hidden;padding:0 10px;}
.cate_name p{font-size:18px;font-weight:700;line-height:40px;color:#fff;margin:0;}
.cate_ul{display:flex;flex-wrap:wrap;list-style:none;padding:0;margin:0;}
.cate_ul li{flex:1 0 12.5%;text-align:center;padding:5px;height:50px;line-height:40px;border:1px solid #0f0f0f;border-width:0 1px 1px;font-size:13px;transition:color 0.5s,background-color 0.5s;overflow:hidden;box-sizing:border-box;cursor:pointer;}
.cate_ul li:hover{color:#fff;background:#ff8800;}
.cate_ul li b{width:16px;height:16px;font-weight:400;background:#2cbafc;color:#fff;padding:1px 3px;margin-left:4px;font-size:12px;border-radius:2px;}
@media screen and (max-width:960px){.cate_ul li{flex:1 0 25%;height:40px;line-height:35px;}}
@media screen and (max-width:800px){.cate_ul li{height:35px;}}
@media screen and (max-width:640px){.cate_ul li{flex:1 0 25%;min-width:24px;min-height:24px;height:auto;line-height:24px;}}

/* ========== MacCMS home.js 弹窗 ========== */
.mac_pop_bg{position:fixed;z-index:9997;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.5);}
.mac_pop{display:none;position:fixed;z-index:9998;top:0;left:0;right:0;bottom:0;margin:auto;padding:25px;border-radius:8px;background:#2a2a2a;color:#f7d0bf;box-shadow:0 4px 20px rgba(0,0,0,.6);overflow:auto;}
.mac_pop .pop_top{height:40px;border-bottom:1px solid #333;margin-bottom:10px;}
.mac_pop .pop_top h2{float:left;margin:0;font-size:18px;font-weight:normal;color:#f7d0bf;}
.mac_pop span.pop_close{float:right;width:24px;height:24px;line-height:24px;text-align:center;cursor:pointer;font-size:16px;color:#999;}
.mac_pop span.pop_close:hover{color:#ff5b82;}
.mac_pop .pop_content{padding-top:10px;}
.mac_pop .pop_content a{display:block;padding:10px 0;color:#f7d0bf;border-bottom:1px solid #333;}
.mac_pop .pop_content a:hover{color:#ff5b82;}
.mac_pop_msg_bg{position:fixed;z-index:9998;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.4);}
.mac_pop_msg{display:none;position:fixed;z-index:9999;top:0;left:0;right:0;bottom:0;margin:auto;padding:20px 25px;border-radius:8px;background:#2a2a2a;box-shadow:0 4px 20px rgba(0,0,0,.6);color:#f7d0bf;text-align:center;font-size:14px;line-height:1.6;}
.mac_pop_msg .pop-msg{word-break:break-all;}
/* 验证码图片 */
.mac_verify_img{display:inline-block;height:36px;vertical-align:middle;margin:5px 0 5px 8px;cursor:pointer;border-radius:4px;}
