@charset "utf-8";
body {
    background-color: #fff
}

.ban {
    position: relative;
    border-bottom: 1px solid #ddd
}

.ban strong {
    display: inline-block;
    line-height: 40px;
    font-size: 18px;
    color: #333;
    font-weight: bold;
    border-bottom: 3px solid #0079fe
}

.ban a {
    position: relative;
    top: 11px;
    float: right;
    font-size: 14px;
    color: #999
}

.ban a i {
    display: inline-block;
    width: 5px;
    height: 10px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAmCAYAAAAvDACoAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoyODgzN0FDNThGRURFNjExODJCRUJDMDI2Nzk0NjZEMiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo5QzQ5MDEzRUVEOTMxMUU2QjA2NkMyMTVBOTBDQTcxRSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5QzQ5MDEzREVEOTMxMUU2QjA2NkMyMTVBOTBDQTcxRSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjI4ODM3QUM1OEZFREU2MTE4MkJFQkMwMjY3OTQ2NkQyIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjI4ODM3QUM1OEZFREU2MTE4MkJFQkMwMjY3OTQ2NkQyIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+2rXiMgAAAhdJREFUeNqsl88rw3EYx78YcdAuKFFOinJZys8IiYz9AcSygyKRAzfl19FBi4jDHOZHLi7ISlE0RLYbuTkoobTEZSneTz2T1vf5Zs/2rler7/Pde5999zzvz2dpoVDIYM2DelBnJCCHwyHW0vl1AIyDWnABcowUiMw9YO3PtRpwBfJTYe4zuV4BrkFRsuZjQq0E0A9Smoy5F/QI9QJwA6q05qRt0CHckwuCoFlrTgqARvBlcp8NHIMurTnpjPv8Xbh/D3RrzQ3uEmrHZ+E9W2BIa066o+EDD0J9mYdOZU56ApXgVqhTXExpzUlvoBpcCvXpcDjs1ZqTPjhzjoT6KD7ApzWPqQ3sCjUPPmAn/mLan8j9r9ZBv1A7BJ2I4e9EV/67SrAg1GjKg/gW2dqVxzQDJoTsp1buSTf0ojY8F2rl1GW2JMwHLbbEWTz3Va055cuKUFuE8ZT2B23nfDGTH8ajmj43eFoDQm0fxm7tEJVxJJspCGOXdkILOV8yTWoUbC3a8bfzUcNuUnukgxRWHdWYZ/GKi01qEQo0GEe0qXjKzzpeUe7xR22eH3B3mKmJR1y1E/mBU6g5+Typ2kMp8XqF+/s4VlW7/6TF8W4EbGjPLcNgTtorwVKiOUHBlcEJJ73Zy9mtOivmWRj7LR7Tv8xfeHw/44MIuJM9n9NmesIHoNdYEAFXKv5ZxHQPGsAmaE3Ff6IfAQYAQSVt8R2ogMkAAAAASUVORK5CYII=) no-repeat;
    background-size: 100% 100%;
    margin-left: 10px
}

.location {
    padding: 15px 10px 10px;
    font-size: 12px
}

.location span {
    color: #333
}

.location a {
    color: #333
}

.location b {
    font-weight: 200;
    margin: 0 5px
}

.location font {
    color: #d81d1e
}

.mainBody {
    position: relative;
    padding: 0 370px 40px 10px;
    min-height: 2000px;

    width: 100%;
}

.right-block {
    position: absolute;
    top: 0;
    right: 10px;
    width: 330px
}

.article-main-wrapper {
    background-color: #fff;
    width: 100%;
    margin-top: 10px;
    border: 1px solid #ddd
}

.article-main-wrapper .article-title {
    padding: 20px
}

.article-main-wrapper .article-title h2 {
    font-size: 28px;
    margin: 0;
    color: #333;
    margin-bottom: 15px
}

.article-main-wrapper .article-title .properties {
    display: inline-block;
    width: 100%;
    overflow: hidden
}

.article-main-wrapper .article-title .properties p {
    float: left;
    font-size: 12px;
    line-height: 14px;
    color: #999
}

.article-main-wrapper .article-title .properties p em {
    display: inline-block;
    font-style: normal
}

.article-main-wrapper .article-title .properties p em img {
    width: 17px;
    position: relative;
    top: -1px
}

.article-main-wrapper .article-title .properties p .view {
    border: 0.1rem solid #ccc;
    color: #999;
    padding: 1px 2px
}

.article-main-wrapper .article-title .properties p span {
    margin-right: 15px
}

.article-main-wrapper .article-content {
    padding: 20px;
    overflow: hidden
}

.article-main-wrapper .article-content p {
    line-height: 35px;
    color: #333;
    font-size: 14px
}

.article-main-wrapper .article-content img {
    max-width: 100%
}

.article-main-wrapper .articleShare {
    overflow: hidden;
    padding-bottom: 20px;
    border-bottom: 1px solid #e5e5e5
}

.article-main-wrapper .articleShare a.tag,
.article-main-wrapper .articleShare input[type='button'] {
    background: none;
    border: 1px solid #d0d0d0;
    color: #999;
    padding: 3px 12px;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    margin-right: 15px;
    margin-top: 18px;
    font-size: 12px
}


.article-state {
    padding: 20px 20px 15px;
    font-size: 14px
}

.article-state h4 {
    padding-top: 15px;
    margin: 0;
    font-size: 14px;
    border-top: 1px solid #ddd
}

.article-state span {
    color: #999;
    line-height: 30px
}

.article-state a {
    color: #d81d1e
}


.ad-list-item {
    width: 100%;
    margin-top: 10px
}

.ad-list-item img {
    width: 100%
}

@media (max-width: 991px) {
    .right-block {
        display: none
    }

    .mainBody {
        padding: 0
    }
}