.content-container,
.content-list.default .content-container,
.footer-container,
.header-container {
    width: 1000px
}

.content {
    padding: 0
}

.content-list {
    background: #f5f5f5
}

.nav .nav-list .nav-list-inner a {
    padding: 0 10px
}

.main-container {
    padding: 30px 60px 90px;
    width: 579px;
    float: left;
    position: relative
}

.default .main-container {
    border-right: 1px solid #e2e2e2
}
/*标签*/
.main-container .main-mate {}
.main-container .main-mate a{
    color: #f12b15;
    border: 1px solid #f12b15;
    font-size: 15px;
    text-align: center;
    line-height: 24px;
    padding: 0 10px;
    display: inline-block;
    margin-right: 18px;
    border-radius: 12px;
    margin-bottom: 8px;
}
.main-container .main-mate span a{
    border-color: #999;
    color: #999;
}
/*文章头部*/
.article-view{
    position: relative;
    margin-top: 25px;
}
.article-view .article-header {
    /*padding-bottom: 10px*/
}

.article-view .article-header h1 {
    color: #000;
    font-size: 28px;
    line-height: 38px;
    font-weight: bold;
    padding-bottom:10px;
}

.article-view .article-header p {
    font-size: 16px;
    color: #666;
    line-height: 28px;
    padding-bottom:10px;
}

.article-info {
    overflow: hidden;
    padding-bottom: 5px
}
.article-info p{
    line-height: 27px;
    font-size: 13px;
}
.article-info p span{
    color: #b0b0b0;
    margin-right: 10px;
}
.article-info p span.author,
.article-info p span.author a{
    color: #333;
}
.article-info p span.author i{
    display: none;
}
.article-info p .set-size{
    float: right;
}
.article-info p .set-size a {
    color: #666;
    font-family: Consolas
}

.article-info p .set-size a span {
    color: #6c899d
}

/*文章正文*/

.article-main {}

.article-main .article-img {
    padding-bottom: 17px;
}

.article-main .article-img img {
    max-width: 100%;
    margin: 0 auto
}

.article-main .article-img p {
    padding: 15px 0;
    text-align: right;
    color: #aaa;
    font-size: 13px;
    line-height: 20px;
    border-bottom: 1px solid #eee;
}

.article-main .article-content {
    padding-bottom: 10px;
    position: relative;
    font-size: 16px;
    line-height: 24px;
    word-wrap:break-word;
}

.article-main .article-content h3, .article-main .article-content h4, .article-main .article-content ol, .article-main .article-content p, .article-main .article-content ul {
    margin-bottom: 20px
}

.article-main .article-content ul {
    list-style: disc
}

.article-main .article-content ol {
    list-style: decimal
}

.article-main .article-content li {
    font-size: 15px;
    line-height: 30px;
    margin-left: 20px
}

.article-main .article-content p {
    font-size: 16px;
    line-height: 1.8;
    color: #0e0e0e
}

.article-main .article-content iframe ,
.article-main .article-content video {
    height: 350px;
    width: 579px
}
.article-main .video-focus{
    margin: 0 0 20px;
}
.article-main .video-focus figcaption,
.article-main .video-focus figcaption p{
    color: #aaa;
    font-size: 13px;
    line-height: 20px;
    text-align: right;
    margin-bottom: 0;
}
.article-main .article-content em, .article-main .article-content i {
    font-style: italic
}

.article-main .article-content p a {
    color: #6c899d
}

.article-main .article-content img {
    max-width: 100%;
    margin: 0 auto
}

.article-main .article-content h3 {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.5
}

.article-main .article-content h4 {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5
}

.article-main .article-content blockquote {
    border-left: 5px solid #8d8d8d;
    padding: 0 10px 0 15px;
    font-size: 16px;
    margin-bottom: 19px
}

.article-main .article-content blockquote p {
    font-size: 15px;
    color: #252525;
    line-height: 24px;
    margin: 0
}
.content-text-focus.align-right{
    float: right
}
.content-text-focus {
    padding: 35px 0 35px 35px;
    position: relative;
    width: 175px
}

