body,
html {
    font-size: 14px;
    font-family: "Microsoft Yahei"
}

li,
ol,
ul {
    list-style: none;
    padding: 0;
    margin: 0
}

dd,
dl,
dt,
p {
    padding: 0;
    margin: 0
}

a {
    text-decoration: none;
    color: #010101
}

a:hover {
    text-decoration: inline;
    color: #c00
}

input {
    border: none
}

input:focus {
    outline: 0
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.clearfix {
    *zoom: 1
}

.fl {
    float: left
}

.tc {
    text-align: center
}

.mt20 {
    margin-top: 20px
}

.colmr {
    margin-right: 15px
}

.highlight-red {
    color: #ef4d58;
    font-style: normal;
    font-weight: 400
}

#top-banner {
    height: 80px;
    margin-bottom: 8px
}

.w {
    width: 1003px;
    margin-left: auto;
    margin-right: auto
}

.ad {
    position: relative
}

.ad .lbl {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 40px;
    height: 18px;
    line-height: 18px;
    font-size: 12px;
    font-family: simsun;
    background-color: #73cbf3;
    color: #fff;
    text-align: center
}

.ad-bd .lbl {
    left: 1px;
    top: 1px
}

#shortcut {
    position: relative;
    height: 31px;
    background: #eee;
    z-index: 10
}

.shortcut-content {
    background-color: #eee
}

.shortcut-content a {
    color: #676767
}

.shortcut-rgt {
    float: right
}

.shortcut-rgt .socialmedia-item {
    width: 95px;
    float: left;
    height: 29px;
    line-height: 29px;
    text-indent: 25px;
    margin-top: 1px;
    border-left: 1px solid #dedede
}

.shortcut-rgt .socialmedia-item:last-child {
    border-right: 1px solid #dedede
}

.shortcut-rgt .socialmedia-item a {
    display: block;
    width: 100%;
    height: 100%
}

.shortcut-rgt .socialmedia-item a.socialmedia-weixin {
    background: url(../images/icon/weixin.png) no-repeat 58px 50%
}

.shortcut-rgt .socialmedia-item a.socialmedia-weixin .wechat-qrcode {
    display: none
}

.shortcut-rgt .socialmedia-item a.socialmedia-weixin:hover {
    background-image: url(../images/icon/weixin-hover.png)
}

.shortcut-rgt .socialmedia-item a.socialmedia-weixin:hover .wechat-qrcode {
    display: block
}

.shortcut-rgt .socialmedia-item a.socialmedia-weibo {
    background: url(../images/icon/weibo.png) no-repeat 58px 50%
}

.shortcut-rgt .socialmedia-item a.socialmedia-weibo:hover {
    background-image: url(../images/icon/weibo-hover.png)
}

.shortcut-rgt .socialmedia-item a.socialmedia-contribution {
    background: url(../images/icon/contribution.png) no-repeat 58px 50%
}

.shortcut-rgt .socialmedia-item a.socialmedia-contribution:hover {
    background-image: url(../images/icon/contribution-hover.png)
}

.shortcut-rgt .socialmedia-item a:hover {
    color: #ca2621
}

.shortcut-lft {
    float: left
}

.shortcut-lft .shortcut-item {
    width: 83px;
    float: left;
    height: 29px;
    line-height: 29px;
    text-align: center;
    margin-top: 1px;
    border-left: 1px solid #dedede
}

.shortcut-lft .shortcut-item:last-child {
    border-right: 1px solid #dedede
}

.shortcut-lft .shortcut-item a:hover {
    color: #333
}

#navbar {
    height: 95px;
    background-color: #dd3334;
    border-bottom: 4px solid #8d1310
}

#logo {
    float: left;
    padding-top: 21px;
    width: 180px
}

#nav {
    float: left;
    width: 780px;
    height: 95px;
    border-bottom: 4px solid #8d1310;
    padding-left: 40px;
    background-color: #dd3334
}

.nav-main {
    margin-right: -30px;
    padding-top: 19px
}

.nav-main .nav-multi {
    height: 28px;
    float: left;
    width: 60px
}

.nav-main .nav-multi .nav-itm {
    position: relative;
    z-index: 1001;
    height: 100%;
    text-align: center;
    font-size: 18px
}

.nav-main .nav-multi .nav-itm a {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 28px;
    color: #fff
}

.nav-main .nav-multi .nav-itm a:hover {
    background-color: #932425
}

.nav-main .nav-multi .subnav {
    position: relative;
    z-index: 1002;
    display: none;
    background-color: #922425;
    text-align: center;
    font-size: 15px;
    line-height: 150%
}

.nav-main .nav-multi .subnav .subnav-itm {
    position: relative
}

.nav-main .nav-multi .subnav .subnav-itm .subnav-self {
    position: relative
}

.nav-main .nav-multi .subnav .subnav-itm .subnav-self .subnav-arrow {
    position: absolute;
    width: 16px;
    height: 16px;
    right: 0;
    top: 7px;
    display: block;
    background: url(../images/icon/arrow-right.png) no-repeat 0 0
}

