body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}
body, input, button, textarea, select {
    font-size: 12px;
    background: #f8f8f8;
}
ol, ul, li {
    list-style: none outside none;
}
a {
    color: #000;
    text-decoration: none;
}
.header {
    float: left;
    height: 52px;
    line-height: 52px;
    font-size: 16px;
    width: 100%;
    background: #2ca6e0;
    overflow: hidden;
}

.main {
    width: 1200px;
    margin: 0 auto;
}

.header .logo {
    float: left;
    width: 127px;
    height: 36px;
    background: url(../images/ico_2024.png) no-repeat -98px -88px;
    margin-top: 9px;
}
.header ul {
    width: 761px;
    float: left;
    margin-left: 14px;
}

.header ul li {
    float: left;
    text-align: center;
    padding: 0 17px;
}
.header ul a {
    width: 100%;
    font-size: 15px;
    color: #fff;
}
.header ul a:hover {
    color: #d1bd83 !important;
}
.tougao {
    float: right;
    margin-top: 12px;
}
.tougao a {
    height: 27px;
    line-height: 28px;
    float: left;
    padding-left: 27px;
    color: #fff;
    font-size: 12px;
    border-radius: 4px;
    width: 57px;
    background: url(../images/jc_icon2.png) 8px -847px no-repeat;
    background-color: #56c4f8;
}
.tougao .jianyi {
    margin-left: 17px;
    background: url(../images/jc_icon2.png) 6px -876px no-repeat;
    background-color: #ef9901;
}


.sidebar {
    width: 100%;
    float: left;
    line-height: 45px;
    font-size: 12px;
    color: rgb(165, 165, 165);
    overflow: hidden;
}
.sidebar em {
    background: url(../images/ico_2024.png) -15px -4px no-repeat;
    float: left;
    width: 15px;
    height: 18px;
    margin-top: 15px;
    margin-right: 2px;
}
.sidebar span {
    font-size: 13px;
}
.sidebar a {
    color: rgb(165, 165, 165);
    padding: 0px 4px;
    font-size: 14px;
}

.main-left {
    float: left;
    width: 864px;
    background: rgb(255, 255, 255);
    padding: 40px 33px 21px;
    border-radius: 10px;
}
.main-left h1 {
    line-height: 36px;
    font-size: 27px;
    text-align: center;
    margin: 10px 0px 8px;
    color: rgb(0, 0, 0);
    font-weight: bold;
}
.main-left .info {
    line-height: 24px;
    padding: 8px 0px;
    color: rgb(197, 197, 197);
    overflow: hidden;
    margin: 2px auto 13px;
    width: 600px;
    text-align: center;
}

.main-left .info span {
    margin-right: 10px;
}

.main-left .info span {
    margin-right: 10px;
}

.main-left .info span {
    margin-right: 10px;
}