.content-text-focus .ui-icon {
    position: absolute;
    width: 40px;
    height: 18px;
    background-image: url(../image/ico.png);
    background-repeat: no-repeat;
    left: 35px
}

.content-text-focus .up-arrow {
    background-position: -106px -266px;
    bottom: 10px
}

.content-text-focus .down-arrow {
    background-position: -106px -243px;
    top: 10px
}

.content-text-focus.align-left, .img-focus.align-left {
    float: left
}

.content-text-focus .content-text-caption p {
    margin: 0;
    font-size: 20px;
    color: #000;
    line-height: 28px;
    width: 100%
}

.img-focus.align-center {
    margin: 0 auto
}

.img-focus.align-right {
    float: right;
    padding-right: 30px
}

.content-img-focus {
    display: block;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    position: relative;
    max-width: 588px;
    margin: 0 auto
}

.content-img-focus.align-left {
    float: left;
    padding-right: 30px
}

.content-img-focus.align-right {
    float: right;
    padding-right: 30px
}

.content-img-focus img {
    display: block;
    height: auto;
    max-width: 100%
}

.content-img-focus figcaption {
    font-weight: 400;
    clear: both;
    color: #b5b5b6;
    font-size: 12px;
    margin-top: 0;
    padding-top: .5em;
    text-align: right;
    display: block
}

.content-img-focus.align-left figcaption, .content-img-focus.align-right figcaption {
    text-align: right
}
.img-focus.align-left {
    margin-left: -230px;
    padding-right: 20px
}
.img-focus.align-right {
    margin-right: -230px;
    padding-left: 20px
}
.article-main .article-source {
    padding: 15px 0
}

.article-main .article-source p {
    color: #666;
    line-height: 20px;
    font-style: italic;
    font-size: 12px;
    margin-bottom: 0
}

.article-main .article-source em {
    font-style: italic;
    color: #AAA;
    line-height: 20px;
    font-size: 12px
}

/**/
.re-article {
    margin-top: 10px;
    padding-bottom: 10px;
    overflow: hidden
}

.re-article .title-view {
    border-bottom: 1px solid #ddd;
    height: 28px;
    line-height: 28px;
    color: grey;
    font-size: 13px;
    margin-bottom: 10px
}

.re-article .title-view .title-box {
    width: 150px;
    line-height: 28px;
    float: left;
    font-size: 16px;
    color: #000;
    font-weight: 700
}

.article-box {
    position: relative;
    left: 0;
    top: 0;
    width: 614px
}

.re-article .news-view {
    width: 184px;
    float: left;
    margin-right: 14px
}

.re-article .news-view:hover {
    background: #f4f3f0
}

.re-article .news-view .news-img img {
    width: 100%
}

.re-article .news-view .news-header {
    padding: 9px 5px
}

.re-article .news-view .news-header a {
    font-size: 13px;
    line-height: 18px;
    color: #252525
}

.re-article .news-view .news-footer {
    padding: 9px 5px;
    height: 16px
}

.re-article .news-view .news-footer p {
    line-height: 16px;
    position: relative
}
/*评论区*/
.comment-view{
    margin-bottom: 20px;
}

.pl-box {
    padding-top: 10px;
    padding-bottom: 10px;
    overflow: hidden;
    margin-bottom: 20px
}

.pl-box textarea {
    border: 1px solid #e8e8e8;
    width: 555px;
    padding: 10px;
    height: 64px;
    margin-bottom: 8px;
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .04);
    line-height: 20px;
    font-size: 13px;
    resize: none;
    border-radius: 10px;
}

.pl-box .result-tips {
    float: left;
    color: grey
}

.pl-box .result-tips span {
    font-weight: 700;
    font-size: 22px;
    font-style: italic;
    font-family: Constantia, Georgia
}

.pl-box .result-tips span.error-tips {
    color: #e44443
}

.pl-box button {
    width: 70px;
    line-height: 28px;
    border: 1px solid #ddd;
    border-radius: 14px;
    color: #777;
    background: #fbfbfb;
    float: right
}

.pl-box button.locked {
    background: #e8e8e8;
    color: #999;
    cursor: default;
}

.comment-view h3 {
    border-bottom: 1px  solid #eee;
}

