| 1 |
- ._wall_1e7oq_1{height:60px;margin-bottom:18px}._wrap_1e7oq_5{background-color:#f8f8f8!important}._w1200_1e7oq_8{width:1002px;margin:0 auto;background-color:#fff;border-radius:10px;display:flex;flex-direction:row;padding:20px 0}._w1200_1e7oq_8 ._left_1e7oq_17{border-right:1px solid #E7E6E6;width:605px}._w1200_1e7oq_8 ._left_1e7oq_17 ._albumInfo_1e7oq_21{padding:0 25px}._w1200_1e7oq_8 ._left_1e7oq_17 ._albumInfo_1e7oq_21 ._albumTitle_1e7oq_24{display:flex;flex-direction:row;align-items:top;justify-content:space-between;margin-bottom:22px}._w1200_1e7oq_8 ._left_1e7oq_17 ._albumInfo_1e7oq_21 ._albumTitle_1e7oq_24 h2{line-height:40px;font-weight:600;color:#000;font-size:28px}._w1200_1e7oq_8 ._left_1e7oq_17 ._albumInfo_1e7oq_21 ._albumTitle_1e7oq_24 img{margin-top:6px;width:28px;height:28px;cursor:pointer}._w1200_1e7oq_8 ._left_1e7oq_17 ._albumInfo_1e7oq_21 ._albumInfoTop_1e7oq_43{display:flex;flex-direction:row;margin-bottom:66px}._w1200_1e7oq_8 ._left_1e7oq_17 ._albumInfo_1e7oq_21 ._albumInfoTop_1e7oq_43 ._albumInfoTopImg_1e7oq_48{position:relative;width:190px;height:190px;margin-right:22px}._w1200_1e7oq_8 ._left_1e7oq_17 ._albumInfo_1e7oq_21 ._albumInfoTop_1e7oq_43 ._albumInfoTopImg_1e7oq_48 ._albumCover_1e7oq_54{width:190px;height:190px;position:absolute;z-index:100;background-color:#fff;border-radius:14px}._w1200_1e7oq_8 ._left_1e7oq_17 ._albumInfo_1e7oq_21 ._albumInfoTop_1e7oq_43 ._albumInfoTopConent_1e7oq_62 h2{font-size:24px;font-family:PingFangSC-Semibold,PingFang SC;font-weight:600;color:#333;line-height:37px;margin-bottom:12px}._w1200_1e7oq_8 ._left_1e7oq_17 ._albumInfo_1e7oq_21 ._albumInfoTop_1e7oq_43 ._albumInfoTopConent_1e7oq_62 p{font-size:16px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#656565;line-height:28px;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;white-space:normal!important;-webkit-line-clamp:4;-webkit-box-orient:vertical;height:95px}._w1200_1e7oq_8 ._left_1e7oq_17 ._albumInfo_1e7oq_21 ._albumInfoTop_1e7oq_43 ._albumInfoTopConent_1e7oq_62 ._tagWrap_1e7oq_84{display:flex;flex-direction:row;margin-top:26px;align-items:center}._w1200_1e7oq_8 ._left_1e7oq_17 ._albumInfo_1e7oq_21 ._albumInfoTop_1e7oq_43 ._albumInfoTopConent_1e7oq_62 ._tagWrap_1e7oq_84 ._tag_1e7oq_84{background-color:rgba(188,253,241,.46);color:#00886d;font-size:14px;margin-right:16px;border-radius:20px;padding:0 16px;height:30px;line-height:30px;text-align:center}._w1200_1e7oq_8 ._left_1e7oq_17 ._albumInfo_1e7oq_21 ._albumInfoBottom_1e7oq_101{font-size:14px;color:#999;margin-top:20px;display:flex;flex-direction:row;justify-content:space-between}._w1200_1e7oq_8 ._left_1e7oq_17 ._albumInfo_1e7oq_21 ._albumInfoBottom_1e7oq_101 ._albumInfoLeft_1e7oq_109{display:flex;flex-direction:row;font-size:16px}._w1200_1e7oq_8 ._left_1e7oq_17 ._albumInfo_1e7oq_21 ._albumInfoBottom_1e7oq_101 ._albumInfoLeft_1e7oq_109 img{width:20px;height:20px;margin-right:6px}._w1200_1e7oq_8 ._left_1e7oq_17 ._albumInfo_1e7oq_21 ._albumInfoBottom_1e7oq_101 ._albumInfoLeft_1e7oq_109 ._itemBottomL_1e7oq_119{margin-right:21px}._w1200_1e7oq_8 ._left_1e7oq_17 ._albumInfo_1e7oq_21 ._albumInfoBottom_1e7oq_101 ._albumInfoLeft_1e7oq_109 ._itemBottomL_1e7oq_119,._w1200_1e7oq_8 ._left_1e7oq_17 ._albumInfo_1e7oq_21 ._albumInfoBottom_1e7oq_101 ._albumInfoLeft_1e7oq_109 ._itemBottomR_1e7oq_123{display:flex;flex-direction:row;justify-content:flex-start;align-items:center}._w1200_1e7oq_8 ._left_1e7oq_17 ._albumInfo_1e7oq_21 ._albumInfoBottom_1e7oq_101 ._albumInfoRight_1e7oq_129 ._itemBottomR_1e7oq_123{cursor:pointer;display:flex;flex-direction:row;justify-content:flex-start;align-items:center}._w1200_1e7oq_8 ._left_1e7oq_17 ._albumInfo_1e7oq_21 ._albumInfoBottom_1e7oq_101 ._albumInfoRight_1e7oq_129 ._itemBottomR_1e7oq_123 img{width:20px;height:20px;margin-right:6px}._w1200_1e7oq_8 ._musicWrap_1e7oq_141 ._musicList_1e7oq_141{width:604px}._w1200_1e7oq_8 ._musicWrap_1e7oq_141 ._title_1e7oq_144{line-height:48px;font-size:20px;font-weight:600;color:#333;display:flex;flex-direction:row;align-items:center;padding:0 25px}._w1200_1e7oq_8 ._musicWrap_1e7oq_141 ._title_1e7oq_144 ._dot_1e7oq_154{width:30px;height:20px;margin-left:10px}._w1200_1e7oq_8 ._musicWrap_1e7oq_141 ._title_1e7oq_144 ._dot_1e7oq_154 img{width:30px;height:20px}._w1200_1e7oq_8 ._right_1e7oq_163 ._some_1e7oq_163{padding:20px 24px 10px;background-color:#fff;margin-bottom:14px}._w1200_1e7oq_8 ._right_1e7oq_163 ._some_1e7oq_163 ._someTitle_1e7oq_168{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:20px}._w1200_1e7oq_8 ._right_1e7oq_163 ._some_1e7oq_163 ._someTitle_1e7oq_168 ._tilteL_1e7oq_174{display:flex;flex-direction:row;align-items:center;font-weight:600;color:#000;line-height:30px;font-size:20px}._w1200_1e7oq_8 ._right_1e7oq_163 ._some_1e7oq_163 ._someTitle_1e7oq_168 ._tilteL_1e7oq_174 img{width:24px;height:24px;margin-right:8px}._w1200_1e7oq_8 ._right_1e7oq_163 ._some_1e7oq_163 ._someTitle_1e7oq_168 ._tilteR_1e7oq_188{cursor:pointer;display:flex;flex-direction:row;align-items:center;font-size:16px;color:#666}._w1200_1e7oq_8 ._right_1e7oq_163 ._some_1e7oq_163 ._someTitle_1e7oq_168 ._tilteR_1e7oq_188 ._arrow_1e7oq_196{width:16px;height:16px;margin-left:4px}._w1200_1e7oq_8 ._right_1e7oq_163 ._some_1e7oq_163 ._someWrap_1e7oq_201{display:flex;flex-direction:row;flex-wrap:wrap}._itemWrap_102oc_1{margin-bottom:20px;margin-right:18px;position:relative;cursor:pointer}._itemWrap_102oc_1:hover ._hold_102oc_7{transition:linear .1s}._itemWrap_102oc_1:hover ._hold_102oc_7 ._masker_102oc_10{visibility:visible}._itemWrap_102oc_1:hover ._hold_102oc_7 ._masker_102oc_10 img{width:48px;height:48px;-webkit-animation-name:_showPaly_102oc_1;animation-name:_showPaly_102oc_1;-webkit-animation-duration:.6s;animation-duration:.6s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes _showPaly_102oc_1{0%{transform:scale(.5)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes _showPaly_102oc_1{0%{transform:scale(.5)}50%{transform:scale(1.2)}to{transform:scale(1)}}._itemWrap_102oc_1 ._hold_102oc_7{position:relative;width:156px;height:156px;border-radius:10px;overflow:hidden}._itemWrap_102oc_1 ._hold_102oc_7 ._masker_102oc_10{visibility:hidden;width:156px;height:156px;background-color:rgba(0,0,0,.4);top:0;left:0;display:flex;flex-direction:row;align-items:center;justify-content:center;position:absolute}._itemWrap_102oc_1 ._hold_102oc_7 ._masker_102oc_10 img{width:48px;height:48px}._itemWrap_102oc_1 ._hold_102oc_7 img{width:100%;transition:all .3s ease-in-out}._itemWrap_102oc_1:nth-child(5n){margin-right:0}._itemWrap_102oc_1 ._startImage_102oc_63{width:24px;height:24px;z-index:1000;position:absolute;top:8px;right:8px}._itemWrap_102oc_1 h2{font-size:18px;font-weight:400;color:#000;line-height:25px;margin:13px 0 3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:156px}._itemWrap_102oc_1 span{color:#999;font-size:14px}._itemWrap_102oc_1 ._itemBottom_102oc_87{display:flex;flex-direction:row;justify-content:space-between}._itemWrap_102oc_1 ._itemBottom_102oc_87 img{width:18px;margin-right:4px}._itemWrap_102oc_1 ._itemBottom_102oc_87 ._itemBottomR_102oc_96{margin-right:1px}._itemWrap_102oc_1 ._itemBottom_102oc_87 ._itemBottomL_102oc_99,._itemWrap_102oc_1 ._itemBottom_102oc_87 ._itemBottomR_102oc_96{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;font-size:14px;line-height:20px}._itemAllWrap_1aryn_1{padding:0 25px}._itemAllWrap_1aryn_1:hover{background-color:#f8f8f8}._itemWrap_1aryn_7{--music-list-item-background-color: #fff;--music-list-item-title-color: #333;--music-list-item-desc-color: #333;--music-list-item-mate-color: #6a6a6a;--music-list-item-border-color: #f1f1f1;--music-list-item-vip-bg: #c8a430;--music-list-item-vip-color: #c8a430;--music-list-item-free-bg: #4ca751;--music-list-item-free-color: #4ca751;--music-list-item-charge-bg: #3f90d6;--music-list-item-charge-color: #3f90d6;height:188px;background:#ffffff;display:flex;flex-direction:row;justify-content:space-between;width:100%;padding:16px 0;border-bottom:1px solid #ececec;cursor:pointer}._itemWrap_1aryn_7:hover{background-color:#f8f8f8}._itemWrap_1aryn_7:hover ._vip_1aryn_32{color:#fff!important;background-color:var(--music-list-item-vip-bg)!important;width:96px!important;height:42px;text-align:center!important}._itemWrap_1aryn_7:hover ._vip_1aryn_32 p{width:96px!important}._itemWrap_1aryn_7:hover ._free_1aryn_42{width:96px!important;height:42px;text-align:center!important;color:#fff!important;background-color:var(--music-list-item-free-bg)!important}._itemWrap_1aryn_7:hover ._free_1aryn_42 p{width:96px!important}._itemWrap_1aryn_7:hover ._charge_1aryn_52{color:#fff!important;background-color:var(--music-list-item-charge-bg)!important;width:96px!important;height:42px;text-align:center!important}._itemWrap_1aryn_7:hover ._charge_1aryn_52 p{width:96px!important}._itemWrap_1aryn_7 ._left_1aryn_63{display:flex;flex-direction:row;align-items:center;width:555px}._itemWrap_1aryn_7 ._left_1aryn_63 ._imgWrap_1aryn_69{width:88px;height:88px;margin-right:30px;border-radius:5px;overflow:hidden}._itemWrap_1aryn_7 ._left_1aryn_63 ._textWrap_1aryn_76{width:555px;position:relative}._itemWrap_1aryn_7 ._left_1aryn_63 ._textWrap_1aryn_76 ._musicName_1aryn_80{font-size:18px;font-weight:600;color:#000;line-height:25px;margin-bottom:6px}._itemWrap_1aryn_7 ._left_1aryn_63 ._textWrap_1aryn_76 ._authorName_1aryn_87{font-weight:600;color:#666;line-height:22px;font-size:16px;margin-bottom:13px}._itemWrap_1aryn_7 ._left_1aryn_63 ._textWrap_1aryn_76 ._favoriteWrap_1aryn_95{display:flex;flex-direction:row;align-items:center;font-size:14px;color:#999;line-height:20px}._itemWrap_1aryn_7 ._left_1aryn_63 ._textWrap_1aryn_76 ._favoriteWrap_1aryn_95 img{width:16px;height:16px;margin-right:10px}._itemWrap_1aryn_7 ._authorBottom_1aryn_108{display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-top:35px}._itemWrap_1aryn_7 ._authorBottom_1aryn_108 ._authorInfo_1aryn_115{display:flex;flex-direction:row;align-items:center}._itemWrap_1aryn_7 ._authorBottom_1aryn_108 ._authorInfo_1aryn_115 ._icon_1aryn_120{width:28px;height:28px;border-radius:50px;margin-right:12px;border:2px solid #2dc7aa}._itemWrap_1aryn_7 ._authorBottom_1aryn_108 ._authorInfo_1aryn_115 ._authorName_1aryn_87{font-weight:600;color:#000;line-height:25px;font-size:18px}._itemWrap_1aryn_7 ._tagList_1aryn_133{display:flex;flex-direction:row;align-items:center}._itemWrap_1aryn_7 ._tagList_1aryn_133 ._tag_1aryn_133{background-color:rgba(188,253,241,.46);color:#00886d;font-size:14px;margin-left:16px;border-radius:20px;padding:0 16px;height:30px;line-height:30px;text-align:center}._itemWrap_1aryn_7 ._touchButtonO_1aryn_149{right:0;top:38px;position:absolute}._itemWrap_1aryn_7 ._touchButtonO_1aryn_149 ._touchButton_1aryn_149{background:#fff;line-height:42px;font-size:18px;width:96px;height:42px;border-radius:10px;border:1px solid #4ca751;display:flex;margin-bottom:65px}._itemWrap_1aryn_7 ._touchButtonO_1aryn_149 ._touchButton_1aryn_149 ._touchButtonWrap_1aryn_166{width:54px;height:100%;display:flex;flex-direction:row;align-items:center;justify-content:center;border-right:1px solid #4ca751}._itemWrap_1aryn_7 ._touchButtonO_1aryn_149 ._touchButton_1aryn_149 ._touchButtonWrap_1aryn_166 img{width:30px;height:30px}._itemWrap_1aryn_7 ._touchButtonO_1aryn_149 ._touchButton_1aryn_149 ._touchButtonText_1aryn_179{width:95px;text-align:center}._itemWrap_1aryn_7 ._touchButtonO_1aryn_149 ._touchButton_1aryn_149._vip_1aryn_32{color:var(--music-list-item-vip-color);border:1px solid var(--music-list-item-vip-color)}._itemWrap_1aryn_7 ._touchButtonO_1aryn_149 ._touchButton_1aryn_149._vip_1aryn_32 ._touchButtonWrap_1aryn_166{border-right:1px solid var(--music-list-item-vip-bg)}._itemWrap_1aryn_7 ._touchButtonO_1aryn_149 ._touchButton_1aryn_149._free_1aryn_42{color:var(--music-list-item-free-color);border:1px solid var(--music-list-item-free-color)}._itemWrap_1aryn_7 ._touchButtonO_1aryn_149 ._touchButton_1aryn_149._free_1aryn_42 ._touchButtonWrap_1aryn_166{border-right:1px solid var(--music-list-item-free-bg)}._itemWrap_1aryn_7 ._touchButtonO_1aryn_149 ._touchButton_1aryn_149._charge_1aryn_52{color:var(--music-list-item-charge-color);border:1px solid var(--music-list-item-charge-color)}._itemWrap_1aryn_7 ._touchButtonO_1aryn_149 ._touchButton_1aryn_149._charge_1aryn_52 ._touchButtonWrap_1aryn_166{border-right:1px solid var(--music-list-item-charge-bg)}._itemWrap_1aryn_7 ._arrow_1aryn_204{width:20px;height:20px;margin-left:12px}
|
