.kr-mobile-layout {
    background: #fff
}

.kr-mobile-footer {
    padding: 1.33333rem .8rem .8rem;
    background: #2d3137
}

.kr-mobile-footer .logo-bar {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.33333rem
}

.kr-mobile-footer .logo-bar .logo {
    width: 6.98667rem;
    height: 2.17333rem;
    background: url(../images/logo.png) no-repeat;
    background-size: 100%
}

.kr-mobile-footer .logo-bar .about-us {
    height: 1.06667rem;
    line-height: 1.06667rem;
    font-size: .8rem;
    color: #fff;
    opacity: .6
}

.kr-mobile-footer .record {
    border-top: .05333rem solid #666;
    padding-top: .8rem;
    color: #666;
    font-size: .64rem;
    line-height: .96rem
}

.nav-wrapper {
    position: relative;
    z-index: 100
}

.nav-wrapper .nav-bar {
    position: relative;
    z-index: 1001;
    display: flex;
    justify-content: space-between;
    height: 16vw;
    padding: 0 .8rem;
    background-color: #fff
}

.nav-wrapper .nav-bar .logo {
    width: 7.25333rem;
    height: 3.06667rem;
    background-image: url(../images/logo.png);
    background-size: 100%;
    background-repeat: no-repeat;
    margin: auto 0
}

.nav-wrapper .nav-bar .nav-toggle {
    position: relative;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    width: .96rem;
    height: .96rem;
    margin: auto 0
}

.nav-wrapper .nav-bar .nav-toggle:before {
    content: "";
    transition: transform .6s cubic-bezier(.48,.43,.29,1.3),background-color .3s
}

.nav-wrapper .nav-bar .nav-toggle .middle-block,.nav-wrapper .nav-bar .nav-toggle:before {
    display: block;
    width: 100%;
    height: 16.66667%;
    background-color: #d50007;
    transform-origin: 50% 50%
}

.nav-wrapper .nav-bar .nav-toggle .middle-block {
    transition: all .3s ease-in
}

.nav-wrapper .nav-bar .nav-toggle:after {
    content: "";
    display: block;
    width: 100%;
    height: 16.66667%;
    background-color: #d50007;
    transform-origin: 50% 50%;
    transition: transform .6s cubic-bezier(.48,.43,.29,1.3),background-color .3s
}

.nav-wrapper .nav-bar .close-mode:before {
    transform: translateY(250%) rotate(225deg);
    border-radius: .08rem
}

.nav-wrapper .nav-bar .close-mode .middle-block {
    height: 0;
    opacity: 0
}

.nav-wrapper .nav-bar .close-mode:after {
    transform: translateY(-250%) rotate(-225deg);
    border-radius: .08rem
}

.current-one {
    font-weight: 700;
    color: #ced346!important
}

.menu-list-wrapper {
    position: fixed;
    z-index: 1000;
    -webkit-overflow-scrolling: touch;
    background: hsla(0,0%,100%,.9);
    width: 100%;
    height: 100%;
    padding-top: 4.4rem;
    transition: .6s;
    max-width: 50%;
}

.menu-list-wrapper .top-nav-wrapper .top-nav {
   position: relative;
    font-size: 1.19333rem;
    color: #262626;
    line-height: 1.64rem;
    height: 1.64rem;
    text-align: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto .6rem;
    z-index: 10;
}

.menu-list-wrapper.show {
    right: 0;
    top: 0;
}

.menu-list-wrapper .top-nav-wrapper .top-nav a {
    color: inherit
}

.menu-list-wrapper .top-nav-wrapper .top-nav .fold-arrow {
    position: absolute;
    top: 28%;
    right: -1.6rem;
    width: 1.33333rem;
    height: 1.33333rem;
    padding: .26667rem .26667rem .53333rem
}