.nav-main .nav-multi .subnav .subnav-itm .subnav-self a {
    display: block;
    padding: 5px 0;
    width: 100%;
    color: #fff
}

.nav-main .nav-multi .subnav .subnav-itm .subnav-self a:hover {
    background-color: #a73b3b
}

.nav-main .nav-multi .subnav .subnav-itm .subnav-multi {
    position: absolute;
    left: 88px;
    top: 0;
    width: 88px;
    text-align: center;
    display: none;
    background-color: #922425
}

.nav-main .nav-multi .subnav .subnav-itm .subnav-multi .subnav-multi-menu {
    overflow: hidden;
    font-size: 12px
}

.nav-main .nav-multi .subnav .subnav-itm .subnav-multi .subnav-multi-menu a {
    width: 100%;
    display: block;
    float: left;
    padding: 5px 0;
    color: #fff
}

.nav-main .nav-multi .subnav .subnav-itm .subnav-multi .subnav-multi-menu a:hover {
    background-color: #a73b3b
}

.nav-main .nav-multi .subnav .subnav-itm-hover .subnav-multi {
    display: block
}

.nav-main .nav-multi-hover {
    background-color: #922425
}

.nav-main .nav-multi-hover .subnav {
    display: block
}

.nav-hotwords {
    padding-top: 17px
}

.nav-hotwords a {
    float: right;
    display: inline-block;
    color: #e4e4e4;
    font-size: 12px;
    line-height: 105%;
    margin-left: 7px;
    padding-right: 7px;
    border-right: 1px solid #baa7a7
}

.nav-hotwords a:first-child {
    border: none
}

.nav-hotwords a:hover {
    color: #333
}

.search {
    float: right;
    background-color: #e6e6e6;
    width: 209px;
    overflow: hidden;
    height: 23px;
    padding: 1px;
    margin: 11px 0 0 7px
}

.search .search-input {
    float: left;
    background-color: #dd3334;
    padding: 5px 6px 4px;
    color: #e8898a;
    font-family: simsun;
    font-size: 12px;
    line-height: 14px;
    width: 174px;
    overflow: hidden;
    outline: 0
}

.search .search-input:focus {
    color: #fff
}

.search .search-submit {
    display: block;
    float: left;
    width: 23px;
    height: 100%;
    cursor: pointer;
    background: #e6e6e6 url(../images/icon/search.png) no-repeat 50% 50%
}

.main {
    border-bottom: 1px solid #f3f3f3
}

.pos {
    font-size: 14px;
    color: #000;
    margin-top: 18px
}

.pos .ico {
    display: inline-block;
    vertical-align: middle;
    width: 3px;
    height: 18px;
    background-color: red;
    overflow: hidden;
    margin-right: 4px
}

.pos .breadcrumb {
    display: inline-block;
    vertical-align: middle
}

.pos a {
    color: #000
}

.pos a:hover {
    text-decoration: underline
}

.artlist {
    position: relative;
    border-bottom: 1px solid #f3f3f3;
    bottom: -1px
}

.tab {
    height: 46px;
    line-height: 46px;
    width: 100%;
    background-color: #dadada;
    color: #000;
    font-size: 14px
}

.tab .tab-item {
    width: 24.99999%;
    float: left;
    display: inline-block;
    cursor: pointer;
    text-align: center
}

.tab .selected {
    background-color: #dc5152;
    color: #fff
}

.page-rgt {
    padding-bottom: 157px;
    float: left;
    width: 304px
}

.banner-block-w {
    width: 660px;
}

.block-w {
    width: 660px;
    min-height: 2600px;
}

.block-s {
    width: 327px
}

.block-s-title {
    font-size: 18px;
    height: 21px;
    line-height: 21px;
    padding-bottom: 3px;
    color: #000;
    border-bottom: 3px solid #000
}

.block-s-title .ico {
    float: left;
    display: block;
    width: 24px;
    height: 100%;
    margin-right: 2px;
    background-repeat: no-repeat;
    background-position: center
}

.block-s-title a.more {
    float: right;
    color: #585858;
    font-size: 14px;
    font-family: Arial
}

.block-s-title a.more:hover {
    color: red
}

.block-s-list li,
.block-s-listing li {
    float: left;
    border-top: 1px dashed #dcdcdc;
    line-height: 150%;
    padding: 5px 0;
    height: 22px;
    width: 100%;
    overflow: hidden
}

.block-s-list li .index,
.block-s-listing li .index {
    float: left;
    display: inline-block;
    color: #e1e1e1;
    margin-right: 10px
}

.block-s-list li .index .index-num,
.block-s-listing li .index .index-num {
    color: #222;
    font-size: 12px;
    padding: 0 1px 0 10px
}

.block-s-list li .index .circle,
.block-s-listing li .index .circle {
    color: #121212;
    padding: 0 1px 0 10px;
    font-weight: 600;
    font-size: 12px
}

.block-s-list li .index b.red,
.block-s-listing li .index b.red {
    color: red
}