.comment-view h3 .title-box {
    line-height: 30px;
    font-size: 14px;
    font-weight: 700;
    color: #777;
}
.comment-view h3 .title-box span{
 color: #000;
}

.report-view {
    margin: 10px 0 10px 80px;
    border-radius: 3px;
    padding: 10px 20px 0;
    position: relative;
    display: none;
    background: #f5f5f5
}

.report-view .report-arrow {
    position: absolute;
    right: 0;
    z-index: 0;
    margin: -18px 0 0;
    width: 22px;
    cursor: default
}

.comment-body .comment-footer .comment, .comment-body .report, .ju-bao {
    position: relative
}

.report-view .report-arrow em, .report-view .report-arrow span {
    font-family: SimSun;
    overflow: hidden;
    font-size: 12px;
    line-height: 1.231;
    display: block;
    height: 12px;
    color: #f5f5f5
}

.report-view .report-arrow span {
    margin: -11px 0 0;
    color: #f5f5f5
}

.report-box {
    overflow: hidden;
    padding-bottom: 10px
}

.report-box textarea {
    resize: none;
    overflow: hidden;
    margin: 0 0 5px;
    padding: 5px 0 0 2px;
    border: 1px solid #ccc;
    border-radius: 2px;
    font-size: 12px;
    word-wrap: break-word;
    outline: 0;
    height: 24px;
    line-height: 18px;
    min-height: 24px;
    width: 99%;
    vertical-align: middle;
    color: #000;
    -webkit-box-shadow: 0 1px 1px 0 #eaeaea inset;
    -moz-box-shadow: 0 1px 1px 0 #eaeaea inset;
    box-shadow: 0 1px 1px 0 #eaeaea inset
}

.report-box button {
    width: 48px;
    height: 21px;
    color: #FFF;
    background: #f3473a;
    float: right
}

.loading {
    text-align: center;
    padding: 15px 0;
}

.loading img {
    display: block;
    vertical-align: middle;
    /*width: 32px;*/
    margin: 0 auto
}

.jm-comments dt {
    font-size: 14px;
    color: #231815;
    line-height: 30px;
    padding: 0 20px
}

.comment-post02 {
    border-top: 1px dashed #d7d7d7;
    margin-bottom: 10px
}

.comment-post02:first-of-type {
    border: 0
}

.comment-post {
    border-top: 1px solid #d7d7d7
}

.jm-comments dd .more-comments {
    width: 120px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    display: block;
    color: #999;
    border: 1px solid #999;
    margin: 20px auto;
    border-radius: 15px;
}

.comment-post .jm-avatar, .comment-post .jm-avatar img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;
    background: #000;
}

.comment-post .post-self {
    padding: 18px 0 0
}

.comment-post .jm-avatar {
    float: left;
    font-size: 13px;
    line-height: 24px;
    color: #252525
}

.comment-body {
    margin-left: 80px
}

.comment-body .comment-header a {
    color: #4b0100;
    line-height: 24px;
    font-size: 14px
}

.comment-body .comment-main {
    padding: 5px 0
}

.comment-body .comment-main p {
    font-size: 13px;
    line-height: 20px;
    color: #333;
    word-wrap: break-word
}

.comment-body .comment-footer {
    line-height: 30px;
    height: 30px
}

.comment-body .comment-footer span {
    float: right;
    color: #999;
    margin-left: 10px;
    position: relative;
    cursor: pointer
}

.comment-body .comment-footer .hide-arrow,
.comment-body .comment-footer .show-arrow {
    padding-top: 2px
}

.comment-body .comment-footer .show-arrow .icon-arrow {
    display: inline-block;
    width: 11px;
    height: 11px;
    background: url(../image/jiantou.png) -11px 0 no-repeat
}

.comment-body .comment-footer .hide-arrow .icon-arrow {
    display: inline-block;
    width: 11px;
    height: 11px;
    background: url(../image/jiantou.png) no-repeat
}

