.main__side .main__side__ad {
    margin-bottom: 20px
}

.main__side .main__side__ad .side__ad__img {
    vertical-align: middle;
    width: 400px
}

.main__side .main__side__hot {
    background-color: #fafafa;
    border-top: 2px solid #0e68a8;
    padding-bottom: 20px;
    margin-bottom: 20px
}

.main__side .main__side__hot .side__hot__title {
    color: #0e68a8;
    padding-left: 15px;
    padding-top: 20px;
    padding-bottom: 5px;
    font-weight: bolder;
    font-size: 17px;
    height: 24px;
    line-height: 24px
}

.main__side .main__side__hot .side__hot__list {
    width: 385px;
    margin-left: 15px
}

.main__side .main__side__hot .side__hot__list .hot__list__item {
    float: left;
    padding-top: 10px
}

.main__side .main__side__hot .side__hot__list .hot__list__item .list__item__num {
    float: left;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    font-style: italic;
    display: block;
    color: #4d5358
}

.main__side .main__side__hot .side__hot__list .hot__list__item .list__item__text {
    display: block;
    float: left;
    width: 350px;
    height: 20px;
    font-size: 16px;
    line-height: 20px;
    color: #4d5358;
    text-align: left
}

.main__side .main__side__hot .side__hot__list .hot__list__item .list__item__text:hover {
    color: #1e5497
}

.main__side .main__side__hot .side__hot__list .hot__list__item:first-child .list__item__num {
    background-color: #e30a20;
    color: #fff
}

.main__side .main__side__hot .side__hot__list .hot__list__item:nth-child(2) .list__item__num {
    background-color: #e9611d;
    color: #fff
}

.main__side .main__side__hot .side__hot__list .hot__list__item:nth-child(3) .list__item__num {
    background-color: #f1b115;
    color: #fff
}

.main__side .main__side__recommend {
    background-color: #fafafa;
    border-top: 2px solid #0e68a8;
    padding-bottom: 20px;
    margin-bottom: 20px
}

.main__side .main__side__recommend .side__recommend__title {
    color: #0e68a8;
    padding-left: 15px;
    padding-top: 20px;
    padding-bottom: 5px;
    font-weight: bolder;
    font-size: 17px;
    height: 24px;
    line-height: 24px
}

.main__side .main__side__recommend .side__recommend__list {
    width: 385px;
    margin-left: 15px
}

.main__side .main__side__recommend .side__recommend__list .recommend__list__item {
    float: left;
    padding-top: 10px
}

.main__side .main__side__recommend .side__recommend__list .recommend__list__item .list__item__circle {
    float: left;
    display: block;
    width: 4px;
    height: 4px;
    border-radius: 2px;
    margin-right: 8px;
    margin-top: 8px;
    background-color: #777
}

.main__side .main__side__recommend .side__recommend__list .recommend__list__item .list__item__text {
    display: block;
    float: left;
    width: 362px;
    height: 20px;
    font-size: 16px;
    line-height: 20px;
    color: #4d5358;
    text-align: left
}

.main__side .main__side__recommend .side__recommend__list .recommend__list__item .list__item__text:hover {
    color: #1e5497
}

.details {
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: #fff
}

.details .news__content {
    float: left;
    width: 770px;
    max-width: 770px
}

.details .news__content .news__content__header .content__header__up {
    padding: 10px;
    height: 20px;
    margin-bottom: 15px;
    font-size: 15px;
    color: #666;
    line-height: 20px;
    background-color: #f4f4f4
}

.details .news__content .news__content__header .content__header__up .header__up__line {
    float: left;
    width: 5px;
    height: 14px;
    margin: 3px 0;
    margin-right: 5px;
    background-color: #06a
}

.details .news__content .news__content__header .content__header__up .header__up__web {
    float: left;
    display: block;
    color: #666
}

.details .news__content .news__content__header .content__header__up .header__up__web:hover {
    color: #06a
}

.details .news__content .news__content__header .content__header__up .header__up__push {
    float: left;
    margin: 0 5px
}

.details .news__content .news__content__header .content__header__up .header__up__column {
    float: left;
    cursor: pointer
}

.details .news__content .news__content__header .content__header__up .header__up__column:hover {
    color: #06a
}

.details .news__content .news__content__header .content__header__title {
    width: 770px;
    font-size: 30px;
    font-weight: 700;
    color: #4d5358;
    line-height: 45px;
    text-align: center
}

.details .news__content .news__content__header .content__header__time {
    padding: 20px 0 30px 0;
    height: 30px;
    font-size: 16px;
    color: #898d91;
    line-height: 30px;
    text-align: center;
    border-bottom: 1px dashed #d3d3d3
}

.details .news__content .news__content__header .content__header__tags {
    padding: 20px 0 10px 0;
    border-bottom: 1px dashed #d3d3d3;
    position: relative
}

.details .news__content .news__content__header .content__header__tags .header__tags__text {
    width: 550px;
    font-size: 14px;
    color: #898d91;
    line-height: 20px;
    height: 20px
}

.details .news__content .news__content__header .content__header__tags .header__tags__text .header__tag__source {
    float: left;
    box-sizing: border-box
}

.details .news__content .news__content__header .content__header__tags .header__tags__text .header__tag__editor,
.details .news__content .news__content__header .content__header__tags .header__tags__text .header__tag__time,
.details .news__content .news__content__header .content__header__tags .header__tags__text .header__tag__views {
    float: left;
    margin-left: 10px
}

.details .news__content .news__content__header .content__header__tags .header__tags__share {
    position: absolute;
    right: 0;
    top: 10px;
    z-index: 999;
    color: #898d91;
    height: 30px;
    width: 218px
}

.details .news__content .news__content__header .content__header__tags .header__tags__share .header__share__text {
    float: left;
    line-height: 20px;
    margin-top: 8px;
    font-size: 14px;
    margin-right: 3px
}

.details .news__content .news__content__header .content__header__tags .header__tags__share .header__share__share {
    float: left
}

.details .news__content .news__content__header .content__header__tags .header__tags__share .header__share__share .social-share-icon {
    width: 22px;
    height: 22px;
    font-size: 16px;
    line-height: 22px
}

.details .news__content .news__content__body .news__content__text {
    padding: 20px 0;
    width: 770px;
    max-width: 770px;
    font-size: 16px;
    color: #4d5358;
    line-height: 30px
}

.details .news__content .news__content__body .news__content__text p {
    padding-bottom: 10px;
    max-width: 770px
}

.details .news__content .news__content__body .news__content__text p strong {
    padding-left: 1em
}

.details .news__content .news__content__body .news__content__text p strong:first-child {
    padding-left: 0
}

.details .news__content .news__content__body .news__content__text img {
    vertical-align: middle;
    max-width: 720px;
    margin: 0 auto
}

.details .news__content .news__content__body .news__content__text video {
    vertical-align: middle;
    min-width: 720px;
    margin: 0 auto;
    max-width: 720px
}

.details .news__content .news__content__body .news__content__video {
    padding: 30px 0;
    max-width: 770px
}

.details .news__content .news__content__body .news__content__video video {
    max-width: 770px
}

.details .news__content .news__content__body .news__content__img {
    margin: 0 auto;
    text-align: center
}

.details .side__body {
    float: right;
    width: 400px;
    margin-top: 55px
}