@charset "utf-8";


/* artist_tit */ 
.artist_tit {position:relative; display:flex; justify-content:space-between; align-items: stretch; } 
.artist_tit h3.atit {display:none; }
.artist_tit .asearchwrap {width:70%; display:flex; justify-content:start; align-items: stretch;  }
.artist_tit .asearchwrap .asearch_num {width:62px ; text-align:right; font-size:15px; line-height:40px;  }
.artist_tit .asearchwrap .sub_searchwrap {width:100%; max-width:560px;}
.artist_tit .selectbox  {width:100%; max-width:120px; min-width:110px;}
.artist_tit .selectbox .dropdown-toggle {border:1px solid rgba(255, 255, 255, 0.3); border-radius:40px; line-height:38px; height:40px; }
.artist_tit .selectbox .dropdown-menu>li>a,
.artist_tit .selectbox .dropdown-menu>li>a:focus,
.artist_tit .selectbox .dropdown-menu>li>a:hover { width:100%; line-height:30px !important; height:30px !important; text-align:left;  }
.artist_tit .selectbox .dropdown-menu>li>a:focus,
.artist_tit .selectbox .dropdown-menu>li>a:hover {color:#fff; background:none;}
.artist_tit .selectbox .dropdown-menu>li.active>a { color:#fff;   }
.artist_tit .selectbox .dropdown-menu > li:first-child { padding-top:10px;  }
.artist_tit .selectbox .dropdown-menu > li:last-child { padding-bottom:10px; }

@media all and (max-width:1050px){    
    .artist_tit .asearchwrap,
	.artist_tit .asearchwrap .asearch_num {display:none; }
	.artist_tit h3.atit {display:inline-block; line-height:50px; height:50px; font-size:16px; font-weight:600; display:flex; justify-content:start; align-items: center; }
} 
@media all and (max-width:350px){     
	.artist_tit h3.atit { font-size:14px; }
}

/* artist page */
.artistwrap { width:100%; font-size:0; padding:10px 0 0 0; overflow:hidden; display:block;}
.artistwrap .artistbox {float:left; width:calc(20% - 20px); margin-top:20px; margin-right:25px;  padding: 30px; border-radius: 10px; background-color: #111 ;  }
.artistwrap .artistbox:nth-child(5n) {margin-right:0; } 
.artistbox .aimgwrap { width:100%; display:flex; justify-content:space-between; align-items: center; }
.artistbox .aimgwrap .abimgbox { position:relative; width:100%; padding:100% 0 0 0;  border-radius: 8px; overflow:hidden;display:inline-block;}
.artistbox .aimgwrap .abimgbox a { position:absolute; top:0; left:0; width:100%; height:100%; display:inline-block;}
.artistbox .aimgwrap .abimgbox a img {margin:0 auto; display: inline-block; width:100%; height:100%; object-fit: cover; object-position: center center; transition: transform 0.3s linear} 
.artistbox .aimgwrap .asimgbox { width:28.58%; padding: 0 0 0 10px;}
.artistbox .aimgwrap .asimgbox .asbox {position:relative; width:100%; padding:81.81% 0 0 0; margin-top:15px; border-radius:8px; overflow:hidden;display:inline-block;}
.artistbox .aimgwrap .asimgbox .asbox a{ position:absolute; top:0; left:0; width:100%; height:100%; display:inline-block;}
.artistbox .aimgwrap .asimgbox .asbox a img {margin:0 auto; display: inline-block; width:100%; height:100%; object-fit: cover; object-position: center center; transition: transform 0.3s linear} 
.artistbox .aimgwrap .asimgbox .asbox:first-child {margin-top:0 }

.artistbox .atxtwrap { width:100%;display:flex; justify-content:space-between; align-items: stretch; padding:15px 0 15px 0;}
.artistbox .atxtwrap .atbox_profile {position:relative; width:80%;padding:0; display:inline-block;display:flex; justify-content:start; align-items: center; } 
.artistbox .atxtwrap .atbox_profile .imgbox {position:relative; width:55px; min-width:55px; padding:55px 0 0 0;  border-radius:50%; overflow:hidden; display:inline-block; font-size:0;  }
.artistbox .atxtwrap .atbox_profile .imgbox a{ position:absolute; top:0; left:0; width:100%; height:100%; display:inline-block; font-size:0; padding:0;}
.artistbox .atxtwrap .atbox_profile .imgbox a img {margin:0 auto; display: inline-block; width:100%; height:100%; object-fit: cover; object-position: center center; transition: transform 0.3s linear} 
.artistbox .atxtwrap .atbox_profile .txtbox {width:80%; padding:0 0 0 10px;}
.artistbox .atxtwrap .atbox_profile .txtbox a { width:92%; white-space:nowrap; overflow:hidden; word-wrap:break-word; text-overflow:ellipsis;}
.artistbox .atxtwrap .atbox_profile .txtbox a.tit { font-size: 17px; font-weight: 600;line-height:1.4;  }
.artistbox .atxtwrap .atbox_profile .txtbox a.txt { font-size: 14px; line-height:1.3; padding:2px 0 0 0; } 
.artistbox .atxtwrap .atbox_like { width:24%; padding:0 0 0 10px; display:block; text-align:center;  }
.artistbox .atxtwrap .atbox_like .likebtn {position:relative; width:100%; height:36px; display:inline-block; text-align:center; }
.artistbox .atxtwrap .atbox_like span {width:100%; display:block; text-align:center;margin:8px 0 0 0; line-height:1.2; font-size:14px;font-weight: 600; color:#ed1c24; }

@media all and (max-width:1600px){    
	.artistbox .atxtwrap .atbox_profile .imgbox { width:50px; min-width:50px; padding:50px 0 0 0;}
	.artistbox .atxtwrap .atbox_profile .txtbox a.tit { font-size: 16px;  }
	.artistbox .atxtwrap .atbox_profile .txtbox a.txt { font-size: 13px;  } 
	.artistbox .atxtwrap .atbox_like span { font-size:13px;}	 
}
@media all and (max-width:1400px){    
	.artistwrap .artistbox,
	.artistwrap .artistbox:nth-child(4n) { width:calc(33.33% - 13.33px); margin:20px 20px 0 0; }
	.artistwrap .artistbox:nth-child(5n) { margin: 20px 20px 0 0 }
	.artistwrap .artistbox:nth-child(3n) {margin-right:0; } 
	
	.artistbox .atxtwrap .atbox_profile .txtbox a.tit { font-size: 15px;  } 
	.artistbox .atxtwrap .atbox_like .likebtn { height:30px;}
	.artistbox .atxtwrap .atbox_like span { margin:5px 0 0 0; }
} 
@media all and (max-width:1200px){    
	.artistwrap .artistbox,
	.artistwrap .artistbox:nth-child(4n) { width:calc(33.33% - 10px); margin:15px 15px 0 0; }
	.artistwrap .artistbox:nth-child(5n) { margin: 15px 15px 0 0 ; }
	.artistwrap .artistbox:nth-child(3n) {margin-right:0; }
}
@media all and (max-width:1050px){  
    .artistwrap {padding:0; }
}
@media all and (max-width:900px){  
    .artistwrap .artistbox,
	.artistwrap .artistbox:nth-child(4n),
	.artistwrap .artistbox:nth-child(3n) { width:calc(50% - 7.5px); margin:15px 15px 0 0;  }
	.artistwrap .artistbox:nth-child(2n) {margin-right:0; } 
    .artistwrap .artistbox { padding:15px; }
	.artistbox .atxtwrap .atbox_like .likebtn { height:26px; }
}
@media all and (max-width:768px){ 
	.artistwrap .artistbox,
	.artistwrap .artistbox:nth-child(4n),
	.artistwrap .artistbox:nth-child(3n) { width:calc(50% - 7.5px); margin:15px 15px 0 0;  }
	.artistwrap .artistbox:nth-child(2n)  {margin-right:0; } 
	.artistbox .atxtwrap .atbox_profile .imgbox { width:46px; min-width:46px; padding:46px 0 0 0;}
	 
} 
@media all and (max-width:450px){    
	.artistwrap .artistbox,
	.artistwrap .artistbox:nth-child(4n),
	.artistwrap .artistbox:nth-child(3n),
	.artistwrap .artistbox:nth-child(2n) { width:100%; margin:10px 0 0 0;  }
	.artistbox .atxtwrap { padding:10px 0 0 0;}
}

@media all and (max-width:350px){    
	.artistbox .atxtwrap .atbox_profile .txtbox a.tit { font-size: 14px;  }
	.artistbox .atxtwrap .atbox_profile .txtbox a.txt { font-size: 12px;  } 
}

/* aside */
.asidemenu .tlbox { background: 0 0; background: #353535; border-radius: 5px; }
.asidemenu .tlbox_tit {width: 100%; display: block; background: #111; display: flex; justify-content: space-between; align-items: center;background: #353535; -webkit-border-radius: 5px; border-radius: 5px 5px 0 0 ; height: 50px; line-height:50px;  padding: 0 15px; }
.asidemenu .tlbox_tit h3 { font-size: 16px; font-weight: 600; }
.asidemenu .tlbox_tit h3, .tlbox_info h4 { width: 100%; display: block; line-height: 45px;}
.asidemenu .tlbox_info h4 { font-size: 16px; font-weight: 600; }
/* 1022 */
.asidemenu .tlbox_info {  margin-bottom:20px; width: 100%; display: block; overflow-x: hidden; overflow-y: auto; background: rgba(0,0,0,.3); -webkit-border-radius: 5px; border-radius: 0 0 5px 5px; box-shadow: inset 0 0 4px rgba(0,0,0,.3); -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.3); padding: 10px 15px 20px; }
.asidemenu .tlbox_info .itxt { width: 100%; display: block; color: #999; padding-bottom: 10px ; }
.asidemenu .tlbox_info dl { width: 100%; display: flex; justify-content: start; align-items: stretch; padding: 4px 0; }
.asidemenu .tlbox_info dl dt { width: 80px; display: inline-block; color: #999; line-height: normal; }
.asidemenu .tlbox_info dl dd{ width: calc(100% - 80px); display: inline-block; color: rgba(255, 255, 255, 0.9); line-height: normal; font-weight: 200; }
/* aside */

/* checkalike */ 
.checkalike input[type="checkbox"] {position: absolute; width: 1px; height: 1px; padding: 0; margin:0; overflow: hidden; clip:rect(0,0,0,0); border: 0;}
.checkalike input[type="checkbox"] + label {display: inline-block; position: relative; padding-left: 36px; cursor: pointer; user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;}
.checkalike input[type="checkbox"] + label::before {content: ''; position: absolute;  left:0; top:0; text-align: center; width:36px; height:36px;  border-radius:50%; background: url(/assets/img/content/like_off.svg) no-repeat center 50%; background-size:66.66%; }
.checkalike input[type="checkbox"] + label:active::before, .checkarr input[type="checkbox"]:checked + label:active::before {box-shadow: 0 1px 2px rgba(0,0,0,0.05);}
.checkalike input[type="checkbox"]:checked + label::before {background: transparent; border-color:transparent;}
.checkalike input[type="checkbox"]:checked + label::after {content: ''; position: absolute;  left:0; top:0; text-align: center; width:36px; height:36px; border-radius:50%; background: url(/assets/img/content/like_on.svg) no-repeat center 50%; background-size:66.66%; }
.checkalike input[type="checkbox"] + label i {font-size:0; text-indent:-9999px;overflow: hidden; }

@media all and (max-width:1400px){  
 .checkalike input[type="checkbox"] + label  {padding-left: 30px;}
 .checkalike input[type="checkbox"]:checked + label::after  {width:30px; height:30px;}
 .checkalike input[type="checkbox"] + label::before {width:30px; height:30px;}
}
@media all and (max-width:900px){  
 .checkalike input[type="checkbox"] + label  {padding-left: 26px;}
 .checkalike input[type="checkbox"]:checked + label::after  {width:26px; height:26px;}
 .checkalike input[type="checkbox"] + label::before {width:26px; height:26px;}
}


/* sswrap_tit */ 
.sswrap_tit {position:relative; display:flex; justify-content:space-between; align-items: stretch; } 
.sswrap_tit.pb0 {padding:0 ;}
.sswrap_tit h3 {width:70%; font-size:24px; font-weight:600; line-height:40px;}
.sswrap_tit h3 span { font-size:15px; font-weight:600; line-height:40px; color:#999; padding:0 0 0 15px; display:inline-block;  }
.sswrap_tit a {width:30%; font-size:16px; font-weight:600; line-height:40px; text-align:right; }

.sswrap_tit .selectbox  {width:100%; max-width:120px; min-width:110px;}
.sswrap_tit .selectbox .dropdown-toggle {border:1px solid rgba(255, 255, 255, 0.3); border-radius:40px; line-height:38px; height:40px; }
.sswrap_tit .selectbox .dropdown-menu>li>a,
.sswrap_tit .selectbox .dropdown-menu>li>a:focus,
.sswrap_tit .selectbox .dropdown-menu>li>a:hover { width:100%; line-height:30px !important; height:30px !important; text-align:left;  }
.sswrap_tit .selectbox .dropdown-menu>li>a:focus,
.sswrap_tit .selectbox .dropdown-menu>li>a:hover {color:#fff; background:none;}
.sswrap_tit .selectbox .dropdown-menu>li.active>a { color:#fff;   }
.sswrap_tit .selectbox .dropdown-menu > li:first-child { padding-top:10px;  }
.sswrap_tit .selectbox .dropdown-menu > li:last-child { padding-bottom:10px; }

.sswrap_tit_nft {position:relative; display:flex; justify-content:start; align-items: stretch; padding:0; } 
.sswrap_tit_nft h3 { font-size:24px; font-weight:600; line-height:36px;}
.sswrap_tit_nft span { font-size:15px; font-weight:600; line-height:36px; color:#999; padding:0 0 0 20px; display:inline-block;  }

@media all and (max-width:900px){ 
	.sswrap_tit h3 { font-size:22px;} 
	.sswrap_tit a {  font-size:15px; }
}
@media all and (max-width:801px){  
	.sswrap_tit h3 { font-size:20px;} 
	.sswrap_tit a {  font-size:14px; }
}
@media all and (max-width:900px){ 
	.sswrap_tit h3 { font-size:22px;} 
	.sswrap_tit a {  font-size:13px; }
}
@media all and (max-width:801px){ 
	.sswrap_tit h3 { font-size:20px;} 
}
 

 
.sswrap_nft {width:100%;overflow:hidden;display:block;padding: 30px 0 0 0;}
 
/* market_list */
.nftlistwrap {width:100%;  display:block; padding:10px 0 0 0 ; }
/*.sswrap_nft .market_rtbox { padding:0; }*/
.nftlistwrap .page:after {content:''; display:block; clear:both;}
.nftlist {width:100%; font-size:0;} 
.nftlist .nftbox {position:relative; float:left; width: calc(16.66% - 16.66px); margin:0 20px 30px 0;  border-radius:10px;}
.nftlist .nftbox:nth-child(6n) {margin-right:0;} 
 
.nftlist .nftbox p {display:block; width:100%;  text-align:left; font-size:14px; color:#fff; font-weight:normal;line-height:1.4;}
.nftlist .nftbox p a {width:99%;  overflow:hidden; display:block;  white-space:nowrap; word-wrap:break-word; text-overflow:ellipsis;line-height:1.4;}
.nftlist .nftbox .img {position:relative; width:100%; padding-top:100%; border-radius:8px; overflow:hidden; display:inline-block; font-size:0;}
.nftlist .nftbox .img .link { position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; display:inline-block;}
.nftlist .nftbox .img .link > img {margin:0 auto; display: inline-block; width:100%; height:100%; object-fit: cover; object-position: center center; transition: transform 0.3s linear} 
.nftlist .nftbox .img:hover .link > img  { opacity: 0.8;}
.nftlist .nftbox .img .btn_play  {display:none;position:absolute; top:auto; left:auto; right:15px; bottom:15px;}
.nftlist .nftbox .img:hover .btn_play {display:inline-block;}
.nftlist .nftbox .tit {font-size:17px; font-weight:600; padding:10px 0 0 0 ;}
.nftlist .nftbox .price { color:#ED1C24; text-align:left; padding:5px 0 0 0 ; font-weight:600; display:flex; justify-content:space-between; align-items:center;}
.nftlist .nftbox .price span {width:100%; overflow:hidden; display:block; white-space:nowrap; word-wrap:break-word; text-overflow:ellipsis;} 

@media all and (max-width:1400px){  
	.nftlist .nftbox,
	.nftlist .nftbox:nth-child(6n) {width: calc(20% - 16px); margin:0 20px 30px 0; }
	.nftlist .nftbox:nth-child(5n) {margin-right:0;} 
}
@media all and (max-width:1200px){  
	.nftlist .nftbox,
	.nftlist .nftbox:nth-child(6n),
	.nftlist .nftbox:nth-child(5n) {width: calc(25% - 11.25px); margin:0 15px 25px 0; }
	.nftlist .nftbox:nth-child(4n) {margin-right:0;}  
}
@media all and (max-width:900px){  
 	.nftlist .nftbox,
	.nftlist .nftbox:nth-child(6n),
	.nftlist .nftbox:nth-child(5n),
	.nftlist .nftbox:nth-child(4n){width: calc(33.33% - 10px); margin:0 15px 25px 0; }
	.nftlist .nftbox:nth-child(3n){margin-right:0;}  
}
@media all and (max-width:801px){  
	.nftlist .nftbox p { font-size:13px;}
	.nftlist .nftbox .tit {font-size:16px;}
}
@media all and (max-width:600px){   
	.nftlist .nftbox,
	.nftlist .nftbox:nth-child(6n),
	.nftlist .nftbox:nth-child(5n),
	.nftlist .nftbox:nth-child(4n),
	.nftlist .nftbox:nth-child(3n) {width: calc(50% - 5px); margin:0 10px 20px 0;}
    .nftlist .nftbox:nth-child(2n) {margin-right:0;}
 
	.nftlist .nftbox .tit {font-size:15px;}
}
@media all and (max-width:350px){   
    .nftlist .nftbox p { font-size:12px;}
	.nftlist .nftbox .tit {font-size:14px;}
}



/* sswrap_artist */
.sswrap_artist {width:100%;overflow:hidden;display:block;padding: 30px 0 0 0;}

/* searchArtist Swiper */
.searchArtistSwiper  { position:relative; width:100% ; display:block; padding:10px 0 0 0 ;}
.swiper.searchArtistSwiper { width: calc(100% + 10px);  height: 100%;overflow:hidden;display:block;  }
.searchArtistSwiper .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
   }
.searchArtistSwiper .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover;}

.searchArtistSwiper .swiper-button-next,
.searchArtistSwiper .swiper-button-prev { display:none; z-index:3; width:34px; height:34px; padding:0; top:0;margin:0;}
 
.searchArtistSwiper:hover .swiper-button-prev { border-radius:0 17px 17px 0; margin:0; left:0; top:36%; transform:translateY(-50%); background:rgba(0,0,0, 0.7) url(/assets/img/content/prev_w.svg) no-repeat 9px 50%; background-size:10px;}
.searchArtistSwiper:hover .swiper-button-next { border-radius: 17px 0 0 17px; left:auto; right:10px; top:36%; transform:translateY(-50%);background:rgba(0,0,0, 0.7) url(/assets/img/content/next_w.svg) no-repeat 14px 50%; background-size:10px;}
.searchArtistSwiper:hover .swiper-button-prev,
.searchArtistSwiper:hover .swiper-button-next {display:block; animation: fadein ease 0.3s;-moz-animation: fadein ease 0.3s; -webkit-animation:  fadein ease 0.3s; -o-animation: fadein ease 0.3s; }
 
.searchArtistSwiper .swiper-pagination-bullets  {display: none;}
 
.searchArtistSwiper .swiper-slide { background:none;  padding:0 10px 1px 0; }  
.searchArtistSwiper .swiper-slide .pabox { width:100%; max-width:170px; }
.searchArtistSwiper .swiper-slide .pabox p {display:block; width:100%;  text-align:center; font-size:16px; color:#fff; font-weight:500;}
.searchArtistSwiper .swiper-slide .pabox .img {position:relative; width:100%; padding-top:100%; border-radius:38.23%; overflow:hidden; display:inline-block;}
.searchArtistSwiper .swiper-slide .pabox .img span { position:absolute; top:0; left:0; z-index:2; width:100%; height:100%; display:inline-block;}
.searchArtistSwiper .swiper-slide .pabox .img span img {margin:0 auto; display: inline-block; width:100%; height:100%; object-fit: cover; object-position: center center; transition: transform 0.3s linear} 

.searchArtistSwiper .swiper-slide .pabox .txt { padding:5px 0 2px 0; font-size:16px; font-weight:600; }
.searchArtistSwiper .swiper-slide .pabox .like span { display: inline-block; padding:0 14px 0 35px; font-size:14px; line-height:22px; height:24px; border-radius:24px; color:#ED1C24; font-weight:600; background:url(/assets/img/com/like_hover.svg) no-repeat 14px 50%; background-size:14px; border:1px solid #ED1C24;}

@media all and (max-width:1500px){ 
	.searchArtistSwiper  {width:100%;}
	.searchArtistSwiper .swiper-slide { padding:0;}
} 
@media all and (max-width:801px){
	.searchArtistSwiper .swiper-slide .pabox .txt {font-size:16px;}
	.searchArtistSwiper .swiper-slide .pabox .like span { font-size:13px; padding:0 10px 0 30px; background:url(/assets/img/com/like_hover.svg) no-repeat 10px 50%; background-size:14px; }
}
@media all and (max-width:600px){ 
    .searchArtistSwiper .swiper-button-next,
    .searchArtistSwiper .swiper-button-prev {height:30px; }
	.searchArtistSwiper .swiper-button-prev {right:50px;}
	.searchArtistSwiper .swiper-button-next {right:20px;}
	.searchArtistSwiper .swiper-slide .pabox .img{width:100%; padding-top:100%;}
	.searchArtistSwiper .swiper-slide .pabox .txt {font-size:15px; }
} 
@media all and (max-width:500px){  
	.searchArtistSwiper .swiper-slide .pabox .txt {font-size:14px; }
} 
@media all and (max-width:350px){  
	.searchArtistSwiper .swiper-slide .pabox .txt {font-size:13px; }
} 



.sswrap_music {width:100%;overflow: hidden;display:block;padding: 30px 0 0 0;}

/* editorPick */ 
.ssmusicwrap { width:calc(100% + 20px); display: block; margin-top:-10px;}
.ssmusicwrap .ssmbox {float:left; width:calc(33.33% - 20px); margin:20px 20px 0 0;  display:flex; justify-content: space-between; align-items:center; padding:15px ; border-radius:10px; border:1px solid #222; }
 
.ssmusicwrap .ssmbox:hover {background:#111;}
.ssmusicwrap .ssmbox .img { position:relative; width:100px; height:70px; z-index:1;}
.ssmusicwrap .ssmbox .img a {width:100%; height:100%; display:inline-block; border:none; border-radius:12px; text-align:center;overflow:hidden; display:inline-block;}
.ssmusicwrap .ssmbox .img a img {margin:0 auto; display: inline-block;width:100%; height:100%; object-fit: cover; object-position: center center; transition: transform 0.3s linear;} 
.ssmusicwrap .ssmbox .img:hover:before  {  position:absolute; top:0; left:0;  z-index:2;content:''; display:block; clear:both; width:100%; height:100%;background: rgba(0, 0, 0, 0.2);}
.ssmusicwrap .ssmbox .img .btn_play  { display:none; position:absolute;top:50%; left:50%; transform:translate(-50%,-50%);}  
.ssmusicwrap .ssmbox .img:hover .btn_play  {display:inline-block; position:absolute;top:50%; left:50%; transform:translate(-50%,-50%); background:rgba(0, 0, 0, 0.6) url(/assets/img/com/icon_play_w.svg) no-repeat 56% 50%; background-size:10px;}   
.ssmusicwrap .ssmbox .img .btn_play:hover {display:inline-block;  background:rgba(237, 28, 36, 0.6) url(/assets/img/com/icon_play_w.svg) no-repeat 56% 50%; background-size:10px;}
 
.ssmusicwrap .ssmbox .txt { display: block; width:calc(82% - 70px);  padding:0 0 0 15px; text-align:left;line-height:1.3 ;}
.ssmusicwrap .ssmbox .txt .music {width:100%;display:block; font-size: 18px; font-weight: 600; white-space:nowrap; overflow:hidden; word-wrap:break-word; text-overflow:ellipsis;}
.ssmusicwrap .ssmbox .txt .profile {width:100%;display:block; font-size:14px; font-weight:300;white-space:nowrap; overflow:hidden; word-wrap:break-word; text-overflow:ellipsis;}
.ssmusicwrap .ssmbox .checklike {width:8%; max-width:40px;min-width:30px;}
.ssmusicwrap .ssmbox .btn {width:7px; min-width:70px; text-align:right; }
.ssmusicwrap .ssmbox .btn a {position:relative; width:25px;height:25px; border-radius: 5px;  display:inline-block;margin:0 5px; opacity: 0.5;}
.ssmusicwrap .ssmbox .btn a:hover {opacity: 1;} 
.ssmusicwrap .ssmbox .btn a.btn_lyrics {  background:url(/assets/img/content/lyrics_w.svg) no-repeat center 50%; background-size:17px;  }
.ssmusicwrap .ssmbox .btn a.btn_mplay { background:url(/assets/img/content/play_w.svg) no-repeat center 50%; background-size:12px;  }
.ssmusicwrap .ssmbox .btn a i { font-size:0; text-indent:-9999em; overflow:hidden;}
.ssmusicwrap .ssmbox .btn a:before {position:absolute; left:0; top:0; content:''; display:inline-block; clear:both; width:100%; height:100%; background:#fff; opacity: 0.09; border-radius: 5px;  }
.ssmusicwrap .ssmbox .btn a:hover:before { opacity: 0.18;  }
.ssmusicwrap .ssmbox .btn a:first-child {margin-left:0;}
.ssmusicwrap .ssmbox .btn a:last-child {margin-right:0;}

@media all and (max-width:1200px){  
    .ssmusicwrap { width:calc(100% + 15px); }
	.ssmusicwrap .ssmbox  { width:calc(50% - 15px);  margin:15px 15px 0 0;  } 
}
@media all and (max-width:801px){  
	.ssmusicwrap .ssmbox .txt .music { font-size: 16px; }
	.ssmusicwrap .ssmbox .txt .profile {  font-size:13px; }
}
@media all and (max-width:768px){  
    .ssmusicwrap { width:100%; }
	.ssmusicwrap .ssmbox  { width:100%; margin:15px 0 0 0; } 
} 
@media all and (max-width:600px){   
	.ssmusicwrap .ssmbox  { margin:10px 0 0 0; padding:10px;  } 
	.ssmusicwrap .ssmbox .txt {  padding:0 0 0 10px; }
	.ssmusicwrap .ssmbox .txt .music { font-size: 15px; }
}
@media all and (max-width:500px){   
	.ssmusicwrap .ssmbox .img { width:80px; height:56px; }
}
@media all and (max-width:350px){ 
    .ssmusicwrap .ssmbox .img { width:70px; height:49px; }
	.ssmusicwrap .ssmbox .txt .music { font-size: 14px; }
	.ssmusicwrap .ssmbox .txt .profile {  font-size:12px; }
	.ssmusicwrap .ssmbox .btn {width:30px; min-width:30px; }
	.ssmusicwrap .ssmbox .btn a {margin:2px 0}
}