/*初始化*/
html {overflow-y:scroll;}
body {margin:0; padding:0; font:14px 'Microsoft Yahei',"\5B8B\4F53",'Lucida Grande',sans-serif,Helvetica,Arial,sans-serif;background:#e8e8e8;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{padding:0; margin:0;}
table,td,tr,th{font-size:12px;}
li{list-style-type:none;}
img{vertical-align:top;border:0;}
ol,ul {list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:12px; font-weight:normal;}
address,cite,code,em,th {font-weight:normal; font-style:normal;}
a {text-decoration: none;color: #333;}
a:hover {text-decoration: none;color: #93c;}
sup::after{content:"+";}
/*全局*/
#mian {width: 1186px;margin: 0 auto;background: #fff;}
#x {padding: 6px; padding-bottom: 30px;}
#c img {width: 1173px;}
.bold {font-weight: bold;}
/*顶部*/
#top {height: 40px;background: #959595;line-height: 40px;padding-left: 15px;color: #fff;}
#top span{ float: right;margin-right: 0px;background: rgba(255,255,255,0.1);padding: 0 10px; }
/*头部*/
#header {height: 100px;background: #fff;}
/*logo*/
#logo {height: 100px;overflow: hidden;float: left;margin-right: 10px;}
#logo img {margin-left: 8px;max-width: 360px;max-height: 90px;margin-top: 5px;object-fit: contain;}
/*搜索*/
#so {margin-right: 15px;background: #f8f8f8;padding: 5px;border:1px solid #eee;position: relative;margin-top: 25px;float: right;}
#so .k {height: 35px;border:1px solid #eee;width: 300px;padding:0px 10px;}
#so button {width: 70px;height: 35px;border:none;background: #c00000;color: #fff;font-size: 14px;cursor: pointer;}
#so button:hover {background:#e00;}
/*导航*/
#menu {line-height: 100px;float: left;}
#menu li {margin-left: 30px;float: left;}
#menu ul {overflow: hidden;}
#menu li a {border-radius:3px;padding:15px 20px;background:#888;color:#fff;}
#menu li a:hover {background:#06c;color:#fff;}
#menu li a.cur,#menu li a:hover {background:#06c;color:#fff;}
/*关键词*/
#seo {position: absolute;left: 50%;top:0px;margin-left: 360px;}
#seo a {color: #fff;height: 40px;width:100px;text-align: center;line-height: 40px;}
#seo a:hover {background: #fff;color: #93c;}
/*产品筛选*/
#filt{padding:10px 5px;margin:5px 0 0 0px;border:1px solid #eee;}
#scre{height:28px;padding:10px 0;border-bottom:1px dashed #eee;}
#scre b{float:left;color:#555;padding:0 15px;line-height:28px;display:block;}
#scre a,#scre .hover{float:left;color:#999;padding:0 6px;line-height:28px;display:block;margin-right:10px;border:1px solid #fff;}
#scre a:hover,#scre .hover{color:#f60;background:#ffe;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;border:1px solid #f60;}
#filt p{color:#9c6;padding:10px 15px;line-height:28px;}
/*版本列表*/
#form {padding:5px;overflow:hidden;margin:10px 0px 0 0px;border:1px solid #f1f1f1;background:#f9f9f9;}
#form table tr {background:#fff;}
#form table tr:hover {background:#f8f8f8;}
#be {width:100%;border-top:1px solid #eee;border-left:1px solid #eee;}
#be th {color:#888;height:45px;line-height:45px;font-size:14px;font-weight:bold;text-align:center;background:#f5f5f5;border-right:1px solid #eee;border-bottom:2px solid #eee;}
#be td {color:#999;height:40px;line-height:40px;text-align:center;border-right:1px solid #f1f1f1;border-bottom:1px solid #f1f1f1;}
#be .center {text-align:left;padding-left: 10px;}
#be td a {color:#999;}
#bk td {color:#56ab13;}
#bk td a {color:#56ab13;}
#bt td {color:#f00;}
#bt td a {color:#f00;}
#bn {text-align:center;}
#bn table tr:hover {background:#fafafa;}
#bm {width:100%;margin-bottom:15px;border-top:1px solid #ddd;border-left:1px solid #ddd;}
#bm th {color:#555;height:50px;line-height:50px;font-weight:bold;text-align:center;background:#f5f5f5;border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
#bm td {height:25px;line-height:25px;padding:10px 5px;border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
.bn {font-weight:bold;background:#f5f5f5;}
#be a:hover,#bm a:hover,#bt a:hover {color: #f60;}
/*内容页*/
#show {padding: 5px;border:1px solid #eee;overflow: hidden;}
#show .pic {float: left;}
#show .pic img {width: 300px; height:300px;padding: 5px;border:1px solid #eee;margin-right: 15px;background: #fafafa;}
#show .title {float: left;color: #e00;width: 810px;border:1px solid #eee;padding: 20px 10px;background: #fafafa;}
#show .title h1 {font-size: 20px;font-weight: bold;}
#show .back {overflow: hidden;float: left;margin-top: 15px;color: #888;}
#show .back li {border:1px solid #eee;float: left;padding: 0 15px 0 0;margin-right: 10px;margin-bottom: 15px;}
#show .back li b {border-right: 1px solid #eee;background: #fafafa;padding: 15px 10px;display: inline-block;margin-right: 15px;font-weight: initial;}
#show .back li:nth-of-type(5n+0){margin: 0px 0 0 0 ;}
#show .p {padding: 5px 10px;background: #fafafa;border:1px solid #eee;float: left;width: 808px;line-height: 25px;color: #888;height: 76px;}
#show .gou {float: left;border:1px solid #eee;margin-top: 10px;width: 800px;height: 68px;}
#show .gou a img {width: 150px;margin-top: 10px;margin-left: 15px;}
#show .kq {height: 48px;width: 150px;background: #06e;display: inline-block;margin-left: 15px;text-align: center;line-height: 48px;font-size: 16px;color: #fff;font-weight: bold;margin-top: 10px;border:1px solid #eee;}
#show .kq:hover {background: #06a;}
#show .kefu {height: 48px;width: 150px;background: #f00;display: inline-block;margin-left: 15px;text-align: center;line-height: 48px;font-size: 16px;color: #fff;font-weight: bold;margin-top: 10px;border:1px solid #eee;}
#show .kefu:hover {background: #a00;}
#show li i {color: #f00;font-weight: bold;font-style:normal;}
#content {padding: 10px;border:1px solid #eee;margin-top: 15px;line-height: 25px;font-size:13px;color: #888;background: #fafafa;border-top: 2px solid #eee;}
#content img {max-width: 1100px;}
/*404*/
#tishi {padding: 6px;border:1px solid #eee;}
#tishi .title {font-size: 16px;font-weight: bold;padding: 40px 10px;color: #f00;}
#tishi p {height:100px;text-align: center;line-height: 80px;font-size: 13px;color: #f00;}
/*底部*/
#footer {
    background: #f8f9fa;
    border-top: 3px solid #e94560;
    color: #666;
    padding: 36px 0 0;
    margin-top: 10px;
}
#footer .footer-inner {
    width: 1186px;
    margin: 0 auto;
    overflow: hidden;
    padding-bottom: 28px;
}
#footer .footer-col {
    float: left;
    width: 33.33%;
    padding: 0 20px;
    box-sizing: border-box;
}
#footer .footer-col h4 {
    color: #333;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 18px;
    padding-bottom: 10px;
    border-bottom: 2px solid #e94560;
    display: inline-block;
}
#footer .footer-col ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
#footer .footer-col ul li {
    line-height: 32px;
}
#footer .footer-col ul li a {
    color: #666;
    font-size: 14px;
    transition: color 0.3s, padding-left 0.3s;
    display: inline-block;
}
#footer .footer-col ul li a:hover {
    color: #e94560;
    padding-left: 5px;
}
#footer .footer-col p {
    color: #666;
    font-size: 14px;
    line-height: 26px;
}
#footer .footer-col .footer-highlight {
    color: #e94560;
    font-weight: bold;
}
#footer .footer-bottom {
    border-top: 1px solid #e5e7eb;
    background: #f0f1f3;
    padding: 18px 0;
    text-align: center;
}
#footer .footer-bottom p {
    color: #999;
    font-size: 13px;
    line-height: 24px;
    margin: 0;
}
#footer .footer-bottom a {
    color: #666;
    transition: color 0.3s;
}
#footer .footer-bottom a:hover {
    color: #e94560;
}
#footer .footer-divider {
    color: #ccc;
    margin: 0 8px;
}