.block-s-list li a,
.block-s-listing li a {
    display: block;
    float: left;
    width: 270px;
    color: #666;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.block-s-list li a:hover,
.block-s-listing li a:hover {
    color: #ca2621
}

.block-s-list li .date,
.block-s-listing li .date {
    float: right;
    display: inline-block;
    font-family: simsun;
    font-size: 12px;
    color: #adadad;
    padding-right: 10px
}

.block-s-list li:first-child,
.block-s-listing li:first-child {
    border-top: none
}

.block-s-list dl,
.block-s-listing dl {
    float: left;
    height: 70px;
    overflow: hidden;
    margin-top: 20px
}

.block-s-list dl dt,
.block-s-listing dl dt {
    float: left;
    margin-right: 10px
}

.block-s-list dl dt .img-ch,
.block-s-listing dl dt .img-ch {
    width: 110px;
    height: 70px
}

.block-s-list dl dd,
.block-s-listing dl dd {
    float: left;
    width: 165px;
    color: #666
}

.block-s-list dl dd .title,
.block-s-listing dl dd .title {
    font-size: 13px;
    line-height: 1.2;
    padding-bottom: 6px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.block-s-list dl dd .title a,
.block-s-listing dl dd .title a {
    color: #666
}

.block-s-list dl dd .title a:hover,
.block-s-listing dl dd .title a:hover {
    color: red
}

.block-s-list dl dd .des,
.block-s-listing dl dd .des {
    font-size: 12px;
    line-height: 200%;
    font-family: simsun
}

.block-s-list dl dd .des a.more,
.block-s-listing dl dd .des a.more {
    color: red
}

.block-s-list dl dd .des a.more:hover,
.block-s-listing dl dd .des a.more:hover {
    color: #1e5586
}

.block-s-list dl:first-child,
.block-s-listing dl:first-child {
    margin-top: 0
}

.block-s-listing {
    position: relative
}

.block-s-listing li {
    border-top: none;
    background-color: #f8f8f8;
    margin-top: 2px
}

.block-s-listing li a {
    width: 245px
}

.block-s-listing li.hover {
    background-color: #e9f4fc
}

.block-s-listing li:first-child {
    margin-top: 0
}

.block-s-listing .redline {
    position: absolute;
    bottom: 0;
    right: 30px;
    width: 30px;
    height: 3px;
    background-color: red;
    overflow: hidden
}

.block-s-coverimg {
    position: relative
}

.block-s-coverimg li {
    float: left;
    margin-top: 10px;
    width: 100%
}

.block-s-coverimg li:first-child {
    margin-top: 0
}

.block-s-coverimg li img {
    width: 315px;
    height: 116px
}

.block-s-coverimg li .title {
    font-size: 14px;
    line-height: 150%
}

.block-s-coverimg li .title a {
    display: block;
    float: left;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #666
}

.block-s-coverimg li .title a:hover {
    color: #ca2621
}

.block-zyjc .block-s-list {
    padding: 8px 0 11px 10px;
    background-color: #f5f5f5
}

.block-zyjc .ico {
    background-image: url(../images/icon/eye.png)
}

.block-tbch .block-s-list {
    padding: 16px 0 23px 10px;
    background-color: #f8f8f8
}

.block-tbch .ico {
    background-image: url(../images/icon/cehua.png)
}

.block-weeklycover .block-s-coverimg {
    padding: 5px 5px 10px 13px;
    background-color: #f8f8f8
}

.block-weeklycover .ico {
    background-image: url(../images/icon/fengmian.png)
}

.block-special {
    background-color: #f5f4f5;
    padding: 19px 0 12px 19px
}

.block-special ul {
    margin-right: -30px
}

.block-special ul li {
    width: 300px;
    float: left;
    margin-right: 20px
}

.block-special ul li .img-spec {
    height: 141px;
    width: 100%;
    border: 1px solid #c7c7c7
}

.block-special ul li .title {
    font-size: 16px;
    line-height: 30px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.block-special ul li .title a {
    color: #262626
}

.block-special ul li .title a:hover {
    color: red
}

.block-special ul li .des {
    font-size: 14px;
    line-height: 200%;
    color: #666;
    text-indent: 2em
}

.block-special ul li .des a.more {
    color: red
}

.block-special ul li .des a.more:hover {
    color: #1e5586
}

.article-item {
    float: left;
    padding-bottom: 40px;
    padding-top: 20px;
    overflow: hidden;
    border-top: 1px solid #e6e6e6
}

.article-item .article-img {
    float: left;
    width: 200px;
    height: 140px;
    margin-right: 16px
}

.article-item .article-cont {
    float: left;
    width: 440px
}

.article-item .article-cont .title {
    line-height: 26px;
    padding-bottom: 12px;
    font-size: 18px
}

.article-item .article-cont .title a {
    color: #010101
}

.article-item .article-cont .title a:hover {
    color: red
}

.article-item .article-cont .des {
    font-size: 14px;
    line-height: 2;
    color: #666;
    text-indent: 2em
}

.article-item .article-cont .info {
    padding: 12px 0 10px;
    font-size: 12px;
    font-family: simsun;
    color: #666
}

.article-item .article-cont .info .column,
.article-item .article-cont .info .keywords,
.article-item .article-cont .info .time {
    margin-right: 12px
}

.article-item .article-cont .info .column a,
.article-item .article-cont .info .keywords a,
.article-item .article-cont .info .time a {
    color: #1e5586
}

.article-item .article-cont .info .btns {
    float: right;
    position: relative
}

.article-item .article-cont .info .btns a {
    float: left;
    display: block;
    width: 20px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    margin-right: 8px
}

.article-item .article-cont .info .btns a.comment {
    background-image: url(../images/icon/comment.png)
}

.article-item:first-child {
    border-top: none
}

.article-more {
    text-align: center;
    margin-bottom: 113px
}

.article-more a {
    display: inline-block;
    color: #aeaeae;
    font-size: 14px;
    line-height: 36px;
    padding: 0 20px;
    border: 1px solid #aeaeae;
    border-radius: 18px
}

.block-s-gallery ul li {
    float: left;
    width: 100%;
    font-size: 12px;
    line-height: 1.25;
    background-color: #f8f8f8;
    margin-top: 4px
}

.block-s-gallery ul li .img-portrait {
    float: left;
    width: 49px;
    height: 49px;
    margin-left: 9px;
    *display: inline;
    margin-right: 10px
}

.block-s-gallery ul li .author {
    color: #9e9e9e
}

.block-s-gallery ul li .date {
    float: right;
    font-family: simsun;
    color: #9e9e9e;
    padding-right: 5px
}

.block-s-gallery ul li .desc {
    color: #666;
    font-family: simsun;
    text-indent: 2em;
    line-height: 1.8
}

.block-s-gallery ul li .desc a {
    color: red
}

.block-s-gallery ul li .desc a:hover {
    color: #1e5586
}

.block-s-gallery ul li .title {
    font-size: 13px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 6px 0 4px
}

.block-s-gallery ul li .title a {
    color: #666
}

.block-s-gallery ul li .title a:hover {
    color: red
}

.block-s-gallery ul li.li-top {
    margin-top: 0;
    padding-top: 13px
}

.block-s-gallery ul li.li-top .img-portrait {
    width: 81px;
    height: 81px;
    margin-bottom: 23px
}

.block-s-gallery ul li .li-common-top {
    padding: 5px 0 0
}

.block-comment .block-s-gallery {
    padding: 0
}

.block-comment .ico {
    background-image: url(../images/icon/pinglun.png)
}

.block-hotnews .block-s-listing {
    padding: 10px 0 0
}

.block-hotnews .ico {
    background-image: url(../images/icon/rewen.png)
}

.block-tech .block-s-listing {
    padding: 10px 0 0
}

.block-tech .ico {
    background-image: url(../images/icon/jishu.png)
}

.block-yunying .block-s-listing {
    padding: 10px 0 0
}

.block-yunying .ico {
    background-image: url(../images/icon/yunying.png?v=1)
}

.block-iinternet .block-s-listing {
    padding: 10px 0 0
}

.block-iinternet .ico {
    background-image: url(../images/icon/gongyehulian.png)
}

.block-iot .block-s-listing {
    padding: 10px 0 0
}

.block-iot .ico {
    background-image: url(../images/icon/yulianwang.png)
}

.block-device .block-s-listing {
    padding: 10px 0 0
}

.block-device .ico {
    background-image: url(../images/icon/zhongduan.png)
}

.block-internet .block-s-listing {
    padding: 10px 0 0
}

.block-internet .ico {
    background-image: url(../images/icon/hulianwang.png)
}

.block-data .block-s-listing {
    padding: 10px 0 0
}

.block-data .ico {
    background-image: url(../images/icon/shuju.png)
}

.img-square {
    width: 325px;
    height: 250px;
    border: 1px solid #090204;
    vertical-align: top
}

#bottom {
    border-top: 1px solid #184b8f;
    background-color: #f3f3f3;
    font-size: 12px
}

#bottom .w {
    background-color: #f3f3f3
}

#bottom .friendlinks {
    position: relative;
    color: #666;
    line-height: 2;
    padding: 15px 0 0
}