.menu-list-wrapper .top-nav-wrapper .top-nav .fold-arrow:after {
    content: "";
    display: block;
    width: .8rem;
    height: .53333rem;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAeCAYAAAC49JeZAAABuUlEQVR4AeyXIUzDQBSGx71bmooq5kCOYPEBn+AnhsfMZwoxi8EHw3xG5gXzAT/RY0AChmBQCAIr9wvCssD9Hbx2XcJLXprrvXv9tnu997c2Y/92E0XbKwWcihw4Y95wXQngich+asyr9wxXjKtdEtbuOWNeAPzpGON+JYFv6/UdD/gM0HnHfcxXqySiaMuDPQLwJ8c84ioB7OJ40wPdAYw54hC/VOCHJFn3MGMALeBjrFsK8FOjkTiRK4As6liH9eWWRLMZOZFREE7knICPkKcU4KzVEicyDAFdG3OEWFwJ+BD5igXOsrVUpB8EsfZkdg3GZEf6yKtPmx/gbB4AY9znP1Tf8m/1H0tKzZwxHQJ8wV4qzCOOnOMdTcU2DZTEZd7jC3GID0BP8TxNxcYbhU5D4sqQKrZAS76P443f5Ma6UOvnypArNn3xw0UWV4b6yUr8c5hiw7ZNrN2tKRrysTIEV/kviP4Ln+soeveJ2wV/W7bxHH60csXGD339JsaVYdbrGT841W+v+nIBnOD9Crb2WF/I6Akz8H0b7Ce7AcVWqBFl2A1vj8ihExlwcV7Kx8YAPB9jGA4AAC4U4XGtqaeWAAAAAElFTkSuQmCC);
    transition: .3s
}

.menu-list-wrapper .top-nav-wrapper .top-nav .up:after {
    transform: rotate(0)
}

.menu-list-wrapper .top-nav-wrapper .top-nav .down:after {
    transform: rotate(180deg)
}

.menu-list-wrapper .top-nav-wrapper .sub-nav-wrapper {
    display: flex;
    flex-wrap: wrap;
    padding: 0 2.02667rem;
    transition: all .6s cubic-bezier(.48,.43,.29,1.3);
    z-index: 1
}

.menu-list-wrapper .top-nav-wrapper .sub-nav-wrapper .sub-nav {
    width: 5.12rem;
    height: 1.70667rem;
    line-height: 1.70667rem;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASAAAABgBAMAAABPgrJrAAAAFVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAASAQCkAAAAB3RSTlMABQYBAwIEBUjx7AAAAL1JREFUeAFiQAeA9u3YBmEoCILoGRti5ApgAWKLCiwqQFSA6L8I8guMEMHtt2Z6eOGMKu0YqV61nSM1qLZTpDrVto/UU7XNkXqrtilSMkO2dUO2c0O2ARnIQAYykIGsaWQ3kDWGrAcZyEAGMpCBzBcZyEAGMpBd3ZBdQPallxuyB8haR9ZpOZDd3ZCNWgxkw3qRgQxkIAMZyEAGMpCBDGQgA1mArDFkB5CBDGQgq236HxlnCWeJFbIZZD8i+wCJBm/S/VnFtQAAAABJRU5ErkJggg==);
    background-size: 100%;
    background-repeat: no-repeat;
    font-size: .85333rem;
    color: #262626;
    letter-spacing: -.01227rem;
    text-align: center;
    margin-bottom: .8rem;
    margin-right: .26667rem;
    transform-origin: top
}

.menu-list-wrapper .top-nav-wrapper .sub-nav-wrapper .sub-nav a {
    color: inherit
}

.menu-list-wrapper .top-nav-wrapper .sub-nav-wrapper .sub-nav:nth-of-type(3n) {
    margin-right: 0
}

.menu-list-wrapper .top-nav-wrapper .show {
    opacity: 1;
    transform: translateY(0) scaleY(1)
}

.menu-list-wrapper .top-nav-wrapper .hide {
    opacity: 0;
    transform: translateY(-50%) scaleY(0)
}

.show-menu {
    -webkit-animation: show .3s linear;
    animation: show .3s linear;
    top: 0
}

.hide-menu {
    -webkit-animation: hide .3s linear;
    animation: hide .3s linear
}

.default-menu,.hide-menu {
    bottom: 100vh
}

@-webkit-keyframes show {
    0% {
        opacity: 0;
        top: -100vh
    }

    1% {
        opacity: .1;
        top: -5vh
    }

    70% {
        top: 1vh
    }

    to {
        opacity: 1;
        top: 0
    }
}

@keyframes show {
    0% {
        opacity: 0;
        top: -100vh
    }

    1% {
        opacity: .1;
        top: -5vh
    }

    70% {
        top: 1vh
    }

    to {
        opacity: 1;
        top: 0
    }
}

@-webkit-keyframes hide {
    0% {
        opacity: 1;
        top: 0
    }

    95% {
        opacity: 0;
        top: 0
    }

    to {
        opacity: 0;
        top: -100vh
    }
}

@keyframes hide {
    0% {
        opacity: 1;
        top: 0
    }

    95% {
        opacity: 0;
        top: 0
    }

    to {
        opacity: 0;
        top: -100vh
    }
}