/* 首页-套餐 */
#meal{background-color: #f5f5f5;overflow: hidden;padding-bottom: 10px;}
#meal ul{ margin-left:12px; }
#meal ul li{float:left;width:222px;margin:10px 10px 0 0;background:#fff;}
#meal ul li:nth-of-type(5n+0){margin:10px 0 0 0;}
#meal ul li b{display:block;font-size:18px;text-align:center;padding:20px;line-height:35px;}
#meal ul li i{color:#ffa;font-size:16px;font-style:normal;display:block;text-align:center;padding:10px;line-height:35px;background:#333;}
#meal table{margin:10px;border-collapse:collapse;border-spacing:0;line-height:45px;border:1px solid #f5f5f5;border-width:0 1px 1px 0;}
#meal th{width:70px;font-weight:normal;text-align:center;background:#fcfcfc;border:1px solid #f5f5f5;border-width:1px 0 0 1px;}
#meal td{color:#999;width:139px;padding-left:10px;border:1px solid #f5f5f5;border-width:1px 0 0 1px;position:relative;white-space:nowrap;}
#meal ul li p{color:#f00;font-size:16px;text-align:center;padding:15px;line-height:30px;border-top:2px solid #f3f3f3;}
#meal ul li p a {color:#f00;}
/* 首页-图片列表 */
#lives{background-color: #f5f5f5;overflow: hidden;padding-bottom: 10px;}
#lives ul{ margin-left:10px;}
#lives ul li{float:left;width:183.5px;display:block;overflow:hidden;margin:10px 10px 0 0;background:#fff;position:relative;}
#lives ul li > div{margin:10px;overflow:hidden;}
#lives ul li img{width:159px;height:148px;}
#lives ul li p{width:159px;height:50px;line-height:25px;padding:10px;overflow:hidden;border-top:2px solid #f3f3f3;}