.comment-body .comment-footer .more-reply {
    width: 20px;
    height: 21px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAVCAYAAABG1c6oAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAE+SURBVDiNrZMvSwRBGIefHVZPDIrhsFsNBwdiMBkELcsEo8HoJcXmBzHeJ7iw745gEc4imAyGi6JBi2jx/6kwBvdkmLvT3fEemPD+Znj4DbsTWWsJwYhUgedE6xc3V4GyWaAFzPh7cWCzQ6AOvPn7pRoakQpwkMuugW6w0IhMAAIs5tET8BkkNCKTQAasOrFNtO67cmStxYgoYAWoDHFuAWtedgPsAO/5fJFo3YmyNB0HmsBGkba/0AV2FbAwAhl8325fAWMjkP0QA/5T2QOOSjiaQM0V+pwmWp8VtRmRO7+hz6YRqQ3IhzH3pzBfQQwS3gOvJRxVnP93kLCRaN0qajMiJ8BSb1b0f+XHEu0APtwhytJ0GWg7WQe4LSGsA9O9IQamvAPz+QpCAefAZajA41glWl8B28DDP2VtYP0LXMVRslPFGs0AAAAASUVORK5CYII=) no-repeat;
    display: inline-block
}

.comment-body .comment-footer span a {
    color: #999
}

.comment-body .comment-footer span a:hover {
    color: #ae2b04
}

.comment-body .comment-footer .date {
    float: left;
    color: #999;
    margin: 0
}

.comment-body .author-name, .comment-body .user-name {
    color: #09F
}

.comment-body .reply-to {
    margin: 0 5px;
    color: #CCC
}

.comment-body .delete, .comment-body .report {
    display: none
}

.comment-body:hover .delete, .comment-body:hover .report {
    display: inline-block
}

.jm-comments .comment-post ul .jm-avatar, .jm-comments .comment-post ul .jm-avatar img {
    width: 40px;
    height: 40px
}

.jm-comments .comment-post ul .comment-body {
    margin-left: 0
}

.jm-comments .comment-post ul .show-all {
    width: 80px;
    display: block;
    margin: 0 auto;
    line-height: 24px;
    cursor: pointer;
    color: #f35b41
}

.btn-view .delete, .ju-bao {
    margin-right: 10px;
    display: none
}

.jm-comments .comment-post ul li {
    padding: 0
}

.jm-comments .comment-post ul li .report-box {
    margin: 0 0 0 50px
}

.jm-comments .comment-post ul li:last-of-type {
    border-bottom: 0
}

.btn-view .delete {
    cursor: pointer
}

.ju-bao-box {
    border: 1px solid #dad9da;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 350px;
    padding: 20px;
    background: #f5f1ee;
    z-index: 99;
    display: none
}

.ju-bao-box .pull-left {
    padding-top: 4px;
    margin-right: 10px
}

.ju-bao-box .input-group .radio {
    float: left;
    margin: 0 5px 0 0;
    padding-top: 4px
}

.ju-bao-box .input-group .radio input {
    margin-top: 2px
}

.ju-bao-box .input-group button {
    display: block;
    margin: 0 auto
}
/**/
.author-view {
    position: relative;
    margin-bottom: 20px;
    background-color: #f7f7f7
}

.author-view .article-author {
    overflow: hidden;
    position: relative;
    padding: 20px;
    background: #f8f8f8;
}

.author-view .article-author .author-avatar {
    float: left;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
}

.author-view .article-author .author-main {
    margin-left: 65px;
    height: 50px;
}

.author-view .article-author .author-main .author-name {
    color: #333;
    font-size: 16px;
    line-height: 24px;
}

.author-view .article-author .author-main .author-mate {
    color: #333;
    font-size: 13px;
    line-height: 18px
}
.author-view .article-author .author-info{
    padding: 30px 0 20px;

}
.author-view .article-author .author-info p {
    color: #999;
    line-height: 20px;
    height: 60px;
    overflow: hidden;
    font-size: 13px;
}

.author-view .article-author .follow-set {
    text-align: center;
}

.author-view .article-author .follow-set a{
    display: inline-block;
    color: #777;
    border: 1px solid #ddd;
    line-height: 26px;
    padding: 0 5px;
    margin: 0 5px;
    background: #fff;
    width: 85px;
    border-radius: 14px;
    text-align: center;
}