@media screen and (orientation: landscape) {
    .default-menu,.hide-menu {
        bottom:300vh
    }

    .nav-toggle {
        display: none!important
    }
}

.preview-bar {
    width: 20rem;
    height: 1.92rem;
    background-color: rgba(212,2,2,.12);
    font-size: .74667rem;
    color: #ced346;
    text-align: center;
    line-height: 1.92rem
}

.kr-mobile-article {
    min-height: 21.33333rem;
    min-height: calc(100vh - 10.4rem)
}

.kr-mobile-article .article-part {
    padding: 0 .8rem
}

.kr-mobile-article .article-part .bottom-line {
    height: 2.98667rem;
    display: flex;
    align-items: center
}

.kr-mobile-article .article-part .bottom-line .line {
    width: 100%;
    height: .05333rem;
    background-color: #e5e5e5
}

.kr-mobile-article .article-part .body-content-wrapper {
    margin-bottom: 2.13333rem
}

.kr-mobile-article .article-part .extra-info {
    background-color: #fafafa;
    padding: .53333rem .8rem;
    color: rgba(0,0,0,.4);
    font-size: .74667rem;
    line-height: 1.33333rem;
    margin-bottom: 2.66667rem
}

.kr-mobile-article .article-part .extra-info a {
    color: #4d7fd0
}

.kr-default-img-have-logo {
    height: 100%;
    width: 100%;
    background: url(../images/ic_default_100_56@2x.ec858a2a.png) no-repeat 50%;
    background-size: 5.33333rem 2.98667rem;
    background-color: #edf1f4
}

.kr-default-img-avatar {
    height: 100%;
    width: 100%;
    background: url(../images/ic_default_100_56@2x.ec858a2a.png) no-repeat 50%;
    background-size: contain;
    background-color: #edf1f4
}

.kr-default-img-enterprise-avatar {
    height: 100%;
    width: 100%;
    background: url(../images/head_default.72d761bf.png) no-repeat 50%;
    background-size: cover
}

.kr-default-img-no-logo {
    height: 100%;
    width: 100%;
    background-color: #edf1f4
}

.article-body .body-feed {
    background: #262626;
    padding: .05333rem .53333rem;
    color: #fff;
    font-size: .69333rem
}

.article-body .body-title {
    font-size: 1.06667rem;
    color: #262626;
    line-height: 1.49333rem;
    margin: .53333rem 0
}

.article-body .body-bar {
    display: flex;
    color: #bfbfbf;
    font-size: .64rem;
    margin-bottom: 2.13333rem;
    line-height: .85333rem
}

.article-body .body-bar i {
    transform: translateY(.26667rem);
    height: .42667rem;
    width: .05333rem;
    border-right: .05333rem solid #bfbfbf;
    margin: 0 .42667rem
}

.article-body .body-quote p {
    color: #8c8c8c;
    font-size: .74667rem;
    line-height: 1.28rem;
    position: relative;
    padding-bottom: 1.06667rem
}

.article-body .body-quote .quote-icon {
    display: block;
    height: .05333rem;
    width: 1.6rem;
    border-bottom: .05333rem solid #da0202;
    margin-bottom: 1.06667rem
}

.body-content-wrapper {
    position: relative
}

.body-content-wrapper #body-content {
    font-size: .85333rem;
    color: #262626;
    letter-spacing: 0;
    text-align: justify;
    line-height: 1.6rem
}

.body-content-wrapper #body-content:after {
    content: "";
    display: block;
    width: 100%;
    height: 0;
    border: .05333rem solid transparent;
    box-sizing: border-box
}

.body-content-wrapper #body-content .insert-entities-continer {
    width: 100%
}

.body-content-wrapper #body-content.no-open {
    max-height: 64rem
}

.body-content-wrapper #body-content h2,.body-content-wrapper #body-content h3,.body-content-wrapper #body-content p {
    margin-bottom: 1.06667rem
}

.body-content-wrapper #body-content p.img-desc {
    font-size: .74667rem;
    color: #999;
    text-align: center;
    line-height: 1.8;
    max-width: 100%;
    margin-top: -.53333rem
}

.body-content-wrapper #body-content em,.body-content-wrapper #body-content i {
    font-style: italic
}

.body-content-wrapper #body-content b,.body-content-wrapper #body-content h1,.body-content-wrapper #body-content h2,.body-content-wrapper #body-content h3,.body-content-wrapper #body-content h4,.body-content-wrapper #body-content h5,.body-content-wrapper #body-content h6,.body-content-wrapper #body-content strong {
    font-weight: 600
}