#bottom .friendlinks .title {
    font-size: 18px;
    color: #000;
    padding-bottom: 6px
}

#bottom .friendlinks .cont {
    font-family: simsun;
    border-bottom: 1px solid #cacaca;
    padding-bottom: 22px
}

#bottom .friendlinks .cont a {
    color: #666
}

#bottom .friendlinks .cont a:hover {
    color: #000;
    text-decoration: underline
}

#bottom .companion {
    border-top: 1px solid #184b8f;
    position: relative;
    top: -1px;
    color: #666;
    line-height: 2;
    padding: 15px 0 0
}

#bottom .companion .title {
    font-size: 18px;
    color: #000;
    padding-bottom: 6px
}

#bottom .companion .cont {
    overflow: hidden;
    height: 60px;
    padding: 10px 0 0;
    zoom: 1
}

#bottom .companion .cont .gallery-ctl {
    position: relative;
    z-index: 10
}

#bottom .companion .cont .gallery-ctl a {
    display: block;
    position: absolute;
    top: 15px;
    width: 17px;
    height: 30px;
    cursor: pointer
}

#bottom .companion .cont .gallery-ctl a.prev {
    left: 1px;
    background: url(../images/arrow-lft.png) no-repeat 0 0
}

#bottom .companion .cont .gallery-ctl a.next {
    right: 1px;
    background: url(../images/arrow-rgt.png) no-repeat 0 0
}

