header{position:fixed;z-index:99;left:0;top:0;width:100%}header .user-card-list .gray{transition:all .2s}header .user-card-list:hover .gray{color:var(--blue)}header .ant-tooltip-inner{color:var(--text-black)!important}header .my{cursor:pointer}header .my:hover .ant-avatar{scale:2;margin-top:20px}header .my .ant-avatar{transition:all .5s}header .my .userModel{padding:20px;color:var(--text-black)}header .my .userModel ul a:hover span{color:var(--snyl-font-brand1-normal)}header .my .userModel .exp{color:#c9ccd0}header .collectModal{height:540px;color:var(--text-black)}header .collectModal:after{content:"";clear:both;height:0;display:block}header .collectNav{float:left;width:150px;height:100%;padding:12px 0;border-right:1px solid var(--snyl-gray-1-2);overflow-y:scroll}header .collectNav::-webkit-scrollbar{width:4px}header .collectNav::-webkit-scrollbar-thumb{background-color:#c8c8c9;border-radius:4px}header .collectNav ul :where(li){padding:13px;display:flex;justify-content:space-between;cursor:pointer}header .collectContent{float:right;width:370px}header .collectContent .list{height:490px;overflow-y:scroll}header .collectContent .list::-webkit-scrollbar{width:4px}header .collectContent .list::-webkit-scrollbar-thumb{background-color:#c8c8c9;border-radius:4px}header .collectContent .list a{display:flex;padding:10px 20px;cursor:pointer}header .collectContent .list a:hover{background:#e3e5e7}header .collectContent .list a .poster{margin-right:10px;position:relative}header .collectContent .list a .poster img{width:128px;height:70px;border-radius:4px}header .collectContent .list a .poster .duration{position:absolute;bottom:0;right:0;padding:1px 4px;background:rgba(0,0,0,.5);border-radius:5px 0 0 0;color:#fff;font-size:12px}header .collectContent .list a .about{display:flex;flex-direction:column;justify-content:space-between}header .collectContent .list a .about .title{line-height:18px}header .collectContent .control{height:50px;border-top:1px solid var(--snyl-gray-1-2);background:#fff;display:flex}header .collectContent .control a:first-child{border-right:1px solid var(--snyl-gray-1-2)}header .collectContent .control a{display:block;text-align:center;width:50%;height:100%;line-height:46px}header .dynamic{width:370px;max-height:500px;overflow-y:scroll}header .dynamic::-webkit-scrollbar{width:4px}header .dynamic::-webkit-scrollbar-thumb{background-color:#c8c8c9;border-radius:4px}header .dynamic ul li{transition:all .3s}header .dynamic ul li:hover{background:#e3e5e7}header .dynamic ul .poster{width:80px;height:45px;margin-left:15px;border-radius:4px}header .history-box{max-height:450px;overflow-y:scroll}header .history-box::-webkit-scrollbar{width:4px}header .history-box::-webkit-scrollbar-thumb{background-color:#c8c8c9;border-radius:4px}header .history-box ul li{padding:10px 15px;cursor:pointer;border-radius:4px}header .history-box ul li a{display:flex}header .history-box ul li:hover{background:#e3e5e7}header .history-box ul li .poster{position:relative;margin-right:10px}header .history-box ul li .poster img{height:72px;width:128px;border-radius:4px}header .history-box ul li .poster .time{position:absolute;bottom:0;right:0;padding:2px;background:rgba(0,0,0,.5);border-radius:5px 0 0 0;color:#fff;font-size:12px}header .history-box ul li .msg{display:flex;font-size:12px;color:var(--snyl-font-3)}header .column-tag{border:1px solid #fc8bab;border-radius:2px;color:#fc8bab;font-size:12px;padding:0 2px;margin-right:3px}header .ant-select-dropdown .ant-select-item-empty{color:#000}header .headerDrawer{padding:20px 0;text-align:center;line-height:10px;font-size:20px;border-bottom:1px solid #d5d5d5}