.body-content-wrapper #body-content h2 {
    font-size: 1.01333rem;
    line-height: 1.28rem;
    position: relative;
    color: #ced346
}

.body-content-wrapper #body-content h3 {
    position: relative;
    font-size: .96rem;
    line-height: 1.28rem
}

.body-content-wrapper #body-content h3:before {
    position: absolute;
    top: .21333rem;
    bottom: .21333rem;
    left: -.8rem;
    width: .16rem;
    background: #ced346;
    display: block;
    content: ""
}

.body-content-wrapper #body-content img {
    max-width: 100%;
    border-radius: .10667rem;
    margin: 0 auto;
    display: block
}

.body-content-wrapper #body-content ol,.body-content-wrapper #body-content ul {
    padding: 0 0 0 1.06667rem
}

.body-content-wrapper #body-content ol li,.body-content-wrapper #body-content ul li {
    margin-bottom: .32rem
}

.body-content-wrapper #body-content ul {
    list-style-type: disc
}

.body-content-wrapper #body-content ol {
    list-style-type: decimal
}

.body-content-wrapper #body-content>ol,.body-content-wrapper #body-content>ul {
    margin-bottom: 1.06667rem
}

.body-content-wrapper #body-content a {
    color: #4285f4;
    padding: 0;
    border-bottom: .05333rem solid rgba(66,133,244,.4)
}

.body-content-wrapper #body-content address {
    position: relative;
    font-size: .85333rem;
    color: #262626;
    line-height: 1.6rem;
    border: 0;
    font-weight: bolder
}

.body-content-wrapper #body-content hr {
    display: block;
    padding: 0;
    border: 0;
    height: 0;
    border-top: .05333rem solid #eee;
    box-sizing: content-box
}

.body-content-wrapper #body-content blockquote {
    position: relative;
    padding-left: 2.13333rem
}

.body-content-wrapper #body-content blockquote:before {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1.28rem;
    height: 1.28rem;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAC2UlEQVR4AeyaA6wdQRSG2z1zrdq2bdu2G9W2bSOsGdQ2g7r37m5t23a7PVvcTFCfzbxO9ktO+170/Tdz7pydeRvLRl5sbGxsbGxsbGxsbGxUgOoRgM26y5VZJhcJRv78joiinA0rioH1DsPXl8FFBgbu+S2wgT8/PhsIJJDBRULE70+IYZ98D60qSncZXGSEAWZ/D4x1xvwKyOAiQXU48mCbf4y2PEBVGVxkYMi9XOBNErhIR21Drt3f8SNXvEswl9OkcWO7X4muKGNTZHBRjtoh3Ki9dzFu3JAELho0jyc5Bn0RbXmAtjK4KEftUm5FNWP4cEUCFw26w1EEg37i9oPSErhoMAwjdgTgMDdql8vgohy1rblR+1p1u9NI4KLhZMKEfgx6i2v3URK46MCQ47jN8oaeOLFPAhcNx9zudBj0TfQEDdBcBhflqF3NPYccMDdQCVw06IyV49r9k+ZwFJLARYPRsCFg2GPciu5WAZZgeA1/f4X1GutJBOBQmLHp5gcU4BKHqigdo4G5B7afFX4gVQWoI9hlPcdCobgY4hGW8TcVAZjHTx/BLnpQuogP8ZfB999Klswr3kV/tVmQb/N/KoCt5v4i0EUP/xRLURFF6SrIRY/KWHFeSFRPj/t8iUW6KB/U1nAyypXtL8BFy8lgMB7/ZxXiOi3KRfpCAC+iLt3vTyTCRXk5PtTK0BpjZQW46AgzNsnK0CpAMxEuynuYGVaGjgA0EOGi/Ir1s7jtKwlw0aEB1KAOyl9fmJNLhIt6zL+1KPQpMS76Q+oKi0L3EuiK+UeN8/HiBUW6qI8bC4hXtIN4F/FehLLTRON2rXiXBRz3eFKi9No/Bt7O3/SJdxFz0udLEgbY9rfXoCezZ3fGRBf5SwQYvC0GufDbF+mMlRHrEoD5Xk4EoBbWzDDAUQx3B+vxlxtBgF3m2Up3OPL9b67P7cGBAAAAAIAgf+tBrn4AAAAACD0dAEf8ix68AAAAAElFTkSuQmCC);
    background-size: 100%;
    background-repeat: no-repeat
}

