@media (min-width: 1200px){.container {width: 1200px;}}
body{background-color: #FFFFFF;}

.hpoi-topcarousel-box>.topcarousel-box-img>a{display: block;width: 100%;height: 161px;overflow: hidden;border-radius: 6px;}
.hpoi-topcarousel-box>.topcarousel-box-img>a+a{margin-top: 10px;}
.hpoi-topcarousel-box>.topcarousel-box-img>a>img{width: 100%;height: 100%;}
.swiper-focus{height: 333px;display: flex;border-radius: 6px;}
.swiper-focus>.swiper-wrapper,.swiper-focus>.swiper-wrapper>.swiper-slide .focus-img>img{width: 666px;height: 333px;}
.swiper-focus>.swiper-wrapper>.swiper-slide{position: relative;}
.swiper-focus>.swiper-wrapper>.swiper-slide .focus-text{margin: 0;color: #FFFFFF;position: absolute;bottom: 0;left: 0;right: 0;padding: 5px 103px 5px 10px;background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%);}
.swiper-focus .focus-box-rt{margin: 0;background-color: #FFFFFF;padding: 0;}
.swiper-focus .focus-box-rt>.item{display: flex;padding: 10.25px 20px 10.25px 10px;border-right: 2px solid transparent;transition: all 0.2s ease-in-out;}
.swiper-focus .focus-box-rt>.item.cur{background-color: #f1f1f1;border-right-color: #35CDFF;}
.swiper-focus .focus-box-rt>.item.cur .info>h5{color: #35CDFF;}
.swiper-focus .focus-box-rt>.item>a>img{border-radius: 6px;width: 92px;height: 46px;}
.swiper-focus .focus-box-rt>.item>.info{margin-left: 10px;}
.swiper-focus .focus-box-rt>.item>.info>h5{color: #333333;font-size: 14px;margin: 0;font-weight: 400;}
.swiper-focus .focus-box-rt>.item>.info>p{color: #999999;margin: 6px 0 0;line-height: 24px;}
.swiper-focus,.hpoi-entry-album{transition: box-shadow var(--transition-2s);}
/*标签*/
.hpoi-gkdiy-label-box{margin-top: 40px;}
.hpoi-gkdiy-label-box .item-label{display: inline-block;padding: 8px 24px;color: #FFFFFF;border-radius: 6px;font-size: 14px;}
/*每日排行榜*/
.hpoi-gkdiy-head{margin-top: 40px;display: flex;align-items: center;color: #333333;font-size: 18px;}
.hpoi-gkdiy-head>img{margin-right: 10px;}
.swiper-day-ranking{margin-top: 20px;}
.swiper-day-ranking .cover-box{position: relative;height: 300px;border-radius: 6px;overflow: hidden;}
.swiper-day-ranking .cover-box .icon-ranking-top{width: 24px;height:auto;position: absolute;top: 10px;left: 10px;}
.swiper-day-ranking .cover-box span{position: absolute;top: 10px;left: 10px;width: 24px;height: 24px;line-height: 24px;border-radius: 50%;background-color: #EEEEEE;color: #999999;}
.swiper-day-ranking .cover-box img{height: 300px;}
.swiper-day-ranking .user-info{display: flex;margin-top: 10px;}
.swiper-day-ranking .user-info>a>img{width: 36px;margin-right: 10px;}
.swiper-day-ranking .user-info>div>.nickname{display: flex;align-items: center;}
.swiper-day-ranking .user-info>div>.nickname>a{font-size: 14px;color: #333333;transition: var(--transition-2s);}
.swiper-day-ranking .user-info>div>.nickname>.level{margin-left: 6px;height: 14px;}
.swiper-day-ranking .user-info>div>.sign{color: #999999;margin-top: 1px;margin-bottom: 0;}
.hpoi-swiper-prev,.hpoi-swiper-next{
    position: absolute;
    user-select: none;
    z-index: 5;
    top: 48%;
    margin: -20px 0 0 0;
    padding: 0;
    transition: opacity 0.3s ease-in-out;
    color: #FFFFFF !important;
    opacity: 0.5;
    font-size: 40px ;
    width: 30px ;
    height: 40px;
    margin: -20px 0 0 0;
    font-weight: 100;
    background: rgba(0, 0, 0, 0.7) ;
    text-align: center;
    font-weight: 100;
    line-height: 34px ;
}
.hpoi-swiper-prev{left: 0;border: 0;border-radius: 0px 6px 6px 0px;}
.hpoi-swiper-next{right: 0;border: 0;border-radius: 6px 0 0 6px;}
.hpoi-swiper-prev:hover,.hpoi-swiper-next:hover{opacity: 1;}
.hpoi-button-disabled{display: none;}
.hpoi-entry-disabled{opacity: 0.3;}
/*推荐作者*/
.hpoi-gkdiy-recommend-box{position: relative;margin-top: 30px;padding-top: 30px;padding-bottom: 30px;}
.hpoi-gkdiy-recommend-box .hpoi-gkdiy-bg-recommend{position: absolute;left: 50%;transform: translateX(-50%);top: 0;z-index: -1;width: 100vw;height: 100%;background-size: contain;background-repeat: round;}
.swiper-top-creators{margin-top: 20px;}
.item-top-creators{width: auto;padding: 10px 5px;background-color: rgba(255, 255, 255, 0.6);border-radius: 6px;}
.swiper-top-creators .item-top-creators .cover-box{display: flex;justify-content: space-between;}
.swiper-top-creators .item-top-creators .cover-box>a{display: flex;align-items: center;height: 173px;text-align: center;padding: 0 5px;}
.swiper-top-creators .item-top-creators .cover-box>a>img{max-width: 100%;height: 100%;background-color: #F8F8F8;border-radius: 6px;}
.swiper-top-creators .item-top-creators .user-info{margin-top: 10px;display: flex;align-items: center;justify-content: space-between;}
.swiper-top-creators .item-top-creators .user-info>.user-info-lt{flex: 1;display: flex;align-items: center;}
.swiper-top-creators .item-top-creators .user-info>.user-info-lt>a>img{width: 30px;height: 30px;}
.swiper-top-creators .item-top-creators .user-info>.user-info-lt>.nickname{font-size: 14px;color: #333333;margin-left: 6px;transition: var(--transition-2s);}
.swiper-top-creators .item-top-creators .user-info>.user-info-lt>.level{margin-left: 6px;height: 14px;}
.swiper-top-creators .item-top-creators .user-info>.praise{color: #666666;}
.carousel-lt-box{border-radius: 6px;height: 333px;padding-top: 20px;padding-bottom: 20px;display: flex;flex-direction: column;justify-content: space-between;background-size: 100% 100%;}
.carousel-lt-box>.item{display: flex;align-items: center;padding: 22px 10px 22px 20px;border-radius: 6px;background-size: 100% 101%;background-repeat: no-repeat;margin: 0 10px;}
.carousel-lt-box>.item>span{color: #FF943F;font-size: 18px;margin-left: 10px;flex: 1;}
.carousel-lt-box>.item>.icon-more{width: 5px;}
/*推荐、最新*/
.hpoi-gkdiy-albums-head{margin-top: 30px;display: flex;justify-content: space-between;align-items: center;}
#waterfall .user-info{margin-top: 10px;display: flex;align-items: center;}
#waterfall .user-info>a>img{width: 30px;height: 30px;}
#waterfall .user-info>.nickname{color: #666666;margin-left: 6px;transition: var(--transition-2s);}
#waterfall .user-info>.level{height: 12px;margin-left: 6px;}
#waterfall .waterfall-test-name{padding: 10px 0 0 0;}
.hpoi-gkdiy-albums-head .albums-lt>a{padding-bottom: 10px;border-bottom: 2px solid transparent;color: #666666;font-size: 18px;transition: var(--transition-2s);}
.hpoi-gkdiy-albums-head .albums-lt>a+a{margin-left: 30px;}
.hpoi-gkdiy-albums-head .albums-lt>a.active{color: #35CDFF;border-bottom-color: #35CDFF;}
.hpoi-gkdiy-albums-head .albums-rt{display: flex;}
.hpoi-btn-border~.hpoi-btn-border{margin-left: 20px;}
#waterfall{margin-top: 0 !important;}
.waterfall-ibox{width: 20% !important;}
.swiper-top-creators .item-top-creators .user-info>.user-info-lt>.nickname:hover,
.swiper-day-ranking .user-info>div>.nickname>a:hover,
#waterfall .user-info>.nickname:hover{color: #35CDFF;}