英超曼联VS沃特福德

/* ----------------------------------------- */ /* 内容模板：view-template-lives – 开始 */ /* ----------------------------------------- */ .ast-col-md-3{ padding-left:0px; } .danmu { padding: 0px 1em 1em; overflow-y: scroll; height: 90%; } .fadanmu input { width: 66%; border: 1px solid #ff921a !important; } .fadanmu { padding: 1em; border-top: solid 1px #8888; position: absolute !important; bottom: 0em; background: #fff; width: 100%; } .fadanmu .button { width: auto; background: #ff921a !important; color: #fff !important; } .danmu .Barrage-listItem a { display: inline-block; } .Barrage-listItem { font-size: 0.9em; line-height: 1.8em; margin: 0.3em 0em; } .innerbox::-webkit-scrollbar {/*滚动条整体样式*/ width: 4px; /*高宽分别对应横竖滚动条的尺寸*/ height: 4px; } .innerbox::-webkit-scrollbar-thumb {/*滚动条里面小方块*/ border-radius: 5px; -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); background: rgba(0,0,0,0.2); } .innerbox::-webkit-scrollbar-track {/*滚动条里面轨道*/ -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); border-radius: 0; background: rgba(0,0,0,0.1);} .danmu .caption div{ padding-top: 6px; color: #000; } .danmu .caption div a{ color: #888; } .topvideo-right{ background-color: rgba(16,16,16,0.84); overflow-y: scroll; padding-bottom: 42.5%;height: 0; } .right-liaotian{ z-index: 1; background: #fff; border-left: solid 1px #ccc; bottom:0px; } .close-live { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; background: #5faf07; padding: 0.2em 0.5em; cursor: pointer; display: none; } .live:hover .close-live{ display:block; } .post-navigation{ display:none; } @media (max-width: 768px){ html,body,#page{ height:100%; } .right-liaotian { width: 100%; height: 100%; padding-right: 0px; z-index: 1; background: #fff; border-left: none; } .ast-footer-overlay{ display:none; } .fadanmu{ bottom: 0px; position: fixed !important; padding: 2%; } .fadanmu input{ width:75%; } .fadanmu .btn-warning{ width:22% } #dm-scoll{ overflow-y: scroll; position: relative; } canvas{ display:none; } .live:hover .close-live{ display:none; } .single-video{ padding:0; z-index:2; } } .box{ padding: 15px 15px 25px 15px; background: #fff none repeat scroll 0 0; border-radius: 2px; box-shadow: 0 0 11px #ececec; transition-duration: 0.4s; } .single-video-author img { border-radius: 50px; float: left; height: 4em; margin: 0 13px 0 0; width: 4em; } .single-video-author p { margin: 0; padding: 0; } .float-right{float:right!important} .bg-danger, .btn-danger, .btn-outline-danger:hover, .badge-danger{ border-color: transparent !important; background: #ff253a; /* Old browsers */ background: -moz-linear-gradient(-45deg, #ff253a 0%, #ff8453 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, #ff253a 0%,#ff8453 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, #ff253a 0%,#ff8453 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff253a', endColorstr='#ff8453',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .btn-outline-danger{ text-align: center; border-color: #ff253a; color: #ff253a; background-color: transparent; } .mb-3 { margin-bottom: 30px !important; } .live-tax{ background: #f5234a none repeat scroll 0 0; border-radius: 2px; color: #fff; font-size: 11px; font-weight: 500; opacity: 0.7; padding: 0 6px; } /* ----------------------------------------- */ /* 内容模板：view-template-lives – 结束 */ /* ----------------------------------------- */