.body-content-wrapper #body-content blockquote p {
    opacity: .6;
    font-size: .85333rem;
    color: #262626;
    letter-spacing: 0;
    line-height: 1.49333rem
}

.body-content-wrapper #body-content .third-iframe {
    width: 100%;
    height: 46vw
}

#atlas-viewer {
    width: 20rem;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.8)
}

#atlas-viewer .atlas-container {
    position: absolute;
    top: 50%;
    height: 8.64rem;
    transform: translateY(-50%);
    background: #fff
}

#atlas-viewer .atlas-container .img-container {
    width: 20rem;
    height: 8.64rem;
    float: left;
    text-align: center;
    line-height: 8.64rem
}

#atlas-viewer .atlas-container .img-container img {
    max-width: 100%;
    max-height: 100%
}

#atlas-viewer .atlas-position {
    position: absolute;
    bottom: 1.06667rem;
    height: 1.6rem;
    line-height: 1.6rem;
    left: 50%;
    transform: translate(-50%);
    color: #fff
}

.kr-portal {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    z-index: 1009;
    overflow: hidden
}

.kr-portal .kr-portal-mask {
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    position: absolute;
    background: rgba(0,0,0,.5);
    overflow: scroll
}

.insert-audio {
    position: relative;
    display: flex;
    width: 100%;
    height: 4.05333rem;
    box-shadow: 0 0 .42667rem 0 #eaeced;
    background: #fff;
    border-radius: .16rem;
    padding: .74667rem;
    overflow: hidden
}

.insert-audio .control-btn {
    width: 2.56rem;
    height: 2.56rem;
    background-size: 100%
}

.insert-audio .pause {
    background-image: url(../images/ic_control_audio_suspend_48@2x.c16f8e30.png)
}

.insert-audio .play {
    background-image: url(../images/ic_control_audio_play_48@2x.b6512ef2.png)
}

.insert-audio .audio-info {
    margin-left: .42667rem;
    padding-top: .10667rem
}

.insert-audio .audio-info .audio-title {
    max-width: 13.86667rem;
    overflow: hidden;
    font-family: PingFangSC-Medium;
    font-size: .90667rem;
    color: #262626;
    letter-spacing: 0;
    text-align: justify;
    white-space: nowrap
}

.insert-audio .audio-info .carousel {
    transition: all 1s linear;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    -webkit-animation: carousel 8s linear .8s infinite;
    animation: carousel 8s linear .8s infinite;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

@-webkit-keyframes carousel {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(calc(-100% + 12.8rem))
    }
}

@keyframes carousel {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(calc(-100% + 12.8rem))
    }
}

.insert-audio .audio-info .audio-specs {
    opacity: .4;
    font-family: PingFangSC-Regular;
    font-size: .64rem;
    color: #262626;
    letter-spacing: 0;
    text-align: justify
}

.insert-audio .audio-info .audio-specs span:first-child {
    margin-right: .53333rem
}

.insert-audio .time-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: .10667rem
}

.insert-audio .time-bar .current-bar {
    position: absolute;
    height: 100%;
    background: #f95355
}

.insert-audio .time-bar:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: #e4e6e9
}

.insert-video .video-wrapper {
    position: relative;
    width: 100%;
    height: 52vw
}

.insert-video .video-wrapper .cover-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: 100
}

.insert-video .video-wrapper .cover-wrapper .play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 2.56rem;
    height: 2.56rem;
    background-size: 100%;
    background-repeat: no-repeat;
    transform: translate3d(-50%,-50%,0);
    background-image: url(../images/ic_video_play_48@2x.73a8594a.png)
}

.insert-video .video-wrapper .cover-wrapper .video-cover {
    width: 100%;
    height: 52vw;
    border-radius: 0
}

.insert-video .video-wrapper .loading-tip {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: 200
}

.insert-video .video-wrapper .loading-tip .slogan {
    width: 14.93333rem;
    height: 1.33333rem;
    margin: 20vw auto 0;
    background-image: url(../images/ic_video_loading_title@2x.cce008c0.png);
    background-size: 100%;
    background-repeat: no-repeat
}

.insert-video .video-wrapper .loading-tip .moving-line {
    position: relative;
    width: 14.4rem;
    height: .05333rem;
    background-image: url(../images/ic_loading_darkbarbg@2x.50554977.png);
    background-size: 100%;
    background-repeat: no-repeat;
    overflow: hidden;
    margin: .8rem auto 0
}

.insert-video .video-wrapper .loading-tip .moving-line:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 14.4rem;
    height: .05333rem;
    background-image: url(../images/ic_loading_light@2x.901790ed.png);
    background-size: 100%;
    background-repeat: no-repeat;
    -webkit-animation: loading-line 1s infinite;
    animation: loading-line 1s infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

