来自WIKI帮助中心

首页 > 新WIKIcss添加



Note 1.png
添加css是创建内容为创建首页时,WIKI所需的基本样式代码及添加时的操作步骤,请仔细阅读使用。


操作步骤

打开页面左上角的齿轮,点击编辑CSS进行添加css样式
  • 请将以下CSS样式代码的内容复制粘贴至对应WIKI的css页面。
    • 打开页面左上角的齿轮,点击编辑CSS进行添加css样式。
  • 首页修改教程见:WIKI首页编辑简易教程
  • 本页面CSS代码会进行不定时更新,新的样式及功能可能需要从这里进行复制添加
    • 未添加CSS样式代码的请直接复制下面完整的CSS样式。
    • 已有CSS样式,需要追加的,请根据下列折叠面板中,更新的内容,根据需要进行复制,追加到原有的CSS中即可。


CSS样式代码

更新的CSS样式代码

  • 排版美化样式
/* 排版优化文字 */
.bg-1 {
padding: 10px 15px;
line-height:27px;
border-radius: 3px;
overflow: hidden;
}
.bg-gray {
background: #f2f2f2;
}
.bg-blue {
background: #d9edf7;
}
.bg-yellow {
background: #FCF8E3;
}
.bg-green {
background: #DFF0D8;
}
.bg-red {
background: #f2dede;
}
.bg-pink {
background: #ffe7f5;
}
.bg-h2 {
font-size:16px;
color:#1b809e;
}
/* 备注框 */
.bz-left {
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
    background: #F9F9F9;
    line-height: 27px;
}
.bz-left-red {
border-left: 5px solid #CEC844;
}
.font22 {
font-size:22px;
}
.font20 {
font-size:20px;
}
.font18 {
font-size:18px;
}
.font16 {
font-size:16px;
}


/* 面包屑 */
.mbx {
    padding: 5px 10px;
    margin: 10px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
    background: #F9F9F9;
}

评论区修复

/* 评论区修复 */
.fb-bt .tx-ms .name-des span.fb-des {word-wrap: break-word;}

标签修复、备注修复

/* 标签修复 */
#toc ul li {
    list-style-type: none;
}
.mw-content-ltr ul li {
    list-style-type: disc;
}
.mw-content-ltr ol li {
    list-style-type: decimal;
}
/* 注释修复 */
.references {
    margin-top: 50px !important;
    border-top: 1px solid #aaa;
    margin-left: 0px !important;
    padding: 15px !important;
}

黑幕样式

/* 黑幕 */
.heimu {
background:#000;
color:#000;
}
.heimu:hover {background:#000;color:#fff;}


最新完整CSS样式代码

/* 这里放置的CSS将应用于所有皮肤 */
/* WIKI背景 */
body {background: url("WIKI背景图地址")  fixed 50% 0 #d1d1d1;}


/* 左侧导航及首页标题栏样式更换 */
/* 导航栏(例:===导航===)  */
.sy-wikibox h3 {
margin-top: 0px !important;
border-bottom: 0px solid rgb(243,243,243);
background: #DADADA;
height: 35px;
line-height: 35px;
padding-left: 15px;
font-size: 16px;
border-left: 0px solid #508759 !important;
color: #3c3c3c;
}

/* 下级导航栏(例:====导航====) */
.sy-wikibox h4 {
font-weight: bold;
padding-left: 12px;
font-size: 15px;
height: 30px;
line-height: 30px;
border-left: 3px solid #BEB7A7;
margin-top: 0px !important;
}



/* 标签修复 */
#toc ul li {
    list-style-type: none;
}
.mw-content-ltr ul li {
    list-style-type: disc;
}
.mw-content-ltr ol li {
    list-style-type: decimal;
}
/* 评论区修复 */
.fb-bt .tx-ms .name-des span.fb-des {word-wrap: break-word;}
/* 注释修复 */
.references {
    margin-top: 50px !important;
    border-top: 1px solid #aaa;
    margin-left: 0px !important;
    padding: 15px !important;
}
/* M端顶部修正 */
#contentSub, #contentSub2 {
    margin: 0px;
    width: auto;
}