#bottom .companion .cont .gallery-ctl ul {
    display: none
}

#bottom .companion .cont .gallery-companion {
    padding: 0 30px;
    width: 970px
}

#bottom .companion .cont .gallery-companion li {
    float: left;
    width: 100px;
    height: 60px;
    margin: 0 20px 20px 0;
    background: #d2d2d2
}

#bottom .companion .cont .gallery-companion li img {
    width: 100%;
    height: 100%;
    vertical-align: top
}

#bottom .mininav {
    color: #868686;
    margin: 2.5em auto 1em;
    text-align: center
}

#bottom .mininav a {
    color: #184b8f
}

#bottom .mininav a:hover {
    text-decoration: underline;
    color: #000
}

#bottom .copyright {
    color: #878080;
    font-family: simsun;
    text-align: center;
    line-height: 2.1;
    padding-bottom: 1em;
    background: url(../images/beian.gif) no-repeat 232px 13px
}

#bottom .copyright a {
    color: #878080;
    padding-right: 12px
}

#bottom .copyright a.beian {
    color: #184b8f
}

#bottom .copyright a:hover {
    text-decoration: underline;
    color: #000
}

#overlay {
    position: fixed;
    z-index: 5;
    background: rgba(0, 0, 0, .69);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: none
}

#login,
.userform {
    width: 515px;
    height: 408px;
    border: 1px solid #f54343;
    background: #eaecef
}

#login .login-head,
.userform .login-head {
    background-color: #f54343;
    text-align: left
}

#login .login-head .smlogo,
.userform .login-head .smlogo {
    margin: 13px 0 18px 18px
}

#login .login-title,
.userform .login-title {
    font-size: 25px;
    font-family: "Microsoft Yahei";
    color: #333;
    letter-spacing: 5px;
    text-align: center;
    padding: 20px 0 0
}

#login .login-mid,
.userform .login-mid {
    padding: 37px 0 0 31px
}

#login .login-mid .lft,
.userform .login-mid .lft {
    float: left;
    width: 288px;
    border-right: 1px solid #e1e1e1
}

#login .login-mid .rgt,
.userform .login-mid .rgt {
    float: left;
    padding-left: 44px
}

#login .login-mid .row,
.userform .login-mid .row {
    margin-bottom: 20px
}

#login .login-mid .row .label,
.userform .login-mid .row .label {
    width: 45px;
    color: #6a6a6a;
    font-size: 14px
}

#login .login-mid .row .ipt,
.userform .login-mid .row .ipt {
    font-family: simsun;
    font-size: 14px;
    line-height: 14px;
    padding: 7px 5px;
    border: 1px solid #e1e1e1;
    color: #6a6a6a
}

#login .login-mid .row .input-mid,
.userform .login-mid .row .input-mid {
    width: 180px
}

#login .login-mid .row .input-small,
.userform .login-mid .row .input-small {
    width: 60px
}

#login .login-mid .row .img-code,
.userform .login-mid .row .img-code {
    width: 75px;
    height: 30px;
    vertical-align: middle;
    padding: 0 6px 4px 4px
}

#login .login-mid .row .btn-changecode,
.userform .login-mid .row .btn-changecode {
    color: #004a99;
    font-family: simsun;
    font-size: 12px;
    cursor: pointer
}

#login .login-mid .row-login,
.userform .login-mid .row-login {
    margin-top: 54px
}

#login .login-mid .row-login .submit,
.userform .login-mid .row-login .submit {
    margin-left: 53px;
    margin-right: 20px;
    font-size: 16px;
    display: inline-block;
    padding: 10px 35px;
    background-color: #f54343;
    color: #fff;
    cursor: pointer
}

#login .login-mid .row-login a,
.userform .login-mid .row-login a {
    font-size: 12px;
    font-family: simsun;
    color: #004a99
}

#login .login-mid .login-quick,
.userform .login-mid .login-quick {
    font-size: 14px;
    color: #6a6a6a;
    padding: 0 0 15px;
    font-family: simsun
}

#login .login-mid .quickbtn,
.userform .login-mid .quickbtn {
    width: 113px;
    height: 36px;
    margin-bottom: 16px
}

#login .login-mid .quickbtn-qq,
.userform .login-mid .quickbtn-qq {
    background: url(../images/quick-qq.jpg) no-repeat 0 0
}

#login .login-mid .quickbtn-weibo,
.userform .login-mid .quickbtn-weibo {
    background: url(../images/quick-weibo.jpg) no-repeat 0 0
}

#login .login-mid .quickbtn-weixin,
.userform .login-mid .quickbtn-weixin {
    background: url(../images/quick-weixin.jpg) no-repeat 0 0
}