@-webkit-keyframes loading-line {
    0% {
        left: -14.34667rem;
        opacity: 0
    }

    40% {
        opacity: .5;
        left: 0
    }

    to {
        left: 14.34667rem;
        opacity: 0
    }
}

@keyframes loading-line {
    0% {
        left: -14.34667rem;
        opacity: 0
    }

    40% {
        opacity: .5;
        left: 0
    }

    to {
        left: 14.34667rem;
        opacity: 0
    }
}

.insert-video .video-wrapper .video-load-fail {
    height: 100%;
    font-size: 100%;
    background: #000;
    color: #fff;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 200
}

.insert-video .video-wrapper .video-load-fail span {
    display: block
}

.insert-video .video-wrapper .video-load-fail button {
    display: block;
    border: .05333rem solid #fff;
    color: #fff;
    background: #000;
    border-radius: .8rem;
    width: 4.26667rem;
    height: 1.49333rem;
    line-height: .85333rem;
    font-size: .64rem;
    margin: .8rem auto
}

.insert-video .video-wrapper .video-player {
    width: 100%;
    height: 100%;
    background: #000
}

.kr-card {
    width: 100%;
    position: relative
}

.kr-card .top-line {
    height: .21333rem;
    background: #da0202;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    border-radius: .10667rem .10667rem 0 0
}

.kr-card-content {
    width: 100%;
    min-height: 1.06667rem
}

.article-next h2 {
    font-size: .85333rem;
    height: 1.17333rem;
    line-height: 1.17333rem;
    color: #da0202;
    display: flex;
    align-items: center
}

.article-next h2 .line {
    flex: 1;
    margin-left: .53333rem;
    height: .10667rem;
    background-color: #da0202
}

.article-next .next-title {
    font-size: .96rem;
    color: #262626;
    line-height: 1.33333rem
}

.article-next .next-description {
    font-size: .74667rem;
    color: #8c8c8c;
    line-height: 1.06667rem
}

.article-next .next-time {
    font-size: .64rem;
    color: #bfbfbf
}

.article-item {
    width: 18.4rem
}

.article-item .label-part {
    display: flex;
    margin-bottom: .53333rem;
    overflow: hidden
}

.article-item .label-part .label-item {
    position: relative;
    display: inherit;
    height: .96rem;
    line-height: .96rem;
    font-size: .64rem;
    color: #fff;
    padding: 0 .53333rem;
    background-color: #da0202;
    margin-right: .32rem;
    transform: skewX(-17deg)
}

.article-item .label-part .label-item a {
    display: inline-block;
    color: inherit;
    transform: skewX(17deg);
    height: .96rem;
    line-height: .96rem
}

.article-item .label-part .label-item:first-child {
    margin-left: -.16rem
}

.article-item .basic-part {
    width: 18.4rem;
    height: 3.73333rem;
    display: flex;
    justify-content: space-between
}

.article-item .basic-part .item-pic {
    width: 6.4rem;
    height: 3.62667rem;
    display: block;
    position: relative;
    overflow: hidden
}

.article-item .basic-part .item-pic .item-feed {
    position: absolute;
    top: 0;
    left: 0;
    background: #262626;
    padding: 0 .21333rem;
    height: .85333rem;
    text-align: center;
    line-height: .85333rem;
    color: #fff;
    font-size: .53333rem
}

.article-item .basic-part .item-pic img {
    width: 100%;
    height: 100%
}

.article-item .basic-part .item-info {
    width: 11.36rem;
    height: 3.73333rem;
    position: relative
}

.article-item .basic-part .item-info .item-title {
    font-size: .85333rem;
    max-height: 2.34667rem;
    line-height: 1.17333rem;
    color: #262626;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.article-item .basic-part .item-info .item-bar {
    width: 100%;
    height: .96rem;
    line-height: .96rem;
    opacity: .4;
    font-size: .64rem;
    color: #262626;
    position: absolute;
    bottom: .05333rem;
    display: flex
}

.article-item .basic-part .item-info .item-bar .bar-author {
    display: block
}

.article-item .basic-part .item-info .item-bar .bar-time {
    position: relative;
    display: block;
    padding-left: .90667rem
}

.article-item .basic-part .item-info .item-bar .bar-time i {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: .42667rem;
    transform: translateY(-50%);
    width: .05333rem;
    height: .42667rem;
    opacity: .4;
    background: #262626
}

