* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    font-size: 62.5%;
}

body {
    background-color: white;
    margin: 0 auto;
    font-family: Microsoft YaHei,Helvetica Neue,Helvetica,STHeiTi,Arial,sans-serif;
    font-size: 16px;
    color: #2b2b2b;
}

address, cite, em, i, mark, u {
    font-style: normal;
}

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
}

ul {
    list-style-type: none;
}

a {
    text-decoration: none;
    color: #2b2b2b;
}

img {
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic;
}

.page_main {
    max-width: 1240px;
    margin: 0 auto;
}

.header {
    width: 100%;
    padding: 10px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    background-color: white;
    position: fixed;
    top: 0;
    letter-spacing: 1px;
    font-size: 0.34rem;
    border-bottom: 3px solid;
    border-image: linear-gradient(to right, #FADE7A, #EC9505) 3;
    z-index: 99;
}

.header-left {
    display: flex;
    align-items: center;
}

.logo-box {
    display: flex;
    align-items: center;
    border-right: 1px solid #2b2b2b;
    padding: 0 10px 0 0;
}

.logo-box > a {
    width: 100px;
}

.logo-box img {
    width: 100%;
}

ul.breadcrumb {
    padding-left: 10px;
    display: flex;
}

ul.breadcrumb li {
    display: inline;
}

ul.breadcrumb li + li:before {
    padding: 3px;
    color: #2b2b2b;
    content: ">";
}

.up-corner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 5px;
}

.jian-fan {
    font-weight: 100;
    letter-spacing: 1px;
    align-self: center;
}

.direction {
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 20;
    color: white;
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    right: 0;
    display: none;
}

.direction img {
    position: relative;
    top: 40%;
    padding: 0 50px;
    width: 100%;
}

/*===========================body*/
.main-content {
    padding: 0 10px;
    position:relative;
    margin-top: 63px;
}

.left-content {
    margin-right: 360px;
}
.right-content {
    position: absolute;
    top:0;
    right: 20px;
    width: 320px
}

.art_tit_h1 {
    font-size: .48rem;
    color: #222;
    line-height: .68rem;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    word-break: break-all;
    padding: .3rem .3rem .2rem;
    font-weight: 700;
    text-align: justify;
    background: #fff;
    /*font-family: pingFang-regular, pingfang-t;*/
}

.art_time {
    display: block;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 0 .3rem .32rem;
    background: #fff;
    font-size: .2rem;
    color: #888;
    line-height: .24rem;
}

.art_cite {
    padding-right: .1rem;
}

.body-content img {
    width: 100%;
    text-align: center;
}

.body-content table {
    margin: 0px auto 30px;
}

.body-content table p {
    margin: 12px 0;
    text-align: left;
    text-indent: 29px;
}

.contact-btn {
    background-color: #fcbd36;
    border: none;
    color: white;
    padding: 5px 10px;
    text-decoration: none;
    font-size: .3rem;
    border-radius: 8px;
    cursor: pointer;
}

.sub-section {
    display: inline-flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 10px;
}

.main-body {
    margin: 0 .3rem .5rem;
    font-size: .34rem;
    color: #1a1a1a;
    line-height: .6rem;
    word-break: normal;
    text-align: justify;
}

.img_wrapper {
    text-align: center;
    padding: 0 .3rem;
    margin-bottom: .2rem;
}

.img_wrapper img {
    max-width: 640px;
    display: block;
    margin: 0 auto;
    height: auto;
}

.img_descr {
    line-height: 0.323rem;
    padding: 0.097rem 0;
    font-size: 0.258rem;
    margin: 0.095rem auto;
    display: inline-block;
    display: -moz-inline-stack;
    zoom: 1;
    text-align: left;
}

.newslist {
    background-color: #f8f8f8;
    padding: 10px;
    margin: 20px 0;
}

.newslist li {
    display: flex;
    align-items: center;
    padding-bottom: 2px;
    justify-content: space-between;
}

.newslist li a {
    color: #222;
    line-height: 25px;
}

.newslist hr {
    margin: 10px 0;
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #efefef;
}

.card_tit {
    font-size: .3rem;
    letter-spacing: .1rem;
    font-weight: 600;
    /*font-family: pingFang-regular, pingfang-t;*/
}

.rectan {
    width: 5px;
    height: 22px;
    background-color: #FCBD36;
    margin-right: 10px;
    border-radius: 2px;
}

.rank {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.rank-text {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1 1;
    -webkit-box-orient: vertical;
    -webkit-box-pack: justify;
    display: -webkit-box;
    width: 100%;
}

.rank p {
    align-self: flex-start;
    font-size: .26rem;
}

.m_f_div {
    display: block;
    width: 2rem;
    height: 1.34rem;
    background-size: .64rem .5rem!important;
    position: relative;
    margin-left: .26rem;
    overflow: hidden;
}

.m_f_div img {
    width: 100%;
}

.rank p.source {
    font-size: .22rem !important;
    color: #888;
    line-height: .24rem;
    padding: 0.23rem 0 0;
}

.footer {
    background-color: #e8e8e8;
    color: #a0a0a0;
    text-align: center;
    padding: 18px 0;
    /*font-family: pingFang-thin;*/
    letter-spacing: 0.5px;
    font-size: .22rem;
}

.footer-links a {
    color: #484848;
}

.copyright {
    padding-top: .2rem;
}

.fix {
    position: fixed;
    bottom: 0;
    max-width: 750px;
    z-index: 2;
    background-color: rgba(0, 0, 0, 0.2)
}

.cd-top {
    display: none;
    height: 50px;
    width: 50px;
    border-radius: 40px;
    position: fixed;
    bottom: 100px;
    right: 10px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    background: #FCBD36 url(//n.sinaimg.cn/us/up.png) no-repeat center 50%;
}

@media only screen and (min-width: 768px) {
    .cd-top {
        right: 20px;
        bottom: 20px;
    }
}

@media only screen and (min-width: 1024px) {
    .cd-top {
        height: 60px;
        width: 60px;
        right: 30px;
        bottom: 30px;
    }
}

@media screen and (max-width: 700px) {
    .left-content {margin:0}
    .right-content {display: none}
    .share-icon {display: block !important;}
}

.share-icon {
    height: 25px;
    width: 25px;
    display: none;
}

.share-icon img {
    width: 90%;
    object-fit: cover;
    padding-top: 6px;
}

.bottom-space {
    height: 50px;
}

/*=================ads*/
.ads60 {
    width: 100%;
    height: 50px;
    border-color: #efefef;
    text-align: center;
}

.ads260 {
    text-align: center;
    margin-bottom: .5rem;
}

.ads260 img {
    width: 260px;
}