/* 排版优化文字 */
.bg-1 {
padding: 10px 15px;
line-height:27px;
border-radius: 3px;
overflow: hidden;
}
.bg-gray {
background: #f2f2f2;
}
.bg-blue {
background: #d9edf7;
}
.bg-yellow {
background: #FCF8E3;
}
.bg-green {
background: #DFF0D8;
}
.bg-red {
background: #f2dede;
}
.bg-pink {
background: #ffe7f5;
}
.bg-h2 {
font-size:16px;
color:#1b809e;
}
/* 备注框 */
.bz-left {
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
    background: #F9F9F9;
    line-height: 27px;
}
.bz-left-red {
border-left: 5px solid #CEC844;
}
.font22 {
font-size:22px;
}
.font20 {
font-size:20px;
}
.font18 {
font-size:18px;
}
.font16 {
font-size:16px;
}


/* 面包屑 */
.mbx {
    padding: 5px 10px;
    margin: 10px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
    background: #F9F9F9;
}

/* 切换 */
.MenuBox{margin-left:-21px;}
.MenuBox ul li {float:left;width:80px;height: 30px;background: #7A7B7B;margin: 5px;line-height: 30px;text-align: center;color: #fff;cursor: pointer; border-bottom:1px solid #D7C6A2;list-style-type: none;}
.MenuBox ul li.hover {float:left;width:80px;height:30px;background:#B0B1B1;margin: 5px;line-height:30px;text-align:center;color:#ffe383;cursor:pointer;list-style-type:none}
.hover {background:#292828;}
div#Contentbox2{clear:both;}

/* 对比工具 */
.compare{ width: 100%; max-width: 956px; position: fixed; left: 50%; margin-left: -50%; bottom: 0; z-index:9999;}
.compare .floatBox{ width: 100%;border: 2px solid #7abd54; box-shadow: 2px 0px 3px #d8d8d8,-2px 0px 3px #d8d8d8,0px -2px 3px #d8d8d8; font-size:1em; background:#FFF;}
.compare .floatBox th{ text-align: left; border-bottom: 1px solid #ddd; font-weight: normal;}
.compare .floatBox th .th-tit{ padding: 0.5em; overflow: hidden;}
.compare .floatBox th .th-tit em{ font-style: normal; color: #7abd54; font-style: normal;}
.compare .floatBox th .th-tit a{ float: right; color: #55779e; }
.compare .floatBox td{ height:8em; text-align: center;}
.compare .floatBox td p,.floatBox td strong{ display: block; text-align: left; font-weight: normal;} 
.compare .floatBox td p a{ float: right;}
.compare .floatBox td img{ max-width: 63px; max-height: 63px; width:50%; margin-right: 0.2em; float: left;}
.compare .floatBox td p i{font-style: normal; color: #f00;}
.compare .p_operation{ display: block; clear: both; float:left;}
.compare .float_btn{ float:right; width: 146px;}
.compare .float_btn dl{ width:60px; text-align: center; margin: 0 auto;}
.compare .float_btn dl dt{ width:60px; height: 26px; padding-top:5px;}
.compare .float_btn dl dt a{ display: none; margin: 0 auto; width: 52px; height: 26px; text-indent: -999em; cursor: pointer; background: url(http://msimg.joyme.com/skins/dtcq/images/float_btn.png) no-repeat 0 0;}
.compare .float_btn dl dt a.on{ background: url(http://msimg.joyme.com/skins/dtcq/images/float_btn.png) no-repeat 0 -26px;}
.compare .float_btn dl dd{ padding-top: 10px; clear: both;margin:0;}
.compare .float_btn dl dd a{ font-size: 12px; text-decoration: none;color: #55779e;}
.compare .float_btn dl dd a:hover{ text-decoration: underline; color: #55779e;}
.compare .floatBox td .float_btn{ width:100%;}
.compare .floatBox td .float_btn dt a.on{ background: url(http://msimg.joyme.com/skins/dtcq/images/float_btn.png) no-repeat 0 -26px;}
.compare .td-data-dox{ margin:0.5em 1px 0.5em 0; padding: 0 0.5em; background: #fff;}
.compare .td-data-dox strong{ font-weight: bold!important;}
.compare .td-data-dox p{ font-size: 0.9em;}
.compare .td-bg1{background: url(http://msimg.joyme.com/skins/dtcq/images/td-bg1.png) no-repeat 0 center; background-size: 100%;}
.compare .td-bg2{background: url(http://msimg.joyme.com/skins/dtcq/images/td-bg2.png) no-repeat 0 center; background-size: 100%;}
.compare .td-bg3{background: url(http://msimg.joyme.com/skins/dtcq/images/td-bg3.png) no-repeat 0 center; background-size: 100%;}
@media only screen and (min-width:956px) {
    .comparemargin-left: -508px; font-size: 14px;}
    .compare .p_operation{ clear: none!important; display:inline;}
    .compare .td-data-dox{ margin: 20px 1px 20px 0!important; line-height: 20px;}
    .compare .floatBox td img{ margin-right:20px;}
}
.compare label,.cpr_btn label{ width: 75px; height: 20px; line-height: 20px; display: block; color: #000; font-size: 12px; vertical-align: -2px; cursor: pointer; margin:20px 0; border-top: 1px solid #c7d3ee;border-left: 1px solid #c7d3ee;border-bottom: 1px solid #ddd;border-right: 1px solid #ddd; background: #f5f5f5; }
.compare label:hover,.cpr_btn label:hover{ background: #3f61a6; color: #fff;}
.compare label input[type=checkbox],.cpr_btn label input[type=checkbox]{ vertical-align: -3px;}
.compare_on,.cpr_btn label.compare_on{background:#3f61a6; color:#fff;border-top: 1px solid #afbfe2;border-left: 1px solid #afbfe2;border-bottom: 1px solid #3e5fa5;border-right: 1px solid #3e5fa5;}
.cpr_btn label{ margin-left:12px; border-radius:3px;}
/*对比页*/
.data-table{ width:99%; margin: 0 auto; border-collapse: collapse; text-align: center; font-size:1em;}
.data-table thead th{ padding:0.5em 0; background: #ddd; font-weight: normal;}
.data-table thead th,.data-table td{ border: 1px solid #aaa;}
.data-table td{ padding: 1em 0;}
.data-table td img{ max-width: 100px; width:80%;}
.data-table thead th label{ vertical-align: middle; color: #333; cursor: pointer;}
.data-table thead th label input[type='checkbox']{ margin-right: 5px; vertical-align:-2px;}
.td_tit{ padding: 1em;word-break: break-all;word-wrap: break-word;}
table.wikitable tr th.headerSort{cursor:pointer;padding-right:21px;background-position:right center;background-repeat:no-repeat;background-image:url("data:image/gif;base64,R0lGODlhFQAJAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAxODAxMTc0MDcyMDY4MTE4OEM2REYyN0ExMDhBNDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjdCNTAyODcwMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjdCNTAyODZGMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDE4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDE4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAFQAJAAACF4yPgMsJ2mJ4VDKKrd4GVz5lYPeMiVUAADs=")}
table.wikitable tr th.headerSortUp{background-image:url("data:image/gif;base64,R0lGODlhFQAEAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAzODAxMTc0MDcyMDY4MTE4OEM2REYyN0ExMDhBNDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjdCNTAyODc0MEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjdCNTAyODczMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDM4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDM4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAFQAEAAACDYwfoAvoz9qbZ9FrJC0AOw==")}
table.wikitable tr th.headerSortDown{background-image:url("data:image/gif;base64,R0lGODlhFQAEAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAyODAxMTc0MDcyMDY4MTE4OEM2REYyN0ExMDhBNDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjhFNzNGQjI3MEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjhFNzNGQjI2MEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDI4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDI4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAFQAEAAACDYyPAcmtsJyDVDKKWQEAOw==")}
/* 图鉴 */
.tj-big {width: 100%;overflow: hidden;}
.tj-right {float:right;width:300px;margin-left:10px;}
.tj-left {float:right;width:calc(100% - 310px);}

/* 简易线框 */
.dh {padding: 10px;
margin: 15px 0px;
border: 1px solid #6C6D71;
overflow:hidden;}

@media only screen and (max-width:759px){
.tj-right {float:none;width:100%;margin-left:0px;}
.tj-left {float:none;width:100%;}
}

.yxtj-bt {padding: 5px;
background: #DEEBFB none repeat scroll 0% 0%;
color: #333;
text-align: center;
margin-bottom: 10px;
}

/* 筛选工具 */
button, html input[type="button"], input[type="reset"], input[type="submit"] {
    cursor: pointer;
    padding: 0px 6px;
}
/* 首页标签 */
.page_box{display: block;
height: 28px;
float: left;
text-align: center;
font-size: 14px;
line-height: 26px;
padding: 0px 10px 0px 12px;
margin: 3px 5px 3px 0px;
color: #267BD8;
background: url(http://p0.qhimg.com/t0187f2d85ad003061f.png) no-repeat left center;
}
.page_box:hover{color:#000;}


/* 黑幕 */
.heimu {
background:#000;
color:#000;
}
.heimu:hover {background:#000;color:#fff;}
/* 标题编辑隐藏 */
.mw-editsection {
    white-space: nowrap;
    unicode-bidi: -moz-isolate;
    display: none;
}
ul.tabbernav li {
    list-style: outside none none;
    margin: 0px !important;
    display: inline;
    padding-left: 0px !important;
    background: transparent none repeat scroll 0% 0% !important;
    line-height: 0px !important;
}
/* 切换修复 */
.tabber .tabbertab {
    padding: 5px;
    border-width: 0px 1px 1px;
    border-style: none solid solid;
    border-color: -moz-use-text-color #CCC #CCC;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    overflow: hidden;
}

ul.tabbernav li a {
    padding: 3px 20px;
    margin-left: 3px;
    border-width: 1px 1px medium;
    border-style: solid solid none;
    border-color: #CCC #CCC -moz-use-text-color;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    background: #F2F7FF none repeat scroll 0% 0%;
    text-decoration: none;
}


/* 最近更新 */
.sy-wikibox-gx {
margin-top:10px;
background-color: #FFF;
box-shadow: 0px 3px 3px #888785;
padding:0px;
border-radius: 0px 0px 0px 0px;
border-left: 0px solid #508759;
}
.wiki-update .update-content {
    padding: 0px 0px 0px 0px;
    margin-left: 0px;
}





/* 表格 */
table.wikitable > tr > th, table.wikitable > * > tr > th {
    background-color: #DEEBFB;
}

/* 链接颜色 */
a.new, #p-personal a.new {
    color: #4591FF;
}

/* 目录修复 */
#toc {
    position: relative;
    margin-bottom: 15px;
}
#toc ul > li, #toc ul > li {
background: none;
}
#toc h2 {background-color: transparent !important;
background-image: none !important;
background-repeat: no-repeat, no-repeat, repeat-x;
background-attachment: scroll, scroll, scroll;
background-position: left top, right top, center top;
background-clip: border-box, border-box, border-box;
background-origin: padding-box, padding-box, padding-box;
background-size: auto auto, auto auto, auto auto, 100% 100%;
color: #000 !important;
margin-top: 0px;
height: 25px !important;
line-height: 25px !important;
font-size: 16px !important;
border: 0px solid #F3F3F3;
padding: 0px 0px 0px 0px;
}
/* 图片适应 */
img{max-width:100%;height:auto;margin:0 auto;text-align:center;}
/* 悬浮 */
.iteminfo {display:none;}
.itemhover:hover  .iteminfo{display:block;}

/* 标题修复 */
.mw-content-ltr h2 span.mw-headline, .mw-content-ltr h3 span.mw-headline, .mw-content-ltr h4 span.mw-headline {
    padding-top: 0px;
    margin-top: -0px;
}
.mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul {
    margin: 0.3px 0px 0.3px 1.6em;
    padding: 0px;
}
/* 首页 */
.joymewiki-content-block {
    background-color: rgba(255, 255, 255, 0);
}

.page-首页 .joymewiki-block {
    padding: 0px 0px;
}

@media only screen and (max-width:759px){
.container {
    width: 100% !important;
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
}
.joymewiki-block {
    padding: 0px;
}
}

/* 首页版块宽度 */
.sy-top {
margin-top:300px
}
.sy-big {
width:100%;
}

.sy-left {
float:left;
width:220px;
}
.sy-left2 {
float:left;
width:500px;
margin-left:10px;
}
.sy-right {
float:left;
width:calc(100% - 740px);
margin-left:10px;
}
.sy-bq {
float:left;
width:95px;
font-weight: bold;
padding-left: 12px;
font-size: 16px;
height: 30px;
line-height: 30px;
border-left: 3px solid #D78143;
margin-top: 0px !important;
}
.sy-nr {
float:left;
width:calc(100% - 95px);
}

@media only screen and (max-width:759px){
.sy-big {
width:100%;
padding:0px;;
overflow:hidden;
}
.sy-left {
float:none;
width:0px;
display:none;
}
.sy-left2 {
float:none;
width:100%;
margin-left:0px;
}
.sy-right {
float:none;
width:100%;
margin-left:0px;
}
}


/* 首页版块框 */
.sy-wikibox {
margin-top:10px;
background-color: #FFF;
box-shadow: 0px 3px 3px rgba(35, 35, 35, 0.73);
padding:0px;
border-radius: 0px 0px 0px 0px;
border-left: 0px solid #508759;
}
.sy-wikibox-l {
padding: 10px;
}
.sy-wikibox-b {
background: #fff;
padding: 0px 10px;
margin: 5px 5px;
border-bottom: 0px dashed #b4b4b4;
margin-bottom: 0px;
}
.sy-wikibox-n {
padding: 0px 10px;
background: rgba(240, 240, 240, 0.5) none repeat scroll 0% 0%;
border: 1px solid #CBCBCB;
margin: 10px;
}

/* 底部虚线 */
.dbxx {
border-bottom: 1px dashed #717171;
}

/* 标题 */
.sy-wikibox h2 {
background: #40A38D;
color: rgb(255, 255, 255);
margin-top: 0px !important;
height: 40px;
line-height: 40px;
clear: both;
font-size: 18px;
padding-left: 15px;
border: 0px;
}

.sy-wikibox .btl {
color: #fff;
margin-top: 0px !important;
height: 40px;
line-height: 40px;
clear: both;
font-size: 19px;
padding-left: 15px;
border: 0px none;
background: #515151;
border-radius: 0px;
}

.mw-content-ltr h2 {
color: #fff;
margin: 10px 0px 10px 0px !important;
height: 40px;
line-height: 40px;
clear: both;
font-size: 19px;
padding-left: 15px;
border: 0px none;
background: #515151;
border-radius: 0px;
}

.mw-content-ltr h3 {
margin-top: 0px !important;
border-bottom: 0px solid rgb(243,243,243);
background: #DADADA;
height: 35px;
height: 35px;
line-height: 35px;
padding-left: 15px;
font-size: 16px;
border-left: 0px solid #508759 !important;
color: #3c3c3c;
}



h1, h2, h3, h4, h5, h6 {
    margin: 0px 0px;
    font-weight: bold;
}

/* 首页内版块 */


.dh ul li {
list-style-type: disc;
}


/* 导航栏 */
/* 首页 */
.dhml {
display: block;
height: 35px;
color: rgb(59,85,131);
font-size: 14px;
line-height: 35px;
font-weight: bold;
padding-left: 15px;
background: #fff0;
}
.dhml:hover {
background-color: #3B4152;
color:#fff;
transition: all 0.3s linear 0s;
padding-left: 30px !important;
}


/* 内页 */
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: right;
}
.col-md-3 {
padding-right: 10px;
width: 22%;
}
.col-md-9 {
padding-right: 10px;
width: 78%;
}

@media only screen and (max-width:759px){
.col-md-9 {
    padding-right: 0px;
    width: 100%;
}
}


.section-bodycontent {
margin-top: 25px;
background-color: #FFF;
box-shadow: 0px 3px 3px #888785;
border-radius: 0px;
}

.section-recommend .section-tjq {
    border: 0px solid rgba(255, 255, 255, 0);
    min-height: auto;
    margin-top: 25px;
    width: 100%;
}

.tjq {
padding: 0px;
width: 100%;
overflow: hidden;
margin-top:10px;
background-color: #FFF;
box-shadow: 0px 3px 3px #888785;
border-radius: 8px 8px 0px 0px;
}


@media only screen and (max-width:759px){
.section-recommend-m {
    width: 100%;
    padding: 15px;
    background-color: #FFF;
    display: none;
}
.section-bodycontent {
    margin-top: 0px;
}
}

.page-首页 .section-bodycontent {
background: none;
margin-top: 0px;
border: 0px solid #565455;
box-shadow:  0px 0px 0px;
}