@charset "utf-8";
/* CSS Document */
/*全局*/   
body { position: relative; ; padding-bottom: 70px; font: 12px/1.5 Helvetica, "Microsoft Yahei", Arial; color: #333; background-color: #eeeeee; cursor: url(../images/p.cur), auto }
a { color: #777777 }
a:hover { cursor: url(../images/b.cur), auto; color: #E41616; text-decoration: none; }
.w1200 { width: 100%; max-width: 1200px }
.ts_35 { transition: all .35s; -o-transition: all .35s; -ms-transition: all .35s; -moz-transition: all .35s; -webkit-transition: all .35s; }
/*-------------------------头部导航-------------------------------*/
header { width: 100%; background: #F8F8F8 }
.zsj-logo { width: 80px; height: 80px; padding: 10px; }
.navbar-default { border: 0; margin: 0 auto }
.navbar-nav>li>a { padding: 30px; font-size: 14px }
.navbar-nav>li a span { display: none }
.navbar-nav>li:nth-last-child(4) a span { display: inline-block }
.navbar-default .navbar-nav>li>a:hover { background-color: #EEEEEE; }
.badge { margin-top: -2em; padding: 1px 4px; background-color: #FF0000; }
.btn { width: 100%; margin-top: 2px }
input.btn-default:hover { color: #333; border-color: #e6e6e6; }
/*-------------------------首页-------------------------------*/
.home { margin-top: 20px }
.cover { display: block; position: relative; vertical-align: middle; padding: 45px 0; margin-left: -5px; margin-right: -5px; margin-bottom: 4%; text-align: center; border: 1px solid #efefef; color: #FFFFFF !important; background-size: cover !important; }
.cover:hover { box-shadow: 0 0 10px #878787; border-radius: 6px }
.cover .mask { position: absolute; top: 10%; left: 10%; height: 80%; width: 80%; }
.cover:hover .mask { top: 0; left: 0; height: 100%; width: 100%; background: hsla(0,0%,0%,0.2); border-radius: 6px }
.cover h4 { position: relative; z-index: 10 }
.cover p { color: #ffffff; position: relative; z-index: 10 }
.categories-list_1 { background: url(../images/01.jpg); background-position: center; }
.categories-list_2 { background: url(../images/02.jpg); background-position: center; }
.categories-list_3 { background: url(../images/03.jpg); background-position: center; }
.categories-list_4 { background: url(../images/04.jpg); background-position: center; }
.categories-list_5 { background: url(../images/05.jpg); background-position: center; }
/*-----------首页右侧-------------*/
/*┣首页右侧-精彩主题------*/
.wdf-topics { margin-left: -15px; margin-right: -15px; padding: 1.5em 0 1em 3em; border-bottom: 1px solid #E5E5E5; }
.wdf-article li { position: relative; padding: 1em 0; border-bottom: 1px solid #E5E5E5; transition: .8s; -o-transition: .8s; -ms-transition: .8s; -moz-transition: .8s; -webkit-transition: .8s; }
.wdf-article li:hover { background: #DCDCDC; }
.wdf-article li>div { padding: 0 1em; }
.wdf-article ul li div h4 { font-size: 1.125em; margin-top: .25em; margin-bottom: .25em; }
.wdf-article li>span { position: absolute; bottom: 1em; right: 1em; }
/*------------------------列表页---------------------------*/
.guide { margin-bottom: 1em }
.guide .btn { border: 0; padding: .5em; background-color: #FDFDFD }
.guide .btn:hover { border: 0; background-color: #FFFFFF; box-shadow: 0 0 10px rgba(0,0,0,0.1) }
.container { width: auto; padding-right: 0; padding-left: 0; }
.container .breadcrumb { margin-top: 1em; margin-bottom: 10px; color: #777777 }
.container .breadcrumb a { padding: 0 .5em; }
.cover-list { border-bottom: 1px solid #E5E5E5; }
.cover-list .ts_35 { color: #333333; }
.cover-list .ts_35:hover { color: #E41616; }
.cover-list li { position: relative; margin-left: 0; margin-right: 0; padding: 1em 0; border-bottom: 1px solid #E5E5E5; background-color: #F5F5F5; transition: .8s; -o-transition: .8s; -ms-transition: .8s; -moz-transition: .8s; -webkit-transition: .8s; }
.cover-list li:hover { background: #FFFFFF; box-shadow: 0 0 1em rgba(0,0,0,0.01); z-index: 1 }
.cover-list h5 a { margin-right: .25em }
.cover-list h5 span { margin-right: .5em }
.cover-list .label { color: #EEEEEE; font-family: "Microsoft Yahei"; font-weight: 500; background-color: #AAAAAA; padding: .2em .6em; border-radius: .2em; transition: .35s; }
.cover-list .label:hover { background-color: #888888; }
.excerpts { color: #999999; margin-bottom: 2em }
.data { position: absolute; bottom: 1em; right: 1em; color: #666666 }
.data span { margin-right: 1em }
.data i { margin-right: .25em }
.pagination .active { background-color: #DDDDDD }
.pagination li a { padding: 10px 18px; border: 0; border-radius: 4px; margin-left: 4px; margin-top: 4px; box-shadow: 0 1px 1px rgba(0,0,0,.1); }
/*┣封面列表页右侧-精彩主题----*/
.wdf-list-article .cover-list li { background: none; }
.wdf-list-article .cover-list li:hover { background: #DCDCDC; box-shadow: none; }
.wdf-list-article .cover-list li .col-xs-8 { padding: 0 1em 2em }
.wdf-list-article .cover-list li p { color: #999999; margin: 0 }
.wdf-list-article .cover-list .data { bottom: 0 }
/*------------------------内容页---------------------------*/
.article-header, .article-content-wrapper, .article-footer { height: auto; min-height: 100px; border-bottom: 1px solid #E5E5E5; padding-top: 1.5em; padding-bottom: 1em; background-color: #F5F5F5; }
.article-footer { min-height:1px; border-bottom: none; }
.author { float: left; height: 70px; width: 70px; margin: 0 1.5em 0 0; background: rgba(30,154,148,1.00) }
.title { margin-top: .1em; margin-bottom: .4em }
.data-meta { position: absolute; top: 0; right: 0; width: auto; height: 100%; border-left: 1px solid #E5E5E5; color: #777; background-color: #f5f5f5 }
.data-meta .onclick { width: 210px; height: auto; margin: 0; padding-top: 10px; font-size: 36px; font-weight: 100; font-family: Arial; text-align: center; white-space: nowrap }
.data-meta:hover .onclick { color: #ea4c89 }
.data-meta .onclick span { font-size: 24px }
.data-meta .data-time { display: block; width: 100%; text-align: center; color: inherit; }
.article-header .breadcrumb, .copyright { padding: 0; color: #999999; margin-bottom: .5em; }
.copyright span { color: #ea4c89 }
blockquote { padding: 26px 80px 20px; min-height: 50px; border-left-color: #CECECE; background: #ECECEC; background-image: url(../images/quotes.png), url(../images/quotes.png); background-repeat: no-repeat; background-position: 25px 10px, right bottom; background-size: 50px }
blockquote p { font-size: 80%; line-height: 1.42857143; color: #777; }
article { max-width: 1000px; margin: 0 auto; }
.end { padding: 20px; color: #CCCCCC; text-align: center; }
.article-footer a { display: block; padding: 10px; color: #999999; float: left; text-align: center; background-color: #F1F1F1; }
.article-footer a:hover { color: #EEEEEE; background-color: #999999; }
.article-footer .prev { border-right: 1px solid #FFFFFF }
/*---------------------------搜索页--------------------------*/
.search { padding: 2em 0; }
.search .form { float: none; margin: 0 auto }
.search .form .row { margin-left: 0; margin-right: 0 }
.search .form .col-xs-8 { padding-right: 0; }
.search .form .col-xs-4 { padding-left: 0 }
.search .form .col-xs-8 input { border-radius: 3px 0 0 3px; border-color: #00CC99 }
.search .form .col-xs-4 input { border-radius: 0 3px 3px 0; margin: 0 }
.search .form .form-control:focus { border-color: #09BD90; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(123, 255, 200, 0.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(123, 255, 200, 0.6); }
.search .form .btn { background-color: #00CC99; border-color: #00CC99; color: #FFFFFF }
.search .form .btn:hover { background-color: #09BD90; border-color: #09BD90; cursor: url(../images/b.cur), auto; }
/*---*/
.search-list .nums p { float: right; margin: 0; }
.search-list .nums { padding: 8px 15px; margin-bottom: 10px; color: #777777; background-color: #F9F9F9; border-radius: 0px; }
.search-list .nums span { padding: 0 .5em; margin: 0 .5em; color: #00CC99; }
.search-list>li { position: relative; padding: 1em 0; margin: 0; font-family: "Microsoft Yahei"; color: #777777; border-bottom: 1px dashed #00CC99; box-sizing: border-box; word-wrap: break-word; background-color: #F5F5F5 }
.search-list>li:hover { background: #FFFFFF; box-shadow: 0 0 1em rgba(0,0,0,0.1); z-index: 1 }
.search-list>li:hover h4 a { color: #00CC99 }
.search-list .have-img .wrap-img img { border-radius: .4em; border: 1px solid #eeeeee; box-sizing: border-box; }
.search-list .list-top { margin: 8px 0; font-size: 12px; }
.search-list .title { margin-top: 0; margin-bottom: 1em; font-weight: bold; line-height: 2; }
.search-list blockquote { padding: .5em 1em; margin: 0 0 1em; font-size: 12px; background-image: none; background-color: rgba(200,200,200,0.15) }
.search-list .list-footer { line-height: 3; }
.search-list .list-footer .label { color: #EEEEEE; font-size: 12px; font-weight: 500; background-color: #AAAAAA; padding: .2em .6em; margin-right: 1em; border-radius: .2em; transition: .35s; }
.search-list .list-footer>span { margin-right: 2em }
.search-list .list-footer .label:hover { background-color: #888888; }
/*---------------------------banner页背景--------------------------*/
.banner-zuopin { padding: 15em 0 1em; background: url(../images/banner-zuopin.jpg) center top no-repeat fixed }
.banner-jiaocheng { padding: 15em 0 1em; background: url(../images/banner-jiaocheng.jpg) center top no-repeat fixed }
.banner-ruanjian { padding: 15em 0 1em; background: url(../images/banner-jruanjian.jpg) center top no-repeat fixed }
.banner-daodao { padding: 15em 0 1em; background: url(../images/banner-daodao.jpg) center top no-repeat fixed }
.banner-liuyanban { padding: 15em 0 1em; background: url(../images/banner-liuyanban.jpg) center top no-repeat fixed }
/*---------------------------美化多说--------------------------*/
/*文章评论区去背景*/
.zsj-pl { background: none }
.zsj-pl #ds-thread a { display: inline-block; text-align: left }
/*去掉分割线*/
.zsj-pl #ds-thread #ds-reset .ds-post-self, .zsj-pl #ds-thread #ds-reset li.ds-post { border-top: none }
/*美化头像与文本框*/
.zsj-pl #ds-reset .ds-avatar { position: absolute; width: 74px; box-shadow: none; background: url(../images/sanjiao.png) right 10px no-repeat; background-color: transparent; }
.zsj-pl #ds-thread #ds-reset .ds-avatar a { display: inline-block; ; }
.zsj-pl #ds-thread #ds-reset .ds-comment-body { border-radius: 3px; background: #FFF; margin-left: 70px; padding: 1em; }
/*嵌套模式*/
.zsj-pl #ds-thread #ds-reset ul.ds-children .ds-avatar { position: absolute; width: 54px; box-shadow: none; background: url(../images/sanjiao.png) right 10px no-repeat; }
.zsj-pl #ds-thread #ds-reset ul.ds-children .ds-comment-body { margin-left: 50px; padding: 1em; }
.zsj-pl #ds-thread #ds-reset .ds-comments > li.ds-post { background: none; border: 0; margin-bottom: 20px; transition: all .35s; box-shadow: 0 0 20px rgba(0,0,0,0.05) }
.zsj-pl #ds-thread #ds-reset .ds-comments > li.ds-post:hover { border-radius: 3px; margin-bottom: 25px; box-shadow: 0 0 30px rgba(0,0,0,0.2) }
/*美化表情框*/
.zsj-pl #ds-smilies-tooltip ul.ds-smilies-tabs li a { background: none; }
.zsj-pl #ds-smilies-tooltip ul.ds-smilies-tabs li a.ds-current, .zsj-pl #ds-thread #ds-reset .ds-post-toolbar { box-shadow: none; }
/*被顶评论美化*/
.zsj-pl #ds-thread #ds-reset #ds-hot-posts { background: #EEEEEE; border: 0; transition: all .35s; box-shadow: 0 0 10px rgba(0,0,0,0.1) }
.zsj-pl #ds-thread #ds-reset #ds-hot-posts:hover { box-shadow: 0 0 20px rgba(0,0,0,0.2) }
.zsj-pl #ds-thread #ds-reset ul { padding: 1em 0 }
.zsj-pl #ds-reset .ds-gradient-bg { background-image: none; background: #F3F3F3 }
/*美化评论框*/
.zsj-pl #ds-reset form { margin-left: 10px }
.zsj-pl #ds-thread #ds-reset .ds-post-options, .zsj-pl #ds-thread #ds-reset .ds-textarea-wrapper { border: none; }
.zsj-pl #ds-thread #ds-reset .ds-post-button { height: 30px; border: none; background: #F3F3F3; transition: all .35s; text-shadow: none; box-shadow: none }
.zsj-pl #ds-thread #ds-reset .ds-post-button:hover { background: #FFFFFF; box-shadow: 0 0 20px rgba(0,0,0,0.2) }
/*---------------------------页尾--------------------------*/
footer { color: #b0b0ad; background: #ededed; margin-top: 10px; }
.main { padding: 20px 0 30px 0; }
.inside { max-width: 1200px; margin: 0 auto; line-height: 16px; font-size: 12px; }
.erweima { border: 0; margin: 0 auto; }
.erweimaInfo { text-align: center; color: #8c909c; }
.newcopy { text-align: center; margin-top: 20px; line-height: 1.2em; }
.newcopy a { color: #b0b0ad; }
/*-------------------------固定页尾-------------------------*/
.footer { min-height: 40px; }
.footer .row { margin-left: 0; margin-right: 0; }
.footer .col-xs-4 { padding-left: 0; padding-right: 0; border: 1px solid #DDDDDD; }
.footer .col-xs-4:nth-child(2) { border-left: 0; border-right: 0; }
.footer .dropdown-menu { min-width: 100%; }
.footer .btn { position: relative; width: 100%; border: 0; border-radius: 0; padding: 15px 12px; }
.footer .caret { position: absolute; bottom: 4px; right: 4px; border-bottom: 8px solid #888888 !important; border-left: 8px solid transparent !important; border-right: 0; }

/*-------------------------内容页导航与通用返回顶部-------------------------*/

@media (max-width:1329px) {/*小于1329时隐藏1199(本身宽度)+100(ul宽度)+30(滑竿宽度)*/
#navbar-example .nav-tabs { display: none !important; }
.back { position: fixed; bottom: 15px; right: 16px; border-radius: 4px; z-index:999 }
a.back-to span { display: inline-block; left: 50%; top: 8px; margin-left: -12px; font-size: 24px; color: #777 }
a.back-to { display: block; width: 50px; height: 50px; border-radius: 4px; box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0, 0, 0, 0.2); background-color: #F0F0F0; font-size: 0 }
a.back-to:hover { background-color: rgba(255,255,255,0.90); }
}

@media (min-width:1329px) {/*大于1329时隐藏*/
.back { display: none; z-index: 99 }
}

@media (min-width:1200px) {/*大于1200有效*/
#navbar-example .nav-tabs { margin-left: 600px; }
#navbar-example .nav-tabs { position: relative; position: fixed; width: 100px; height: auto; top: 40%; left: 50%; z-index: 100; border-bottom: 0; }
#navbar-example .nav-tabs li { float: left; margin-bottom: 0; }
#navbar-example .nav-tabs>li.active>a, #navbar-example .nav-tabs>li.active>a:focus, #navbar-example .nav-tabs>li.active>a:hover, #navbar-example .nav-tabs>li>a { border: 0; }
#navbar-example .nav-tabs>li>a:hover { border: 0; background: rgba(255,255,255,0.8) }
#navbar-example .nav-tabs li a { width: 90px; height: 40px; text-align: center; border-radius: 4px; font-size: 14px; margin: 0 }
#navbar-example .nav-tabs li span { display: none; position: absolute; left: 1em; top: .8em; color: #F00 }
#navbar-example .nav-tabs li.back-to span { display: inline-block; left: 50%; top: 8px; margin-left: -12px; font-size: 24px; color: #777 }
#navbar-example .nav-tabs li.active span, #navbar-example .nav-tabs li.back-to-top span { display: block }
#navbar-example .nav-tabs li.back-to { display: none }
#navbar-example .nav-tabs li.back-to a { font-size: 0 }
#navbar-example .nav-tabs li.to-top a { position: absolute; top: -40px; }
}