.article-item .basic-part .item-info:visited>.item-title {
    color: #787878
}

.newsflash-item {
    margin-bottom: 1.33333rem
}

.newsflash-item .title {
    position: relative;
    font-size: .85333rem;
    color: #262626;
    text-indent: .85333rem;
    line-height: 1.17333rem;
    margin-bottom: .53333rem;
    font-weight: 700
}

.newsflash-item .title:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: .42667rem;
    width: .32rem;
    height: .32rem;
    background-color: #da0202
}

.newsflash-item .time {
    opacity: .4;
    font-size: .74667rem;
    color: #262626
}

.atlas-viewer {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: #000;
    z-index: 1001;
    transition: opacity .5s;
    display: none;
    opacity: 0
}

.atlas-viewer.show {
    opacity: 1
}

.atlas-viewer.hide {
    opacity: 0
}

.atlas-viewer .atlas-container {
    position: absolute;
    height: 100%;
    background: #000
}

.atlas-viewer .atlas-container .img-container {
    position: relative;
    width: 20rem;
    height: 100%;
    background: #000;
    float: left;
    text-align: center;
    line-height: 8.64rem;
    display: flex;
    justify-content: center;
    align-items: center
}

.atlas-viewer .atlas-container .img-container img {
    max-width: 20rem;
    max-height: 75vh
}

.atlas-viewer .atlas-container .img-container .img-desc {
    position: absolute;
    bottom: 1.06667rem;
    color: #fff;
    height: 2.34667rem;
    line-height: 1.17333rem;
    width: 18.66667rem;
    font-size: .85333rem;
    text-align: left;
    font-weight: 500
}

.atlas-viewer .atlas-position {
    position: absolute;
    top: 1.6rem;
    height: 1.6rem;
    line-height: 1.6rem;
    left: 50%;
    transform: translate(-50%);
    color: #fff;
    font-size: .85333rem;
    letter-spacing: 0
}

.atlas-viewer .go-back {
    position: absolute;
    top: 1.86667rem;
    left: .42667rem;
    width: 1.28rem;
    height: 1.28rem;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAAAXNSR0IArs4c6QAAAaJJREFUeAHt2DFKQ1EQheEgluICUlhYibWluALBRYidILiCbMGFCO7A2specAEWdqkEjecWDwbxHJ5ikLz7XxgyzOTl5X6Zm0BmMxYCCCCAAAIIIIAAAggggAACCKxfYLVazRU3imvF9vrvuEF3EMie4lkxrFslILXPUBBfcSrS1gZ9zn//VgPOgHT6m7tOQrXhaPP3iv2A8Bp6022NmJw2QYvpCoSdgQNOEAgtJgecIBBaTA44QSC0mBxwgkBoMTngBIHQYnLACQKhxeSAEwRCi8nJOIcCelGktQgvMd2WRI4Ub0lGPXACUJ847UwIZSOO1X/+ab/ToMx6V/3R9Pooa4IuFR/heLXvprM+NMwuBXAFksEZygK6UKRfMiZJQCeKpcItkCQD0nCs3CNITqbUQSoYLgXJyZQ6SAXDpSA5mVIHqWC4FCQnU+ogFQyXguRkSh2kguFSkJxMqYNUMFwKkpMpdZAKhktHIh2467uoj0A67wIibTIgPam3m67tpvcNUsOZdwMwZqMCOVY8KO7AGSPGcxBAAAEEEEAAAQR+LPAJMOHJNMnVD24AAAAASUVORK5CYII=);
    background-size: 100%
}

.atlas-item-wrapper {
    margin: .8rem 0
}

.atlas-item-wrapper .atlas-title {
    font-size: .85333rem;
    color: #262626;
    font-weight: 700;
    margin-bottom: .53333rem
}

.atlas-item-wrapper .atlas-cover {
    position: relative;
    width: 100%;
    height: 10.45333rem;
    background-size: cover;
    background-position: 50%
}

.atlas-item-wrapper .atlas-cover .img-count {
    position: absolute;
    bottom: .26667rem;
    right: .26667rem;
    height: .96rem;
    padding: 0 .26667rem 0 1.33333rem;
    background-color: rgba(38,38,38,.2);
    border-radius: .02667rem;
    line-height: .96rem;
    font-size: .64rem;
    color: #fff;
    text-align: right
}

