html{height:100%;}
body{background:#000;height:100%;}
.foot .foot-btn{/*background-color:#aaa;*/}
/*.player_start{opacity:0.7;position:absolute;transform: translate(-50%,-50%);top: 50%;left: 50%;height:98px;width:98px;}
.player_start path{fill:#fff;}*/
.video_list{position:absolute;top:0px;left:0px;height:100%;width:100%;z-index:0;overflow-y: scroll;scroll-snap-type: y mandatory;scrollbar-width: none;}
.video_list::-webkit-scrollbar {display: none; }
.video_list>.video_one{height:100%;width:100%;position:relative;scroll-snap-align: start;}
.video_list>.video_one>video{height:100%;width:100%;}
.top_back{position:fixed;top:20px;left:15px;height:30px;width:30px;border-radius:100px;opacity:0.9;background:url('../images/back2.png') no-repeat;background-size:100% 100%;display:block;z-index:10;}
.player_start{
background-image: url('../images/svg_icon/play.svg');
color:#fff;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
display:none;
opacity:0.7;position:absolute;transform: translate(-50%,-50%);top: 50%;left: 50%;z-index:5;
height:98px;width:98px;
}
.grocery{position:absolute;left:10px;bottom:10px;background-color:#fff;border-radius:5px;width:290px;height:100px;padding:5px 0;}
.grocery_image{float:left;height:100px;width:100px;padding:0 5px;}
.grocery_image img{height:100%;width:100%;}
.grocery_right{float:left;width:175px;height:100%;overflow:hidden;}
.grocery_title{width:100%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;font-size:14px;color:#333;height:25px;line-height:25px;}
.grocery_brief{width:100%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;font-size:12px;color:#999;height:20px;line-height:20px;}
.grocery_price{color:rgb(222,43,43);font-size:12px;height:20px;line-height:20px;padding-bottom:5px;}
.grocery_price span{font-size:16px;}
.grocery_button{width:100%;height:30px;background-color:rgb(222,43,43);color:#fff;text-align:center;line-height:30px;font-size:16px;display:block;}
.right_list{position:absolute;right:5px;bottom:5px;width:45px;z-index:10;}
.like{font-size: 16px;text-align: center;line-height:22px;color:#fff;font-weight: bold;padding:5px;margin-bottom:10px;}
.like::before{content:"";height:35px;width:35px;background-image: url('../images/svg_icon/love.svg');background-size: contain;display:block;}
.like.hover{color:#F03257;}
.like.hover::before{background-image: url('../images/svg_icon/love_red.svg');}
.share{font-size: 16px;text-align: center;line-height:22px;color:#fff;font-weight: bold;padding:5px;margin-bottom:10px;}
.share::before{content:"";height:35px;width:35px;background-image: url('../images/svg_icon/share.svg');background-size: contain;display:block;}