#login .login-btm,
.userform .login-btm {
    color: #6a6a6a;
    font-size: 12px;
    font-family: simsun;
    padding-left: 66px;
    line-height: 2
}

#login .login-btm a,
.userform .login-btm a {
    color: #004a99
}

#login .close,
.userform .close {
    position: absolute;
    top: -14px;
    right: -14px;
    width: 28px;
    height: 28px;
    background: #fff;
    color: #f42f2f;
    border-radius: 50%;
    cursor: pointer;
    font-size: 20px;
    text-align: center;
    line-height: 28px
}

#login {
    position: fixed;
    z-index: 10;
    left: 50%;
    top: 50%;
    margin-left: -257px;
    margin-top: -204px;
    background-color: #fff;
    display: none
}

#reg .login-mid .row {
    margin-bottom: 10px
}

#reg .login-mid .row-login {
    margin-top: 27px
}

#reg .login-btm {
    padding-left: 0
}

.main-user {
    padding: 50px 0 100px;
    background: #f1f6fb url(../images/userbg.jpg) repeat-x 0 100%
}

.main-user .userform {
    margin: 0 auto
}

.main-user .userform .login-mid {
    padding: 20px 0 0 31px
}

.main-user .userform .login-mid .row-login {
    margin-top: 37px
}

.slideBox {
    position: relative;
    width: 670px;
    height: 309px;
    overflow: hidden
}

.slideBox ul.items {
    position: absolute;
    float: left
}

.slideBox ul.items li {
    float: left
}

.slideBox ul.items li a {
    float: left;
    line-height: normal !important
}

.slideBox ul.items li a img {
    display: block
}

.slideBox .tips {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 38px;
    background-color: RGBA(0, 0, 0, .5);
    overflow: hidden
}

.slideBox .tips .title {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%
}

.slideBox .tips .title a {
    color: #FFF;
    font-size: 20px;
    line-height: 38px;
    margin-left: 10px;
    text-decoration: none
}

.slideBox .tips .title a:hover {
    text-decoration: underline !important
}

.slideBox .tips .nums {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%
}

.slideBox .tips .nums a {
    display: inline-block;
    *float: left;
    width: 12px;
    height: 12px;
    margin: 13px 10px 0 0;
    background-color: #FFF;
    text-indent: -99999px
}

.slideBox .tips .nums a.active {
    background-color: red
}

.slideBox .slidebtn {
    position: absolute;
    display: none;
    width: 14px;
    height: 34px;
    top: 135px;
    z-index: 10;
    text-indent: -999em;
    cursor: pointer
}

.slideBox .prev {
    left: 17px;
    background: url(../images/arrow-l.png) no-repeat 0 0
}

.slideBox .next {
    right: 17px;
    background: url(../images/arrow-r.png) no-repeat 0 0
}

#article .heading {
    font-size: 22px;
    color: #010101;
    font-weight: 600;
    padding: 20px 0 10px 0;
    width: 100%;
    /*	white-space: nowrap;*/
    overflow: hidden;
    text-overflow: ellipsis
}

#article .pub {
    font-size: 14px;
    color: #b0b0b0
}

#article .pub .pub-name {
    color: #000;
    padding: 0 10px 0 2px
}

#article .pub .pub-time {
    color: #b0b0b0;
    padding-left: 10px
}

#article .referer {
    color: #8e8e8e;
    font-size: 13px;
    font-weight: 600;
    height: 40px;
    line-height: 40px;
    background-color: #f7f7f7;
    margin: 10px 0;
    text-indent: 2px
}

#article .referer .author,
#article .referer .source {
    font-weight: 400;
    color: #bebcbc;
    padding-right: 15px
}

#article .referer .share-plugin {
    display: inline-block;
    padding-top: 8px;
    float: right
}

#article .content {
    font-size: 14px;
    font-family: simsun;
    color: #666;
    line-height: 2
}

#article .content p {
    padding: 6px 0
}

#article .content p img {
    text-align: center
}

#article .ending {
    padding-bottom: 10px
}

#article .ending .zan {
    width: 147px;
    height: 45px;
    border: 1px solid #f6f6f6;
    margin: 20px auto 0;
    text-align: center;
    color: #ddd;
    cursor: pointer
}

#article .ending .zan a.zanbtn {
    display: inline-block;
    float: left;
    margin: 0 0 0 55px;
    text-align: center;
    cursor: pointer;
    width: 25px;
    height: 45px;
    background: url(../images/zan.png) no-repeat center center
}

#article .ending .zan .num {
    display: inline-block;
    float: left;
    line-height: 47px;
    font-size: 12px
}

#article .ending .zan:hover {
    color: #ffce0b !important
}

#article .ending .zan:hover a.selected,
#article .ending .zan:hover a.zanbtn {
    background-image: url(../images/zan-hover.png)
}

#article .ending .editedby {
    text-align: right;
    font-size: 14px;
    font-family: simsun;
    color: #666;
    line-height: 1.5
}

#article .additionpart {
    font-size: 14px;
    line-height: 2;
    font-family: "Microsoft Yahei";
    color: #030000;
    padding: 10px 0 30px;
    border-top: 2px solid #a0a0a0
}