.author-view .article-author .follow-set a:hover {
    background: #f3473a;
    color: #fff
}
.author-view .bx-controls{
    text-align: center;
    padding-bottom: 20px;
}
.author-view .bx-controls .bx-pager-item{

    display: inline-block;
    width: 20px;
    text-align: center;

}
.author-view .bx-controls .bx-pager-item a{
    text-indent: -999px;
    width: 12px;
    height: 12px;
    display: inline-block;
    margin: 0 3px;
    background: #EdEdEd;
    border-radius: 50%;
}
.author-view .bx-controls .bx-pager-item a.active{
    background: #dcdcdc;
}
.main-right-side {
    width: 260px;
    margin-left: 716px;
    padding-top: 20px
}

.main-right-side .tj-mate {
    font-weight: 700;
    line-height: 28px;
    margin: 10px 0
}

.main-right-side .tj-mate a, .main-right-side .tj-mate span {
    color: #000;
    font-size: 16px
}

.main-right-side .news-view {
    padding-bottom: 16px;
    margin-bottom: 14px
}

.main-right-side .news-view:hover {
    background: #f4f3f0
}

.main-right-side .news-view .news-img img {
    width: 100%
}

.main-right-side .news-view .news-header {
    padding: 11px 5px 9px
}

.main-right-side .news-view .news-header a {
    font-size: 18px;
    line-height: 24px;
    color: #141414;
    font-weight: 700
}

.main-right-side .news-view .news-main {
    padding: 2px 0 25px
}

.main-right-side .news-view .news-main p {
    font-size: 13px;
    line-height: 20px;
    color: #595757
}

.main-right-side .news-view .news-footer {
    height: 16px
}

.main-right-side .news-view .news-footer p {
    position: relative;
    line-height: 15px
}

.main-right-side .news-view .news-footer .date {
    color: #bbb
}

/*分享*/

.share-view {
    width: 62px;
    position: absolute;
    left: -122px;
    top: 0;
    z-index: 9;
}
.share-view .article-share,
.share-view .article-set{
    border: 1px solid #eaeaea;
    border-bottom: none;
}
.share-view .article-share{
    margin-bottom: 40px;
}
.share-view a {
    display: inline-block;
    width: 50px;
    height: 40px;
    padding: 10px 5px;
    border-bottom: 1px solid #eaeaea;
    background: #fbfbfb;
    vertical-align: middle
}

.share-view a span {
    color: #333;
    text-align: center;
    font-size: 12px;
    line-height: 20px;
    display: block;
}
.share-view a svg.icon {
    margin: 0 auto;
    width: 26px;
    height: 26px;
    display: block;
    color: #666;
    /*vertical-align: -0.15em;*/
    fill: currentColor;
    overflow: hidden;
}
.share-view .article-share a svg.icon{
    margin-top: 7px;
}
.share-view a:hover svg.icon,
.share-view a:hover span{
    color: #fff;
}
/**/
.share-view .jm_sina:hover {
    background: #f74864
}
.share-view .jm_weixin:hover {
    background: #1ec354
}
.share-view .jm_qzone:hover {
    background: #ffce0b
}
.share-view .jm_comment:hover{
    background: #3091f4;
}
.share-view .jm_like:hover {
    background: #ed601b
}
.share-view .jm-collection:hover {
    background: #f12b35
}
.share-view a.clicked{

}
.share-view a.clicked:hover{
    background: #fbfbfb;
    cursor: default
}
.share-view a.clicked svg.icon,
.share-view a.clicked span{
    color: #de3226
}
.share-view a .num{
    text-align: center;
    color: #F12B35;
    font-size: 20px;

}
/*悬浮广告*/
.jm-app{
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(20,28,49,.9);
    z-index: 9999;
}
.jm-app-view{
    width: 910px;
    padding: 18px 0;
    margin: 0 auto;
    position: relative;
}
.jm-app-view .jm-app-text{
    float: left;
    line-height: 38px;
    color: #fff;
    font-size: 22px;
}
.jm-app-view .jm-app-btn{
    margin-left: 200px;
}
.jm-app-view .jm-app-btn a{
    line-height: 38px;
    color: #fff;
    font-size: 14px;
    margin-right: 15px;
    display: inline-block;
    padding: 0 15px;
}
.jm-app-view .jm-app-btn a.ios{
    background: #c83535;
}
.jm-app-view .jm-app-btn a.android{
    background: #2175b7;
}
.jm-app-view .jm-app-btn .btn .icon{
    color: #fff;
    width: 20px;
    height: 20px;
    fill:currentColor;
    vertical-align: -5px;
}
.jm-app-close{
    position: absolute;
    right: 0;
    top: 18px;
    padding: 9px;
    cursor: pointer;
}
.jm-app-close .icon{
    color: #fff;
    width: 20px;
    height: 20px;
    fill:currentColor;
    vertical-align: -5px;
}
/*投票*/
.collect-input, .collect-main {
    width: 550px;
    margin-left: 100px
}



