blockquote,body,button,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,img,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
body{
    /* 基础样式完全保留 */
    color:#555;
    font-size:14px;
    font-family:Microsoft JhengHei,Arial,Helvetica,sans-serif,Simsun,Tahoma;
    border-top:3px solid #ffffff00;
    
    /* ===== 卡通·秘密部落 优化背景 开始 ===== */
    background-color:#2C2116; /* 神秘深棕底色 */
    background-image:
        url("https://www.transparenttextures.com/patterns/skulls.png"), /* 部落几何纹理 - 暗纹打底 */
        url("https://www.transparenttextures.com/patterns/eye.png"), /* 卡通卷草花纹 - 柔和点缀 */
        linear-gradient(rgba(44,33,22,0.88), rgba(58,42,28,0.92)); /* 暖调渐变遮罩 - 保护文字阅读 */
    background-repeat:repeat, repeat, no-repeat;
    background-position:0 0, 15px 15px, center center;
    background-size:
        280px auto,    /* 部落几何纹 - 主纹理 */
        180px auto,    /* 卡通花纹 - 错位叠加，更有层次 */
        100% 100%;     /* 渐变铺满 */
    background-attachment:fixed; /* 背景不跟随滚动，更有质感 */
    /* ===== 卡通·秘密部落 优化背景 结束 ===== */
}
caption,td,th{font-size:14px}
h1,h2,h3,h4,h5,h6{font-weight:400;font-size:100%}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400}
a{color:#000;text-decoration:none}
a:hover{text-decoration:none}
img{border:none}
li,ol,ul{list-style:none}
button,input,select,textarea{font-size:14px}
table{border-collapse:collapse}
html{overflow-y:scroll}
#container{width:1200px;margin:0 auto}
.top{float:left;position:relative;display:block;width:100%;margin-bottom:5px;overflow:hidden}
.logo{float:left;width:50%}
.logo img{float:left;transition:opacity .5s}
.gg{float:right;width:50%;overflow:hidden}
.gg img{float:right;transition:opacity .5s}
.nav{width:100%;margin-bottom:3px;overflow:hidden}
.nav li{float:left;text-align:center;display:block;width:75px;height:40px;line-height:40px;background:#2b2b2b;border-bottom:2px solid #000;font-size:18px;transition:color .5s,background-color .5s;overflow:hidden}
.nav li:hover{color:#fff;background:#de2600}
.toptips{width:100%;background:#f7f7f7;margin-bottom:2px;overflow:hidden}
.toptips li{float:left;position:relative;display:block;width:100%;height:40px;line-height:40px;font-size:14px;color:#de2600;overflow:hidden}
.toptips li b{width:16px;height:16px;font-weight:700;background:#de2600;color:#fff;padding:2px 8px;margin-left:4px;font-size:13px;border-radius:2px}
.good{width:100%;background:#f7f7f7;margin-bottom:5px;overflow:hidden}
.good li{float:left;text-align:center;display:block;width:12.5%;height:40px;line-height:40px;font-size:14px;transition:color .5s,background-color .5s;overflow:hidden}
.good li:hover{color:#fff;background:#de2600}
.cate{width:100%;background:#fff;margin-bottom:5px;overflow:hidden}
.cate_name{height:36px;width:100%;background:#f7f7f7;overflow:hidden}
.cate_name p{font-size:16px;font-weight:700;line-height:36px;color:#000;margin-left:20px}
.cate li{float:left;text-align:center;display:block;width:118px;height:40px;line-height:40px;border:1px solid #f1f1f1;font-size:14px;transition:color .5s,background-color .5s;overflow:hidden}
.cate li:hover{color:#fff;background:#daab78}
.cate li b{width:16px;height:16px;font-weight:400;background:#f3832d;color:#fff;padding:1px 3px;margin-left:4px;font-size:14px;border-radius:2px}
.cate_ul{margin:0 auto;position:relative;max-width:960px}
.cate_img{margin-left:8px;width:48px;height:48px}
.banner img{width:100%;margin-bottom:5px;transition:opacity .5s}
.banner img:hover{opacity:.7}
.footerapp img{width:100%;margin-bottom:-8px;transition:opacity .5s}
.footerapp img:hover{opacity:.7}
.footer{height:auto;margin-bottom:0;background:#2b2b2b}
.footer p{text-align:center;line-height:40px;color:#fff}
.footer p a{color:#fff}
.clear{clear:both;height:0}
.side{position:fixed;bottom:5px;width:70px;right:50%;margin-right:606px}
.side_div{width:70px;height:30px;line-height:30px;text-align:center;color:#fff;background:#2b2b2ba3;margin-top:2px}
.faq{position:fixed;bottom:5px;width:70px;left:50%;margin-left:606px}
.faq_scj{width:70px;height:70px;line-height:35px;text-align:center;color:#fff;margin-top:1px}
.faq_div{width:70px;height:30px;line-height:30px;text-align:center;color:#fff;background:#2b2b2ba3;margin-top:2px}
.xm{position:fixed;bottom:0;left:initial;left:0;z-index:1;font-size:0;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-transform:translateY(3px);-ms-transform:translateY(3px);transform:translateY(3px)}
.xm img{width:100px}
#scj{background:url(../img/sc.gif)}
#top{background:url(../img/top.jpg)}
#dizhi{background:url(../img/dizhi.jpg)}
#guestbook{text-align:center;line-height:30px;transition:background-color .3s}
#guestbook:hover{color:#fff;background:#de2600}
.btn{padding:0;margin:0}
.app{box-shadow:0 0 15px rgba(100,100,100,.1);overflow:hidden;border-radius:2px;background-color:#fff}
.navi{font-size:0;padding:5px;text-align:center}
.appico{width:calc(7.5% - 1px);margin:5px;height:auto;box-sizing:border-box;display:inline-block;position:relative}
.appico p{width:100%;height:25px;line-height:25px;text-align:center;font-size:14px;margin:0;color:#000;overflow:hidden}
.naicon{border-radius:5px;overflow:hidden;font-size:0;margin:12px}
.appico img{width:100%}
.appico:hover .btn-raised{-webkit-box-shadow:0 0 12px 4px rgba(0,0,0,.24),0 0 2px -2px rgba(0,0,0,.4),0 1px 12px 0 rgba(0,0,0,.22);box-shadow:0 0 12px 4px rgba(0,0,0,.24),0 0 2px -2px rgba(0,0,0,.4),0 1px 12px 0 rgba(0,0,0,.22)}

/* ===== 响应式 - 自动适配电脑/手机 ===== */
@media screen and (max-width:1200px){
    .side{display:none}
    .faq{display:none}
    .xm{display:none}
    body{background-size:220px auto, 150px auto, 100% 100%;}
}
@media screen and (max-width:960px){
    body{background-size:200px auto, 130px auto, 100% 100%;}
    #container{width:98%}
    .nav li{width:20%;margin-right:-2px;height:35px;line-height:35px}
    .toptips li{width:100%;margin-right:-2px;height:35px;line-height:35px}
    .good li{width:24.6%;height:35px;line-height:35px}
    .cate li{width:20%;margin-right:-1px;height:35px;line-height:35px}
    .cate_name{height:35px}
    .cate_name p{font-size:21px;line-height:35px}
    .appico{width:calc(25% - 10px)}
}
@media screen and (max-width:800px){
    body{background-size:170px auto, 110px auto, 100% 100%;}
    .nav li{font-size:15px;height:30px;line-height:30px}
    .toptips li{font-size:15px;height:auto;line-height:30px}
    .good li{font-size:15px;height:30px;line-height:30px}
    .cate li{font-size:15px;height:30px;line-height:30px}
    .cate_name{height:30px}
    .cate_name p{font-size:20px;line-height:30px}
}
@media screen and (max-width:640px){
    body{background-size:140px auto, 90px auto, 100% 100%;}
    .logo img{width:100%}
    .gg img{width:100%}
    .nav li{width:25%;font-size:12px;height:30px;line-height:30px;border:1px solid #000}
    .toptips li{width:100%;font-size:12px;height:auto;line-height:30px}
    .good li{width:24.6%;font-size:12px;height:30px;line-height:30px}
    .cate li{width:24.6%;font-size:12px;height:30px;line-height:30px}
    .cate_name{height:30px}
    .cate_name p{font-size:16px;line-height:30px}
    .cate li b{width:16px;height:16px;font-weight:400;background:#2cbafc;color:#fff;padding:2px 3px;margin-left:4px;font-size:11px;border-radius:2px}
}