body,div,p,a,table,textarea,form,input,img,ul,li{margin:0;padding:0;}

body{font-family:"微软雅黑",helvetica,arial;color:#000;-webkit-user-select:none;-webkit-text-size-adjust:none;font-size:16px;margin: 0px auto;max-width: 800px;box-shadow: 0 0 15px #ccc;}

a{text-decoration:none;}
i {font-style: inherit;}
ul{list-style-type: none;}

/*顶部登录*/
.login{padding:5px;background-color:#f9f8f8;border-bottom:1px solid #ececec;}
.login a{color:#004299;height:20px;line-height:20px;}

/*页面标志*/
.plogo{background-color:#f9f8f8;border-bottom:2px solid #ececec;}

/*页面栏目*/
.pmain{background-color:#f9f8f8;border-bottom:1px solid #ececec;padding:11px 20px 0px 15px;}
.mlist{margin-bottom:10px;display:-webkit-box;-webkit-box-pack:justify;}
.mlist a{width:34px;text-align:center;display:block;color:#1f1f1f;height:20px;line-height:20px;white-space:nowrap;}
.mlist a{-webkit-box-pack:justify;}
.new_member_box {background-color: #fff;border: 1px solid #f0ad4e;border-radius: 10px;box-shadow: 0 4px 8px rgba(0,0,0,0.1); /* 轻微的阴影 */padding: 10px;margin: 10px 0px;position: relative;}
.new_member_box::before {content: '';position: absolute;top: 20px; /* 根据需要调整位置 */left: 15px; /* 居中图标 */transform: translateX(-50%); /* 水平居中 */width: 20px;height: 20px;background-image: url('/template/default/images/ysbobao.png'); /* 喇叭图标路径 */background-size: cover; /* 背景图覆盖整个元素 */}
.new_member_box span{margin-left:20px;font-size:15px;color: #999999;display:flex;}
.new_member_a {border: 0;border-radius: 18px;padding: 1px 6px; display: inline-block;margin: 0 10px;text-align: center; background-color: #52c41a;color: white;}

/*公告栏*/
.qq_gg_box {margin-bottom: 10px;padding: 15px;border: 1px solid #ccccccb3;border-radius: 5px;background-color: #fff;background: url('/template/default/images/gg_img_b.png') center top / 100% no-repeat;border: 1px solid #FBC9C6;}
.qq_gg_box li {list-style-type: none;padding: 5px 0;font-size: 16px;color: #4e5969;border-bottom: 1px solid #f0f2f5;}
.qq_gg_box a {margin-left:5px;}

/*大话栏目*/
.dahua-nav {background-color: #F5FFFA;border-radius: 8px;padding: 10px 15px;margin-bottom: 5px;font-size: 16px;color: #DCDCDC;display: flex;align-items: center;}
.dahua-nav a {color: #c41e3a;}

/*帖子栏目*/
.qq_topic_box {background-color: #fff;border-radius: 8px;/*margin-bottom: 5px;*/}
.qq_topic_title {background: linear-gradient(90deg, #6366f1, #ec4899, #6366f1, #ec4899);background-size: 200% 100%;-webkit-background-clip: text;background-clip: text;color: transparent;text-shadow: 0 2px 10px rgba(99, 102, 241, 0.3);background-color: #fff;border-radius: 8px 8px 0 0; padding: 6px 8px;font-size: 16px;font-weight: 500;display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid #FFB6C1;}

/*服务栏目*/
.qq_zf_nav {overflow: hidden;border-bottom: 1px solid #d3d3d3;}
.qq_zf_nav ul {padding: 10px 0 0 10px;overflow: hidden;}
.qq_zf_nav ul li {width: 25%;float: left;margin-bottom: 16px;position: relative;}
.qq_zf_nav ul li a {display: block;margin-right: 10px;line-height: 29px;font-size: 13px;border: 1px solid #ffd3d8;border-radius: 3px;text-align: center;color: #333333;background: #fff6f7;}

/*聊室栏目*/
.chat-box { border-top:1px solid #7CFC00;border-bottom:1px solid #7CFC00;border-radius: 5px;margin-bottom: 5px;}
.chat-content {background-color: #fff;padding: 10px 15px;border-radius: 0 0 8px 8px;}
.chat-item {padding: 5px 0;font-size: 16px;color: #4e5969;border-bottom: 1px solid #f0f2f5;}
.talk-form {background-color: #fff;padding: 6px 8px;border-radius: 0 0 8px 8px;display: flex;gap: 8px;}
.talk-form input[type="submit"] {background-color: #1890ff; color: #fff; padding: 0 16px;}

/*会员动态栏目*/
.qq-member-box {background-color: #fff;border-radius: 8px;margin-bottom: 5px;border: 1px solid #96c0e6;border-radius: 5px;}
.qq-member-list {padding: 10px 15px;}
.qq-member-list li {padding: 5px 0;font-size: 16px;color: #4e5969;border-bottom: 1px solid #f0f2f5;}

/*页面导航*/
.ppath{padding:3px 0px 2px 5px;height:20px;line-height:20px;border-bottom:1px solid #ececec;}
.ppath a{color:#004299;}

/*页面标题*/
.pname{padding:5px;height:22px;line-height:22px;background-color:#F0F0F0;}
.pname a{color:#5A6CA1;}

/*页面标签*/
.label{height:24px;line-height:24px;padding:0 0 0 12px;background:#e7e7e7 url(../images/bg_tab_nav.png) repeat-x;}
.label .blank{margin-left:5px;margin-right:5px;}

/*页面列表*/
.plist{line-height:1.6;}
.plist a{color:#0051A4;}
.plist img{margin-right:2px;vertical-align:middle;}
.plist .row00{padding:3px 5px 3px 5px;border-bottom:1px solid #E3E6EB;}

/*页面内容*/
.ptext{padding:3px 5px;line-height:1.3;word-wrap:break-word;}
.ptext a{color:#5A6CA1;}
.ptext img{margin-right:2px;vertical-align:middle;}

/*页面底部*/
.footer{text-align: center;padding:4px;background-color:#F0F0F0;color:#1f1f1f;position:relative;}
.footer a{color:#0051A4;font-size:16px;}
.footer p{line-height:22px;color:#515151;}
.footer .row00{height:25px;line-height:25px;}

/*页面广播*/
.radio{padding-left:5px;background:#FFF9B7;border-bottom:1px solid #9FC6EC;}

/*页面通知*/
.notice{padding-left:5px;line-height:1.3;border-bottom:1px solid #9FC6EC;}

/*页面广告*/
.ad001{padding-left:5px;line-height:20px;font-size:12px;}
.ad001 a{color:#ff0000;}

/*页面广告*/
.blank5{height:5px;clear:both;overflow:hidden;}

/*页面搜索*/
.search{margin:3px 2px 3px 0px;position:relative;}
.sea_wp{background:#fff;border:1px solid rgba(0,0,0,.5);border-radius:4px;box-shadow:inset 1px 1px 4px #aaa;overflow:hidden;display:-webkit-box;}
.inp_wp{-webkit-box-flex:1;overflow:hidden;position:relative;}
.inp_wp i{position:absolute;width:16px;height:16px;left:5px;top:8px;background:url(../images/hot.png) 0px 0px no-repeat;background-size:17px auto;}
.sinput{height:21px;margin:6px 40px 6px 24px;display:block;-webkit-box-sizing:border-box;border-radius:0;background-color:transparent;-webkit-tap-highlight-color:rgba(255,0,0,0);-webkit-appearance:none;border:0;outline:0;font-size:14px;width:86%;}
.but_wp{height:33px;width:64px;position:relative;background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#f7f6f6),color-stop(28%,#f7f6f6),color-stop(100%,#dfdfdf));background-color:#ececec;border-left:1px solid #888;}
.but_wp .seabut{border-radius:0;border:0;text-align:center;width:64px;height:100%;display:block;background:transparent;}
/*顶部导航*/
.qqa-style.nav_part {height: 180px;background-image: url('/template/default/images/qqa_bj.png'); /*背景大图手机版*/background-size: 100% 100%;background-position: 0 bottom;background-repeat: no-repeat;}
.qqa-style .top_home {margin-top: 0;width: calc(100% - 20px);padding: 10px 10px 0 10px;position: relative;z-index: 5;}
.my_top {float: right;}
.my_nav{margin-top: -2px;}
.my_nav>li {display: inline-block; margin-right: 8px;font-family: PingFang-SC-Regular;font-size: 12px;color: #5C5C5C;letter-spacing: 0;}
.qqa-style .to_home {left: 25px;top: -20px;}
.qqa-style .my_nav > li > a {color: #ffffff !important;  /*顶部头像旁链接颜色*/ }
.qqa-style .me {position: relative;top: -5px;}
.qqa-style .qqa_home {border: 2px solid #75ade1;/*快报边框*/box-shadow: none;  /*快报阴影*/position: relative;z-index: 2;width: calc(100% - 56px);margin: 0 auto;margin-top: 12px;padding-bottom: 10px;background: #FFFAF3;border-radius: 12px;}
.qqa-style .qqa_home::after {position: absolute;bottom: -31px;left: -28px;content: "";width: 86px;height: 86px;display: inline-block;background-image: url('/template/default/images/qqa_img_left.png');/*快报左下图*/ /*background-image: url('/template/default/images/qqa_img_right_top.png');*//*快报右上角装饰图*/background-size: 100% 100%;background-repeat: no-repeat;z-index: 1;}
.qqa-style .qqa_home::before {position: absolute;bottom: -31px;right: -28px;content: "";width: 86px;height: 86px;background-image: url('/template/default/images/qqa_img_right.png');/*快报右下图*/background-size: 100% 100%;z-index: 3;}
.qqa-style .notice_scroll_part {}
.qqa-style .qqa_home .img_notice {background-image: url('/template/default/images/sbobao.png'); /*滚动播报小喇叭*/background-size: 100% 100%;margin-left: 18px;}
.qqa-style .top_qqa_home {position: relative;height: 63px;background-color: #FCF8F3;/*快报背景色*/}
.qqa-style .top_qqa_home::before {position: absolute;top: -24px;width: 58px;height: 22px;left: -2px;content: '';display: inline-block;/*background-image: url('/template/default/images/qqa_img_left_top.png');  /* 快报左上节日图*/background-size: 100% 100%;background-repeat: no-repeat;}
.top_qqa_home {height: 73px;background: #FCF8F3;border-radius: 12px 12px 0 0;display: flex;border-bottom: 1px solid #F1EDE9;}
.qqa-style .top_qqa_home::after {position: absolute;top: -40px;right: -26px;content: '';display: inline-block;width: 120px;height: 80px;background-repeat: no-repeat;background-size: 100% 100%;}
.nav_part.qqa-style {position: relative;}
.nav_part.qqa-style::after {  /* 快报底部阴影图*/position: absolute;left: 0;bottom: -4px;content: '';width: 100%;height: 38px;background-image: none;background-repeat: no-repeat;background-size: 100%;background-position: 0 -4px;}
.qqa-style .cont_ntc_s, .qqa-style .lr_cont_ntc {height: 23px;line-height: 23px;width: 88%;}
.qqa-style .notice_scroll_part {font-size: 12px;background: #75ade1;display: flex; /*滚动播报背景色*//*box-shadow: 0px 2px 4px rgba(255,255,255,0); 滚动播报边框色*//*border-bottom-left-radius: 8px;  /* 滚动播报左下角圆角*/}
.qqa-style .cont_ntc_e li, .qqa-style .cont_ntc_s li > a {color: #FEF5EF;}
.qqa-style .cont_ntc_e li, .qqa-style .cont_ntc_s li {color: #FEF5EF;}
.cont_lx.qqa-style::before {content: '';display: inline-block;clear: both;}
.qqa-style {margin-top: -10px;line-height: 25px;}
.qqa-style >p i {/*border-left: none;width: 32px;height: 32px;background: url('/template/default/images/8gqq_img_title.png') no-repeat;*/  /*玩转8GQQ家园社区标题图标*//*background-size: 100% 100%;*/}
.qqa-style >p span {color: #ff7700;/* 玩转8GQQ家园社区标题颜色*/margin-left: 8px;}
.qqa-style {line-height: 25px;}
.qqa-style>span {color: #ff7700;/* 玩转8GQQ家园社区-导航按钮颜色*/font-weight: bold;font-size: 13px;}
.qqa-style > i::before {content: "+";color: #ff7700;/* 玩转8GQQ家园社区-导航按钮+颜色*/}
.scroll_Two {height: 50px;line-height: 25px;display: inline-block;vertical-align: middle;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;margin-top: 7px;}
.cont_scroll_two {margin-left: 5px;}
.scroll_Two li {height: 25px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.scroll_Two li {display: flex;align-items: center;position: relative;}
.cont_scroll_two li i {display: block;width: 29px;height: 17px;background: #75ade1 !important;font-size: 12px;line-height: 17px;color: #fff;text-align: center;padding: 2px 5px !important;border-radius: 20px !important;position: relative;transform: scale(.85);}
.cont_scroll_two li i.type2:after {content: '';width: 12px;height: 12px;position: absolute;transform: scale(1.3);top: -4px;left: -2px;background-size: 100% 100%;}
.img_notice {width: 11%;display: flex;background-image: url(/template/default/images/ysbobao.png);background-size: 100% 100%;height: 12px;margin: auto;width: 14px;}
.lr_cont_ntc > marquee {white-space: nowrap;}
.cont_ntc_s {height: 32px;line-height: 32px;}
.cont_scroll_two>li span {font-family: PingFangSC-Regular;font-size: 14px; color: #5C5C5C;letter-spacing: 0;vertical-align: middle;}
.scroll_Two li a {width: calc(100% - 40px);}

@media screen and (min-width: 799px) {
/*PC端右上图宽高适配*/
.qqa-style .top_qqa_home::after {width: 160px;height: 106px;}
/*PC端左上图宽高适配*/
.qqa-style .top_qqa_home::before {top: -30px;width: 72px;height: 28px;left: -3px;}
/*PC端右下图宽高适配*/
.qqa-style .qqa_home::before {width: 102px;height: 102px;bottom: -43px;right: -27px;}
/*PC端左下图宽高适配*/
.qqa-style .qqa_home::after {width: 100px;height: 100px;bottom: -43px;left: -27px;}
.qqa-style .qqa_home {padding-bottom: 10px;width: calc(100% - 54px);margin-top: 20px;}
.nav_part.qqa-style::after {bottom: 0px;background:none !important;}
.qqa-style.nav_part {height: 200px;background-image: url('/template/default/images/qqa_bj.png');/*背景大图PC版*/background-size: 100% 200px;}
.lr_cont_ntc{width: 90% !important;}
.qqa-style .qqa_home .img_notice {margin-left: 40px;}
}
/*玩转8gqq.cn*/
.gqq_lx {margin: 0 13px;}
.gqq_lx.act-style::before {content: '';display: inline-block;clear: both;}
.act-style .title_gqq_lx {margin-top: -10px;line-height: 25px;}
.clearfix {zoom: 1;}
.title_gqq_lx > p {/* transform: translateX(-10px); */margin-left: 12px;}
.act-style .title_gqq_lx >p i {/* margin-right: 0; */border-color: #ff7700;}
.title_gqq_lx>p i {border-left: 3px solid #FF5E27;display: inline-block;vertical-align: middle;height: 14px; margin-right: 3px;}
.title_gqq_lx>p span {font-family: PingFangSC-Medium;font-size: 16px;color: #ff7700;letter-spacing: 0;vertical-align: middle;font-weight: bold;}
.act-style .label_more {line-height: 25px;}
.label_more {float: right;}
.act-style .label_more>span {color: #ff7700;font-weight: bold;font-size: 13px;}
.label_more>span {font-family: PingFang-SC-Regular;font-size: 12px;color: #60B7F2;letter-spacing: 0;vertical-align: middle;cursor: pointer;}
.qqb_cont_lx{text-align: left;display: flex;}
.qqb_cont_lx>i{border-right: 1px solid #EAEAEA; vertical-align: middle; margin: 0 6px; display: inline-block; height: 21px;}
.qqb_cont_lx .left_qqb_cont_lx>img{width: 40px; height: 38px; display: inline-block; vertical-align: middle; margin: unset;}
.qqb_cont_lx .left_qqb_cont_lx>span{width: 40; margin: auto; text-align: center; vertical-align: middle; display: inline-block; font-family: PingFang-SC-Regular; font-size: 13px; color: #45413D; letter-spacing: 0;}
.gqq_lx>i{border-right: 1px solid #EAEAEA; vertical-align: middle; margin: 0 10px; display: inline-block; height: 21px;}
.max_row_home{display: inline-block; vertical-align: middle;}
.max_img_home{width: 31px; height: 27px; display: flex;}
.max_img_home>img{margin: auto;margin-left:0;width: 26px; height: 26px;}
.qqb_cont_lx{margin: 12px 0;}
.qqb_cont_lx .gqq_lx>i{border-right: 1px solid #EAEAEA; vertical-align: middle; margin: 0 6px; display: inline-block; height: 21px;}
.qqb_cont_lx .right_qqb_cont_lx{width: calc(100% - 85px);}
.left_qqb_cont_lx{display: flex; vertical-align: middle;}
.left_qqb_cont_lx>img{width: 40px; height: 38px; margin: 0 0 -12px 0;}
.left_qqb_cont_lx>span{width: 40px; margin: auto; text-align: center; display: inline-block; font-family: PingFang-SC-Regular; font-size: 12px; color: #45413D; letter-spacing: 0;}
.gqq_lx>i{border-right: 1px solid #EAEAEA; vertical-align: middle; margin: 0 13px; display: inline-block; height: 21px;}
.right_qqb_cont_lx{vertical-align: middle; display: inline-block;}
.right_qqb_cont_lx>p{font-family: PingFang-SC-Regular; font-size: 16px; color: #333333; letter-spacing: 0; margin-bottom: 8px; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.tag_qqb_cont_lx{display: flex;}
.tag_qqb_cont_lx>li{display: inline-block; margin-right: 10px; height: 22px; line-height: 22px; text-align: center;}
.tag_qqb_cont_lx>li>a{font-family: PingFangSC-Medium; font-size: 13px; color: #898989; letter-spacing: 0; background: #F6F6F6; border-radius: 1px; width: 100%; height: 100%; display: inline-block; padding: 0 3px;}
/*中部导航*/
.gqq_title{ overflow:hidden; line-height:33px; position:relative; margin:0 12px; font-size:13px; border-bottom:1px solid #eee;padding-top:5px;max-height:33px;}
.gqq_title span{ position:absolute; top:7px; right:0px; margin:0;}
.gqq_title a{ font-size:13px;}
.flag{display:inline-block;padding:1px 2px;border:1px solid #f70;color:#f70!important;font-size:12px;line-height:12px;}
.game-content{line-height: 1.6;padding: 3px 5px;word-wrap: break-word;}
.game_rows_lxjh{width:65px;height:65px;border-width: 0px;-moz-border-radius: 5px;-khtml-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;margin: 0px 2px 5px 0px;vertical-align: middle;background:url(/images/game/8gqqjianghu.png); background-size:100% 100%}
.game_rows_lxnc{width:65px;height:65px;border-width: 0px;-moz-border-radius: 5px;-khtml-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;margin: 0px 2px 5px 0px;vertical-align: middle;background:url(/images/game/8gqqnongchang.png); background-size:100% 100%}
.game_rows_lxcw{width:65px;height:65px;border-width: 0px;-moz-border-radius: 5px;-khtml-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;margin: 0px 2px 5px 0px;vertical-align: middle;background:url(/images/game/8gqqchewei.png); background-size:100% 100%}
/*轮播样式*/
.carpage-container {padding: 0 15px;}
.carousel-container {position: relative;margin: 15px 0;border-radius: 10px;overflow: hidden;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);}
.carousel {position: relative;height: 150px;}
.carousel-item {position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;transition: opacity 0.5s ease;}
.carousel-item.active {opacity: 1;z-index: 1;}
.carousel-img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-size: cover;background-position: center;}
.carousel-content {position: relative;z-index: 2;height: 80%;padding: 15px;color: white;background: linear-gradient(to right, rgba(0,0,0,0.7), rgba(0,0,0,0.3));display: flex;flex-direction: column;justify-content: center;}
.carousel-tag {display: inline-block;position: absolute;top: 10px;right: 10px;padding: 3px 8px;border-radius: 4px;font-size: 12px;font-weight: bold;}
.carousel-item:nth-child(1) .carousel-tag { background-color: #165DFF;}
.carousel-item:nth-child(2) .carousel-tag {background-color: #00B42A;}
.carousel-item:nth-child(3) .carousel-tag {background-color: #FF7D00;}
.carousel-content h3 {font-size: 18px;margin-bottom: 15px;margin-top: 0px;}
.carousel-content p {font-size: 13px;opacity: 0.9;text-align: center;}
.carousel-indicators {position: absolute;bottom: 10px;left: 0; right: 0;display: flex;justify-content: center;gap: 8px;z-index: 3;}
.indicator {width: 8px;height: 8px;border-radius: 50%;background-color: rgba(255, 255, 255, 0.5);border: none;cursor: pointer;transition: background-color 0.3s;}
.indicator.active {background-color: white;width: 24px;border-radius: 4px;}
/*新增底部导航*/
.github-badges-container {text-align: center; /* 居中对齐 */ margin-top: 0px; /* 添加顶部间距，可选 */background-color:#F0F0F0;}
.github-badge {display: inline-block;border-radius: 4px;text-shadow: none;font-size: 12px;color: #fff;line-height: 15px;background-color: #abbac3;margin-bottom: 5px;margin: 10px 15px 0px 15px;}
.github-badge .badge-subject {display: inline-block;background-color: #ffa500;padding: 4px 4px 4px 6px;border-top-left-radius: 4px;border-bottom-left-radius: 4px;}
.github-badge a {display: inline-block;padding: 4px 6px;border-radius: 4px;text-decoration: none;color: #fff !important;}
.github-badge .bg-fen {background-color: #e76dcb;}
.github-badge .bg-red { background-color: #f55066; }
.github-badge .bg-green {background-color: #3bca6e;}
.github-badge .bg-cai {background-image: -webkit-linear-gradient(0deg, #3ca5f6 0%, #a86af9 100%);}
/* 新增样式 */
.github-badge .bg-blue {background-color: #007bff;}
.github-badge .bg-orange { background-color: #ff7f50;}
.github-badge .bg-purple {background-color: #6a5acd;}


/*帖子板块*/
.article-container {margin: 0 auto;padding: 1px;}
.shadow-sm {box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);}
.p-3 {padding: 0.3rem;}
.mb-3 {margin-bottom: 0.3rem;}
.article-item {position: relative; background-color: #fff;border: 1px solid #e2e8f0;border-radius: 8px;transition: all 0.3s ease;}
.is-vcentered {align-items: center;}
.topic_columns {display: flex;width: 100%;}
.is-gapless > .topic_column {margin: 0;padding: 0 8px;}
.topic_column.is-11 {/*flex: 0 0 91.666667%;*/}
.topic_column {display: block;flex: 1;}
.topic_title.is-6 {margin-bottom: 1px;margin-top: -1px;}
.topic_title {font-size: 16px;font-weight: 600;line-height: 1.4;}
.topic_title a {color: #165DFF;transition: color 0.2s ease;text-decoration: none;}
.justify-between {justify-content: space-between;}
.items-center {align-items: center;}
.topic_flex { display: flex;}
.mr-3 { margin-right: 8px;}
.has-text-primary {color: #3b82f6;}
.is-size-7 {font-size: 12px;}
.ml-3 {margin-left: 8px;}
.has-text-grey {color: #94a3b8;}
.is-size-7 {font-size: 12px;display: flex;}
.is-size-7 p{margin-left: 5px;color: #999;}
.avatar-mini{width: 15px;border-radius: 50%;height: 15px;object-fit: cover;border: 1px solid #eee;}