#article .additionpart .article-qrcode {
    padding: 15px 0
}

#article .additionpart .article-copyright {
    font-family: simsun;
    color: red
}

#article .relatives .relatives-tit {
    color: #333;
    font-family: "Microsoft Yahei";
    font-size: 16px;
    line-height: 1.5;
    padding: 5px 0
}

#article .relatives .relatives-tit span {
    color: red;
    font-size: 20px;
    margin-right: 2px
}

#article .relatives .relatives-list .relatives-item {
    float: left;
    height: 25px;
    line-height: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 95%
}

#article .relatives .relatives-list .relatives-item a {
    color: #666;
    font-size: 14px
}

#article .relatives .relatives-list .relatives-item a:hover {
    color: #ca2621
}

#article .comm {
    margin-top: 20px
}

#article .comm .tit {
    color: #333;
    font-family: "Microsoft Yahei";
    font-size: 16px;
    line-height: 1.5
}

#article .comm .tit .tit-name {
    display: inline-block;
    border-bottom: 3px solid #f63756
}

#article .comm .comm-list {
    background-color: #f7f7f7;
    padding: 5px 10px 20px
}

.nav-lft {
    float: left;
    width: 85px;
    font-stretch: 14px;
    font-family: "Microsoft Yahei";
    margin-right: 10px;
    line-height: 2;
    padding: 0 0 50px
}

.nav-lft a {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin: 10px 0;
    color: #666
}

.nav-lft a.sel,
.nav-lft a:hover {
    color: #fff;
    background-color: #dd3334
}

.nav-con {
    float: left;
    width: 905px;
    background-color: #f5f5f5;
    color: #666;
    font-size: 14px;
    font-family: simsun;
    margin: 10px 0 115px
}

.nav-con .contact {
    border-top: 1px solid #e5e5e5;
    margin-top: 20px;
    padding-top: 20px
}

.nav-con .para {
    padding: 15px 20px 50px;
    line-height: 2
}

.nav-con .para p {
    padding: 10px 0
}

#paper-top img {
    vertical-align: top
}

.paper-nav {
    height: 40px;
    background-color: #dedede
}

.paper-nav span {
    margin-top: 8px;
    height: 25px;
    line-height: 25px;
    color: #fff;
    padding: 0 30px;
    margin-left: 23px;
    float: left;
    display: inline-block;
    *display: inline;
    background-color: #898989;
    cursor: pointer
}

.paper-nav span.selected {
    background-color: #fd3030
}

.paper-cont {
    padding: 26px 0 30px 8px
}

.paper-cont ul {
/*    margin-right: -50px*/
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    padding-left: 21px;
}

.paper-cont ul li {
/*    float: left;
    margin: 0 52px 30px 0;
    overflow: hidden*/

    width: 243px;
    margin-bottom: 20px    
}

.paper-cont ul li .ppimg {
    border: 1px solid #666
}

.paper-cont ul li .paper-vols {
    margin-top: 5px
}

.paper-cont ul li .paper-vols img {
    margin: 0 5px 0 12px;
    vertical-align: middle
}

.paper-cont ul li .paper-vols .volume {
    color: #000;
    vertical-align: middle
}

.paper-subscribe {
    margin: 10px auto 60px;
    padding: 90px 0 50px 20px;
    border: 1px solid #4c81a9;
    background: url(../images/paper-btm.jpg) no-repeat left top
}

.paper-subscribe ul {
    margin-right: -150px;
    overflow: hidden
}

.paper-subscribe ul li {
    float: left;
    width: 30%;
    color: #000;
    line-height: 175%;
    margin-right: 25px
}

.errorpage {
    padding: 100px 0
}

#pagination {
    text-align: center;
    margin: 0 auto;
    padding: 2em 0;
    clear: both
}

#pagination li {
    border: 1px solid #999;
    color: #666;
    cursor: pointer;
    display: inline-block;
    padding: 3px 5px;
    line-height: 150%;
    margin-right: 6px
}

#pagination li a {
    color: #333
}

#pagination li.disable a {
    color: #666;
    cursor: default
}

#pagination li.cur {
    background-color: #e1e1e1
}

#pagination li.cur a {
    color: #1e5586;
    font-weight: 700
}

.errorpage {
    margin: 0 auto;
    width: 500px;
    overflow: hidden;
    line-height: 2
}

.errorpage .boldtit {
    font-size: 1.5em;
    text-align: center;
    margin-bottom: 2em
}

.errorpage .autoreturn {
    padding: 1em 0;
    font-weight: 500
}

.errorpage .autoreturn b {
    font-weight: 600;
    color: #1e5586;
    padding: 0 2px
}

.sidebar {
    position: fixed;
    _position: absolute;
    left: 50%;
    margin-left: 550px;
    bottom: 20px;
    font-size: 12px;
    letter-spacing: 2px;
    height: auto;
    z-index: 10
}

.sidebar .sidebar-item {
    border: 1px solid #ddd;
    margin-bottom: -1px
}