.collect-view {
    position: relative;
    padding-bottom: 200px
}

.collect-header {
    background: url(../image/r-1_02.png) no-repeat;
    width: 397px;
    height: 160px;
    position: relative;
    left: -100px;
    top: -20px;
    padding: 40px 235px 0
}

.collect-header h3 {
    font-size: 32px;
    color: #FFF;
    line-height: 35px;
    margin-bottom: 10px;
    font-weight: 700
}

.collect-header p {
    font-size: 13px;
    line-height: 30px;
    color: #f5f5f5;
    font-weight: 700
}

.collect-input p, .collect-main p {
    line-height: 24px;
    color: #666
}

.collect-main p {
    font-size: 14px;
    margin-bottom: 25px
}

.collect-input h3 {
    line-height: 30px
}

.collect-input textarea {
    width: 538px;
    border: 1px solid #d8d8d8;
    height: 108px;
    resize: vertical;
    padding: 5px
}

.collect-input button {
    background: #ff9000;
    border: 1px solid #ff9000;
    color: #FFF;
    width: 110px;
    height: 40px;
    margin: 20px auto;
    display: block
}

.collect-view .f-bg {
    position: absolute;
    width: 330px;
    height: 110px;
    bottom: -30px;
    right: -73px;
    background: url(../image/r-1_02.png) 0 -278px no-repeat
}

.collect-view .logo-fix {
    position: absolute;
    right: -213px;
    top: 0;
    width: 160px;
    height: 110px;
    background: url(../image/r-1_02.png) -357px -279px no-repeat
}

.picture-container {
    background: #161618;
    padding: 25px 0 0
}

.picture-container .picture-header {
    padding: 0 360px 10px 10px
}

.picture-container .picture-header h3 {
    font-size: 28px;
    line-height: 34px;
    color: #fff
}

.picture-container .picture-header h3 .date-time {
    font-size: 12px;
    color: #ccc
}

.picture-container .picture-header p {
    padding: 10px 0;
    font-size: 14px;
    line-height: 24px;
    color: #f4f4f4
}

.picture-container .picture-header p .author .date-time {
    font-size: 12px
}

.picture-container .picture-header p .author a {
    color: #fff;
    font-size: 12px
}

.picture-container .picture-main {
    background: #000
}

.picture-container .picture-main .picture-img {
    float: left;
    padding: 10px;
    text-align: center;
    width: 700px;
    height: 525px;
    line-height: 525px
}

.picture-container .picture-main .picture-img span {
    display: inline-block
}

.picture-container .picture-main .picture-img img {
    max-height: 525px;
    max-width: 700px;
    display: inline-block;
    vertical-align: middle
}

.picture-container .picture-main .picture-info {
    margin-left: 720px;
    padding: 50px 15px;
    height: 425px;
    position: relative
}

.picture-container .picture-main .picture-info .copyright {
    position: absolute;
    bottom: 0;
    left: 15px;
    color: #ddd;
    font-size: 13px;
    line-height: 20px;
    font-style: italic
}

.picture-container .picture-main .picture-info p {
    color: #fff;
    font-size: 13px;
    line-height: 22px
}

.picture-container .picture-main .bx-wrapper {
    position: relative;
    width: 100%
}

.picture-container .picture-main .bx-controls {
    height: 20px;
    padding: 15px 0;
    position: absolute;
    top: 0;
    left: 660px;
    width: 300px;
    z-index: 99
}

