@charset "utf-8";/* CSS Document 2016-10-08*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td{margin:0;padding:0;font-family:'Microsoft Yahei', Georgia,'Times New Roman',Times,serif;}
body{background:#f2f2f2 ;font-size:14px;}
#click{background:#fff}
a{color:#333;text-decoration:none !important}
a:hover{color:#1e89e0;text-decoration:underline;}
a:link{text-decoration:none;}
table{border-collapse:collapse;border-spacing:0;}
fieldset, img{border:0;}
address, caption, cite, code, dfn, em, strong, th, var, i{font-style:normal;font-weight:normal;}
ol, ul{list-style:none;overflow:hidden}
caption, th{text-align:left;}
h1, h2, h3, h4, h5, h6{font-size:100%;font-weight:normal;}
q:before, q:after{content:'';}
abbr, acronym{border:0;}
.cf{*zoom:1;}
.cf:after, .cf:before{display:table;content:" ";line-height:0;}
.cf:after{clear:both;}
.new, .d1{color:#F26C4F !important;font-size:12px} 
.old, .d0{color:#999 !important;font-size:12px}
.hot{color:#F26C4F;}
.star1,.star2,.star3,.star4,.star5,.star6{background:url('../image/starda.png') no-repeat scroll 0px 0px;height:20px;width:94px;}
.star2{background-position:0px -31px;}
.star3{background-position:0px -59px;}
.star4{background-position:0px -92px;}
.star5{background-position:0px -122px;}
.star6{background-position:0px -149px;}
#indexs .logo .search{ top:32px}
.mt20{ margin-top:20px}
/*头部*/
.main{width:920px;margin:0 auto;}
.main.ts {overflow:hidden}
.header{min-width:920px;height:38px;line-height:38px;border-bottom:1px solid #f1f2f6;overflow:hidden;background:#fff;font-size:12px}
.header h1,
.header p{float:left;display:inline;color:#666; margin-left:20px}
.header a{float:right;display:inline;height:16px;color:#666;line-height:16px;margin:10px 20px 0 0;}
.header a.top_a{border-right:0}
.header div.main div{float:right;display:inline;}
.header div.main div a{float:left;border:0}
.header div.main div a.current{color:#1e89e0}
#indexs .logo{-webkit-box-shadow: 0 2px 16px rgb(54 56 79 / 6%);
    box-shadow: 0 2px 16px rgb(54 56 79 / 6%);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}
/*logo*/
/*#index .logo{background:url(../image/biaoyu01.png) no-repeat center;}
*/.logo {
    min-width: 920px;
    height: 80px;
    border-bottom: 1px solid #f2f2f2;
    background: #fff;
    position: relative;
    display: flex;
    align-items: center;
}
.logo .main{position:relative}
.logo-container {
    display: flex;
    align-items: center;
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
}
.logo_a{
    width: 60px;
    height: 60px;
    overflow: hidden;
    background: no-repeat center center;
    background-size: contain;
    display: block;
    flex-shrink: 0;
    border-radius: 8px;
}
.logo-title {
    font-size: 22px;
    font-weight: 700;
    color: #1e89e0;
    margin-left: 15px;
    line-height: 1.2;
    white-space: nowrap;
}
.logo .search{position: absolute;
    right: 20px;
    top: 20px;
    width: 315px;
    height: 30px;
    background: #fff;
    border: 2px solid #1e89e0;
    overflow: hidden;
    border-radius: 28px;}
.logo .search input{padding: 0 15px;
    border: 0;
    height: 30px;
    line-height: 30px;
    float: left;
    width: 214px; background:#fff}
.logo .search button{display: block;
    width: 70px;
    height: 32px;
    border: 0;
    background: #1e89e0;
    float: right;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    position: relative;
    top: -2px;}
.logo p{width:520px;position:absolute;right:-15px;top:70px;font-size:12px; height:20px; overflow:hidden}
.logo p a{margin-right:15px;}
/*导航*/
.nav{
    width: auto;
    overflow: hidden;
    height: 80px;
    line-height: 80px;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
}
.nav a{float:left;display:inline;font-size:16px;color:#000;text-align:center; padding: 0 22px;}
.nav a:hover,
.nav a.current{ color:#1468ac;font-weight: 900;}
.subnav{width: 920px;
    margin: 0 auto;
    height: 40px;
    line-height: 40px;
    background: #fff;
    overflow: hidden;
    border-radius: 8px;
    margin-top: 20px;}
.subnav a{width:99px;float:left;display:inline;font-size:14px;color:#666;text-align:center}
.subnav a.current{color:#1e89e0;font-weight:900}
/*友情链接*/
.links{width:920px;margin:20px auto 0 auto;background:#fff;overflow:hidden;padding-bottom:20px}
.links .hd{height:36px;line-height:36px;position:relative;background:#1e89e0;border:4px solid #1e89e0;border-bottom:0;color:#fff;}
.links .hd ul{position:absolute;left:0;top:1px}
.links .hd ul li{padding:0 20px;float:left;display:inline;font-size:16px;cursor:pointer;}
.links .hd ul li.on{background:#fff;color:#1e89e0;}
.links .hd h4{position:absolute;right:15px}
.links .bd a{float:left;display:inline-block;margin:20px 0 0 20px;width:99px;height:15px;overflow:hidden;font-size:12px;color:#999}
/*面包屑*/
.conxin .column{width:1200px;}
.column{width:920px;margin:15px auto 0 auto;overflow:hidden;font-size:12px}
.column em{color:#999;}
/*尾部*/
#foot{min-width:920px;width:100%;padding-bottom:20px;float:left;display:inline;margin-top:20px ;background:#2c2c2c; border-top:3px solid #1e89e0}
#foot ul{width:920px;margin:0 auto;margin-top:25px ;}
#foot .foot_left{height:68px;float:left;display:inline;margin:0px 20px 0 190px;}
#foot .foot_top{color:#9f9d9d;width:100%;font-size:14px;float:left;display:inline;margin-bottom:5px;line-height:20px;overflow:hidden; text-align:center}
#foot .foot_top p{float:left;width:100%;display:inline;color:#9f9d9d;margin-right:10px;font-size:14px;line-height:25px}
#foot .foot_top a{color:#fff;line-height:20px;margin:0 10px}
#foot em.dianji{margin:0 10px;cursor:pointer;}
.foot_top p a.foot_top_a{margin-left:0}
#foot .foot_top p a:hover{color:#3eb137;}
#foot .foot_d .icp{color:#9f9d9d;position:relative;top:-5px;right:10px;}
#foot .foot_d span.icp{position:relative;top:-5px;left:10px}
#foot .foot_d span.icps{position:relative;top:-5px;left:-5px}
#foot .foot_d span.icps a{ color:#9f9d9d}
#foot .icp1{color:#9f9d9d;}
#foot .icp1 font{color:#9f9d9d;}
.foot_d{color:#9f9d9d;font-size:14px;margin-bottom:5px;line-height:20px;margin:0 auto;text-align:center;}
.foot_d span{ margin-right:29px}
.foot_d em{color:#9f9d9d !important;}
.foot_c{color:#9f9d9d;font-size:14px;margin-bottom:5px;line-height:20px;margin:0 auto;text-align:center;}
.foot_c a{color:#9f9d9d;margin-right:10px}
#report{width:400px;margin:10px auto 0 auto;color:#939393;position:relative;overflow:hidden;height:52px}
#report span{position:absolute;left:150px}
#report i{position:absolute;left:150px;top:30px}
#report a{position:absolute;left:0;background:url(../image/zghlw.png) no-repeat;display:block;width:120px;height:52px}
/*翻页*/
.pagebox{width:905px;clear:both;height:60px;text-align:center;font-size:14px;margin:20px auto;+padding-bottom:20px}
.pagebox p{width:100%;height:40px;line-height:40px;margin:0 auto;text-align:center;}
.pagebox span,.pagebox b,.pagebox a{border:1px solid #d0d0d0;background:#fff;color:#000;margin-right:5px;height:40px;line-height:40px;padding:5px 10px;border-radius:2px}
.pagebox b,.pagebox a{+position:relative;+top:-5px;}
.pagebox span{+padding:0 8px;}
.pagebox a:hover{border:#1e89e0 1px solid;text-decoration:none;}
.pagebox a.active{background:#1e89e0;color:#FFF;border:#1e89e0 1px solid;font-weight:bold;width:15px;}
.pagebox .disable{background:#eee;color:#999;+padding:4px 10px;}
.pagebox .next{-padding:4px 8px;-position:relative;-top:-6px;-right:2px}
.pagebox input{margin:0 -4px;border:0px;background:none;height:40px;-height:28px;line-height:40px;width:20px;text-align:center;font-size:14px;+height:30px;+line-height:30px;+padding:0;}
.pageboxa{width:810px;margin:auto;clear:both;height:60px;text-align:center;font-size:14px;margin-top:20px;+padding-bottom:0px}
.pageboxa p{width:100%;height:40px;line-height:40px;margin:0 auto;text-align:center;}
.pageboxa span,.pageboxa b,.pageboxa a{border:1px solid #d0d0d0;background:#fff;color:#000;margin-right:5px;height:40px;line-height:40px;padding:5px 10px;border-radius:2px}
.pageboxa b,.pageboxa a{+position:relative;+top:-5px;}
.pageboxa span{+padding:0 8px;}
.pageboxa a:hover{border:#1e89e0 1px solid;text-decoration:none;}
.pageboxa a.active{background:#1e89e0;color:#FFF;border:#1e89e0 1px solid;font-weight:bold;width:15px;}
.pageboxa .disable{background:#eee;color:#999;+padding:4px 10px;}
.pageboxa .next{-padding:4px 8px;-position:relative;-top:-6px;-right:2px}
.pageboxa input{margin:0 -4px;border:0px;background:none;height:40px;-height:28px;line-height:40px;text-align:center;font-size:14px;+height:30px;+line-height:30px;+padding:0;}
/*提示框*/
.flbody{position:relative;background:#fff;overflow:hidden;border:1px solid #CCC;}
.flbtn{margin:0 0 15px 10px}
.flbody img{position:static;}
.flbody .x{float:left;border:none;}
.flbody .y{float:right;border:none;cursor:pointer;}
.flbody .fclose{text-decoration:none;overflow:hidden;display:block;height:20px;margin-top:5px;}
.flbody .fclose{text-indent:-9999px;right:8px;width:20px;height:20px;background:url(../image/fl_pic.png) no-repeat 0px 0px;}
.flbody .fclose:hover{background-position:0px -20px;}
.flbody .panel-opt22{margin:5px 8px;margin-bottom:8px;overflow:hidden;}
.flbody .fmessage{clear:both;width:auto;margin:0;padding:5px;padding-right:10px;overflow:hidden;font-size:14px}
.flbody .alert-icons, .flbody .success-icons, .flbody .error-icons, .flbody .info-icons{float:left;display:block;vertical-align:middle;margin:1px 0;margin-right:20px;width:64px;height:64px;overflow:hidden;}
.flbody .alert-icons{background:url(../image/alert_icon.gif) no-repeat;}
.flbody .success-icons{background:url(../image/success_icon.gif) no-repeat;}
.flbody .error-icons{background:url(../image/error_icon.gif) no-repeat;}
.flbody .info-icons{background:url(../image/info_icon.gif) no-repeat left 8px;}
.flbody .shadowline{clear:both;border-bottom-color:#fff;border-right-width:0px;border-top-color:#c8dcec;margin:2px 0px;border-top-width:1px;border-bottom-width:1px;border-left-width:0px;}
.flbody .fbottom{clear:both;font-size:1px;height:0px;width:360px;overflow:hidden;}
.flbody .fbutton{clear:both;background-color:#f2f2f2;border-top:1px solid #e6e6e6;margin:0;zoom:1;overflow:hidden;}
.flbody .fbutton button{border:none;font-size:12px;cursor:pointer;}
.flbody .fbutton{clear:both;margin:0 0px;margin-top:7px;zoom:1;overflow:hidden;}
.flbody .fbutton button{float:right;display:inline;outline:0 none;width:76px;height:24px;line-height:24px;margin:5px 5px;color:#222 !important;text-align:center;background:#fff url(../image/fl_pic.png) no-repeat -1px -220px;}
.flbody .fbutton a button{display:block;width:78px;text-align:center;cursor:pointer;}
.flbody .fbutton button:hover{text-decoration:none;background-position:-1px -250px;}
.flbody .fbutton button:active{background-position:left -249px\9;}
.loading{display:block;clear:both;width:40px;height:40px;margin:auto;background:url(../image/loading.gif) no-repeat;overflow:hidden;}
.loading-ajax{display:block;clear:both;font-size:1px;width:208px;height:13px;margin:10px;background:url(../image/loading_ajax.gif) no-repeat;overflow:hidden;}
.loading-16{clear:both;width:16px;height:16px;line-height:16px;padding:0 9px;margin:auto;background:url(../image/loading_16.gif) no-repeat;overflow:hidden;}
.flbody .tab{list-style:none;position:relative;margin-bottom:10px;padding-top:10px;padding-left:8px;height:23px;border-bottom:1px solid #C8DDE9;}
.flbody .tab li{float:left;height:22px;_height:23px;line-height:22px;background:#e7f2f9;padding:0 8px;border:1px solid #C8DDE9;border-bottom:none;margin-left:3px;}
.flbody .tab li a{text-decoration:none;}
.flbody .tab li.current{height:23px;background:#fff;border-bottom:none;}
.flbody .tab li.y{float:right;border:none;background:none;cursor:pointer;}
.flbody .tab li.x{float:left;border:none;}
.flbody .tab li.y .fclose{margin-top:-3px;}
.flbody .flh{list-style:none;height:32px;background:#f9f9f9 url(../image/fl_pic.png) repeat-x left -54px;}
.flbody .flc{clear:both;border-top:3px solid #dddfe7;margin:0 8px;}
.flbody .flh li.y{float:right;border:none;cursor:pointer;line-height:32px;padding-right:5px;}
.flbody .flh li.x{float:left;font-weight:700;font-size:13px;padding-left:10px;line-height:32px;}
.flbody .fld{clear:both;height:32px;line-height:32px;}
.flbody .fld .x{float:left;font-weight:700;font-size:13px;padding-left:10px;line-height:32px;}
.flbody .fld .y{float:right;border:none;cursor:pointer;line-height:32px;padding-right:5px;}
.flbody .fld em{float:left;font-size:14px;font-weight:700;padding-left:10px;line-height:32px;color:#369;}
.flbody .fld em a{text-decoration:none;}
.flbody .fld span{float:right;color:#999;margin-top:0px;border:none;cursor:pointer;line-height:32px;padding-right:8px;}
.flbody .fld span a, .flbody .fld strong{float:left;text-decoration:none;margin-left:8px;font-weight:400;color:#333;}
.flbody .fld span a:hover{color:#999;}
.flbody .ftld{margin-top:1px;}
.flbody .ftld td{line-height:180%;padding:5px 3px;border-bottom:1px dashed #ddd;}
.flbody .ftip{clear:both;line-height:180%;color:#808080;margin:5px 2px;padding:3px 5px;border:1px solid #ffaa25;background:#fcfad6;}
.txtboxa{width:920px;overflow:hidden;padding:20px;margin:20px auto 0 auto;background:#fff}
.txtboxa h4{height:45px;line-height:45px;border-bottom:1px solid #f1f2f6;text-indent:15px;font-size:18px;position:relative;}
.txtboxa ol li{margin:10px 0 0 20px;float:left;display:block;width:366px;position:relative;height:40px;border-bottom:1px dashed #ccc}
.txtboxa ol li a{position:absolute;left:0;top:10px;width:100%;display:block;height:20px;overflow:hidden;}
.txtboxa ol li em{position:absolute;right:10px;top:10px;}
.layui-col-xs6{overflow:hidden;white-space:nowrap;text-overflow:clip;}
.b30 {bottom:40px !important;}
p.tac.pt30 img{width:200px;height:218px}

/* 移动端响应式样式 */
@media screen and (max-width: 768px) {
    html, body {
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
        max-width: 100vw !important;
    }

    body {
        font-size: 13px;
        overflow-x: hidden;
        box-sizing: border-box !important;
    }

    * {
        box-sizing: border-box !important;
    }

    /* 头部导航 */
    .logo {
        min-width: 100% !important;
        width: 100% !important;
        height: auto !important;
        padding: 0 !important;
        margin: 0 !important;
        position: relative !important;
        box-shadow: 0 2px 10px rgba(0,0,0,0.08) !important;
        display: block !important;
    }

    /* 头部区域 - logo和返回按钮 */
    .logo-header {
        display: flex;
        align-items: center;
        height: 56px;
        padding: 0 10px;
        position: relative;
    }

    .logo-container {
        position: static !important;
        transform: none !important;
        padding: 12px 10px !important;
        display: flex !important;
        align-items: center !important;
        left: auto !important;
        top: auto !important;
        width: 100% !important;
        background: #fff !important;
        z-index: 10 !important;
    }

    .logo_a {
        width: 45px !important;
        height: 45px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        top: 0 !important;
        background-size: contain !important;
        position: relative !important;
        left: auto !important;
        flex-shrink: 0 !important;
        display: block !important;
        border: 1px solid #e0e0e0 !important;
        background-color: #f9f9f9 !important;
    }

    .logo-title {
        font-size: 16px !important;
        margin-left: 10px !important;
        display: block !important;
        color: #1e89e0 !important;
        font-weight: 700 !important;
    }

    .logo .nav {
        display: flex !important;
        flex-wrap: nowrap !important;
        justify-content: space-around !important;
        width: 100% !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        background: #f8f9fa !important;
        border-top: 1px solid #e9ecef !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important; /* Firefox */
        -ms-overflow-style: none !important; /* IE and Edge */
        position: static !important;
        left: auto !important;
        transform: none !important;
    }

    .logo .nav::-webkit-scrollbar {
        display: none !important; /* Chrome, Safari, Opera */
    }

    .logo .nav a {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        float: none !important;
        padding: 12px 16px !important;
        margin: 0 !important;
        font-size: 14px !important;
        background: transparent !important;
        border-radius: 0 !important;
        white-space: nowrap !important;
        color: #495057 !important;
        flex-shrink: 0 !important;
        border-bottom: 2px solid transparent !important;
        transition: all 0.3s !important;
    }

    .logo .nav a.current,
    .logo .nav a:active {
        background: transparent !important;
        color: #1e89e0 !important;
        font-weight: 600 !important;
        border-bottom-color: #1e89e0 !important;
    }

    .logo .search {
        position: relative !important;
        top: auto !important;
        right: auto !important;
        width: calc(100% - 20px) !important;
        margin: 12px 10px !important;
        border-radius: 25px !important;
        display: flex !important;
        left: auto !important;
        overflow: hidden !important;
        height: 42px !important;
        border: 1px solid #dee2e6 !important;
        background: #fff !important;
        box-shadow: 0 1px 3px rgba(0,0,0,0.06) !important;
    }

    .logo .search input {
        flex: 1 !important;
        width: auto !important;
        font-size: 14px !important;
        padding: 0 15px !important;
        border: none !important;
        height: 42px !important;
        line-height: 42px !important;
        background: transparent !important;
        outline: none !important;
    }

    .logo .search input::placeholder {
        color: #adb5bd !important;
    }

    .logo .search button {
        width: 70px !important;
        height: 42px !important;
        font-size: 14px !important;
        border-radius: 0 25px 25px 0 !important;
        flex-shrink: 0 !important;
        background: #1e89e0 !important;
        border: none !important;
    }

    /* 文章列表 */
    .article_list {
        width: 100% !important;
        max-width: 100vw !important;
        padding: 0 !important;
        margin: 10px 0 !important;
        box-sizing: border-box !important;
        overflow-x: hidden !important;
    }

    .a_list_left {
        width: 100% !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    .a_list_left ul {
        width: 100% !important;
        box-sizing: border-box !important;
    }

    .a_list_left li {
        width: 100% !important;
        height: auto !important;
        min-height: auto !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 15px !important;
        border-bottom: 1px solid #f2f2f2 !important;
        position: relative !important;
        float: none !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    .a_list_left li .a_img {
        display: block !important;
        width: 100% !important;
        position: static !important;
        margin-bottom: 10px !important;
    }

    .a_list_left li img {
        width: 100% !important;
        height: auto !important;
        max-height: 180px !important;
        object-fit: cover !important;
        position: static !important;
    }

    /* 搜索结果头部样式 */
    .search-result-header {
        padding: 15px !important;
        margin-bottom: 15px !important;
    }

    .search-result-header h2 {
        font-size: 16px !important;
        min-width: 150px !important;
    }

    .search-result-header a {
        font-size: 13px !important;
    }

    .search-result-header p {
        font-size: 13px !important;
    }

    .a_list_left li h3 {
        font-size: 16px !important;
        line-height: 1.4 !important;
        margin: 10px 0 !important;
        position: static !important;
        width: 100% !important;
        height: auto !important;
        max-height: 2.8em !important;
        overflow: hidden !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        left: auto !important;
        top: auto !important;
        word-wrap: break-word !important;
        word-break: break-word !important;
        box-sizing: border-box !important;
        text-overflow: ellipsis !important;
    }

    .a_list_left li h3 a {
        display: block !important;
        width: 100% !important;
        overflow-wrap: break-word !important;
        word-wrap: break-word !important;
        word-break: break-word !important;
        white-space: normal !important;
        box-sizing: border-box !important;
    }

    .a_list_left li div {
        margin: 8px 0 !important;
        position: static !important;
        width: 100% !important;
        left: auto !important;
        top: auto !important;
        height: auto !important;
        overflow: hidden !important;
        display: block !important;
        clear: both !important;
    }

    .a_list_left li div em,
    .a_list_left li div span {
        display: inline-block !important;
        margin-right: 15px !important;
        font-size: 12px !important;
        line-height: 1.5 !important;
        white-space: nowrap !important;
    }

    .a_list_left li p {
        font-size: 13px !important;
        line-height: 1.4 !important;
        color: #666 !important;
        position: static !important;
        width: 100% !important;
        height: 2.8em !important;
        overflow: hidden !important;
        max-height: 2.8em !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        margin-top: 8px !important;
        margin-bottom: 0 !important;
        padding: 0 !important;
        left: auto !important;
        top: auto !important;
        word-wrap: break-word !important;
        word-break: break-word !important;
        overflow-wrap: break-word !important;
        box-sizing: border-box !important;
        text-overflow: ellipsis !important;
    }

    /* 底部 */
    #foot {
        width: 100% !important;
        padding: 15px 0 !important;
        min-width: 100% !important;
    }

    #foot ul {
        width: 100% !important;
        padding: 0 10px !important;
    }

    .foot_top {
        text-align: center !important;
        font-size: 12px !important;
        line-height: 1.6 !important;
        width: 100% !important;
    }

    .foot_top p {
        margin: 5px 0 !important;
        width: 100% !important;
    }

    /* 重置固定宽度 */
    .wrap, .archive, .details, .container, .article_list, .special,
    .applist, .strategy, .article, .charts, .ranking, .patch,
    .software, .evaluating, .gameku, .prefecture, .option,
    .link, .pack, .first {
        width: 100% !important;
        max-width: 100% !important;
        margin: 10px 0 !important;
    }

    /* 分页按钮移动端优化 */
    .pagebox {
        width: 100% !important;
        padding: 15px 10px !important;
        margin: 20px 0 !important;
        box-sizing: border-box !important;
    }

    .pagebox p {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        flex-wrap: wrap !important;
        gap: 8px !important;
    }

    .pagebox a,
    .pagebox span {
        min-width: 44px !important;
        min-height: 44px !important;
        height: 44px !important;
        line-height: 44px !important;
        padding: 0 12px !important;
        font-size: 15px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        margin: 0 !important;
        border-radius: 4px !important;
        text-decoration: none !important;
        box-sizing: border-box !important;
        touch-action: manipulation !important;
        -webkit-tap-highlight-color: transparent !important;
    }

    .pagebox a {
        border: 1px solid #d0d0d0 !important;
        background: #fff !important;
        color: #333 !important;
    }

    .pagebox a.active {
        background: #1e89e0 !important;
        color: #fff !important;
        border-color: #1e89e0 !important;
        font-weight: bold !important;
    }

    .pagebox a:active {
        background: #0d6ebd !important;
    }

    .pagebox span.disable {
        background: #f5f5f5 !important;
        color: #999 !important;
        border: 1px solid #e0e0e0 !important;
    }

    /* 评论区域移动端优化 */
    .comments-section {
        width: 100% !important;
        padding: 15px 10px !important;
        margin: 10px 0 !important;
        box-sizing: border-box !important;
    }

    .comments-section h3 {
        font-size: 18px !important;
    }

    .comment-form input[type="text"],
    .comment-form input[type="email"],
    .comment-form textarea {
        width: 100% !important;
        margin-left: 0 !important;
        margin-bottom: 10px !important;
        font-size: 16px !important;
        box-sizing: border-box !important;
    }

    .comment-form button {
        width: 100% !important;
        padding: 12px !important;
        font-size: 16px !important;
    }

    #comment-message {
        display: block !important;
        margin: 10px 0 !important;
    }
}

@media screen and (max-width: 480px) {
    html, body {
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
        max-width: 100vw !important;
    }

    body {
        font-size: 12px;
        box-sizing: border-box !important;
    }

    * {
        box-sizing: border-box !important;
    }

    .logo-container {
        padding: 10px 8px !important;
        display: flex !important;
        align-items: center !important;
        position: static !important;
        left: auto !important;
        top: auto !important;
        width: 100% !important;
        background: #fff !important;
        z-index: 10 !important;
    }

    .logo_a {
        width: 38px !important;
        height: 38px !important;
        background-size: contain !important;
        margin-left: 0 !important;
        flex-shrink: 0 !important;
        display: block !important;
        border: 1px solid #e0e0e0 !important;
        background-color: #f9f9f9 !important;
    }

    .logo-title {
        font-size: 14px !important;
        margin-left: 8px !important;
        display: block !important;
        color: #1e89e0 !important;
        font-weight: 700 !important;
    }

    .logo .search {
        height: 40px !important;
        margin: 10px 8px !important;
    }

    .logo .search input {
        font-size: 13px !important;
        height: 40px !important;
        line-height: 40px !important;
        padding: 0 12px !important;
    }

    .logo .search button {
        width: 65px !important;
        height: 40px !important;
        font-size: 13px !important;
    }

    .logo .nav a {
        padding: 10px 12px !important;
        font-size: 13px !important;
    }

    .a_list_left li {
        padding: 12px !important;
    }

    .a_list_left li h3 {
        font-size: 15px !important;
    }

    .a_list_left li {
        min-height: auto !important;
        max-height: none !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    .a_list_left li h3 {
        word-wrap: break-word !important;
        word-break: break-word !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
        max-height: 2.6em !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        text-overflow: ellipsis !important;
    }

    .a_list_left li h3 a {
        overflow-wrap: break-word !important;
        word-wrap: break-word !important;
        word-break: break-word !important;
        box-sizing: border-box !important;
    }

    .a_list_left li p {
        font-size: 12px !important;
        line-height: 1.4 !important;
        position: static !important;
        left: auto !important;
        top: auto !important;
        height: 2.8em !important;
        max-height: 2.8em !important;
        overflow: hidden !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        word-wrap: break-word !important;
        word-break: break-word !important;
        overflow-wrap: break-word !important;
        box-sizing: border-box !important;
        text-overflow: ellipsis !important;
        margin-top: 6px !important;
        margin-bottom: 0 !important;
    }

    /* 分页按钮小屏优化 */
    .pagebox a,
    .pagebox span {
        min-width: 40px !important;
        min-height: 40px !important;
        height: 40px !important;
        line-height: 40px !important;
        font-size: 14px !important;
        padding: 0 10px !important;
    }

    /* 评论表单小屏优化 */
    .comment-form button {
        font-size: 15px !important;
    }
}