.main-left .info .source a {
    color: rgb(197, 197, 197);
}
.main-left .content {
    color: rgb(0, 0, 0);
    width: 100%;
    font-size: 16px;
    line-height: 30px;
    float: left;
}
.main-left .content img{
    width: 100% !important;
    height: auto !important;
}
.excellent_articles_box {
    width: 100%;
    margin-top: 10px;
    display: inline-block;
    position: relative;
}
.excellent_articles_box li.excellent_articles_row {
    float: left;
    width: 100%;
    overflow: hidden;
    line-height: 44px;
    border-bottom: 1px solid #eaeaea;
    padding: 0 2%;
    border: 1px solid #eaeaea;
    border-top: 0;
    box-sizing: border-box;
    height: 44px;
}
.excellent_articles_box li.excellent_articles_row:first-child {
    margin-top: 40px;
}
.excellent_articles_box li.excellent_articles_row a {
    float: left;
    width: 100%;
}
.excellent_articles_row em {
    height: 24px;
    background: url(../images/one_dow_icon.7.png) no-repeat;
    float: left;
    width: 24px;
    background-size: 260%;
    margin-right: 6px;
    background-position: 1px -226px;
    margin-top: 13px;
    border: 0;
}
.excellent_articles_box .excellent_title {
    float: left;
    color: #1c69cc;
    font-weight: 700;
    font-size: 17px;
    width: 50%;
}
.excellent_articles_box .excellent_star {
    float: right;
    font-size: 14px;
    color: #999;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}
.excellent_articles_row i {
    height: 15px;
    background: url(../images/search_icon.png) no-repeat 4px -36px;
    float: left;
    width: 81px;
}
.excellent_articles_box .excellent_articles_title {
    float: left;
    background: #f5f5f8;
    padding-bottom: 0;
    height: 43px;
    line-height: 43px;
    width: 100%;
    box-sizing: border-box;
    display: none;
    position: absolute;
    border: 1px solid #f0f0f0;
    color: #666;
    font-weight: 700;
    font-size: 17px;
    top: -4px;
}
.excellent_articles_box li.excellent_articles_row+li.excellent_articles_title {
    display: block;
}
.excellent_articles_box .excellent_articles_title:before {
    float: left;
    content: "";
    width: 32px;
    height: 20px;
    margin: 0px 9px;
    margin-top: 12px;
    border-radius: 60px;
    background: url(../images/one_dow_icon.3.png) no-repeat 6px -301px;
}
.download_card {
    padding: 10px;
    border: 1px solid #e8e8e8;
    position: relative;
    overflow: hidden;
    display: block;
    margin-bottom: 20px;
    float: left;
    width: 701px;
}
.download_card_box, .download_fixed_fuzhi {
    cursor: pointer;
}
.download_card_pic {
    width: 78px;
    float: left;
    margin-top: 12px;
    background: url(../images/one_dow_icon.7.png) no-repeat -38px 0;
    height: 78px;
    margin-right: 13px;
}

.download_card_msg {
    float: left;
}

.download_card_title {
    font-size: 17px;
    color: #039;
    text-decoration: underline;
    margin-top: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 360px;
}

.download_card_tip {
    font-size: 12px;
    color: #f60;
}

.download_card_tj {
    font-size: 12px;
    color: #999;
    float: left;
    line-height: 23px;
}

.download_card_tj span{
    float:left;
}

.download_card_tj img {
    width: 13px;
    margin-top: 4px;
    float: left;
    margin-right: 3px;
}

.download_card_btn {
    width: 218px;
    height: 58px;
    background: #44b449;
    border-radius: 4px;
    position: absolute;
    right: 10px;
    top: 29px;
    display: flex;
    justify-content: center;
}

.download_card_btn em {
    content: "";
    display: inline-block;
    width: 27px;
    height: 30px;
    background: url(../images/one_dow_icon.7.png) no-repeat;
    background-position: 4px -64px;
    background-size: 317%;
    margin-top: 9px;
    margin-right: 10px;
}

.downlod_btn_right {
    float: left;
    color: #fff;
    font-size: 18px;
    margin-top: 15px;
}

.download_card div {
    clear: none;
}

.content .rel_art_line {
    line-height: 40px !important;
    padding-left: 20px;
    font-size: 15px;
    background-color: #f2f8fc;
    border-radius: 10px;
    float: left;
    width: 97% !important;
    font-weight: 700;
    color: #333 !important;
    padding-bottom: 12px !important;
    margin-bottom: 12px !important;
    font-size: 16px !important;
    position: relative;
}

.content .rel_art_line:before {
    background: #e8b856;
    content: "";
    display: block;
    position: absolute;
    height: 16px;
    width: 6px;
    border-radius: 10px;
    left: 10px;
    top: 12px;
}

.main-left .content p {
    color: rgb(0, 0, 0);
    width: 100%;
    font-size: 16px;
    line-height: 30px;
    padding-bottom: 12px;
}

.main-right {
    width: 336px;
    float: right;
    position: static;
}
.right_conttop_download {
    width: 100%;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #f2f2f2;
    padding: 0 0 10px 0;
    margin-bottom: 10px;
    text-align: center;
    padding: 30px 0;
}
.right_conttop_download a {
    width: 240px;
    height: 58px;
    line-height: 58px;
    background: #2975e5;
    color: #fff;
    border-radius: 4px;
    padding: 0;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
}
.right_conttop_download a:before {
    content: "";
    display: inline-block;
    width: 27px;
    height: 21px;
    background: url(../images/one_dow_icon.7.png) no-repeat;
    background-position: 4px -109px;
    margin-right: 10px;
}
.jinpinTjian {
    float: right;
    width: 296px;
    background: #fff;
    padding: 7%;
    border-radius: 10px;
    padding-top: 15px;
    padding-bottom: 22px;
    margin-top: 0px;
    margin-bottom: 8px;
    border: 0px solid #f3f3f3;
}
.jinpinTjian_tl {
    float: left;
    font-size: 16px;
    font-weight: 700;
    line-height: 40px;
    height: 40px;
    width: 100%;
    margin-bottom: 6px;
}
.jinpinTjian_tl span {
    font-weight: 700;
    color: #333;
    float: left;
    background: url(../images/one_dow_icon.7.png) no-repeat -19px -282px;
    width: 20px;
    height: 26px;
    margin-right: 5px;
    margin-top: 8px;
}
.jinpinTjian ul {
    float: left;
    width: 100%;
    margin: 0 !important;
}
.jinpinTjian li {
    overflow: hidden;
    font-size: 14px;
    line-height: 44px !important;
    float: left;
    width: 100% !important;
    display: flex;
    justify-content: flex-start;
    flex-wrap: nowrap;
    height: 44px !important;
}
.jinpinTjian li span {
    margin-top: 15px;
    width: 17px;
    height: 17px;
    line-height: 17px;
    color: #9195a3;
    text-align: left;
    margin-right: 8px;
    font-size: 15px;
    border-radius: 4px;
    float: left;
    font-weight: 700;
}
.jinpinTjian li:nth-child(1) span {
    color: #e33e42;
}
.jinpinTjian li:nth-child(2) span {
    color: #f60;
}
.jinpinTjian li:nth-child(3) span {
    color: #faa90e;
}
.jinpinTjian li a {
    display: inline-block;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    font-size: 15px;
}
.jinpinTjian li:nth-child(1) a:before {
    content: "\70ED";
    background: #ff4800;
    display: inline-block;
    padding: 0 2px;
    text-align: center;
    color: #fff;
    line-height: 16px;
    height: 16px;
    font-size: 12px;
    border-radius: 4px;
    font-weight: 200;
    margin-top: 15px;
    float: right;
    margin-left: 8px;
}
.jinpinTjian li:nth-child(2) a:before {
    content: "\70ED";
    background: #ff4800;
    display: inline-block;
    padding: 0 2px;
    text-align: center;
    color: #fff;
    line-height: 16px;
    height: 16px;
    font-size: 12px;
    border-radius: 4px;
    font-weight: 200;
    margin-top: 14px;
    float: right;
    margin-left: 8px;
}
.jinpinTjian li:nth-child(3) a:before {
    content: "\70ED";
    background: #ff4800;
    display: inline-block;
    padding: 0 2px;
    text-align: center;
    color: #fff;
    line-height: 16px;
    height: 16px;
    font-size: 12px;
    border-radius: 4px;
    font-weight: 200;
    margin-top: 14px;
    float: right;
    margin-left: 8px;
}
.jinpinTjian li:nth-child(4) a:before {
    content: "\65B0";
    background: #ff455b;
    display: inline-block;
    padding: 0 2px;
    text-align: center;
    color: #fff;
    line-height: 16px;
    height: 16px;
    font-size: 12px;
    border-radius: 4px;
    font-weight: 200;
    margin-top: 14px;
    float: right;
    margin-left: 8px;
}

.main-right .right_box {
    float: right;
    background: rgb(255, 255, 255);
    border-radius: 10px;
    width: 296px;
    padding: 18px 20px;
    margin-top: 10px;
}
.main-right .right_box span {
    float: left;
    width: 100%;
    font-size: 16px;
    color: rgb(0, 0, 0);
    margin-bottom: 15px;
    font-weight: 700;
}
.main-right .right_box span em {
    background: url(../images/ico_2024.png) -57px -1px no-repeat;
    float: left;
    width: 21px;
    height: 20px;
    margin-top: 1px;
    margin-right: 2px;
}

.main-right .right_box ul {
    flex-wrap: wrap;
    justify-content: space-between;
    display: flex;
    float: left;
}
.main-right .right_box li {
    float: left;
    width: 48%;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
}
.right_box li::before {
    content: "1";
    line-height: 15px;
    color: rgb(255, 255, 255);
    width: 16px;
    height: 16px;
    font-size: 12px;
    text-align: center;
    float: left;
    margin-top: 12px;
    margin-right: 7px;
    background: rgb(199, 199, 199);
    border-radius: 4px;
}
.right_box li:nth-child(1)::before {
    content: "1";
    background: rgb(227, 62, 66);
}
.right_box li:nth-child(2)::before {
    content: "2";
    background: rgb(231, 128, 92);
}
.right_box li:nth-child(3)::before {
    content: "3";
    background: rgb(247, 159, 75);
}
.right_box li:nth-child(4)::before {
    content: "4";
    background: rgb(232, 184, 86);
}
.right_box li:nth-child(5):before {
    content: "5";
}
.right_box li:nth-child(6):before {
    content: "6";
}
.right_box li:nth-child(7):before {
    content: "7";
}
.right_box li:nth-child(8):before {
    content: "8";
}
.right_box li:nth-child(9):before {
    content: "9";
}
.right_box li:nth-child(10):before {
    content: "10";
}
.footer {
    width: 100%;
    padding: 5px 0px;
    background: rgb(43, 51, 62);
    float: left;
    border-top: 1px solid rgb(226, 226, 226);
    margin-top: 14px;
}
.footer p {
    float: left;
    width: 100%;
    text-align: center;
    color: rgb(216, 221, 224);
    font-size: 12px;
    height: 28px;
    line-height: 28px;
}
.footer p a {
    color: rgb(216, 221, 224);
    font-size: 12px;
}

.content .rel_art_item {
    position: relative;
    width: 50% !important;
    overflow: hidden;
    height: 33px;
    float: left;
    font-size: 15px;
    color: #2965b1;
    line-height:33px;
}

.content .rel_art_item a {
    display: inline-block;
    background: #fff;
    font-size: 17px;
    position: absolute;
    z-index: 2;
    max-width: 68%;
    height: 24px;
    padding-right: 5px;
    font-weight: 700;
    color: #2965b1;
}

.content .rel_art_item a:before {
    content: "";
    height: 28px;
    background: url(../images/one_dow_icon.7.png) no-repeat;
    float: left;
    width: 24px;
    background-size: 260%;
    margin-right: 6px;
    background-position: 0 -225px;
    margin-top: 4px;
    border: 0;
}
.content .rel_art_item span {
    float: right;
    font-size: 12px;
    color: #bebbbb;
    background: #fff;
    position: absolute;
    z-index: 2;
    right: 6px;
    padding-left: 6px;
}
.content .rel_art_item:after {
    content: "";
    border-bottom: 1px dashed #cecece;
    width: 68%;
    top: 15px;
    display: inline-block;
    position: absolute;
    right: 46px;
}

.rightPanel {
    background: #fff;
    padding: 10px;
    width: 296px;
    float:right;
    border-radius: 10px;
}

.panelTitle {
    font-size: 18px;
    clear: both;
    overflow: hidden;
    height: 40px;
    line-height: 40px;
    font-weight: normal;
}

.hotCommentTitle {
    border-bottom: 1px solid #dcdcdc;
    margin-bottom: 16px;
    padding-bottom: 10px;
}

.rightPanel .panelTitle a {
    display: block;
    float: right;
    font-size: 12px;
    color: #5188a6;
    font-weight: normal;
}