.picture-container .picture-main .bx-controls-auto, .picture-container .picture-main .bx-default-pager {
    display: inline-block;
    float: left
}

.picture-container .picture-main .bx-default-pager {
    color: #fff;
    line-height: 20px;
    width: 80px;
    font-family: georgia;
    font-size: 20px;
    padding-left: 76px
}

.picture-container .picture-main .bx-controls-auto {
    float: right
}

.picture-container .picture-main .bx-controls-auto .bx-start, .picture-container .picture-main .bx-controls-auto .bx-stop {
    width: 60px;
    text-align: center;
    height: 20px;
    color: #fff;
    margin: 0 3px 0 0;
    line-height: 20px;
    display: inline-block;
    background: #f3473a
}

.picture-container .picture-main .bx-controls-auto .bx-start.active, .picture-container .picture-main .bx-controls-auto .bx-stop.active {
    display: none
}

.picture-container .picture-main .bx-controls-direction a {
    width: 100px;
    height: 98px;
    display: inline-block;
    background: url(../image/top-slider.png) no-repeat;
    position: absolute;
    top: 215px;
    z-index: 100;
    text-indent: -9999px
}

.picture-container .picture-main .bx-controls-direction .bx-prev {
    background-position: 0 0;
    left: -670px;
    opacity: .5
}

.picture-container .picture-main .bx-controls-direction .bx-prev:hover {
    background-position: 0 -83px;
    opacity: 1
}

.picture-container .picture-main .bx-controls-direction .bx-next {
    background-position: -100px 0;
    right: 225px;
    opacity: .5
}

.picture-container .picture-main .bx-controls-direction .bx-next:hover {
    background-position: -100px -83px;
    opacity: 1
}

.picture-container .picture-footer {
    height: 40px;
    border-bottom: 1px solid #000;
    font-size: 13px;
    padding: 10px 10px 0
}

.picture-container .picture-footer .share {
    color: #666;
    line-height: 40px;
    float: left
}

.picture-container .picture-footer .share .pull-left {
    float: left;
    padding-right: 10px
}

.picture-container .picture-footer .pull-right {
    float: right;
    line-height: 40px;
    color: #666
}

.picture-container .picture-footer .share-box {
    float: left;
    height: 40px
}

.picture-container .picture-footer .share-box a {
    display: inline-block;
    width: 30px;
    height: 30px;
    padding: 5px;
    margin-bottom: 1px
}

.picture-container .picture-footer .share-box a .ui-icon {
    width: 30px;
    height: 30px;
    background-image: url(../image/share.png);
    background-repeat: no-repeat
}

.picture-container .picture-footer .share-box a .ui-weibo {
    background-position: 3px 0
}

.picture-container .picture-footer .share-box a .ui-qq {
    background-position: -55px 0
}

.picture-container .picture-footer .share-box a .ui-tencent-weibo {
    background-position: -25px 0
}

.picture-container .picture-footer .share-box a .ui-qzone {
    background-position: -113px 0
}

.picture-container .picture-footer .share-box a .ui-weixin {
    background-position: -80px 0
}

.picture-container .picture-footer .share-box a .ui-heart {
    background-position: -141px 0
}

.picture-container .picture-footer .share-box a:hover {
    background: #ff9000
}

.picture-container .re-article {
    margin: 0
}

.picture-container .re-article .title-view {
    padding: 0 10px;
    border-bottom: 1px solid #000;
    line-height: 34px;
    height: 34px
}

.picture-container .re-article .title-view .title-box {
    color: #fff;
    line-height: 34px
}

.picture-container .re-article .article-box {
    padding: 0 12px;
    width: 100%
}

.picture-container .re-article .news-view .news-header a {
    color: #fff
}

.picture-container .re-article .news-view:hover {
    background: #161618
}
.vote-views {
    width: 580px;
    margin: 0 auto;
}
.vote-views input{
    display: none;
}
.vote-views .vote-header,
.vote-views .vote-title{
    /*margin:  0 60px;*/
}
.vote-views .vote-title{
    padding: 20px 0;
}
.vote-views .vote-header p {
    font-size: 14px;
    color: #000;
    line-height: 40px;
    border: 1px solid #dcdcdc;
    text-align: center;
    border-radius: 3px;
}
.vote-views .vote-title p{
    font-size: 16px;
    line-height: 30px;
}
.vote-selected{
    /*padding: 0 50px;*/
    overflow: hidden;
}
.vote-selected ul{
    overflow: hidden;
    padding-bottom: 40px;
}
.vote-selected li{
    border: 1px solid #dcdcdc;
    margin:0 20px 20px 0;
    cursor: pointer;
    position: relative;

}

