.character-card-component{width:100%;background:#fff;padding:24px 0 14px;border-radius:4px;box-shadow:2px 2px 1px #ddd;text-align:center}.character-card-component .avatar-wrap{position:relative;display:inline}.character-card-component .avatar-wrap .user-avatar{display:inline-block;width:88px;height:88px;border-radius:50%}.character-card-component .avatar-wrap .user-avatar .avatar{width:88px;height:88px;border-radius:50%}.character-card-component .avatar-wrap .official-icon{position:absolute;top:26px;right:0;width:24px;height:24px}.character-card-component .avatar-wrap .name{margin:16px 0 4px;font-size:18px}.character-card-component .honorary-title{font-size:14px;color:#999;text-align:center}.character-card-component .statistics{list-style:none;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:space-evenly;-webkit-justify-content:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;margin:16px 0}.character-card-component .statistics li{font-size:12px}.character-card-component .statistics li.cutting-line{border-right:1px solid #ddd;margin-left:8px;margin-right:8px}.character-card-component .statistics li a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.character-card-component .attention-message{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:space-evenly;-webkit-justify-content:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.character-card-component .attention-message button{border-radius:4px;color:#fff;height:25px;width:70px;padding:unset;font-size:12px;border:none;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.character-card-component .attention-message button.follow-unfollow{background:#f66}.character-card-component .attention-message button.send-msg{background:#14beb4}.character-card-component .attention-message button.send-msg span{margin-right:2px}.person-info-right{width:244px;height:852px;margin-left:16px;position:-webkit-sticky;position:sticky;z-index:6;top:122px}.person-info-right .person{background:#fff;border-radius:4px}.person-info-right .person .official-icon{top:28px;right:-3px}.person-info-right .person .supplement-wrap{border-top:1px solid #e4e9ed;margin-top:23px}.person-info-right .person .supplement-wrap .icon-margin{margin:22px 0}.person-info-right .person .supplement-wrap span{font-size:14px;color:#c8c8c8;display:block;line-height:18px;margin-bottom:10px}.person-info-right .person .supplement-wrap p{line-height:19px;color:#666;text-align:center;margin-bottom:16px;padding:0 20px 0 24px;font-weight:700}.person-info-right .person .supplement-wrap ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:0 25px;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.person-info-right .person .supplement-wrap ul li{list-style:none;width:80px;height:28px;line-height:28px;font-size:12px;color:#666;text-indent:18px;margin-bottom:4px;background:url(/images/label.png?2067712aa266294249f30d4e05916c0e) no-repeat 50%}.person-info-right .person .supplement-wrap ul li:nth-child(3),.person-info-right .person .supplement-wrap ul li:nth-child(4){margin-bottom:18px}.person-info-right .anchor-point-nav.list-group{margin-top:45px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;border-left:4px solid #e7ecef}.person-info-right .anchor-point-nav.list-group .list-group-item{list-style:none;height:50px;padding-left:20px;border:unset;background-color:unset;display:block;color:#666;position:relative}.person-info-right .anchor-point-nav.list-group .list-group-item.active{color:#58f;background-color:unset;border:unset}.person-info-right .anchor-point-nav.list-group .list-group-item.active:after{content:"";position:absolute;width:4px;height:50px;background:#58f;top:0;left:-4px}.project-intro-component{width:100%;height:100%;background-color:#fff;font-size:14px;color:#999;padding-bottom:8px}.project-intro-component:hover{background:#fff;box-shadow:0 0 6px rgba(0,0,0,.3)}.project-intro-component:hover .project-link .title-layer .title{color:#58f}.project-intro-component .project-link{cursor:pointer}.project-intro-component .project-link .cover-desc{position:relative}.project-intro-component .project-link .cover-desc img{width:100%;height:195px;display:block}@media (min-width:1300px){.project-intro-component .project-link .cover-desc img[class=adjustable]{height:167px}}@media screen and (min-width:1200px) and (max-width:1299px){.project-intro-component .project-link .cover-desc img[class=adjustable]{height:150px}}@media screen and (min-width:992px) and (max-width:1199px){.project-intro-component .project-link .cover-desc img[class=adjustable]{height:191px}}@media screen and (min-width:768px) and (max-width:991px){.project-intro-component .project-link .cover-desc img[class=adjustable]{height:225px}}@media screen and (min-width:576px) and (max-width:767px){.project-intro-component .project-link .cover-desc img[class=adjustable]{height:240px}}@media (max-width:575px){.project-intro-component .project-link .cover-desc img[class=adjustable]{height:130px}}.project-intro-component .project-link .cover-desc .desc{position:absolute;top:0;bottom:0;left:0;right:0;padding:20px 30px;color:#fff;background:rgba(0,0,0,.8);display:none}@media (max-width:575px){.project-intro-component .project-link .cover-desc .desc{padding:15px 18px}}.project-intro-component .project-link .cover-desc .desc .shown-desc{max-width:100%;max-height:100%;padding:0 2px;overflow:hidden}.project-intro-component .project-link .cover-desc .desc .back-up{display:none}.project-intro-component .project-link .cover-desc .desc .icon-wrap{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.project-intro-component .project-link .cover-desc .desc .icon-wrap>img{width:44px;height:44px!important;border:1px solid rgba(0,0,0,0);padding:4px;border-radius:4px}.project-intro-component .project-link .cover-desc .desc .icon-wrap>img:hover{border:1px solid #fff}.project-intro-component .project-link .cover-desc .desc .icon-wrap>span{color:#fff;font-size:14px;line-height:1;font-weight:400;font-family:Microsoft Yahei}.project-intro-component .project-link .cover-desc .desc .icon-wrap>span:last-child{margin-top:16px}.project-intro-component .project-link .cover-desc:hover .desc{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.project-intro-component .project-link .cover-desc:hover .desc,.project-intro-component .project-link .title-layer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.project-intro-component .project-link .title-layer{margin:8px 10px 4px}.project-intro-component .project-link .title-layer .version{display:inline-block;font-size:12px;line-height:1;padding:5px 8px;border-radius:2px;margin-right:10px}.project-intro-component .project-link .title-layer .version-std{background-color:#dde7ff;color:#58f}.project-intro-component .project-link .title-layer .version-pro{background-color:#fde9cf;color:#f79415}.project-intro-component .project-link .title-layer .title{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;display:inline-block;color:#333;font-size:14px;height:19px;line-height:19px;font-weight:700;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;word-break:break-all;padding-right:10px}.project-intro-component .statistics{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:0 10px;font-size:12px;height:16px;line-height:16px;color:#999}.project-intro-component .statistics .collect .icon{display:inline-block;width:14px;height:14px;background:url(/images/star.svg?ab9132c95e0417fdc78c3d6ff27ed23a);background-size:100% 100%}.project-intro-component .statistics .collect .collected{display:inline-block;width:14px;height:14px;background:url(/images/star-fill.png?22b1c5f9dab7498be1b23f729115b0ea);background-size:100% 100%}.project-intro-component .ascription-time{padding:0 10px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;font-size:12px;height:16px;line-height:16px;color:#999;margin-top:8px;overflow:hidden}.project-intro-component .ascription-time .ascription{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;margin-right:10px;max-width:calc(100% - 100px)}@media (max-width:576px){.project-intro-component .ascription-time .ascription{max-width:calc(100% - 70px)}}.project-intro-component .ascription-time .ascription .tag{margin-top:2px;margin-right:5px;height:14px;line-height:12px;display:inline-block;font-size:12px;color:#973d18;border:1px solid #973d18;border-radius:2px;padding:0 3px}.project-intro-component .ascription-time .ascription .username{display:inline-block;width:200px;max-width:calc(100% - 38px);color:#999;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;word-break:break-all}.project-intro-component .ascription-time .ascription .username:hover{color:#333}.project-intro-component .ascription-time .time{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;word-break:break-all;vertical-align:bottom}.project-intro-component .ascription-time .comment-in-mobile{display:none}.component-pagination{display:inline-block}.component-pagination a,.component-pagination input{display:inline-block;width:48px;height:40px;border:1px solid #b8c4ce;margin:4px 6px;border-radius:4px;background-color:rgba(0,0,0,0);color:#666;line-height:40px;cursor:pointer;text-align:center}.component-pagination .pageInput{width:70px;padding-left:10px;padding-right:10px;text-align:center}.component-pagination a:hover{box-shadow:none;color:#58f;border:1px solid #58f}.component-pagination a:active{color:#fff!important;border:1px solid #58f;background:#58f}.component-pagination a:focus{outline:none}.component-pagination a.disabled{color:#333;border:1px solid #c8c8c8}.component-pagination a.current{background:#58f;color:#fff}.component-pagination a.current:hover{color:#fff}.component-pagination .omit:hover{box-shadow:none;color:#666;border:1px solid #b8c4ce;cursor:default}.component-pagination .omit:active{color:#666;border:1px solid #b8c4ce;background:rgba(0,0,0,0)}.component-pagination .omit:focus{outline:none}.component-pagination .omit.disabled{color:#666;border:1px solid #b8c4ce}.component-pagination #determineJump{display:inline-block;min-width:60px;height:40px;border:1px solid #b8c4ce;margin:4px 6px;border-radius:4px;background-color:rgba(0,0,0,0);color:#666;cursor:pointer;text-align:center;line-height:40px;position:relative;left:6px}.component-pagination #determineJump:hover{color:#58f;border:1px solid #58f}.component-pagination #determineJump:active{color:#fff;border:1px solid #58f;background:#58f}.my-home-container{margin-top:16px;font-family:Microsoft YaHei;color:#333;overflow:hidden;width:100%;margin-bottom:-20px}@media (max-width:768px){.my-home-container{margin-bottom:0}}.my-home-container .my-home-master-work-header{font-size:14px;font-weight:700;color:#333;position:relative}.my-home-container .home-work-no-data{position:relative;padding-top:7px;margin-bottom:-10px;border-bottom:1px solid #ddd}.my-home-container .home-work-no-data:before{content:"";display:block;position:absolute;width:166px;height:3px;bottom:-1px;left:0;background-color:#58f}.my-home-container .my-home-master-work-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%;margin-bottom:26px;padding:0 6px}.my-home-container .my-home-master-work-container .work-card-empty{width:0;max-width:0;height:225px}.my-home-container .my-home-master-work-container .work-card{width:calc(25% - 15px);margin-top:20px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;background:#fff;margin-right:20px;cursor:pointer}.my-home-container .my-home-master-work-container .work-card:nth-child(4){margin-right:unset}@media screen and (max-width:1200px){.my-home-container .my-home-master-work-container .work-card{width:calc(33.3% - 13.3px)}.my-home-container .my-home-master-work-container .work-card:nth-child(3){margin-right:unset}}@media screen and (max-width:992px){.my-home-container .my-home-master-work-container .work-card{width:calc(50% - 10px)}.my-home-container .my-home-master-work-container .work-card:nth-child(2){margin-right:unset}.my-home-container .my-home-master-work-container .work-card:nth-child(3){margin-right:20px}.my-home-container .my-home-master-work-container .work-card:nth-child(4){margin-right:unset}}@media screen and (max-width:576px){.my-home-container .my-home-master-work-container .work-card{margin-top:10px}}.my-home-container .my-home-master-work-container .work-card:hover{box-shadow:0 0 6px rgba(0,0,0,.3)}.my-home-container .my-home-master-work-container .work-card:hover .work-card-bottom-title-layer .title{color:#58f}.my-home-container .my-home-master-work-container .work-card .master-work-add{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;color:#333!important;background-color:#fff;border-radius:4px;font-size:14px;font-weight:700}.my-home-container .my-home-master-work-container .work-card .master-work-add .master-work-add-icon{width:20%;height:21%}.my-home-container .my-home-master-work-container .work-card .master-work-add>span{margin-top:8px}.my-home-container .my-home-master-work-container .work-card .work-card-img{position:relative;width:100%}.my-home-container .my-home-master-work-container .work-card .work-card-img img{width:100%;height:100%;opacity:1}.my-home-container .my-home-master-work-container .work-card .work-card-img .work-card-img-hover{position:absolute;left:0;top:0;right:0;bottom:0;height:100%;width:100%;background:rgba(0,0,0,.8);display:none}.my-home-container .my-home-master-work-container .work-card .work-card-img .work-card-img-hover>div{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;color:#fff;font-size:14px;font-weight:400}.my-home-container .my-home-master-work-container .work-card .work-card-img .work-card-img-hover>div:hover .img-hover{border:1px solid #fff;border-radius:4px}.my-home-container .my-home-master-work-container .work-card .work-card-img .work-card-img-hover>div>.img-hover{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;background:none;width:44px;height:44px;margin-bottom:4px}.my-home-container .my-home-master-work-container .work-card .work-card-img .work-card-img-hover>div>.img-hover img{width:36px;height:36px}.my-home-container .my-home-master-work-container .work-card .work-card-img:hover .work-card-img-hover{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:space-evenly;-webkit-justify-content:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.my-home-container .my-home-master-work-container .work-card .work-card-bottom{padding:8px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.my-home-container .my-home-master-work-container .work-card .work-card-bottom .work-card-bottom-title-layer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.my-home-container .my-home-master-work-container .work-card .work-card-bottom .work-card-bottom-title-layer .version{display:inline-block;padding:5px 8px;border-radius:2px;font-size:12px;line-height:1}.my-home-container .my-home-master-work-container .work-card .work-card-bottom .work-card-bottom-title-layer .version-std{background-color:#dde7ff;color:#58f}.my-home-container .my-home-master-work-container .work-card .work-card-bottom .work-card-bottom-title-layer .version-pro{background-color:#fde9cf;color:#f79415}.my-home-container .my-home-master-work-container .work-card .work-card-bottom .work-card-bottom-title-layer .title{display:inline-block;margin-left:8px;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:19px;font-weight:700;font-size:14px;color:#333}@media screen and (max-width:1100px){.my-home-container .my-home-master-work-container .work-card .work-card-bottom .work-card-bottom-title-layer .title{font-size:12px}}.my-home-container .my-home-master-work-container .work-card .work-card-bottom .work-card-bottom-article-data,.my-home-container .my-home-master-work-container .work-card .work-card-bottom .work-card-bottom-icon-data{margin-top:4px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;color:#999;line-height:16px;font-size:12px;font-weight:400}.my-home-container .my-home-master-work-container .work-card .work-card-bottom .work-card-bottom-article-data .article-author,.my-home-container .my-home-master-work-container .work-card .work-card-bottom .work-card-bottom-icon-data .article-author{max-width:122px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;word-break:break-all}.my-home-container .my-home-master-work-container #add-box{height:225px}.my-home-container .my-home-master-work-container:after{content:"";width:244px}.my-home-container .my-home-special-header{height:32px;margin-bottom:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.my-home-container .my-home-special-header>h5{width:100%;height:32px;font-size:14px;font-weight:700;color:#333;line-height:32px;position:relative}.my-home-container .my-home-special-header>div{float:right;width:88px;height:32px;background:#58f;border-radius:4px;text-align:center;line-height:32px;color:#fff}.my-home-container .my-home-special-header .special-create-btn{width:130px;cursor:pointer}.my-home-container .album-no-data{position:relative;margin-top:-1px;margin-bottom:9px;border-bottom:1px solid #ddd}.my-home-container .album-no-data:before{content:"";display:block;position:absolute;width:80px;height:3px;bottom:-1px;left:0;background-color:#58f}.my-home-container .my-home-special-container{display:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;background-color:#fff}.my-home-container .my-home-special-container .special-card{cursor:pointer;margin-bottom:20px;padding:8px;height:136px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.my-home-container .my-home-special-container .special-card:hover{box-shadow:0 0 6px rgba(0,0,0,.3)}.my-home-container .my-home-special-container .special-card:hover .special-card-right-box .special-title{color:#58f}@media screen and (max-width:900px){.my-home-container .my-home-special-container .special-card{padding:4px;margin-bottom:10px;height:81.6px}}.my-home-container .my-home-special-container .special-card .special-card-left-box{width:172px;height:120px}@media screen and (max-width:900px){.my-home-container .my-home-special-container .special-card .special-card-left-box{width:103.2px;height:72px}}.my-home-container .my-home-special-container .special-card .special-card-left-box>img{width:100%;height:100%;opacity:1}.my-home-container .my-home-special-container .special-card .special-card-right-box{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:120px;margin-left:16px;margin-right:8px;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;overflow:hidden;position:relative}@media screen and (max-width:900px){.my-home-container .my-home-special-container .special-card .special-card-right-box{height:72px}}.my-home-container .my-home-special-container .special-card .special-card-right-box .special-title{margin-top:2px;line-height:19px;height:24px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:18px;font-weight:700}@media screen and (max-width:768px){.my-home-container .my-home-special-container .special-card .special-card-right-box .special-title{font-size:14px}}.my-home-container .my-home-special-container .special-card .special-card-right-box .special-desc{margin-top:16px;line-height:19px;color:#666;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-weight:400;font-size:14px}@media screen and (max-width:768px){.my-home-container .my-home-special-container .special-card .special-card-right-box .special-desc{font-size:12px;margin-top:8px}}.my-home-container .my-home-special-container .special-card .special-card-right-box .right-box-bottom{position:absolute;left:0;bottom:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:100%;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;font-size:14px;font-weight:400;line-height:19px;color:#999}@media screen and (max-width:1100px){.my-home-container .my-home-special-container .special-card .special-card-right-box .right-box-bottom{display:none}}@media screen and (max-width:768px){.my-home-container .my-home-special-container .special-card .special-card-right-box .right-box-bottom{font-size:12px}}.my-home-container .my-home-special-container .special-card .special-card-right-box .right-box-bottom svg{fill:#999;width:16px;height:16px;overflow:hidden;vertical-align:center}.my-home-container .my-home-special-container .special-card .special-card-right-box .right-box-bottom .right-box-bottom-layout{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.my-home-container .my-home-special-container .special-card .special-card-right-box .right-box-bottom .right-box-bottom-left .mr-20{margin-right:18px}.my-home-container .my-home-special-container .special-card .special-card-right-box .right-box-bottom .right-box-bottom-left .mr-20 svg{margin-bottom:3px}.my-home-container .my-home-special-container .special-card .special-card-right-box .right-box-bottom .right-box-bottom-left .mr-20 span{margin-left:4px}.my-home-container .my-home-special-container .special-card .special-card-right-box .right-box-bottom .right-box-bottom-right .ml-20{margin-left:16px}.my-home-container .my-home-special-container .special-card .special-card-right-box .right-box-bottom .right-box-bottom-right .ml-20 span{margin-left:4px}body{font-size:14px}.row{margin:0}.row .header-blank{width:100%;height:51px}@media (max-width:768px){.row .header-blank{height:20px}}.row .each-list{width:100%;max-width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch;margin-bottom:-20px}.row .each-list .each-col{width:calc(25% - 15px);margin-left:20px;margin-bottom:20px}.row .each-list .each-col:nth-child(4n+1){margin-left:unset}@media screen and (min-width:992px) and (max-width:1200px){.row .each-list .each-col{width:calc(33.33333% - 13.33333px)}.row .each-list .each-col:nth-child(4n+1){margin-left:20px}.row .each-list .each-col:nth-child(3n+1){margin-left:unset}}@media (max-width:991px){.row .each-list .each-col{width:calc(50% - 10px)}.row .each-list .each-col:nth-child(odd){margin-left:unset}}.home-character-detail{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}@media (max-width:768px){.home-character-detail{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}}.home-character-detail .character-card{width:244px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;position:-webkit-sticky;position:sticky;top:70px;margin:0 20px 0 0;float:left}@media (max-width:768px){.home-character-detail .character-card{width:100%;margin-right:unset;margin-bottom:16px;position:unset;top:unset}}.home-character-detail .character-card .main-character-card{box-shadow:0 3px 6px rgba(0,0,0,.16)}.home-character-detail .character-card .main-character-card .character-card-component{padding-top:0}.home-character-detail .character-card .main-character-card .character-card-component .avatar-wrap .user-avatar{display:inline-block;width:93px;height:93px;margin-top:-30px;background-color:#fff;border-radius:50%}.home-character-detail .character-card .main-character-card .character-card-component .avatar-wrap .user-avatar .avatar{width:93px;height:93px;border:5px solid #fff;margin-top:0}.home-character-detail .character-card .main-character-card .character-card-component .name{margin-top:11px}.home-character-detail .character-card .blank-space{width:100%;max-width:100%;height:51px}.home-character-detail .character-card .character-card-component{box-shadow:unset}.home-character-detail .character-card .primary-nav{color:#666;line-height:19px;font-size:16px;cursor:pointer;margin-top:16px}.home-character-detail .character-card .primary-nav svg{fill:#666;width:16px;height:16px;margin-right:12px}.home-character-detail .character-card .primary-nav li{height:49px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.home-character-detail .character-card .primary-nav li.active{color:#58f;background:#f5f5f5}.home-character-detail .character-card .primary-nav li.active svg{fill:#58f}.home-character-detail .character-card .primary-nav li:hover{background:#f5f5f5}.home-character-detail .character-card .primary-nav li>div{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:160px}.home-character-detail .works-display{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;min-width:0}@media (max-width:768px){.home-character-detail .works-display{min-width:unset;width:100%;max-width:100%;margin-top:0;margin-bottom:16px}}.home-character-detail .works-display .list-header{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative}.home-character-detail .works-display .list-header .article-create-btn,.home-character-detail .works-display .list-header .project-create-btn{position:absolute;top:4px;right:0;height:32px;padding:0 16px;border-radius:4px;background-color:#58f;text-align:center;line-height:32px;color:#fff;cursor:pointer}@media screen and (max-width:500px){.home-character-detail .works-display .list-header .article-create-btn,.home-character-detail .works-display .list-header .project-create-btn{display:none}}.home-character-detail .works-display ul[class$=sub-nav]{width:100%;display:none;list-style:none;line-height:46px;height:40px;cursor:pointer;margin-bottom:10px;border-bottom:1px solid #ddd}.home-character-detail .works-display ul[class$=sub-nav] li{display:inline-block;font-weight:700;color:#666;padding-bottom:2px}.home-character-detail .works-display ul[class$=sub-nav] li.active{color:#58f;position:relative}.home-character-detail .works-display ul[class$=sub-nav] li.active:after{content:"";height:3px;background:#58f;width:100%;position:absolute;bottom:8px;left:0}.home-character-detail .works-display ul[class$=sub-nav] li:not(:last-child){margin-right:38px}.home-character-detail .works-display .row{display:none}.home-character-detail .works-display .row.article-list .each-article{background-color:#fff;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding-bottom:8px}.home-character-detail .works-display .row.article-list .each-article:hover{box-shadow:0 0 6px rgba(0,0,0,.3)}.home-character-detail .works-display .row.article-list .each-article:hover p{color:#58f!important}.home-character-detail .works-display .row.article-list .each-article .article-cover{position:relative;width:100%}.home-character-detail .works-display .row.article-list .each-article .article-cover>img{width:100%;height:100%}.home-character-detail .works-display .row.article-list .each-article .article-cover .edit-del-mask{display:none;position:absolute;top:0;left:0;bottom:0;right:0;background:rgba(0,0,0,.8)}.home-character-detail .works-display .row.article-list .each-article .article-cover .edit-del-mask>img{width:36px;height:36px}.home-character-detail .works-display .row.article-list .each-article .article-cover:hover .edit-del-mask{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.home-character-detail .works-display .row.article-list .each-article .article-info{padding:0 8px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-top:8px}.home-character-detail .works-display .row.article-list .each-article .article-info .article-title{font-weight:700;color:#333;line-height:19px;width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;word-break:break-all}.home-character-detail .works-display .row.article-list .each-article .article-info .article-attrs{margin-top:4px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;color:#999;font-size:12px;line-height:16px}.home-character-detail .works-display .row.article-list .each-article .article-info .article-attrs .article-author{max-width:122px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;word-break:break-all}.home-character-detail .works-display .row.article-list .each-article .article-info .article-attrs .article-views{line-height:16px}@media (max-width:450px){.home-character-detail .works-display .row.article-list .each-article .article-info{padding:0 4px}}.home-character-detail .works-display .row.follower-following-team-list .each-col .each-user{border-radius:4px;background:#fff;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:24px 24px 16px}.home-character-detail .works-display .row.follower-following-team-list .each-col .each-user:hover{box-shadow:0 0 6px rgba(0,0,0,.3)}.home-character-detail .works-display .row.follower-following-team-list .each-col .each-user:hover button.follow{background-color:#f66;color:#fff}.home-character-detail .works-display .row.follower-following-team-list .each-col .each-user:hover .avatar-name .name{font-weight:700}.home-character-detail .works-display .row.follower-following-team-list .each-col .each-user .avatar-name{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.home-character-detail .works-display .row.follower-following-team-list .each-col .each-user .avatar-name .avatar{border-radius:50%;width:88px;height:88px}.home-character-detail .works-display .row.follower-following-team-list .each-col .each-user .avatar-name .name{margin-top:16px;font-weight:400;color:#333;text-align:center;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:break-word}.home-character-detail .works-display .row.follower-following-team-list .each-col .each-user button{border-radius:4px;color:#fff;border:none;margin-top:8px}.home-character-detail .works-display .row.follower-following-team-list .each-col .each-user button.follow{border:1px solid #f66;background-color:#fff;color:#f66}.home-character-detail .works-display .row.follower-following-team-list .each-col .each-user button.unfollow{background:#bfbfbf}.home-character-detail .works-display .row.personal-profile{line-height:19px;height:100%;margin-top:16px}@media (max-width:768px){.home-character-detail .works-display .row.personal-profile{margin-left:0;margin-right:0}}.home-character-detail .works-display .row.personal-profile .profile-header{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding-bottom:16px}.home-character-detail .works-display .row.personal-profile .profile-header .title{font-size:16px;font-weight:700}.home-character-detail .works-display .row.personal-profile .profile-header .edit-info a{background:#58f;padding:5px 13px;color:#fff;border-radius:4px}.home-character-detail .works-display .row.personal-profile .detail-info{min-height:572px;padding:24px 32px 24px 0;border-radius:4px;background:#fff}.home-character-detail .works-display .row.personal-profile .detail-info p{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch;padding-bottom:33px;color:#333}.home-character-detail .works-display .row.personal-profile .detail-info p .info-key{color:#999;display:inline-block;width:130px;text-align:end}.home-character-detail .works-display .row.personal-profile .detail-info p .info-value{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;overflow:hidden;overflow-wrap:break-word;margin-left:56px}.home-character-detail .works-display .row.privacy-settings .setting-detail{min-height:572px;padding:24px 32px;border-radius:4px;background:#fff;font-size:14px;line-height:19px}.home-character-detail .works-display .row.privacy-settings .setting-detail p{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch;padding-bottom:33px;color:#333}.home-character-detail .works-display .row.privacy-settings .setting-detail p .setting-key{display:inline-block;width:200px;text-align:start}.home-character-detail .works-display .row.privacy-settings .setting-detail p .setting-value{overflow:hidden;overflow-wrap:break-word;margin-left:56px}.home-character-detail .works-display .row.privacy-settings .setting-detail p .setting-tip{padding-left:20px;color:#bfbfbf}.home-character-detail .works-display .row.privacy-settings .switchOn{display:inline-block;width:40px;height:20px;border-radius:20px;background-color:#0075ff;position:relative;vertical-align:top;cursor:pointer}.home-character-detail .works-display .row.privacy-settings .switchOn em{display:inline-block;width:16px;height:16px;border-radius:50%;background:#fff;position:absolute;right:2px;top:2px;-webkit-transition:all .5s linear;transition:all .5s linear}.home-character-detail .works-display .row.privacy-settings .switchOn.switchOff{background-color:#bfbfbf}.home-character-detail .works-display .row.privacy-settings .switchOn.switchOff em{left:2px}.home-character-detail .page{overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin:40px 0 0}@media (max-width:768px){.home-character-detail .page{width:100%}}