.sidebar .sidebar-item .sidebar-item-link {
    position: relative;
    display: block;
    width: 36px;
    height: 36px;
    padding: 2px;
    overflow: hidden;
    color: #666;
    cursor: pointer
}

.sidebar .sidebar-item .sidebar-item-link .sidebar-item-icon {
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50% 50%
}

.sidebar .sidebar-item .sidebar-item-link .sidebar-item-txt {
    display: none;
    position: absolute;
    left: 6px;
    top: 5px;
    line-height: 16px
}

.sidebar .sidebar-item-top i {
    background-image: url(../images/icon/icon-arrow-top.png)
}

.sidebar .sidebar-item-share i {
    background-image: url(../images/icon/icon-site-share.png)
}

.videolist ul {
    margin-right: -20px
}

.videolist ul li {
    float: left;
    width: 491px;
    margin: 0 20px 20px 0
}

.videolist ul li .video-item-img {
    width: 100%;
    height: 335px
}

.videolist ul li .video-item-img img {
    height: 100%
}

.videolist ul li .video-item-txt {
    padding: 8px 0;
    line-height: 30px
}

.videolist ul li .video-item-txt .title {
    float: left;
    width: 80%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-family: "Microsoft Yahei";
    font-size: 18px
}

.videolist ul li .video-item-txt .title a {
    color: #000
}

.videolist ul li .video-item-txt .title a:hover {
    color: red
}

.videolist ul li .video-item-txt .date {
    float: right;
    font-family: simsun;
    font-size: 12px;
    color: #666
}

.load-more {
    text-align: center;
    margin-bottom: 85px
}

.load-more a.btn-load {
    display: inline-block;
    color: silver;
    font-size: 14px;
    font-family: "Microsoft Yahei";
    -webkit-border-radius: 19px;
    border-radius: 19px;
    line-height: 38px;
    padding: 0 20px;
    border: 1px solid #e5e5e5
}

.load-more a.btn-load:hover {
    color: red;
    border: 1px solid red
}

.contribution .contribution-tit {
    font-size: 18px;
    font-family: "Microsoft Yahei";
    color: #000;
    text-align: center
}

.contribution .contribution-con .contribution-con-rule {
    padding: 15px 20px;
    font-size: 14px;
    font-family: "Microsoft Yahei";
    color: #000;
    border: 1px solid #dd3334;
    line-height: 1.5
}

.contribution .contribution-con .contribution-con-btn {
    text-align: center;
    margin: 26px auto 56px
}

.contribution .contribution-con .contribution-con-btn a.btn-res,
.contribution .contribution-con .contribution-con-btn a.btn-start {
    display: inline-block;
    padding: 0 63px;
    background: #dd3334;
    color: #fff;
    font-size: 16px;
    line-height: 34px;
    -webkit-border-radius: 8px;
    border-radius: 8px
}

.contribution .contribution-con .contribution-con-btn a.btn-conform {
    display: inline-block;
    padding: 0 10px;
    line-height: 27px;
    background: #ff9100;
    border: 1px solid #c4c4c4;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    margin-bottom: 100px
}

.contribution .contribution-con .contribution-con-res {
    margin: 130px auto 200px
}

.contribution .contribution-con .control-group {
    width: 100%;
    float: left;
    margin-bottom: 16px
}

.contribution .contribution-con .control-group .control-label {
    float: left;
    width: 158px;
    margin-right: 15px;
    text-align: right;
    line-height: 38px;
    font-size: 16px;
    color: #45453e
}

.contribution .contribution-con .control-group .control-label .nec {
    color: red;
    padding: 0 5px
}

.contribution .contribution-con .control-group .control-input {
    float: left;
    height: 36px;
    padding: 0 5px;
    line-height: 36px;
    border: 1px solid #d2d2d2;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin-right: 40px
}

.contribution .contribution-con .control-group .control-tips {
    float: left;
    color: #999;
    line-height: 38px;
    font-size: 12px
}

.contribution .contribution-con .control-group .control-tips-red {
    color: red
}

.contribution .contribution-con .control-group .control-select {
    border: none;
    outline: 0
}

.contribution .contribution-con .control-group .control-text {
    float: left
}

.contribution .contribution-con .control-group .control-textarea {
    width: 745px;
    height: 120px;
    padding: 5px;
    border: 1px solid #d2d2d2;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    outline: 0
}

.contribution .contribution-con .control-group .textarea-tips {
    padding: 5px 0;
    font-size: 12px;
    color: #999;
    margin-left: 173px
}

.contribution .contribution-con .control-group .control-code {
    float: left;
    margin-right: 20px
}

.contribution .contribution-con .control-group .control-code img {
    width: 65px;
    height: 38px
}

.contribution .contribution-con .control-group .control-btntxt {
    float: left;
    margin-right: 20px;
    line-height: 36px;
    font-size: 14px;
    font-family: "Microsoft Yahei";
    color: #000;
    cursor: pointer
}

.contribution .contribution-con .control-input-middle {
    width: 370px
}

.contribution .contribution-con .control-input-xs {
    width: 160px
}