.vote-selected li .selected-text-icon{
    position: absolute;
    right: 10px;
    top: 0;
    width:40px;
    height: 40px;
    background-image: url("../image/vote/check.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 30px 30px;
    display: none;
}
.vote-selected li.selected .selected-text-icon{
    display: block;
}
.vote-selected li .pic{
    position: relative;
}
.vote-selected li .pic .selected-icon{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.6);
    background-image: url("../image/vote/right.png");
    background-position: center center;
    background-repeat: no-repeat;
    display: none;
}
.vote-selected .selected{
    border-color: #aaa;
    box-shadow: 0 0 3px rgba(0,0,0,.6);
}
.vote-selected .selected .pic .selected-icon{
    display: block;
}
.vote-selected li img{
    width: 100%;
}
.vote-selected li .text{
    padding: 10px 60px 10px 10px;


}
.vote-selected li .text span{
    display: block;
    line-height: 20px;
    font-size: 14px;
    overflow: hidden;
    height: 100%;
}
.vote-selected button{
    display: block;
    color:#fff;
    background: #f15a11;
    width:590px;
    margin:0 auto 40px;
    line-height: 40px;
    font-size: 16px;
    border-radius: 3px;
}
.vote-selected .button-group{
    overflow: hidden;
}
.vote-selected .button-group button{
    width: 285px;
    float: left;
}
.vote-selected .button-group .result-btn{
    margin-right: 10px;
    background: #fff;
    color: #333;
    border: 1px solid #d1d1d1;
}
.vote-selected .vote-tips{
    font-size: 14px;
    margin: 10px;
}
.vote-selected.default li{
    margin-right: 0;
}
.vote-selected.default li .text{
    padding: 10px;
}
.vote-selected.row li{
    width: 278px;
    float: left;
}
.vote-selected.row li:nth-of-type(2n+2){
    margin-right: 0;
}
.vote-selected.row li .text{
    padding: 10px;
    height: 60px;
}
.vote-selected.grid li{
    width: 178px;
    float: left;
}
.vote-selected.grid li:nth-of-type(3n+3){
    margin-right: 0;
}
.vote-selected.grid li .text{
    height: 60px;
    padding: 10px;
}
.vote-selected.result{
    padding-bottom: 40px;
}
.vote-selected.result li{
    border: none;
    float: left;
    width: 234px;
    padding:0 40px 40px 15px;
    margin: 0;

}
.vote-selected.result .selected{
    box-shadow: none;
}
.vote-selected.result li:nth-child(2n+1){
    border-right: 1px solid #dcdcdc;
}
.vote-selected.result .date-pie{
    float: left;
    width: 80px;
}
.vote-selected.result .date-main{
    margin-left: 100px;
}
.vote-selected.result .date-main p{
    line-height: 20px;
    font-size: 14px;
    color: #666;
    height: 40px;
    overflow: hidden;
    margin-bottom: 8px;
}
.vote-selected.result .date-main span{
    font-size: 30px;
}

.article-vote{
    overflow: hidden;
    text-align: center;
}

.article-vote .article-num{
    font-size: 14px;
    color: #000;
    line-height: 40px;
    border: 1px solid #dcdcdc;
    text-align: center;
    border-radius: 3px;
}



.vote-times-t {
    float: right;
    border: 1px solid #dcdcdc;
    display: inline-block;
    padding: 0 10px;
    color: #666;
    font-size: 14px;
    line-height: 26px
}

.vote-times-t .vote-times-c {
    display: inline-block;
    padding: 0 2px;
    font-size: 16px;
    font-weight: bold;
    color: #f15a11
}

.t-ad {
    width: 1000px;
    margin: 0 auto
}

.ad-view iframe {
    padding-bottom: 10px
}