a{cursor: pointer;}
a:hover{text-decoration: none;}
.skill-share-right{margin-top: 30px;margin-left: 30px;width: 630px!important;padding: 0;}
.skill-share-right .self-company{margin-top: 18px;color: #666;margin-bottom: 15px;}
.skill-share-right .right-block{background-color: rgba(0,0,0,0.5);margin-bottom: 12px;}
.skill-share-right .right-block .title{color: #ff9b00;font-size: 16px;}
/*分页*/
.skill-share-right .share-right-page{padding: 10px;display: flex;}
.skill-share-right .share-right-page .page{text-align: center;height: 42px;background-color: #333;border-radius: 4px;}
.skill-share-right .share-right-page .page-left{width: 76px;margin-right: 10px;
    line-height: 42px;color: #666;font-size: 14px;cursor: not-allowed;}
.skill-share-right .share-right-page .page-right{width: 76px;margin-left: 10px;
    line-height: 42px;color: #666;font-size: 14px;cursor: not-allowed;}
.skill-share-right .share-right-page .page-current{width: 100%;line-height: 42px;color: #bbb;
    overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding: 0 8px;}
/*成员总数*/
.skill-share-right .share-right-top{height: 105px;position: relative;margin-bottom: 12px;}
.skill-share-right .share-right-top .member-count{padding: 15px 24px;width: 33%;height: 100%;}
.skill-share-right .share-right-top .member-count .count-number{font-size: 43px;line-height: 43px;margin-top: 8px;
overflow: hidden;}
/*群内大咖*/
.skill-share-right .share-right-top .member-list{padding: 15px 22px 15px 18px;position: absolute;right: 0;top: 0;width: 64%;height: 100%;}
.skill-share-right .share-right-top .member-list .master-number{position: absolute;right: 21px;top: 15px;
    font-size: 14px;color: #666;}
.skill-share-right .share-right-top .member-list .swiper-bottom{position: absolute;width: 19px;height: 38px;
    background-color: #333;color: #666;text-align: center;line-height: 38px;cursor: pointer;}
.skill-share-right .share-right-top .member-list .swiper-bottom-prev{}
.skill-share-right .share-right-top .member-list .share-swiper{position: relative;margin-top: 17px;}
.skill-share-right .share-right-top .member-list .swiper-container{margin: 0 30px;}
.skill-share-right .share-right-top .member-list .swiper-container .swiper-slide{width: 38px;height: 38px;
    border: 1px solid #818181;}
.skill-share-right .share-right-top .member-list .swiper-container .swiper-slide img{width: 100%;height: 100%;border: 1px solid #000;}
.skill-share-right .share-right-top .member-list .swiper-bottom-next{right: 0;top: 0;}
.skill-share-right .share-right-top .member-list:after{display: block;content: " ";position: absolute;
    top: 0;right: 0;width: 8px;height: 100%;background-size: initial;background-position: center center;
    background: repeating-linear-gradient(-45deg, #994600, #994600 4px, #000 0, #000 7px);}
/*分享动态*/
.skill-share-right .share-dyna{position: relative;}
.skill-share-right .share-dyna:after{display: block;content: " ";position: absolute;
    top: 0;right: 0;width: 8px;height: 100%;background-size: initial;background-position: center center;
    background: repeating-linear-gradient(-45deg, #994600, #994600 4px, #000 0, #000 7px);}
.skill-share-right .share-dyna .title{background-color: #000;height: 50px;line-height: 50px;
    padding-left: 24px;color: #ff9b00;font-size: 16px;}
.skill-share-right .share-dyna .dyna-list{padding: 20px 24px;background: rgba(5,5,5,0.5);}
.skill-share-right .share-dyna .dyna-list .skill-item{line-height: 37px;position: relative;margin-right: 5px;
    margin-left: 0;display: block;color: rgba(255,255,255,0.8);}
.skill-share-right .share-dyna .dyna-list .skill-item .skill-name{padding-left: 0;font-size: 14px;overflow: hidden;
    text-overflow: ellipsis;display: flex;align-items: center;}
.skill-share-right .share-dyna .dyna-list .skill-item .skill-name div{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.skill-share-right .share-dyna .dyna-list .skill-item .skill-name{
    width: 78%;
    float: left;
}
.skill-share-right .share-dyna .dyna-list .skill-item .skill-name a{overflow: hidden;
    white-space: nowrap;text-overflow: ellipsis;color: rgba(255,255,255,0.8);}
.skill-share-right .share-dyna .dyna-list .skill-item:hover{color: #ff9b00;}
.skill-share-right .share-dyna .dyna-list .skill-item .skill-name .top{font-style: italic;color: #b98023;
    display: inline-block;width: 40px;height: 16px;background-color: rgba(186, 127, 35,0.5);line-height: 16px;
    -webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;text-align: center;font-size: 12px;
    margin-left: 5px;transform: scale(0.85);margin-top: 0.5px;}
.skill-share-right .share-dyna .dyna-list .skill-item .creator-name{text-align: right;
    color: rgba(255,255,255,0.3);padding-right: 0;padding-left: 0;max-width: 100%;
    overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.skill-share-right .share-dyna .dyna-list .skill-item .creator-name{
    width: 14%;
    float: left;
}
.skill-share-right .share-dyna .dyna-list .skill-item .created-time{
    text-align: right;color: rgba(255,255,255,0.3);padding-right: 0;padding-left: 0;
    max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.skill-share-right .share-dyna .dyna-list .skill-item .created-time{
    width: 8%;
    float: left;
}
.skill-share-right .share-dyna .dyna-list .skill-item:after{content: "";
    display: block;height: 1px;
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), #FF9B00 50%, rgba(0, 0, 0, 0.5));
    background-image: -o-linear-gradient(to left, rgba(0, 0, 0, 0.5), #FF9B00 50%, rgba(0, 0, 0, 0.5));
    background-image: -moz-linear-gradient(to left, rgba(0, 0, 0, 0.5), #FF9B00 50%, rgba(0, 0, 0, 0.5));
    transform: scale(1,0.3);}
.share-loading img{width: 25px;height: 25px;}
/*小屏自适应*/
@media screen and (max-width: 991px){
    .skill-share-group .skill-share-right{
        float: left;
        width: 100%!important;
        margin-left: 0;
        padding-left: 20px;
        padding-right: 20px;
    }
}
@media screen and (min-width: 992px) and (max-width: 1250px){
    .skill-share-right .share-dyna .dyna-list .skill-item .created-time{
        display: none;
    }
    .skill-share-right .share-dyna .dyna-list .skill-item .creator-name{
        width: 18%;
    }
    .skill-share-right .share-dyna .dyna-list .skill-item .skill-name{
        width: 82%;
    }
}
@media screen and (max-width: 600px){
    .skill-share-right .share-dyna .dyna-list .skill-item .created-time{
        display: none;
    }
    .skill-share-right .share-dyna .dyna-list .skill-item .creator-name{
        width: 18%;
    }
    .skill-share-right .share-dyna .dyna-list .skill-item .skill-name{
        width: 82%;
    }
}
@media screen and (max-width: 450px){
    .skill-share-right .share-dyna .dyna-list .skill-item .created-time{
        display: none;
    }
    .skill-share-right .share-dyna .dyna-list .skill-item .creator-name{
        display: none;
    }
    .skill-share-right .share-dyna .dyna-list .skill-item .skill-name{
        width: 100%;
        padding: 0;
    }
    .skill-share-group .skill-share-right{
        padding-left: 10px;
        padding-right: 10px;
    }
    .skill-share-right .share-right-page .page-left{
        width: 45px;
    }
    .skill-share-right .share-right-page .page-right{
        width: 45px;
    }
    .skill-share-right .share-right-page .page-current{
        font-size: 18px;
    }
    .skill-share-right .share-right-top{
        height: auto;
    }
    .skill-share-right .share-right-top .member-count{
        width: 100%;
    }
    .skill-share-right .share-right-top .member-list{
        position: relative;
        width: 100%;
    }
}

/*大咖浮窗*/
.card-type {z-index: 9999;position: absolute;width: 280px;display: none;color: #999;}
.card-type .top{background-color: #000;padding: 15px 20px;}
.card-type .top .user-name{padding: 0 3px 0 3px;background-color: #ff9b00;max-width: 100%;
    display: inline-block;color: #000;height: 17px;line-height: 15px;font-weight: bold;margin-bottom: 5px;}
.card-type .top .user-desc{color: #fff;word-break: break-all;}
.card-type .content{background-color: rgba(0,0,0,0.9);padding: 8px 20px 15px;}
.card-type .content a{color: #999;}
.card-type .content a:hover{color: #ff9b00;}
.card-type .content .article-title{margin-bottom: 6px;font-size: 12px;word-break: break-all;}

.card-type2 {z-index: 9999;position: absolute;width: 280px;display: none;color: #999;}
.card-type2 .top{background-color: #222;padding: 15px 20px;}
.card-type2 .top .user-name{padding: 0 3px 0 3px;background-color: #ff9b00;max-width: 100%;
    display: inline-block;color: #000;height: 17px;line-height: 15px;font-weight: bold;margin-bottom: 5px;}
.card-type2 .top .user-desc{color: #fff;word-break: break-all;}
.card-type2 .content{background-color: rgba(0,0,0,0.9);padding: 8px 20px 15px;}
.card-type2 .content a{color: #999;}
.card-type2 .content a:hover{color: #ff9b00;}
.card-type2 .content .article-title{margin-bottom: 6px;font-size: 12px;word-break: break-all;}

html, body {overflow-x: hidden;height: 100%;}
body.darkstyle {
    background-color: #bbb;
}
#home{height: 100%!important;}
.parallax{background-size: inherit!important;background-image: url(/img/overlay-pattern.png) !important;
    background-color: rgba(12,15,20 , 0.666);position: absolute;z-index: 2;top: 52px;left: 0;width: 100%;
    background-repeat: repeat;min-height:100%;}
@media screen and (max-width: 767px){
    .parallax{
        top:0;
    }
}