html{width:100%;height:100%;overflow:hidden;}
body{width:100%;height:100%;margin:0;overflow:hidden;background:#000000;}
#video{width:100%;height:100%;overflow:hidden;background:url('../../image/load.svg') no-repeat center center;background-size:48px 48px;display:flex;align-items:center;justify-content:center;}
.vtool {width:32px;height:330px;text-align:center;position:fixed;z-index:99;right:16px;bottom:72px;user-select:none;-webkit-user-select:none;}
.vtool div {font-size:12px;height:66px;padding:0;}
.vtool b {color:#FFFFFF;font-weight:normal;}
.vtool a {display:block;width:100%;height:24px;padding:32px 0 0 0;}
.vtool .like {background:url('video-like.png') no-repeat center 0;background-size:32px 32px;}
.vtool .liked {background:url('video-like-on.png') no-repeat center 0;background-size:32px 32px;color:#FF6600;}
.vtool .hate {background:url('video-hate.png') no-repeat center 0;background-size:32px 32px;}
.vtool .hated {background:url('video-hate-on.png') no-repeat center 0;background-size:32px 32px;color:#FF6600;}
.vtool .report {background:url('video-report.png') no-repeat center 0;background-size:32px 32px;}
.vtool .favorite {background:url('video-favorite.png') no-repeat center 0;background-size:32px 32px;}
.vtool .favorited {background:url('video-favorite-on.png') no-repeat center 0;background-size:32px 32px;color:#FF6600;}
.vtool .comment {background:url('video-comment.png') no-repeat center 0;background-size:32px 32px;}
.vtool .award {background:url('video-award.png') no-repeat center 0;background-size:32px 32px;}
.vtool .share {background:url('video-share.png') no-repeat center 0;background-size:32px 32px;}
.vinfo {position:fixed;z-index:99;left:0;bottom:24px;position:fixed;z-index:99;width:100%;}
.vinfo h1 {line-height:20px;overflow:hidden;color:#FFFFFF;font-size:16px;margin:0;padding:0 16px;font-weight:normal;}
.vinfo h1 span {display:inline-block;padding:0 18px 0 0;background:url('ico-unfold-wh.png') no-repeat right 4px;background-size:16px 16px;}
.vtext {display:none;background:#000000;padding:6px 16px;line-height:20px;max-height:1000px;overflow-y:auto;color:#FFFFFF;font-size:14px;opacity:0.8;border-radius:16px 16px 0 0;}
.vtext span {display:inline-block;padding:0 18px 0 0;background:url('ico-fold-wh.png') no-repeat right 2px;background-size:16px 16px;}
.userinfo {padding:16px;border:none;}
.userinfo img {width:48px;height:48px;border-radius:50%;float:left;margin-right:12px;border:#FFFFFF 2px solid;background:#FFFFFF;}
.userinfo strong {font-size:16px;color:#FFFFFF;}
.userinfo b {font-size:14px;}
.userinfo s {color:#FFFFFF;text-decoration:none;font-size:12px;}
.userinfo li {height:26px;line-height:26px;overflow:hidden;}
.userinfo .userinfo-v0,.userinfo .userinfo-v1,.userinfo .userinfo-v2 {margin:36px 0 0 36px;}
.follow0 {position:absolute;margin:6px 0 0 12px;display:inline-block;height:24px;line-height:24px;padding:0 6px 0 32px;font-size:12px;text-align:center;border:none;background:#FFFFFF url('../../image/ico-follow-32.png') no-repeat 10px center;background-size:16px 16px;color:#333333;border-radius:16px;cursor:pointer;float:none;opacity:0.9;}
.follow1 {position:absolute;margin:6px 0 0 12px;display:inline-block;height:24px;line-height:24px;padding:0 6px 0 32px;font-size:12px;text-align:center;border:none;background:#FFFFFF url('../../image/ico-followed-32.png') no-repeat 10px center;background-size:16px 16px;color:#999999;border-radius:16px;cursor:pointer;float:none;opacity:0.9;}