@font-face {
    font-family:'ico-font'; src:url(data:application/octet-stream;base64,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) format("truetype");
}

.mod-article{ color: #333}
.mod-article, .mod-share, .mod-vote{ padding: 1rem .625rem 0}

.mod-article [class*="ico-font"]::after{display: inline-block; font-family: 'ico-font'; vertical-align: middle;}
.mod-article .ico-font-comment::after{content: '\f102'; margin-left: .2em; font-size: .875rem; line-height: 1;}
.mod-article .tit{font-size:1.25rem; font-weight: bold;color: #000; line-height: 1.33 }
.mod-article .info{padding:.5rem 0;margin-bottom:.5rem;border-bottom-width: 1px;border-bottom-style: solid;font-size:.75rem; border-bottom-color:#dedede;color: #999;}
.mod-article .info .date{margin-right: 1rem;}
.mod-article .ico-font-comment{float: right;}
.mod-article .detail p{padding:.5rem 0;}

.mod-article .btn-more{width: 100%; height: 2.86em; line-height: 2.86; font-size: .875rem; text-align: center; background: #ececec; color: #555}

.page-nav{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 10px;}
.page-nav a{display: block; text-align: center; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; line-height: 2.5; color: #333; background: #eee; border: 1px solid #eee; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-right: 1em}
.page-nav a:last-child{margin-right: 0}
.page-nav .btn-prev::before{display: inline-block; content: ""; width: .4em; height: .4em; margin-left: .2em; margin-bottom: .1em; border-top: .2em solid #999; border-left: .2em solid #999; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg)}
.page-nav .btn-next::after{display: inline-block; content: ""; width: .4em; height: .4em; margin-left: .2em; margin-bottom: .1em; border-top: .2em solid #999; border-right: .2em solid #999; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg)}

.mod-share{margin-top: 1rem; text-align: center}
.mod-share .share-box{display: inline-block}
.mod-share .gb-share-btn{margin: 0 0.5rem; border-radius: 50%;color: #fff}
.mod-share .gb-share-ico-font{font-size: 2rem; width: 1.5em; line-height: 1.5}
.mod-share .gb-share-btn-tit{display: none}
.mod-share .gb-share-btn-tsina{background: #f2543f}
.mod-share .gb-share-btn-qzone{background: #f79532}
.mod-share .gb-share-btn-tqq{background: #73c5f1}
.mod-share .gb-share-btn-weixin{background: #91d460}

.mod-vote [class^="ico-sp-"]{display: inline-block; vertical-align: middle; background: url(//ue.17173cdn.com/a/cr/index/2016/m/img/ico-sp.png) no-repeat; background-size: 17px 38px;}
.mod-vote .con [class^="ico-"]{margin: 0 0.3rem 3px 0;}
.mod-vote .ico-sp-like{width: 17px; height: 18px; background-position: 0 -18px;}
.mod-vote .ico-sp-unlike{width: 17px; height: 18px; background-position: 0 -18px; -webkit-transform: rotate(180deg); transform: rotate(180deg);}
.mod-vote .con{overflow: hidden;}
.mod-vote .con [class^="vote-item-"]{float: left; width: 50%; font-size: 1.125rem; line-height: 2.16; text-align: center;}
.mod-vote .con .vote-btn{border-radius: .2rem; border-width: 1px; border-style: solid;}
.mod-vote .con .vote-item-support{padding-right: .4rem}
.mod-vote .con .vote-item-oppose{padding-left: .4rem}
.mod-vote .con [class^="ico-"]{margin: 0 0.3rem 3px 0;}
.mod-vote .con .vote-item-support .vote-btn{border-color: #f88a97; color: #f88a97;}
.mod-vote .con .vote-item-oppose .vote-btn{border-color: #b7e44c; color: #b7e44c;}