/* wrap */
.tv-wrapper {max-width:750px; height:100%; margin:0 auto;}
/* head */
.tv-wrapper .tv-fixed-head {position:fixed; left:50%; top:0; transform:translateX(-50%); width:100%; max-width:750px; z-index:999999; padding:30px;}
.tv-wrapper .tv-fixed-head .pull-left a {color:#fff; font-size:18px; padding:0 20px 5px 0;}
.tv-wrapper .tv-fixed-head .pull-left a span {color:#fff; font-size:23px; position:relative; top:2px; display:inline-block; margin-right:5px;}
.tv-wrapper .tv-fixed-head .pull-right {color:#fff; font-size:18px; padding:0 0 5px 20px;}
/* content */
.tv-wrapper .tv-content {width:100%; max-width:750px; position:relative; height:100%; overflow:hidden;}
.tv-wrapper .tv-content ul li {border:0 !important; position:relative; height:100%; overflow: hidden;}
.tv-wrapper .tv-content ul li video {z-index:-1; background:url('//img.sonyunara.com/123.tga') no-repeat center / cover; object-fit:cover; object-position:center; pointer-events:none; height:100%; background-repeat:no-repeat; background-size:cover; position:relative;}
.tv-wrapper .tv-content ul li video source {height:100%; display:block;}
.tv-wrapper .tv-content ul li .gradient {position:absolute; left:0; top:0; width:100%; height:calc(100% + 57px); background:linear-gradient(transparent,rgba(0,0,0,0.2));}
.tv-wrapper .tv-content ul li .body {z-index:55; position:absolute; left:0; bottom:0; width:100%; padding:5.5% 6%; vertical-align:bottom; display:flex; flex-wrap:wrap; align-items:flex-end;}
.tv-wrapper .tv-content ul li .body .pull-left {width:calc(100% - 46px); padding-right:30px;}
.tv-wrapper .tv-content ul li .body .pull-left > div {display:block; width:100%; }
.tv-wrapper .tv-content ul li .body .pull-left .subject {margin-bottom:0px; max-width:250px;}
.tv-wrapper .tv-content ul li .body .pull-left .subject a {color:#fff; font-size:16px;}
.tv-wrapper .tv-content ul li .body .pull-left .price:after {display:block; clear:both; content:"";}
.tv-wrapper .tv-content ul li .body .pull-left .price .p1 {color:#fff; font-size:15px; font-weight:100; display:inline-block; margin-right:7px;}
.tv-wrapper .tv-content ul li .body .pull-left .price .p1 small {color:#fff; font-size:13px; font-weight:100;}
.tv-wrapper .tv-content ul li .body .pull-left .price .p2 {color:#fff; text-decoration:line-through; font-size:13px; font-weight:100;}
.tv-wrapper .tv-content ul li .body .pull-left .price .p2 small {color:#fff;}
.tv-wrapper .tv-content ul li .body .pull-left .price .pull-right {color:#c8b098; font-weight:500; font-size:20px; position:relative; top:-2px; right:2px;}
.tv-wrapper .tv-content ul li .body .pull-left .buy a {display:block; color:#fff; text-align:center; background:#c8b098; max-width:100%; font-size:16px; padding:15px 0; border-radius:5px;}
.tv-wrapper .tv-content ul li .body .pull-right {text-align:right; width:46px; position:relative; right:-9px;}
.tv-wrapper .tv-content ul li .body .pull-right a {display:block; max-width:46px; margin-right:-10px; margin-bottom:45%; text-align:center; color:#fff; clear:both; outline:0 !important; cursor:pointer}
.tv-wrapper .tv-content ul li .body .pull-right a img {width:27.55%; min-width:25px; display:inline-block;}
.tv-wrapper .tv-content ul li .body .pull-right a span {margin-top:5px; display:block; font-size:11px;}
.tv-wrapper .tv-content ul li .body .pull-right a.detail {margin-bottom:0; max-width:45px;}
.tv-wrapper .tv-content ul li .body .pull-right a.detail img {background:#fff; border-radius:5px; width:100%; height:100%; object-fit:cover; border: 1px solid white;}
.tv-wrapper .tv-content ul li .body .pull-right a.detail span {color:#fff;}
.tv-wrapper .tv-content ul li .body .pull-right a.sound {margin:0 auto 55%; position:relative; width:34px; height:34px; background:url('//img.sonyunara.com/attrangs/2020/self/from/audio_x.png') no-repeat center / cover}
.tv-wrapper .tv-content ul li .body .pull-right a.sound.on {background:url('//img.sonyunara.com/attrangs/2020/self/from/audio.png') no-repeat center / cover;}
.tv-wrapper .tv-content ul li .body .pull-right a.share span {color:#fff;}
.tv-wrapper .tv-content ul li .body .pull-right a.good {width:46px; height:46px;}
.tv-wrapper .tv-content ul li .body .pull-right a.good > div {position:relative; width:46px; height:46px; background:url('//img.sonyunara.com/attrangs/2020/self/from/like_white.png') no-repeat center 0 / 30px auto;}
.tv-wrapper .tv-content ul li .body .pull-right a.good span {color:#fff; position:relative; bottom:18px;}
/* .tv-wrapper .tv-content ul li .body .pull-right a.good.on > div {animation-name:scale; animation-duration:1s; background:url('//img.sonyunara.com/attrangs/2020/self/from/like_on_m.png') no-repeat center 0 / 30px auto;} */
.tv-wrapper .tv-content ul li .body .pull-right a.good > div.on {animation-name:scale; animation-duration:1s; background:url('//img.sonyunara.com/attrangs/2020/self/from/like_on_m.png') no-repeat center 0 / 30px auto;}
@keyframes scale {
	0%{transform:scale(1);}
	50%{transform:scale(1.5);}
	100%{transform:scale(1);}
}