* { margin:0; padding:0; } li { list-style:none; } a,img { text-decoration:none; border:0; } table { border-collapse:collapse; } input { outline:none; font-family:"Microsoft Yahei","微软雅黑"; } body { font-family:"Microsoft Yahei","微软雅黑"; } /* ---------- start 视频列表页 ----------*/ /* start 视频列表*/ .videoListPage .main { width:1000px; margin:auto; } .videoListPage .main .m-header { width:100%; border-bottom:solid 2px #f2f2f2; margin:20px 0 0; color:#218ace; } .videoListPage .main .m-header:after { content:""; display:block; clear:both; height:0; visibility:hidden; } .videoListPage .main .m-header span { float:left; padding-bottom:8px; border-bottom:solid 2px #218ace; margin-bottom:-2px; color:#218ace; position:relative; font-size:20px; } .videoListPage .main .m-header span .fa { position:absolute; bottom:-8px; left:50%; width:14px; height:14px; font-size:14px; } .videoListPage .main .m-header .more { display:block; float:right; margin:8px 2px 0 0; font-size:18px; color:#feb308; font-family:"\5b8b\4f53"; font-weight:bold; } .videoListPage .main .m-header .more:hover { text-decoration:underline; } .videoListPage .main .m-body .list { margin-left:-20px; overflow:hidden; } .videoListPage .main .m-body .list li { float:left; width:235px; margin:20px 0 20px 20px; } .videoListPage .main .m-body .list li span { display:block; } .videoListPage .main .m-body .list li .pic { width:235px; overflow:hidden; position:relative; } .videoListPage .main .m-body .list li .pic img { width:100%; } .videoListPage .main .m-body .list li .pic .play-shadow { display:none; width:100%; height:100%; position:absolute; left:0; top:0; opacity:0.9; filter:alpha(opacity=90); background:#2089cd url("/images/2901/"/images/2901/"/images/2901/"/images/2901/icon-play.png"""") no-repeat center; } .videoListPage .main .m-body .list li:hover .pic .play-shadow { display:block; } .videoListPage .main .m-body .list li .text { width:235px; height:56px; margin-top:10px; line-height:28px; font-size:16px; color:#666; overflow:hidden; } /* end 视频列表*/ /* start 分页*/ .videoListPage .main .fengye { overflow:hidden; text-align:center; font-size:0; padding-bottom:5px; margin:60px 0 40px; } .videoListPage .main .fengye li { display:inline-block; margin:0 4px 0 4px; } .videoListPage .main .fengye li a { display:block; width:30px; height:28px; line-height:28px; border:solid 1px #eee; color:#333; font-size:15px; overflow:hidden; } .videoListPage .main .fengye li a:hover { background-color:#2089cd; color:#fff; } .videoListPage .main .fengye li.active a { background-color:#2089cd; color:#fff; } .videoListPage .main .fengye li.prevP a,.videoListPage .main .fengye li.nextP a { font-family:"\5b8b\4f53"; font-size:24px; } /* end 分页*/ /* ---------- end 视频列表页 ----------*/ /* ---------- start 视频播放页 ----------*/ /* start 最新视频*/ .videoPlayPage .newestVideo { width:1000px; margin:auto; margin-top:30px; overflow:hidden; } .videoPlayPage .newestVideo .s1 { display:block; width:100%; height:600px; overflow:hidden; } /* start 视频描述*/ .videoPlayPage .videoDescription { width:1000px; margin:auto; margin-top:25px; } .videoPlayPage .videoDescription .m-header { width:100%; border-bottom:dotted 1px #cfcfcf; margin:20px 0 15px; color:#218ace; } .videoPlayPage .videoDescription .m-header:after { content:""; display:block; clear:both; height:0; visibility:hidden; } .videoPlayPage .videoDescription .m-header span { float:left; padding-bottom:10px; position:relative; font-size:20px; } .videoPlayPage .videoDescription .m-header span .fa { position:absolute; bottom:-5px; left:50%; width:14px; height:14px; font-size:14px; color:#ddd; } .videoPlayPage .videoDescription .m-body p { font-size:16px; color:#666; margin-top:2px; line-height:26px; } .videoPlayPage .videoDescription .m-body .ms { height:52px; overflow:hidden; position:relative; } .videoPlayPage .videoDescription .m-body .ms .more { display:block; color:#2088cf; background:url("/images/2901/open.png") no-repeat center top; font-size:16px; position:absolute; right:0; bottom:0; height:20px; width:72px; text-align:right; background-color:#fff; cursor:pointer; } .videoPlayPage .videoDescription .m-body .open .more { display:block; color:#2088cf; background:url("/images/2901/close.png") no-repeat center top; font-size:16px; position:absolute; right:0; bottom:0; height:20px; width:72px; text-align:right; background-color:#fff; cursor:pointer; } .videoPlayPage .videoDescription .m-body .ms .more a { color:#2088cf; width:100px; } .videoPlayPage .videoDescription .m-body .ms .more em { font-style:normal; display:inline-block; margin-left:5px; } .videoPlayPage .videoDescription .m-body .ms.open { height:auto; } /* start 相关视频*/ .videoPlayPage .videoCorrelation { width:1000px; margin:auto; margin-top:25px; } .videoPlayPage .videoCorrelation .m-header { width:100%; border-bottom:dotted 1px #cfcfcf; margin:20px 0 0; color:#218ace; } .videoPlayPage .videoCorrelation .m-header:after { content:""; display:block; clear:both; height:0; visibility:hidden; } .videoPlayPage .videoCorrelation .m-header span { float:left; padding-bottom:10px; position:relative; font-size:20px; } .videoPlayPage .videoCorrelation .m-header span .fa { position:absolute; bottom:-5px; left:50%; width:14px; height:14px; font-size:14px; color:#ddd; } .videoPlayPage .videoCorrelation .m-header .more { display:block; float:right; margin:8px 2px 0 0; font-size:18px; color:#feb308; font-family:"\5b8b\4f53"; font-weight:bold; } .videoPlayPage .videoCorrelation .m-header .more:hover { text-decoration:underline; } .videoPlayPage .videoCorrelation .m-body .list { margin-left:-20px; overflow:hidden; } .videoPlayPage .videoCorrelation .m-body .list li { float:left; width:235px; margin:20px 0 10px 20px; } .videoPlayPage .videoCorrelation .m-body .list li span { display:block; } .videoPlayPage .videoCorrelation .m-body .list li .pic { width:235px; overflow:hidden; position:relative; } .videoPlayPage .videoCorrelation .m-body .list li .pic img { width:100%; } .videoPlayPage .videoCorrelation .m-body .list li .pic .play-shadow { display:none; width:100%; height:100%; position:absolute; left:0; top:0; opacity:0.9; filter:alpha(opacity=90); background:#2089cd url("/images/2901/"/images/2901/"/images/2901/"/images/2901/icon-play.png"""") no-repeat center; } .videoPlayPage .videoCorrelation .m-body .list li:hover .pic .play-shadow { display:block; } .videoPlayPage .videoCorrelation .m-body .list li .text { width:235px; height:56px; margin-top:15px; line-height:28px; font-size:16px; color:#666; overflow:hidden; } /* ---------- end 视频播放页 ----------*/ /* ---------- start 视频聚合页 ----------*/ .banner { display:none; } /* start 精彩推荐*/ .videoTogetherPage .tuijianVideo { width:1000px; margin:auto; margin-top:30px; overflow:hidden; } .videoTogetherPage .tuijianVideo .box { overflow:hidden; } .videoTogetherPage .tuijianVideo .box .commonLunBoPic { float:left; } .videoTogetherPage .tuijianVideo .box .commonLunBoPic .bar { overflow:hidden; width:100%; text-align:center; position:absolute; bottom:0; left:0; } .videoTogetherPage .tuijianVideo .box .commonLunBoPic .bar li { display:inline-block; width:14px; height:14px; background-color:#c8c8c8; border-radius:50%; cursor:pointer; } .videoTogetherPage .tuijianVideo .box .commonLunBoPic .bar li.active { background-color:#2089cd; } .videoTogetherPage .tuijianVideo .box .n-right { float:right; width:315px; } .videoTogetherPage .tuijianVideo .box .n-right .m-header { width:100%; border-bottom:dotted 1px #cfcfcf; margin:0px 0 15px; color:#218ace; } .videoTogetherPage .tuijianVideo .box .n-right .m-header:after { content:""; display:block; clear:both; height:0; visibility:hidden; } .videoTogetherPage .tuijianVideo .box .n-right .m-header span { float:left; padding-bottom:10px; position:relative; font-size:20px; } .videoTogetherPage .tuijianVideo .box .n-right .m-header .fa-chevron-down { float:left; margin:5px 0 0 8px; color:#fea100; } .videoTogetherPage .tuijianVideo .box .n-right .m-body dl { overflow:hidden; margin-bottom:10px; cursor:pointer; box-sizing:border-box; border:solid 1px #fff; } .videoTogetherPage .tuijianVideo .box .n-right .m-body dl dt { float:left; width:130px; height:80px; overflow:hidden; } .videoTogetherPage .tuijianVideo .box .n-right .m-body dl dt img { width:100%; } .videoTogetherPage .tuijianVideo .box .n-right .m-body dl dd { float:left; width:173px; height:80px; margin-left:10px; font-size:16px; color:#666; } .videoTogetherPage .tuijianVideo .box .n-right .m-body dl a:hover dd { text-decoration:underline; color:#167dc0; } /* start 通用视频列表*/ .videoTogetherPage .videoList { width:1000px; margin:auto; margin-top:40px; } .videoTogetherPage .videoList .m-header { width:100%; border-bottom:solid 2px #f2f2f2; margin:20px 0 0; color:#218ace; } .videoTogetherPage .videoList .m-header:after { content:""; display:block; clear:both; height:0; visibility:hidden; } .videoTogetherPage .videoList .m-header span { float:left; padding-bottom:8px; border-bottom:solid 2px #218ace; margin-bottom:-2px; color:#218ace; position:relative; font-size:20px; } .videoTogetherPage .videoList .m-header span .fa { position:absolute; bottom:-8px; left:50%; width:14px; height:14px; font-size:14px; } .videoTogetherPage .videoList .m-header .more { display:block; float:right; margin:8px 2px 0 0; font-size:18px; color:#feb308; font-family:"\5b8b\4f53"; font-weight:bold; } .videoTogetherPage .videoList .m-header .more:hover { text-decoration:underline; } .videoTogetherPage .videoList .m-body .list { margin-left:-20px; overflow:hidden; } .videoTogetherPage .videoList .m-body .list li { float:left; width:235px; margin:20px 0 10px 20px; } .videoTogetherPage .videoList .m-body .list li span { display:block; } .videoTogetherPage .videoList .m-body .list li .pic { width:235px; overflow:hidden; position:relative; } .videoTogetherPage .videoList .m-body .list li .pic img { width:100%; } .videoTogetherPage .videoList .m-body .list li .pic .play-shadow { display:none; width:100%; height:100%; position:absolute; left:0; top:0; opacity:0.9; filter:alpha(opacity=90); background:#2089cd url("/images/2901/"/images/2901/"/images/2901/"/images/2901/icon-play.png"""") no-repeat center; } .videoTogetherPage .videoList .m-body .list li:hover .pic .play-shadow { display:block; } .videoTogetherPage .videoList .m-body .list li .text { width:235px; height:56px; margin-top:15px; line-height:28px; font-size:16px; color:#666; overflow:hidden; } .videoTogetherPage .videoList .m-body .list li a:hover text { width:235px; height:56px; margin-top:15px; line-height:28px; font-size:16px; color:#167dc0; overflow:hidden; } /* start 科普专题*/ .videoTogetherPage .videoKePu { width:1000px; margin:auto; margin-top:40px; } .videoTogetherPage .videoKePu .m-header { width:100%; border-bottom:solid 2px #f2f2f2; margin:20px 0 0; color:#218ace; } .videoTogetherPage .videoKePu .m-header:after { content:""; display:block; clear:both; height:0; visibility:hidden; } .videoTogetherPage .videoKePu .m-header span { float:left; padding-bottom:8px; border-bottom:solid 2px #218ace; margin-bottom:-2px; color:#218ace; position:relative; font-size:20px; } .videoTogetherPage .videoKePu .m-header span .fa { position:absolute; bottom:-8px; left:50%; width:14px; height:14px; font-size:14px; } .videoTogetherPage .videoKePu .m-header .more { display:block; float:right; margin:8px 2px 0 0; font-size:18px; color:#feb308; font-family:"\5b8b\4f53"; font-weight:bold; } .videoTogetherPage .videoKePu .m-header .more:hover { text-decoration:underline; } .videoTogetherPage .videoKePu .m-body { overflow:hidden; margin-top:20px; } .videoTogetherPage .videoKePu .m-body .u-left { float:left; width:394px; height:222px; overflow:hidden; } .videoTogetherPage .videoKePu .m-body .u-left li { width:100%; height:100%; } .videoTogetherPage .videoKePu .m-body .u-left li a { display:block; position:relative; } .videoTogetherPage .videoKePu .m-body .u-left li a .pic { display:block; width:100%; height:100%; } .videoTogetherPage .videoKePu .m-body .u-left li a img { width:100%; } .videoTogetherPage .videoKePu .m-body .u-left li a:hover .bg-content .txt .i-2 { bottom:45%; transition:0.5s; -webkit-transition:0.5s; -moz-transition:0.5s; -o-transition:0.5s; -ms-transition:0.5s; } .videoTogetherPage .videoKePu .m-body .u-right { float:left; width:600px; overflow:hidden; margin-left:5px; } .videoTogetherPage .videoKePu .m-body .u-right li { float:left; height:103px; margin:0 0 15px 17px; } .videoTogetherPage .videoKePu .m-body .u-right li a { display:block; width:100%; height:100%; overflow:hidden; position:relative; } .videoTogetherPage .videoKePu .m-body .u-right li .pic { display:block; width:100%; height:100%; } .videoTogetherPage .videoKePu .m-body .u-right li a:hover .bg-content .txt .i-2 { bottom:20%; transition:0.5s; -webkit-transition:0.5s; -moz-transition:0.5s; -o-transition:0.5s; -ms-transition:0.5s; } /* ---------- end 视频聚合页 ----------*/ @media screen and (max-width:992px) { /* ---------- start 视频列表页 ----------*/ /* start 视频列表*/ .videoListPage .main { width:100%; padding:0 10px; box-sizing:border-box; } .videoListPage .main .m-body .list { margin-left:0; } .videoListPage .main .m-body .list li { width:32.3%; margin:20px 0 10px 1%; } .videoListPage .main .m-body .list li .pic { width:100%; } .videoListPage .main .m-body .list li .text { width:100%; height:auto; } /* end 视频列表*/ /* ---------- end 视频列表页 ----------*/ /* ---------- start 视频播放页 ----------*/ /* start 最新视频*/ .videoPlayPage .newestVideo { width:100%; padding:0 10px; box-sizing:border-box; } .videoPlayPage .newestVideo .s1 { height:auto; } /* start 视频描述*/ .videoPlayPage .videoDescription { width:100%; padding:0 10px; box-sizing:border-box; } /* start 相关视频*/ .videoPlayPage .videoCorrelation { display:none; } /* ---------- end 视频播放页 ----------*/ /* ---------- start 视频聚合页 ----------*/ .banner { display:block; width:68%; float:left; overflow: hidden; position:relative; margin-top:20px; padding:0; box-sizing: border-box; } .banner .list { width:100%; height:400px; position:relative; box-sizing:border-box; overflow: hidden; } .banner .list li { width:100%; height: 100%; position: absolute; top: 0; left: 100%; overflow: hidden; } .banner .list li img { width:100%; } .banner .list li a { display: block; width:100%; height: 100%; background: none; } .banner .list li a:hover { background: none; } .banner .list li a:active { background: none; } .banner .list li a:visited { background: none; } .banner .list li.active { left: 0; z-index: 1; } .banner .bar { width:100%; position: absolute; bottom: 0.8em; left: 0; text-align: center; box-sizing: border-box; overflow: hidden; z-index: 2; } .banner .bar li { display: inline-block; width: 0.8em; height: 0.8em; margin:0 0.2em; margin-bottom:5px; background-color: #6ebee8; border-radius: 50%; } .banner .bar li.active { background-color: #fff; } /* start 精彩推荐*/ .videoTogetherPage .tuijianVideo { width:100%; padding:0 10px; box-sizing:border-box; } .videoTogetherPage .tuijianVideo .box .n-right .m-body dl { overflow:hidden; margin-bottom:35px; cursor:pointer; box-sizing:border-box; border:solid 1px #fff; } .videoTogetherPage .tuijianVideo .box .commonLunBoPic { display:none; } .videoTogetherPage .tuijianVideo .box .n-right { float:right; width:30%; margin-top:20px; } .videoTogetherPage .tuijianVideo .box .n-right .m-body dl dt { width:30%; height:auto; } .videoTogetherPage .tuijianVideo .box .n-right .m-body dl dd { width:68%; height:auto; margin-left:2%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } /* start 通用视频列表*/ .videoTogetherPage .videoList { width:100%; padding:0 10px; box-sizing:border-box; } .videoTogetherPage .videoList .m-header { margin:20px 0; } .videoTogetherPage .videoList .m-body .list { margin-left:0; } .videoTogetherPage .videoList .m-body .list li { width:49%; margin:20px 7px 15px 0px; } .videoTogetherPage .videoList .m-body .list li .pic { width:100%; } .videoTogetherPage .videoList .m-body .list li .text { width:100%; height:auto; margin-top:10px; line-height:normal; box-sizing:border-box; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .videoTogetherPage .videoKePu { width:100%; margin:auto; margin-top:40px; padding:0 10px; } .videoTogetherPage .videoKePu .m-header { width:100%; border-bottom:solid 2px #f2f2f2; margin:20px 0 0; color:#218ace; } .videoTogetherPage .videoKePu .m-header:after { content:""; display:block; clear:both; height:0; visibility:hidden; } .videoTogetherPage .videoKePu .m-header span { float:left; padding-bottom:8px; border-bottom:solid 2px #218ace; margin-bottom:-2px; color:#218ace; position:relative; font-size:20px; } .videoTogetherPage .videoKePu .m-header span .fa { position:absolute; bottom:-8px; left:50%; width:14px; height:14px; font-size:14px; } .videoTogetherPage .videoKePu .m-header .more { display:block; float:right; margin:8px 2px 0 0; font-size:18px; color:#feb308; font-family:"\5b8b\4f53"; font-weight:bold; } .videoTogetherPage .videoKePu .m-header .more:hover { text-decoration:underline; } .videoTogetherPage .videoKePu .m-body { overflow:hidden; } .videoTogetherPage .videoKePu .m-body .u-left { display:none; } .videoTogetherPage .videoKePu .m-body .u-left { float:left; width:394px; height:222px; overflow:hidden; } .videoTogetherPage .videoKePu .m-body .u-left li { width:100%; height:100%; } .videoTogetherPage .videoKePu .m-body .u-left li a { display:block; position:relative; } .videoTogetherPage .videoKePu .m-body .u-left li a .pic { display:block; width:100%; height:100%; } .videoTogetherPage .videoKePu .m-body .u-left li a img { width:100%; } .videoTogetherPage .videoKePu .m-body .u-left li a:hover .bg-content .txt .i-2 { bottom:45%; transition:0.5s; -webkit-transition:0.5s; -moz-transition:0.5s; -o-transition:0.5s; -ms-transition:0.5s; } .videoTogetherPage .videoKePu .m-body .u-right { float:left; width:100%; overflow:hidden; margin-left:0; } .videoTogetherPage .videoKePu .m-body .u-right li { float:left; width:31.3%; height:180px; margin:0 10px 15px 0; } .videoTogetherPage .videoKePu .m-body .u-right li a { display:block; width:100%; height:100%; overflow:hidden; position:relative; } .videoTogetherPage .videoKePu .m-body .u-right li .pic { width:100%; overflow:hidden; position:relative; } .videoTogetherPage .videoKePu .m-body .u-right li .pic img { width:100%; } .videoTogetherPage .videoKePu .m-body .u-right li .pic .play-shadow { display:none; width:100%; height:100%; position:absolute; left:0; top:0; opacity:0.9; filter:alpha(opacity=90); background:#2089cd url("/images/2901/"/images/2901/"/images/2901/"/images/2901/icon-play.png"""") no-repeat center; } .videoTogetherPage .videoKePu .m-body .u-right li .pic img { display:block; width:100%; height:100%; } .videoTogetherPage .videoKePu .m-body .u-right li a:hover .bg-content .txt .i-2 { bottom:20%; transition:0.5s; -webkit-transition:0.5s; -moz-transition:0.5s; -o-transition:0.5s; -ms-transition:0.5s; } } @media screen and (max-width:768px) { /* ---------- start 视频列表页 ----------*/ /* start 视频列表*/ .videoListPage .main .m-body .list li { width:100%; margin:20px 0 10px 0; } /* end 视频列表*/ /* ---------- start 视频列表页 ----------*/ /* start 视频列表*/ .videoListPage .main { width:100%; padding:0 10px; box-sizing:border-box; } .videoListPage .main .m-body .list { margin-left:0; } .videoListPage .main .m-body .list li { width:48%; margin:20px 0 10px 1%; } .videoListPage .main .m-body .list li .pic { width:100%; } .videoListPage .main .m-body .list li .text { width:100%; height:auto; } /* end 视频列表*/ /* ---------- end 视频列表页 ----------*/ /* ---------- start 视频播放页 ----------*/ /* start 最新视频*/ .videoPlayPage .newestVideo { width:100%; padding:0 10px; box-sizing:border-box; } .videoPlayPage .newestVideo .s1 { height:auto; } /* start 视频描述*/ .videoPlayPage .videoDescription { width:100%; padding:0 10px; box-sizing:border-box; } /* start 相关视频*/ .videoPlayPage .videoCorrelation { display:none; } /* ---------- end 视频播放页 ----------*/ /* ---------- start 视频聚合页 ----------*/ .banner { display:block; width:100%; float:left; overflow: hidden; position:relative; margin-top:20px; padding:0; box-sizing: border-box; } .banner .list { width:100%; height:400px; position:relative; box-sizing:border-box; overflow: hidden; } .banner .list li { width:100%; height: 100%; position: absolute; top: 0; left: 100%; overflow: hidden; } .banner .list li img { width:100%; } .banner .list li a { display: block; width:100%; height: 100%; background: none; } .banner .list li a:hover { background: none; } .banner .list li a:active { background: none; } .banner .list li a:visited { background: none; } .banner .list li.active { left: 0; z-index: 1; } .banner .bar { width:100%; position: absolute; bottom: 0.8em; left: 0; text-align: center; box-sizing: border-box; overflow: hidden; z-index: 2; } .banner .bar li { display: inline-block; width: 0.8em; height: 0.8em; margin:0 0.2em; margin-bottom:5px; background-color: #6ebee8; border-radius: 50%; } .banner .bar li.active { background-color: #fff; } /* start 精彩推荐*/ .videoTogetherPage .tuijianVideo { width:100%; padding:0 10px; box-sizing:border-box; } .videoTogetherPage .tuijianVideo .box .commonLunBoPic { display:none; } .videoTogetherPage .tuijianVideo .box .n-right { float:right; width:100%; margin-top:20px; } .videoTogetherPage .tuijianVideo .box .n-right .m-body dl dt { width:25%; height:auto; } .videoTogetherPage .tuijianVideo .box .n-right .m-body dl dd { width:70%; height:auto; margin-left:2%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } /* start 通用视频列表*/ .videoTogetherPage .videoList { width:100%; padding:0 10px; box-sizing:border-box; } .videoTogetherPage .videoList .m-header { margin:20px 0; } .videoTogetherPage .videoList .m-body .list { margin-left:0; } .videoTogetherPage .videoList .m-body .list li { width:100%; margin:0px; } .videoTogetherPage .videoList .m-body .list li .pic { width:100%; } .videoTogetherPage .videoList .m-body .list li .text { width:100%; height:auto; margin-top:15px; line-height:normal; background:url("/images/2901/icon-yuan.png") no-repeat 0px 6px; padding-left:25px; box-sizing:border-box; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .videoTogetherPage .videoList .m-body .list li:nth-child(1) .text { text-align:center; background:none; } .videoTogetherPage .videoList .m-body .list li:nth-child(2) { border-top:dashed 1px #777; margin-top:20px; padding-top:10px; } .videoTogetherPage .videoList .m-body .list li:nth-child(2) .pic { display:none; } .videoTogetherPage .videoList .m-body .list li:nth-child(3) .pic { display:none; } .videoTogetherPage .videoList .m-body .list li:nth-child(4) .pic { display:none; } /* start 科普专题*/ .videoTogetherPage .videoKePu { width:100%; padding:0 10px; box-sizing:border-box; } .videoTogetherPage .videoKePu .m-header { margin:20px 0; } .videoTogetherPage .videoKePu .m-body .u-left { display: block; } .videoTogetherPage .videoKePu .m-body .u-left { width:100%; height:auto; } .videoTogetherPage .videoKePu .m-body .u-left li { width:100%; height:auto; } .videoTogetherPage .videoKePu .m-body .u-left li a .pic { width:100%; height:auto; } .videoTogetherPage .videoKePu .m-body .u-right { display:none; } /* ---------- end 视频聚合页 ----------*/ }