/* 首页-服务器 */
#idc{background-color: #f5f5f5;overflow: hidden;padding-bottom: 10px;}
#idc ul{ margin-left:12px;}
#idc ul li{float:left;width:222px;margin:10px 0 0 10px;background:#fff;}
#idc ul li:nth-of-type(5n+1){margin:10px 0 0 0;}
#idc ul li b{display:block;font-size:18px;text-align:center;padding:20px;line-height:35px;}
#idc ul li i{color:#ffa;font-size:16px;font-style:normal;display:block;text-align:center;padding:10px;line-height:35px;background:#06c;}
#idc table{margin:10px;border-collapse:collapse;border-spacing:0;line-height:45px;border:1px solid #f5f5f5;border-width:0 1px 1px 0;}
#idc th{width:70px;font-weight:normal;text-align:center;background:#fcfcfc;border:1px solid #f5f5f5;border-width:1px 0 0 1px;}
#idc td{color:#999;width:139px;padding-left:10px;border:1px solid #f5f5f5;border-width:1px 0 0 1px;position:relative;white-space:nowrap;}
#idc ul li p{color:#f00;font-size:16px;text-align:center;padding:15px;line-height:30px;border-top:2px solid #f3f3f3;}

/* 分页 */
#page{margin:10px 10px 0 10px;text-align:center;}
#page ul {}
#page li { display: inline-block }
#page a{color:#888;line-height:22px;display:inline-block;padding:8px 18px;margin-left:5px;background:#f5f5f5;}
#page a:hover{color:#fff;background:#888;text-decoration:none;}
#page li.active a{color:#fff;background:#888;}

#link{overflow:hidden;background:#ffffff; }
#link h6{line-height:25px;padding:4px 0 8px 10px;margin:0 15px;border-bottom:2px solid #f3f3f3;font-size: 16px;font-weight: bold;}
#link h6 font{float:right;color:#f3c; font-size:14px;font-weight:normal;}

