.kr-mobile-home {
    min-height: 32rem
}

.home-banner {
    width: 20rem;
    height: 11.30667rem;
    overflow: hidden;
    position: relative;
    margin-bottom: 1.33333rem
}

.home-banner .banner-list {
    position: absolute;
    top: 0;
    width: 110.4rem;
    height: 100%;
    margin-left: -100%
}

.home-banner .banner-list .item-wrapper {
    padding: 0 .8rem;
    width: 20rem;
    height: 11.52rem;
    float: left
}

.home-banner .banner-list .item-wrapper .banner-item {
    width: 100%;
    height: 100%
}

.home-banner .banner-list .item-wrapper .banner-item .item-pic {
    display: block;
    position: relative;
    width: 100%;
    height: 10.34667rem;
    border-radius: .10667rem;
    overflow: hidden
}

.home-banner .banner-list .item-wrapper .banner-item .item-pic img {
    width: 100%;
    height: 100%
}

.home-banner .banner-list .item-wrapper .banner-item .item-pic .item-title {
    position: absolute;
    bottom: 0;
    display: block;
    height: 2.13333rem;
    width: 100%;
    padding: 0 .42667rem;
    line-height: 2.13333rem;
    font-size: .8rem;
    color: #fff;
    background-color: rgba(0,0,0,.5);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.home-banner .banner-control {
    position: absolute;
    top: 8.21333rem;
    left: 1.06667rem;
    z-index: 100
}

.home-banner .banner-control .banner-control-item {
    width: 1.06667rem;
    height: .16rem;
    margin-right: .10667rem;
    float: left;
    border-radius: .02667rem;
    position: relative
}

.home-banner .banner-control .banner-control-item .bg-line {
    display: block;
    background: hsla(0,0%,100%,.5);
    width: 1.06667rem;
    height: .16rem
}

.home-banner .banner-control .banner-control-item .pending-bg {
    height: .16rem;
    background: #da0202;
    display: block;
    width: 0;
    margin-top: -.16rem
}

.home-banner .banner-control .banner-control-item .pending-bg.start {
    -webkit-animation: pending 5s linear none;
    animation: pending 5s linear none
}

.home-banner .banner-control .banner-control-item .pending-bg.loaded {
    width: 1.06667rem
}

.home-banner .banner-control-new {
    display: flex;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%)
}

.home-banner .banner-control-new .banner-control-item {
    width: 1.17333rem;
    height: .16rem;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEIAAAAJCAQAAAAswjLMAAAANUlEQVR42mNggIMPoe/+DwR8vwruhM+i718NiBNefRaFO+L9qoEJhw+ho1ExGhWjUYEzKhgAVPUbhy/Mgp0AAAAASUVORK5CYII=);
    background-size: 100%;
    background-repeat: no-repeat;
    margin-left: .42667rem
}

.home-banner .banner-control-new .is-current {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEIAAAAJCAYAAACGy/pHAAAARklEQVR4AWPABm4zM4feYmL6P1Iw0L+rMAOBh0f0NhPTq5ESCCC/gvyMLTWsGmGpIRRflhjNEqNZYjRLjGaJ0SwxmiUwAQA1YvlqvwCTcgAAAABJRU5ErkJggg==)
}

@-webkit-keyframes pending {
    0% {
        width: 0
    }

    to {
        width: 1.06667rem
    }
}

@keyframes pending {
    0% {
        width: 0
    }

    to {
        width: 1.06667rem
    }
}

.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
}

.kr-loading-more {
    width: 100%
}

.kr-loading-more-button-default {
    width: 7.89333rem;
    height: 1.92rem;
    line-height: 1.92rem;
    text-align: center;
    font-size: .85333rem;
    border-radius: .05333rem;
    color: #fff;
    background-color: #da0202;
    margin: 0 auto
}

.kr-loading-more-button-app-pannel {
    text-align: center;
    width: 13.49333rem;
    height: 2.56rem;
    background: url(../images/btn_blue@2x.36194c07.png);
    background-size: 100%;
    background-repeat: no-repeat;
    margin: .74667rem auto 0
}

.kr-loading-more-tip-default {
    text-align: center;
    width: 7.89333rem;
    height: 1.92rem;
    line-height: 1.92rem;
    font-size: .85333rem;
    color: #fff;
    background-color: #da0202;
    margin: 0 auto;
    border-radius: .05333rem
}

.kr-loading-more-tip-app-pannel {
    text-align: center;
    width: 13.49333rem;
    height: 2.56rem;
    background: url(../images/btn_blue_loading@2x.da546db0.png);
    background-size: 100%;
    background-repeat: no-repeat;
    margin: .74667rem auto 0
}

.kr-loading-no-more-tip-default {
    text-align: center;
    height: 1.92rem;
    line-height: 1.92rem;
    font-size: .85333rem;
    color: #262626;
    margin: 0 auto
}

.home-flow {
    padding-left: .8rem
}

.home-flow .flow-title {
    display: flex;
    box-sizing: content-box;
    font-size: .96rem;
    color: #ced346;
    font-weight: 700;
    height: 1.28rem;
    width: 18.4rem;
    line-height: 1.28rem;
    padding-bottom: .53333rem;
    border-bottom: .05333rem solid #ced346
}

