@charset "utf-8";
body {font-family: "Microsoft YaHei", Arial;font-size: 13px;color: #333;background-color: #FFF;margin: 0;}
a {color: #333;text-decoration: none;}
a:hover {color: #CC0000;text-decoration: none;}
img {border: none;}
i,em {font-style: normal;}
input,textarea {outline: none;}
ul,dl,dt,dd,p,h1,h2,form {margin: 0;padding: 0;list-style: none;}
li,dl,dt,dd {display: inline;float: left;}
.header {height: 72px;width: 700px;margin: 0 auto;}
.header .logo {background:url(logobg.png) no-repeat left 16px;float: left;height: 53px;width: 200px;padding-top: 16px;padding-left: 30px;}
.header .logo a {font-size: 24px;}
.header .ad {text-align: right;float: right;height: 53px;width: 400px;padding-top: 8px;}
.nav {background-color: #444;height: 34px;width: 700px;margin: 0 auto;}
.nav a {line-height: 33px;color: #FFF;text-align: center;float: left;height: 33px; padding:0px 10px;}
.nav a:hover {color: #00CC00;}
.main {background:url(main.gif) repeat-y 700px top;width: 698px;margin: 0 auto;border-right: 1px solid #DADADA;border-left: 1px solid #DADADA;}
.main_left {float: left;width: 700px;}
.new {float: left;width: 700px;}
.new li {width: 698px;border-bottom: 1px solid #DADADA;}
.new li span {display: inline;float: left;height: 130px;width: 503px;padding-left: 10px;}
.new li span.title {height: 26px;width: 680px;padding-top: 10px;}
.new li span.pic {height: 125px;width: 170px;}
.new li span.info {line-height: 24px; font-size:14px;}
.new i{ display:block;}
.new i,.new i a {color: #999;}
.new i a:hover {color: #CC0000;text-decoration: underline;}
.new li img {float: left;height: 114px;width: 160px;padding: 4px;border: 1px solid #DADADA;}
.new li em {background-color: #444;float: left;margin-right: 5px;padding: 2px 4px;border-radius: 2px;}
.new li em a {color: #FFF;}
.new h2 {font-style: normal;display: inline;}
.new h2 a {font-size: 16px;    font-weight: normal;}
.new h2 b{font-style: normal; color:#F00;}

.mm {float: left;width: 700px;}
.mm li {font-size: 12px;background-color: #EDEDED;height: 381px;width: 220px;margin-top: 10px;margin-left: 10px;}
.mm img {float: left;height: 330px;width: 220px;margin-bottom: 3px;}
.mm span {line-height: 21px;float: left;height: 51px;width: 210px;padding-left: 10px;}
.mm span a {color: #333;}
.mm span a:hover {color: #333;text-decoration: underline;}
.page {font-size: 12px;float: left;text-align: center;height: 38px;width: 698px;padding-top: 12px;border-bottom: 1px solid #DADADA;}
.page a,.page em {vertical-align: top;display: inline-block;margin-right: 5px;padding: 4px 7px 4px 8px;border: 1px solid #DDD;}
.page a:hover {background-color: #F5F5F5;}
.page em {background-color: #EEE;}
.you {line-height: 26px;font-size: 12px;color: #999;float: left;height: 26px;width: 690px;padding-left: 10px;border-bottom: 1px solid #DADADA;}
.you a,.info a {color: #999;}
.titles {font-weight:700;font-size: 17px;float: left;width: 680px;margin: 12px 0 8px 0;padding-left: 10px;}
.titles b{ color:#F00;font-style: normal;}
.info {font-size: 12px;color: #999;float: left;height: 24px;width: 680px;padding-left: 10px;}
.content {line-height: 24px;float: left;width: 680px;padding-left: 10px;}
.content p {margin: 0px auto 10px auto;font-size: 14px;}
.content p.video {background-color: #F5F5F5;border-left: 5px solid #CCC;}
.content p.video i {line-height: 36px;color: #00F;display: inline-block;padding-left: 10px;cursor: pointer;}
.content p.video i:hover {text-decoration: underline;}
.content img {display: block;margin: 0px auto 10px auto;}
.content img {
    display: block;
    margin: 0px auto 10px auto;
    max-width: 80% !important; /* 新增：图片最大宽度不超过容器 */
    height: auto !important;    /* 新增：高度自动适应，保持比例 */
    width: auto !important;     /* 新增：宽度宽度自动适应 */
}
.content h4{margin: 10px 0 5px 0;font-size: 16px;font-family: "Microsoft YaHei";border-bottom: 1px dashed #cdcdcd;}
.content a {color: #00F;cursor: pointer;}
.free,.vip,.common {float: left;width: 680px;padding-left: 10px;}
.free fieldset {font-size: 12px;line-height: 22px;border: 1px dashed #00F;margin-bottom: 12px;}
.vip fieldset {font-size: 12px;line-height: 22px;border: 1px dashed #FF0000;margin-bottom: 14px;}
.common fieldset {font-size: 12px;line-height: 22px;border: 1px dashed #009966;margin-bottom: 14px;}
.free a,.vip a,.common a {color: #00F;text-decoration: underline;}
.vip a.buy {color: #009933;text-decoration: none;}
.vip a.upvip {color: #FF0000;text-decoration: none;}
.vip a:hover {text-decoration: underline;}
.common a.buy {color: #009933;text-decoration: none;}
.common a.upvip {color: #FF0000;text-decoration: none;}
.common a:hover {text-decoration: underline;}
.email {font-size: 12px;float: left;height: 44px;width: 690px;padding-left: 10px;border-top: 1px solid #DADADA;border-bottom: 1px solid #DADADA;}
.email span {line-height: 24px;color: #FFF;background-color: #00AEFF;text-align: center;float: left;height: 24px;width: 180px;margin-top: 10px;margin-right: 3px;}
.email input {float: left;margin-top: 10px;}
.email input.qq {line-height: 20px;color: #999;height: 20px;width: 173px;border: 1px solid #DDD;margin-right: 3px;}
.email input.mailbtn {color: #FFF;background-color: #F78585;height: 23px;width: 49px;border: none;}
.email a {line-height: 24px;text-align: center;float: right;height: 24px;width: 100px;margin-top: 10px;margin-right: 10px;border: 1px solid #DDD;}
.updown {line-height: 24px;font-size: 12px;float: left;width: 690px;padding: 10px 0 10px 10px;border-bottom: 1px solid #DADADA;}
.other {font-size: 12px;float: left;width: 700px;border-bottom: 1px solid #DADADA;}
.other dt {font-size: 14px;height: 28px;width: 680px;margin-top: 10px;padding-left: 10px;}
.other dd {height: 170px;width: 126px;padding-left: 10px;}
.other dd img {display: block;height: 120px;width: 120px;margin-bottom: 6px;border: 1px solid #DDD;}
.message {font-size: 12px;float: left;height: 176px;width: 690px;padding-left: 10px;}
.message span {float: left;height: 27px;width: 660px;margin-top: 10px;}
.message textarea {float: left;height: 84px;width: 674px;margin-bottom: 10px;border: 1px solid #DDD;}
.message input {color: #666;height: 26px;}
.talklist {font-size: 12px;float: left;width: 690px;padding: 0 0 8px 10px;}
.talklist li {line-height: 24px;width: 680px;padding: 6px 0;border-top: 1px dotted #DADADA;}
.talklist li i {font-weight: bold;color: #CC0000;}
.main_right {float: right;width: 297px;}
.search {float: left;height: 26px;width: 297px;border-bottom: 1px solid #DADADA;}
.search input {line-height: 21px;display: inline;float: left;height: 21px;width: 250px;margin-left: 5px;border: none;}
.search i {font-size: 12px;line-height: 25px;text-align: center;float: left;height: 25px;width: 38px;cursor: pointer;}
.main_right dl {float: left;height: 26px;width: 280px;margin-left: 10px;}
.main_right dl dt {line-height: 26px;height: 26px;width: 277px;border-bottom: 1px dotted #DADADA;}
.main_right dl dd {font-size: 12px;width: 277px;}
.main_right dl.good {height: 68px;margin-top: 2px;}
.main_right dl.good a {background-color: #EEE;display: inline-block;margin-top: 10px;margin-right: 3px;padding: 3px 5px;}
.main_right dl.wx {height: 130px;margin-top: 2px;}
.wxk{width: 277px;    height: 103px;    float: left;}
.wxk img{ float:right;margin-top: 2px;}
.wxk p{    font-size:14px;    line-height: 24px;padding-top: 2px;}
.wxk p span{ color:#F00;}
.main_right dl.hot {height: 280px;}
.main_right dl.hot dt {margin-bottom: 6px;}
.main_right dl.hot dd {line-height: 24px;}
.login {height: 180px;}
.loginbox {float: left;width: 280px;height: 180px;position: relative;}
.logintop {position: fixed;top: 0;z-index: 50;}
.main_right dl.lok {height: 120px;}
.main_right dl.login dt {margin-bottom: 10px;}
.main_right dl.login dd {height: 34px;}
.main_right dl.login i {line-height: 22px;float: left;width: 50px;}
.main_right dl.login i.ji {line-height: 20px;padding-left: 5px;}
.main_right dl.login input {float: left;}
.main_right dl.login input.lkey {line-height: 19px;height: 19px;width: 150px;border: 1px solid #DADADA;box-shadow: 1px 1px 3px #DDD inset;}
.main_right dl.login input.btn {display: inline;float: left;margin-left: 50px;margin-right: 10px;cursor: pointer;}
.main_right dl.login input.reg {cursor: pointer;}
.main_right dl.login input.ji {margin-top: 4px;margin-left: 50px;}
.main_right dl.login dd.ok {line-height: 24px;height: 94px;}
.main_right dl.login dd.ok i {line-height: 22px;float: none;width: 200px;}
.main_right dl.login dd.ok i.name {color: #00F;}
.main_right dl.login dd.ok i.red {color: #CC0000;}
.main_right dl.login dd.ok a {color: #0099CC;text-decoration: none;}
.main_right dl.login dd.ok a:hover {color: #009900;text-decoration: underline;}
.main_right dl.meizi {height: 457px;width: 285px;}
.main_right dl.meizi dd {margin-top: 10px;height: 200px;width: 134px;}
.main_right dl.meizi dd.nor {margin-right: 8px;}
.main_right dl.meizi img {float: left;height: 194px;width: 128px;padding: 2px;border: 1px solid #DADADA;}
.member {width: 698px;margin: 0 auto;border-right: 1px solid #DADADA;border-left: 1px solid #DADADA;}
.member .you {float: none;width: 988px;}
.member_info {font-size: 12px;height: 86px;width: 978px;margin-top: 20px;}
.member_info .name {line-height: 22px;background:url(user.png) no-repeat 20px top;float: left;height: 94px;width: 650px;padding-left: 90px;}
.member_info .name i {color: #009999;}
.member_info .name i.red {color: #CC0000;}
.member_info .name i.url {color: #009966;}
.member_info .gold {float: right;height: 60px;width: 180px;padding-top: 14px;}
.member_info .gold span {text-align: right;float: right;height: 24px;width: 140px;}
.member_info .gold i {color: #CC0000;}
.member_info .gold span.buynow {line-height: 25px;color: #FFF;background-color:#CC0000;text-align: center;height: 25px;width: 62px;cursor: pointer;}
.newlist {width: 698px;}
.newlist .title {background: url(new.gif) repeat-x left bottom;float: left;height: 29px;width: 978px;padding-left: 20px;}
.newlist .title em {line-height: 27px;background-color: #F0F0F0;text-align: center;float: left;height: 27px;width: 67px;margin-right: 5px;border: 1px solid #DADADA;cursor: pointer;}
.newlist .title em.now {background-color: #FFF;border-bottom: none;height: 28px;}
.newlist ul {float: left;width: 958px;padding: 10px 0 20px 20px;border-bottom: 1px solid #DADADA;}
.newlist li {line-height: 30px;width: 958px;border-bottom: 1px dotted #DADADA;}
.newlist li span {float: left;width: 800px;}
.newlist li em {font-size: 12px;color: #666;text-align: right;float: right;width: 150px;}
.footer {font-size: 12px;color: #999;background: #EEE url(footer.png) no-repeat left top;text-align: center;height: 67px;width: 700px;margin: 0 auto;}
.footer span {line-height: 22px;float: left;width: 700px;margin-top: 10px;}
.footer a {color: #999;}
.footer a:hover {color: #999;text-decoration: underline;}

/*引用的样式*/
#yy{border-left: 4px solid #ccc;padding: 5px 10px;background: #f2f2f2; margin:1px 0px 10px 0px;}
#yy p{ font-size:13px; margin-top:0px;line-height: 24px; margin-bottom:0px; padding-bottom:5px;}

#chuchu{text-align:center;font-size:12px;}
#chuchu img{ margin:0px auto;}
/*微博妹子的样式*/
#weibomeizi{ width:648px; border:1px dashed #dedede; font-size:13px; padding:10px;}
#weibomeizi ul li{list-style:none; line-height:24px;}
#weibomeizi ul li a{  color: #0066ff;}
#weibomeizi img{ float:right; border:none; width:280px; height:190px;}

/*网购的样式*/
#gw{border: 1px dashed #dedede;margin: 5px 0px;padding: 10px; float:left;}
#gw h5{font-size: 15px;padding: 3px 0px; border-bottom: 1px dashed #dedede;font-weight: normal;  font-family: "Microsoft YaHei";margin: 0px;}
#gw h5 span{font-size: 12px;color: #ccc;padding-left: 5px;}
#gw ul{ padding-top:5px;}
#gw ul li{ height:24px; line-height:24px;    width: 660px;}
#gw ul li span{ color:#00F;}
#gwan{display: block;width: 230px;height: 30px;background: #f30;text-align: center;line-height: 30px;margin: 10px auto;}
#gwan a{ color:#fff;}
/*留言板的样式*/
.infotitle i {line-height: 24px;color: #999;background-color: #F5F5F5;text-align: center;float: left;width: 60px;margin-right: 5px;border: 1px solid #DDD;cursor: pointer;}
.infotitle i.now {color: #333;background-color: #FFF;}
.redt {color: #CC0000;}
.newlist .xinxi li {line-height: 24px;padding-bottom: 6px;}
.newlist .xinxi li.noi {color: #999;border-bottom: none;}
.newlist .xinxi li i.viewbtn {color: #00F;cursor: pointer;}
.xinxi i.red {color: #CC0000; }
.open {display: block;}
.close {display: none;}
.nothing {font-size: 12px;float: left;height: 40px;width: 300px;margin-top: 20px;padding-left: 20px;}
.msgbox {float: left;width: 700px;border-bottom: 1px dotted #DADADA;padding-bottom: 10px;}
.msgbox textarea {display: inline;float: left;height: 80px;width: 676px;margin-left: 10px;margin-top: 10px;border: 1px solid #DDD;}
.msgbox span {line-height: 24px;background-color: #F9F9F9;text-align: center;display: inline;float: left;height: 24px;width: 680px;margin-left: 10px;margin-top: 6px;border: 1px solid #DDD;cursor: pointer;}
.msgbox span:hover {background-color: #F5F5F5;}
.msglist {font-size: 12px;float: left;width: 700px;}
.msglist li {line-height: 24px;width: 680px;padding: 10px;border-bottom: 1px dotted #DADADA;}
.msglist li.nomsg {color: #999;text-align: center;}
.msglist li em.msgname {color: #00F;}
.msglist li span.red {color: #FF0000;}
.msglist li i.mi {color: #999;}

/*右侧会登录后的样式*/
#zx{padding: 2px 8px;background: #00a8ff;color: #fff;border-radius: 3px;margin-right: 3px;}
#xx{padding: 2px 8px;background: #13bf7c;color: #fff;border-radius: 3px;margin-right: 3px;}
#tc{padding: 2px 8px;background: #aeadad;color: #fff;border-radius: 3px;}
#wbd{padding: 2px 8px;color: #fff;border-radius: 3px;margin-right: 3px;}
.weiq {background: #ff3000;cursor:pointer;}
.yiq {background: #AAA;}
#qiandao{color: #FF6600;}
#sq{padding: 2px 8px;background: #f60;color: #fff;border-radius: 3px;margin-right: 3px;}


/*zhiding*/
.zhiding{ width:690px; height:170px; padding:10px 0px 0px 10px; float:left; border-bottom:1px solid #dedede; padding-bottom:10px;}
.zhidingz{ width:337px; height:170px;float:left; background:#CCC}
.zhidingz a{width:337px; height:170px;display: block;position: relative;}
.zhidingz a span{ font-size:14px;font-family: "Microsoft YaHei", Arial; text-align: center;display: block;color: #fff;position: absolute;bottom: 0;opacity: 0.8;filter: alpha(opacity=80);width:337px;background: #333;line-height: 22px;}
.zhidingy{ width:347px; height:170px;float:right;}
.zhidingy h4{ font-size:14px;font-family: "Microsoft YaHei", Arial; color:#fff; background:#ff5400; width:110px; text-align:center; border-radius:3px; margin:0px 0px 4px 5px; font-weight:normal;padding: 0px 0px 2px 0px;}
.zhidingy ul li{ font-size:14px;font-family: "Microsoft YaHei", Arial; height:24px; line-height:24px; padding-left:5px; list-style:none;}
.zhidingy ul li a{ text-decoration:none; color:#333;}
.zhidingy ul li a:hover{ color:#f00;}
#jin{padding: 2px 8px;background: #000;color: #fff;border-radius: 3px;margin-right: 3px;}
    
/* 精简版文章列表样式 */
.simple-item {
    width: 100%;
    height: 100px; /* 高度减少40% */
    padding: 10px;
    border-bottom: 1px solid #f0f0f0;
    box-sizing: border-box;
}
.simple-pic {
    float: left;
    width: 120px; /* 图片缩小 */
    height: 80px;
    margin-right: 10px;
}
.simple-pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border: 1px solid #eee;
    padding: 0; /* 去掉多余内边距 */
}
.simple-info {
    overflow: hidden;
    padding: 3px 0;
}
.simple-type {
    font-size: 12px;
    color: #fff;
    background: #444;
    padding: 1px 4px;
    border-radius: 2px;
    margin-bottom: 5px;
    display: inline-block;
}
.simple-title {
    font-size: 15px; /* 标题缩小 */
    margin: 0 0 5px 0;
    line-height: 1.3;
    white-space: nowrap; /* 标题不换行 */
    overflow: hidden;
    text-overflow: ellipsis; /* 超出显示省略号 */
}
.simple-title a:hover {
    color: #CC0000;
}
.simple-time {
    font-size: 12px;
    color: #999;
}
.clear {
    clear: both;
}

/* 小屏幕适配 */
@media screen and (max-width: 555px) {
   .header{ width:100%;}
   .nav{ width:100%;}
   .main{ width:100%;}
   .main_left{ width:100%;}
   .new{ width:100%;}
   .new li{ width:100%;}
   .new li span.title{ width:98%;padding: 5px 0px 0px 5px;}
   .new h2{display: block;    float: left;    width: 80%;    overflow: hidden;    height: 19px;}
   .new h2 a{font-size:13px;}
   .footer{ width:100%;}
   .you{ width:100%;padding: 0px;}
   .info{ width:100%;}
   .content{ width:100%;padding: 0px;}
   .free, .vip, .common{ width:100%;padding: 0px;}
   .updown{ width:100%;padding: 0px;}
   .other{ width:100%;}
   .other dt{ width:100%;}
       .other dd {
        width: 45%; /* 一行显示2个 */
    }
   .other dd img {width: 100%; /* 宽度占满容器 */}
   .content img{ width:100%;}
   .titles{ width:100%;padding: 0px; font-size:15px;}
   .footer span{ width:100%;}
}

/* 分页移动端自适应补充样式 */
@media screen and (max-width: 555px) {
    .page {
        width: 100%;
        padding: 12px 5px;
        box-sizing: border-box;
    }
    .page a, .page em {
        padding: 3px 6px;
        font-size: 11px;
        margin-right: 2px;
    }
    /* 隐藏过多的页码，只保留必要导航 */
    .page a:not(:first-child):not(:last-child):not(:nth-child(2)):not(:nth-last-child(2)) {
        display: none;
    }
    /* 为省略号保留显示 */
    .page span {
        display: inline-block;
        margin: 0 3px;
    }
}


/* 新增手机端自适应优化 */
@media screen and (max-width: 768px) {
    /* 基础容器宽度统一 */
    .header, .nav, .main, .main_left, .footer, 
    .search-container, .results-container,
    .new, .new li, .page, .you, .titles, .info,
    .content, .free, .vip, .common, .updown,
    .other, .footer span {
        width: 100% !important;
        box-sizing: border-box !important;
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
    
    /* 禁止页面横向滚动 */
    html, body {
        overflow-x: hidden !important;
        width: 100% !important;
    }
    
    /* 内容文字和图片自适应 */
    .content p {
        width: 100% !important;
        word-wrap: break-word !important; /* 长单词换行 */
    }
    
    .content img {
        max-width: 100% !important;
        height: auto !important;
        display: block !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    
    /* 首页标题适配 */
    .titles {
        font-size: 18px !important;
        padding: 15px 10px !important;
        margin: 0 !important;
    }
    
    /* 搜索框适配 */
    .search-box input {
        width: 70% !important;
    }
    
    .search-box button {
        width: 25% !important;
        padding: 10px 0 !important;
    }
    
    /* 列表列表适配 */
    .new li span.title {
        height: auto !important;
        padding: 10px 0 !important;
    }
    
    .new h2 {
        width: 100% !important;
        height: auto !important;
        overflow: visible !important;
        white-space: normal !important;
    }
    
    /* 下载地址区域适配 */
    .free fieldset, .vip fieldset, .common fieldset {
        padding: 10px !important;
        margin: 10px 0 !important;
    }