/* 单页 */
#wall{margin:10px 10px 0 0;padding-bottom:15px;overflow:hidden;background:#fff;}
#wall h1{line-height:30px;padding:25px 0 15px 0;margin:0 20px;border-bottom:2px solid #f3f3f3;font-size: 16px;font-weight: bold;}
#wall #content{font-size:15px;line-height:35px;padding:20px;background:#fff;}
#wall #content img{margin:10px auto;max-width:709px;display:block;}

/* 文章列表 */
.log_list {padding: 10px;border: 1px solid #eee;margin: 10px 0;}
.log_list .item {padding: 15px 0;border-bottom: 1px dashed #eee;overflow: hidden;}
.log_list .item:last-child {border-bottom: none;}
.log_list .item .pic {float: left;width: 200px;height: 150px;overflow: hidden;margin-right: 15px;}
.log_list .item .pic img {width: 100%;height: 100%;object-fit: cover;}
.log_list .item .info {float: left;width: 900px;}
.log_list .item .info h2 {font-size: 18px;font-weight: bold;margin-bottom: 10px;}
.log_list .item .info h2 a {color: #333;}
.log_list .item .info h2 a:hover {color: #f60;}
.log_list .item .info .desc {color: #888;line-height: 22px;margin-bottom: 10px;height: 44px;overflow: hidden;}
.log_list .item .info .meta {color: #999;font-size: 12px;}
.log_list .item .info .meta span {margin-right: 15px;}

/* 文章详情 */
.article {padding: 10px;border: 1px solid #eee;margin: 10px 0;}
.article h1 {font-size: 24px;font-weight: bold;padding: 20px 0;border-bottom: 2px solid #f3f3f3;margin-bottom: 20px;}
.article .meta {color: #999;font-size: 12px;margin-bottom: 20px;}
.article .meta span {margin-right: 15px;}
.article .content {line-height: 25px;color: #888;padding: 10px 0;}
.article .content img {max-width: 100%;}
.article .tags {padding: 15px 0;border-top: 1px solid #eee;margin-top: 20px;}
.article .tags a {display: inline-block;padding: 3px 10px;background: #f5f5f5;color: #888;margin-right: 5px;border-radius: 3px;}
.article .tags a:hover {background: #06c;color: #fff;}

/* 评论 */
.comment {padding: 10px;border: 1px solid #eee;margin: 10px 0;}
.comment h3 {font-size: 16px;font-weight: bold;padding: 10px 0;border-bottom: 2px solid #f3f3f3;margin-bottom: 15px;}
.comment .item {padding: 15px 0;border-bottom: 1px dashed #eee;}
.comment .item .user {font-weight: bold;color: #333;}
.comment .item .time {color: #999;font-size: 12px;margin-left: 15px;}
.comment .item .text {color: #888;line-height: 22px;margin-top: 10px;}
.comment form {margin-top: 20px;}
.comment form textarea {width: 100%;height: 100px;padding: 10px;border: 1px solid #eee;resize: vertical;}
.comment form input[type="text"] {width: 200px;padding: 8px 10px;border: 1px solid #eee;margin-right: 10px;}
.comment form button {padding: 8px 20px;background: #06c;color: #fff;border: none;cursor: pointer;}
.comment form button:hover {background: #06a;}

/* 侧边栏 */
.sidebar {float: right;width: 300px;}
.sidebar .widget {border: 1px solid #eee;margin-bottom: 15px;background: #fff;}
.sidebar .widget h3 {font-size: 14px;font-weight: bold;padding: 12px 15px;background: #f5f5f5;border-bottom: 2px solid #eee;}
.sidebar .widget .content {padding: 15px;}
.sidebar .widget ul li {padding: 8px 0;border-bottom: 1px dashed #eee;}
.sidebar .widget ul li:last-child {border-bottom: none;}
.sidebar .widget ul li a {color: #888;}
.sidebar .widget ul li a:hover {color: #f60;}

/*标签云*/
.tagcloud {padding: 15px;}
.tagcloud a {display: inline-block;padding: 5px 10px;margin: 3px;background: #f5f5f5;color: #888;border-radius: 3px;}
.tagcloud a:hover {background: #06c;color: #fff;}

/* 页面切换 */
.page-section {
    display: none;
}
.page-section.active {
    display: block;
}

/*当前位置*/
#here{overflow:hidden;border:1px solid #eee;margin-bottom: 5px;}
#here b,#here a,#here p{float:left;color:#888;line-height:25px;padding:10px 18px;display:block;font-weight:normal;}
#here b{background:#fafafa}
#here span{float:left;color:#888;line-height:25px;padding:10px 18px;display:block;}
#here font{float:right;color:#090;line-height:25px;padding:10px 15px}
#here font a{margin:10px 0 10px 10px;padding:5px 10px;background:#f5f5f5}

/*详情页布局*/
#main {overflow: hidden;}
#left {float: left; width: 840px;}
#right {float: right; width: 305px;}
#goods {margin: 10px 10px 0 0; background: #fff;}
#goods h1 {line-height: 35px; padding: 30px 0 20px 0; margin: 0 15px; border-bottom: 2px solid #f3f3f3; font-size: 16px; font-weight: bold;}
#goods dl {overflow: hidden; border-bottom: 2px solid #f3f3f3;}
#goods dl dd {float: left; width: 400px; background: #fff; padding: 15px;}
#goods dl dd img {width: 400px; height: 465px; object-fit: cover;}
#goods dl dt {float: right; width: 398px; background: #fff; padding-bottom: 15px; border-left: 2px solid #f3f3f3;}
#goods dl dt ul {font-size: 15px;}
#goods dl dt ul li {color: #aaa; line-height: 65px; margin: 15px 15px 0 15px; background: #f8f8f8;}
#goods dl dt ul li font {float: left; color: #888; width: 90px; display: block; line-height: 35px; padding: 15px 10px; text-align: center; margin-right: 20px; background: #f3f3f3; border-right: 1px solid #e8e8e8;}
#goods dl dt ul li#i {color: #f2b495; background: #fff5e9;}
#goods dl dt ul li#i font {color: #f50; background: #fee8d2; border-right: 1px solid #f4d8b6;}
#goods dl dt ul li b {float: left; color: #f00; font-size: 21px; font-weight: normal; margin-right: 5px; padding: 0;}
#goods #content {font-size: 15px; line-height: 35px; padding: 25px; background: #fff;}
#goods #content img {max-width: 790px; display: block; margin: 25px auto; border-radius: 3px;}
#sd-content, #ad-content {font-size: 15px; line-height: 35px; padding: 25px; background: #fff;}
#sd-content img, #ad-content img {max-width: 790px; display: block; margin: 25px auto; border-radius: 3px;}
#side {margin-top: 10px; overflow: hidden; background: #fff;}
#side h6 {line-height: 30px; padding: 15px 0; margin: 0 15px; border-bottom: 2px solid #f3f3f3; font-size: 16px; font-weight: bold;}
#side ul {padding: 0 15px 15px 15px;}
#side ul li {line-height: 30px; padding: 10px 0; border-bottom: 1px dashed #e5e5e5; overflow: hidden; white-space: nowrap;}
#side ul li a {padding-left: 10px;}
#goods-back {margin: 10px 10px 0 0; background: #fff; padding: 10px 15px;}
#goods-back a {color: #06c; font-size: 14px;}

/* ==================== 移动端自适应 ==================== */
@media (max-width: 768px) {
    /* 基础布局 */
    body {font-size: 14px;}
    #mian {width: 100%;min-width: auto;}
    #x {padding: 6px;padding-bottom: 15px;}
    #c img {width: 100%;height: auto;}

    /* 顶部 */
    #top {height: auto;line-height: 28px;padding: 5px 10px;font-size: 12px;text-align: center;}
    #top span {float: none;display: block;text-align: center;margin-top: 2px;}

    /* 头部 */
    #header {height: auto;padding-bottom: 10px;}
    #logo {float: none;height: auto;text-align: center;margin: 0;padding: 15px 10px 5px;}
    #logo img {max-width: 100%;max-height: 80px;margin: 0 auto;display: block;}
    #logo span {line-height: normal !important;font-size: 22px !important;}
    #so {float: none;margin: 10px auto;width: 95%;padding: 8px;background: #f8f8f8;border: 1px solid #eee;box-sizing: border-box;}
    #so form {display: flex;}
    #so .k {flex: 1;height: 40px;width: auto;min-width: 0;font-size: 14px;}
    #so button {width: 80px;height: 40px;font-size: 14px;flex-shrink: 0;}

    /* 导航 */
    #menu {float: none;line-height: normal;padding: 0 5px;}
    #menu ul {overflow: hidden;text-align: center;}
    #menu li {float: none;display: inline-block;margin: 3px 2px;}
    #menu li a {padding: 8px 12px;font-size: 13px;display: inline-block;}

    /* 关键词 */
    #seo {position: static;margin: 0;text-align: center;}
    #seo a {display: inline-block;width: auto;padding: 0 10px;}

    /* 当前位置 */
    #here b, #here a, #here p, #here span {padding: 8px 10px;font-size: 13px;}

    /* 产品筛选 */
    #filt {padding: 8px;}
    #scre {height: auto;padding: 5px 0;}
    #scre b {float: none;display: block;padding: 5px 0;}
    #scre a, #scre .hover {float: none;display: inline-block;margin: 2px;padding: 4px 8px;font-size: 12px;}
    #filt p {padding: 8px;font-size: 13px;line-height: 22px;}

    /* 版本列表表格 */
    #form {overflow-x: auto;margin: 5px 0;}
    #be {min-width: 700px;font-size: 12px;}
    #be th {height: 35px;line-height: 35px;font-size: 12px;padding: 0 3px;}
    #be td {height: 30px;line-height: 30px;padding: 0 3px;}
    #be .center {padding-left: 5px;}

    /* 套餐列表 */
    #meal ul {margin-left: 0;padding: 0 5px;}
    #meal ul li {float: none;width: 100%;margin: 8px 0 !important;}
    #meal ul li:nth-of-type(5n+0) {margin: 8px 0 !important;}
    #meal table {margin: 8px auto;width: 95%;}
    #meal th, #meal td {font-size: 13px;}

    /* 图片列表 */
    #lives ul {margin-left: 0;padding: 0 5px;text-align: center;}
    #lives ul li {float: none;width: 48%;display: inline-block;margin: 5px 1% !important;vertical-align: top;}
    #lives ul li img {width: 100%;height: auto;}
    #lives ul li p {width: auto;height: auto;font-size: 12px;padding: 8px;}

    /* 服务器列表 */
    #idc ul {margin-left: 0;padding: 0 5px;}
    #idc ul li {float: none;width: 100%;margin: 8px 0 !important;}
    #idc ul li:nth-of-type(5n+1) {margin: 8px 0 !important;}
    #idc table {margin: 8px auto;width: 95%;}
    #idc th, #idc td {font-size: 13px;}

    /* 分页 */
    #page {margin: 10px 5px;}
    #page a {padding: 6px 12px;font-size: 12px;margin-left: 2px;}

    /* 链接 */
    #link {margin: 0 5px;}
    #link h6 {font-size: 14px;}

    /* 单页 */
    #wall {margin: 5px;}
    #wall h1 {font-size: 16px;padding: 15px 0;}
    #wall #content {padding: 10px;font-size: 14px;line-height: 28px;}
    #wall #content img {max-width: 100%;}

    /* 文章列表 */
    .log_list {margin: 5px 0;}
    .log_list .item {padding: 10px 0;}
    .log_list .item .pic {float: none;width: 100%;height: auto;margin: 0 0 10px 0;}
    .log_list .item .pic img {height: auto;}
    .log_list .item .info {float: none;width: 100%;}
    .log_list .item .info h2 {font-size: 16px;}
    .log_list .item .info .desc {height: auto;}

    /* 文章详情 */
    .article {margin: 5px 0;}
    .article h1 {font-size: 18px;padding: 15px 0;}
    .article .meta {margin-bottom: 10px;}
    .article .meta span {display: block;margin: 3px 0;}
    .article .content {font-size: 14px;line-height: 24px;}
    .article .content img {max-width: 100%;height: auto;}

    /* 评论 */
    .comment {margin: 5px 0;}
    .comment form input[type="text"] {width: 100%;margin: 5px 0;box-sizing: border-box;}
    .comment form textarea {width: 100%;box-sizing: border-box;}

    /* 侧边栏 */
    .sidebar {float: none;width: 100%;margin-top: 15px;}
    .sidebar .widget {margin-bottom: 10px;}

    /* 详情页布局 */
    #main {overflow: hidden;}
    #left {float: none;width: 100%;}
    #right {float: none;width: 100%;margin-top: 15px;}

    /* 商品详情 */
    #goods {margin: 5px 0;}
    #goods h1 {font-size: 16px;padding: 15px 0;}
    #goods dl dd {float: none;width: 100%;padding: 10px;box-sizing: border-box;}
    #goods dl dd img {width: 100%;height: auto;}
    #goods dl dt {float: none;width: 100%;border-left: none;padding: 0 10px;box-sizing: border-box;}
    #goods dl dt ul li {line-height: 45px;margin: 8px 0;font-size: 14px;}
    #goods dl dt ul li font {width: 70px;line-height: 30px;padding: 8px 5px;margin-right: 10px;font-size: 13px;}
    #goods #content {padding: 15px;font-size: 14px;line-height: 28px;}
    #goods #content img {max-width: 100%;margin: 15px auto;}
    #sd-content, #ad-content {padding: 15px;font-size: 14px;line-height: 28px;}
    #sd-content img, #ad-content img {max-width: 100%;margin: 15px auto;}
    #side {margin-top: 10px;}
    #side ul li {font-size: 13px;padding: 6px 0;}
    #goods-back {margin: 10px 0;}

    /* 内容页 */
    #show {padding: 5px;}
    #show .pic {float: none;text-align: center;}
    #show .pic img {width: 100%;height: auto;margin: 0 auto 10px;display: block;}
    #show .title {float: none;width: 100%;padding: 15px 10px;box-sizing: border-box;}
    #show .title h1 {font-size: 16px;}
    #show .back {float: none;margin-top: 10px;}
    #show .back li {float: none;display: inline-block;margin: 3px;}
    #show .back li:nth-of-type(5n+0) {margin: 3px;}
    #show .p {float: none;width: 100%;height: auto;padding: 8px;box-sizing: border-box;}
    #show .gou {float: none;width: 100%;height: auto;padding: 10px 0;box-sizing: border-box;}
    #show .gou a img {width: 120px;margin: 5px auto;display: block;}
    #show .kq, #show .kefu {display: block;width: 90%;margin: 8px auto;}
    #content {padding: 10px;font-size: 13px;line-height: 22px;}
    #content img {max-width: 100%;height: auto;}

    /* 404 */
    #tishi .title {padding: 20px 10px;font-size: 14px;}
    #tishi p {height: auto;padding: 20px 10px;line-height: 40px;}

    /* 底部 */
    #footer {padding: 25px 0 0;}
    #footer .footer-inner {width: 100%;padding: 0 10px 20px;box-sizing: border-box;}
    #footer .footer-col {float: none;width: 100%;padding: 0 10px 20px;box-sizing: border-box;border-bottom: 1px solid rgba(255,255,255,0.05);}
    #footer .footer-col:last-child {border-bottom: none;}
    #footer .footer-col h4 {font-size: 15px;margin-bottom: 12px;}
    #footer .footer-bottom p {font-size: 12px;line-height: 22px;}
}

/* 更小屏幕优化 */
@media (max-width: 480px) {
    #menu li {margin: 2px 1px;}
    #menu li a {padding: 6px 8px;font-size: 12px;}
    #lives ul li {width: 100%;margin: 5px 0 !important;}
    #be {font-size: 11px;}
    #be th, #be td {padding: 0 2px;}
    #page a {padding: 5px 10px;font-size: 11px;}
}