.home-flow .flow-title:before {
    content: "";
    display: block;
    width: .85333rem;
    height: .85333rem;
    margin: auto .32rem auto 0;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAC00lEQVR4Ae1ZA6wdQRT9nZ19P982gtq23aCMk9q27TYuYtS2rbBBbdu22+3clzub6fy3qHVPsryYc2bm3rfJCzvImPU3HySABJCAv13A/wwCgUAgEAiEQ5xPPcTYJ3F8PMx5Q0c/w5iFfjf1WD/HQc6biPx15PNhxsaFHIex60F/xm452EfbeTmvDySmyS87CD4cHx/vIGA2+tmJZayfAwRY5cub4v4pPIt8e/UxjoaHF1ZjDgUCxULw2Ilcn58sXjygk4DEC75GACZ7fCQiIsvtOF+gQDjmWY15XuM7dXZ7aMJ7q3acgJfIc53zLBpGq68U8DDMJw4bRmc5zlHOa2pjrMJ8L5DH2i9iOa+mcOyqk3ikJLh3NDo69WcIgNVQtuxoe3YtK5949yD4nvOJkpM1fjyzBTA2whYfEZGdh8TZmJhkcb2jLtGPFoBb5SiOsdMmZ5plMNebiwkJcfZWMc0K0kfM+jbkcCzMgQQQbSZViuVu77OI3wv7LpdjNobocS9hX6OoQShqn0Z2KDxbdepwKFxcoemOAjB4LgY/PRkRkfvdXcgw9msCaqENyFTF/JuRxxh4BuIYuz249UyzkhJTy1XA+cTEWPHuKibYDfvTYwu9EPY2Tge0UBkjZ1PEPcHY4bAKcnahUMEHto5cJWiXhxkbgs9PIN5ZAOIo5/XwB8USwf1+ZA3gjK/ECdomuwuIkOSgeKE9y24l/DbhFlsJdk8BaJuJpF/BXv6RAgShDpjvmcgzAclt1nzW4paZJFcM4nwLuJ6dHSHen9X29O0fIeBUZGSGXGG7fTI2UOtWfTT7p5NRUen+BCCOmmZlYf/gIeAxEHI7Qn2iiNhD6uRAK1XtRwKB4trkHUSTfwH4CzjZTYDPTrQojwDOpyg+96FZ6D7ydwkO4PFNArBLHP7RAgSh6so32AqHYl+CPtihCAQCgUD4h0D/Uv7egwSQABLwGd5i1QGMqpoJAAAAAElFTkSuQmCC);
    background-size: 100%;
    background-repeat: no-repeat
}

.home-flow .flow-list {
    padding-top: 1.06667rem
}

.home-flow .flow-list .item-wrapper {
    padding-bottom: 1.33333rem
}

.newsflash-carousel-wrapper {
    padding: 0 .8rem;
    margin-bottom: 1.33333rem
}

.newsflash-carousel-wrapper .title {
    display: flex;
    font-size: .96rem;
    color: #ced346;
    font-weight: 700;
    height: 1.28rem;
    line-height: 1.28rem;
    margin-bottom: .53333rem
}

.newsflash-carousel-wrapper .title:before {
    content: "";
    display: block;
    width: .85333rem;
    height: .85333rem;
    margin: auto .32rem auto 0;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwAgMAAAAqbBEUAAAADFBMVEXNAgIAAADbAgLaAgJTbUPbAAAAA3RSTlP/AH+EVJyeAAAALklEQVR4AWOgMmANhYIAGnBWgQGU8x8M0DkIZUPe0qWhSPZ8ReGgK6NlwFMXAAAXcY1VjyMAFQAAAABJRU5ErkJggg==);
    background-size: 100%;
    background-repeat: no-repeat
}

.newsflash-carousel-wrapper .carousel-wrapper {
    position: relative;
    width: 18.4rem;
    height: 4.58667rem;
    background-color: #fafafa;
    overflow: hidden
}

.newsflash-carousel-wrapper .carousel-wrapper .news-content {
    position: absolute;
    transition: .5s;
    -webkit-animation: carousel 15s linear 3s infinite;
    animation: carousel 15s linear 3s infinite
}

.newsflash-carousel-wrapper .carousel-wrapper .news-content .news-item {
    position: relative;
    width: 18.4rem;
    height: 4.58667rem;
    padding: .53333rem 1.06667rem .53333rem 1.33333rem;
    color: #262626
}

.newsflash-carousel-wrapper .carousel-wrapper .news-content .news-item a {
    color: inherit
}

.newsflash-carousel-wrapper .carousel-wrapper .news-content .news-item:before {
    content: "";
    display: block;
    position: absolute;
    top: .96rem;
    left: .53333rem;
    width: .32rem;
    height: .32rem;
    background-color: #da0202
}

.newsflash-carousel-wrapper .carousel-wrapper .news-content .news-item .news-title {
    font-size: .85333rem;
    font-weight: 700;
    text-align: justify;
    margin-bottom: .26667rem;
    height: 2.34667rem;
    line-height: 1.17333rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.newsflash-carousel-wrapper .carousel-wrapper .news-content .news-item .news-time {
    opacity: .4;
    font-size: .64rem;
    text-align: justify
}

@-webkit-keyframes carousel {
    0% {
        top: 0
    }

    3% {
        top: -100%
    }

    20% {
        top: -100%
    }

    23% {
        top: -200%
    }

    40% {
        top: -200%
    }

    43% {
        top: -300%
    }

    60% {
        top: -300%
    }

    63% {
        top: -400%
    }

    80% {
        top: -400%
    }

    83% {
        top: -500%
    }

    to {
        top: -500%
    }
}

@keyframes carousel {
    0% {
        top: 0
    }

    3% {
        top: -100%
    }

    20% {
        top: -100%
    }

    23% {
        top: -200%
    }

    40% {
        top: -200%
    }

    43% {
        top: -300%
    }

    60% {
        top: -300%
    }

    63% {
        top: -400%
    }

    80% {
        top: -400%
    }

    83% {
        top: -500%
    }

    to {
        top: -500%
    }
}