.atlas-item-wrapper .atlas-cover .img-count:after {
    content: "";
    display: block;
    position: absolute;
    top: .16rem;
    left: .32rem;
    width: .64rem;
    height: .64rem;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAAXNSR0IArs4c6QAAAk5JREFUWAntl8tKHUEQhh01Rw3qUsk7uPEVRIlLwefQXUREcJF4BcGF4AOIIAiCBgKSoCiCCy97HyDJIksJCirH70e7rTPM9VxGBQt+u7q66q9/ek7POEGTsXK5PMJ0CLSacCPdO8j3giDYdU2anfM0DjAWJUYt1WtQjrOwoF8sSHVRpl77RTV779OYHeBklcA8+A1eytR7AZQC/sxzqZONudzcrIsS9IeyT7lLG1PwV4LKjpsHVOD8IkerIfwcKlJHZK+3JYitbAET4AxcPY2at0ReXj2CkHuzfAQl5sAvVjqK102UpW6qmBhFxLUTSTZh0mtybZMkQbpNzqZwOoFGZ2c1qTDFjlBjkiD9Zpx1qp6JRDm7MpyRLontkQuhoCPUmHTKLk3dOLkSNW5idt2HyesHG+AfwWvG/+AQfAOfQZdPjnJI8GbXCeb+DVEzBm49YbRzR/gcrIBR0AO8Jd2yXKcMxi+e9dm5f3azebGCtFtQZHoOkTcZanfMvA80g16gndCOXADtUKwlCrK3MM6HeTrEvs/8Y0J+N+vDYBYcgRvgrSZBsMx4pkfnJ0NHnJioOPltlqNqQZB8tUT4eyDTMQ8LszxVCYJgzpLg/wBt4UZZ55YrtyCKlywB/ndQtRiJtnyVk5RLonDZFuPvgFJKWeqy5cwsiCIdW2vbTD6kdsuQYElTBZGsf3NXbRH+FqjbJ7flThREosSs2QL8TVA3MdpAy6+Gr+mr415v+/UMt7molFNtl75c9dX4kl+uer+dgNhXTlE78t4n9w48AAl8ZVyCIwXdAAAAAElFTkSuQmCC);
    background-size: 100%
}

.topic-container {
    min-height: calc(100vh - 10.4rem)
}

.topic-container .top-part {
    background: #fff
}

.topic-container .top-part .title-image {
    position: relative
}

.topic-container .top-part .title-image .topic-image {
    position: relative;
    width: 20rem;
    height: 11.2rem
}

.topic-container .top-part .title-image .topic-image img {
    display: block;
    width: 100%;
    height: 100%
}

.topic-container .top-part .title-image .topic-title {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 20rem;
    background: rgba(0,0,0,.5);
    padding: .26667rem .8rem;
    font-size: .85333rem;
    color: #fff;
    line-height: 1.28rem;
    text-indent: 2.56rem
}

.topic-container .top-part .title-image .topic-title:before {
    content: "\4E13\9898";
    display: block;
    position: absolute;
    top: .42667rem;
    left: .8rem;
    width: 2.13333rem;
    height: .96rem;
    line-height: .96rem;
    background: #da0202;
    font-size: .64rem;
    text-align: center;
    text-indent: 0
}

.topic-container .top-part .summary {
    padding: .8rem;
    opacity: .6;
    font-size: .8rem;
    color: #262626;
    line-height: 1.44rem
}

.topic-container .module-wrapper {
    padding: 1.33333rem .8rem 0
}

.topic-container .module-wrapper .module-title {
    position: relative;
    padding-left: 1.17333rem;
    font-size: .96rem;
    font-weight: 700;
    color: #ced346;
    padding-bottom: .53333rem;
    border-bottom: .05333rem solid #da0202;
    margin-bottom: 1.33333rem
}

.topic-container .module-wrapper .module-title:after {
    content: "";
    display: block;
    position: absolute;
    top: .32rem;
    left: 0;
    width: .85333rem;
    height: .85333rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwAgMAAAAqbBEUAAAACVBMVEXNAgIAAADaAgJDd6jDAAAAAnRSTlP/AOW3MEoAAAAoSURBVHgBY6AyYA2FggDqcFaBAUHOSpCOLIo5pFlK2AsDbxrlHOoCAPX3hfOaH/I1AAAAAElFTkSuQmCC) no-repeat;
    background-size: 100%
}

.topic-container .module-wrapper .module-content {
    overflow: hidden
}

.blank {
    position: relative;
    margin-bottom: .53333rem
}

.blank:after {
    content: "";
    display: block;
    position: absolute;
    width: 20rem;
    height: .53333rem;
    bottom: -.53333rem;
    left: 0;
    background: #fafafa
}