This commit is contained in:
make
2025-05-05 16:26:35 +08:00
parent aa316f9a00
commit f827d86ee6
16 changed files with 299 additions and 267 deletions

View File

@@ -18,7 +18,7 @@
<link rel="stylesheet" href="/template/videodadi/font/iconfont.css" type="text/css"> <link rel="stylesheet" href="/template/videodadi/font/iconfont.css" type="text/css">
<link rel="stylesheet" href="/template/videodadi/css/stui_block.css" type="text/css"> <link rel="stylesheet" href="/template/videodadi/css/stui_block.css" type="text/css">
<!-- <link rel="stylesheet" href="/template/videodadi/css/stui_block_color.css" type="text/css"> --> <!-- <link rel="stylesheet" href="/template/videodadi/css/stui_block_color.css" type="text/css"> -->
<link rel="stylesheet" href="/template/videodadi/css/stui_default.css" type="text/css"> <!-- <link rel="stylesheet" href="/template/videodadi/css/stui_default.css" type="text/css"> -->
<link rel="stylesheet" href="/template/videodadi/css/mytheme-font.css" type="text/css"> <link rel="stylesheet" href="/template/videodadi/css/mytheme-font.css" type="text/css">
<script> <script>

View File

@@ -2,8 +2,9 @@
{block name="get-data"} {block name="get-data"}
{video:list count="2" sort_type="tuijian" d_key="key" d_val="Video" cache_life="86400" export_name="arrVideoTuijian"} {video:listexp count="12" sort_type="tuijian" d_key="key" d_val="Video" cache_life="86400" export_name="arrVideoTuijian" /}
{/video:list} {video:listexp count="18" sort_type="piaofang" d_key="key" d_val="Video" cache_life="86400" export_name="arrVideoPiaofang" /}
{site:grm page_code="h5_index" diff="0" num="100" g_key="arrGrm" /} {site:grm page_code="h5_index" diff="0" num="100" g_key="arrGrm" /}
{/block} {/block}
@@ -49,18 +50,19 @@
}, },
{ {
"@type": "CollectionPage", "@type": "CollectionPage",
"name": "{$DomainModel->d_name} - 免费高清影视在线观看", "name": "{$DomainModel->d_name} - {$DomainModel->d_logo_text}",
"url": "https://{$DomainModel->d_domain}", "url": "https://{$DomainModel->d_domain}",
"alternateName": "{$DomainModel->d_domain}", "alternateName": "{$DomainModel->d_domain}",
"description": "{$DomainModel->d_name}首页提供最新电影、电视剧、综艺、动漫和短剧的免费高清在线观看,热门推荐每日更新!", "description": "{$DomainModel->d_name}首页提供好莱坞最新电影、电视剧、综艺、动漫和短剧的免费高清在线观看,热门推荐每日更新!",
"mainEntity": { "mainEntity": {
"@type": "ItemList", "@type": "ItemList",
"itemListElement": [ "itemListElement": [
{foreach $arrVideoTuijian as $key=>$Video } {volist name="arrVideoTuijian" id="Video" key="key"}
{if $key < 5 }
{ {
"@type": "ListItem{$Video.v_id}", "@type": "ListItem{$Video.v_id}",
"position": {$key+=1}, "position": {$key},
"item": { "item": {
"@type": "TVSeries", "@type": "TVSeries",
"name": "{$Video.v_name}", "name": "{$Video.v_name}",
@@ -81,12 +83,14 @@
} }
} }
}, },
{/foreach} {/if}
{/volist}
{video:list count="2" sort_type="tuijian" d_key="key" d_val="Video" cache_life="86400"} {volist name="arrVideoPiaofang" id="Video" key="key"}
{if $key < 5 }
{ {
"@type": "ListItem", "@type": "ListItem{$Video.v_id}",
"position": {$key+=1}, "position": {$key},
"item": { "item": {
"@type": "Movies", "@type": "Movies",
"name": "{$Video.v_name}", "name": "{$Video.v_name}",
@@ -107,7 +111,8 @@
} }
} }
}, },
{/video:list} {/if}
{/volist}
] ]
} }
} }
@@ -151,12 +156,12 @@
<ul class="stui-vodlist clearfix"> <ul class="stui-vodlist clearfix">
{foreach $arrVideoTuijian as $key=>$Video } {foreach $arrVideoTuijian as $key=>$Video }
{include file="public/video-list-shu" /} {include file="public/video-list-shu" start="0"/}
{/foreach} {/foreach}
</ul> </ul>
<ul class="stui-vodlist__text col-pd clearfix hidden-xs"> <ul class="stui-vodlist__text col-pd clearfix hidden-xs">
{video:list count="2" sort_type="tuijian" d_key="d_key" d_val="Video" cache_life="86400"} {video:list count="12" sort_type="tuijian" d_key="key" d_val="Video" cache_life="86400"}
{include file="public/video-list-shu-end-text" /} {include file="public/video-list-shu-end-text" start="13" /}
{/video:list} {/video:list}
</ul> </ul>
</div> </div>
@@ -171,11 +176,9 @@
</div> </div>
</div> </div>
<ul class="stui-vodlist__text active col-pd clearfix"> <ul class="stui-vodlist__text active col-pd clearfix">
{video:list count="2" {foreach $arrVideoPiaofang as $key=>$Video }
sort_type="piaofang" {include file="public/video-list-phb2" start="27"/}
d_key="key" d_val="Video" cache_life="86400"} {/foreach}
{include file="public/video-list-phb2" /}
{/video:list}
</ul> </ul>
</div> </div>
</div> </div>
@@ -199,10 +202,10 @@
</div> </div>
<div class="stui-pannel_bd clearfix"> <div class="stui-pannel_bd clearfix">
<ul class="stui-vodlist__text active col-pd clearfix"> <ul class="stui-vodlist__text active col-pd clearfix">
{video:ranklist count="2" {video:ranklist count="12"
sort_type="$key" sort_type="$key"
d_key="key" d_val="Video" cache_life="86400"} d_key="key" d_val="Video" cache_life="86400"}
{include file="public/video-list-phb" /} {include file="public/video-list-phb" start="50" /}
{/video:ranklist} {/video:ranklist}
</ul> </ul>
</div> </div>

View File

@@ -1,5 +1,8 @@
<li class="bottom-line-dot paihanban-ul-li"> <li class="bottom-line-dot paihanban-ul-li">
{if !empty($arrGrm[$key + [start]])}
{$arrGrm[$key+[start]]|raw}
{/if}
<?php $key ++ ?> <?php $key ++ ?>
<a <a
href='{site:vurl v_id="$Video.v_id" v_py="$Video.v_name_en"/}' href='{site:vurl v_id="$Video.v_id" v_py="$Video.v_name_en"/}'

View File

@@ -1,5 +1,8 @@
<li class="bottom-line-dot paihanban-ul-li"> <li class="bottom-line-dot paihanban-ul-li">
{if !empty($arrGrm[$key + [start]])}
{$arrGrm[$key+[start]]|raw}
{/if}
<?php $key ++ ?> <?php $key ++ ?>
<a <a
href='{site:vurl v_id="$Video.v_id" v_py="$Video.v_name_en"/}' href='{site:vurl v_id="$Video.v_id" v_py="$Video.v_name_en"/}'

View File

@@ -1,4 +1,7 @@
<li class="col-md-4 col-sm-3 col-xs-1 padding-0"> <li class="col-md-4 col-sm-3 col-xs-1 padding-0">
{if !empty($arrGrm[$key + [start]])}
{$arrGrm[$key+[start]]|raw}
{/if}
<a class="top-line-dot text-overflow" <a class="top-line-dot text-overflow"
href='{site:vurl v_id="$Video.v_id" v_py="$Video.v_name_en"/}' href='{site:vurl v_id="$Video.v_id" v_py="$Video.v_name_en"/}'
title="{$Video.v_name}"> title="{$Video.v_name}">

View File

@@ -1,4 +1,7 @@
<li> <li>
{if !empty($arrGrm[$key + [start]])}
{$arrGrm[$key+[start]]|raw}
{/if}
<a <a
href='{site:vurl v_id="$Video.v_id" v_py="$Video.v_name_en"/}' href='{site:vurl v_id="$Video.v_id" v_py="$Video.v_name_en"/}'
class="text-muted"> class="text-muted">

View File

@@ -1,5 +1,9 @@
<li class="col-md-6 col-sm-4 col-xs-3"> <li class="col-md-6 col-sm-4 col-xs-3">
<div class="stui-vodlist__box"> <div class="stui-vodlist__box">
{if !empty($arrGrm[$key + [start]])}
{$arrGrm[$key+[start]]|raw}
{/if}
<a style="color: rgb(233, 93, 80); background-image: url(&quot;/static/img/default.jpg&quot;);" <a style="color: rgb(233, 93, 80); background-image: url(&quot;/static/img/default.jpg&quot;);"
class="stui-vodlist__thumb lazyload-bg" href='{site:vurl v_id="$Video.v_id" v_py="$Video.v_name_en"/}' class="stui-vodlist__thumb lazyload-bg" href='{site:vurl v_id="$Video.v_id" v_py="$Video.v_name_en"/}'

View File

@@ -1,4 +1,7 @@
<li class="col-md-4 col-sm-3 col-xs-1 padding-0"> <li class="col-md-4 col-sm-3 col-xs-1 padding-0">
{if !empty($arrGrm[$key + [start]])}
{$arrGrm[$key+[start]]|raw}
{/if}
<a class="top-line-dot text-overflow" href='{site:vurl v_id="$Video.v_id" v_py="$Video.v_name_en"/}' title="{$Video.v_name}"> <a class="top-line-dot text-overflow" href='{site:vurl v_id="$Video.v_id" v_py="$Video.v_name_en"/}' title="{$Video.v_name}">
<span class="text-muted pull-right">{$Video.v_remarks}</span> <span class="text-muted pull-right">{$Video.v_remarks}</span>
{$Video.v_name} {$Video.v_name}

View File

@@ -1,4 +1,7 @@
<li class="col-md-4 col-sm-3 col-xs-1 padding-0"> <li class="col-md-4 col-sm-3 col-xs-1 padding-0">
{if !empty($arrGrm[$key + [start]])}
{$arrGrm[$key+[start]]|raw}
{/if}
<a class="top-line-dot text-overflow" <a class="top-line-dot text-overflow"
href='{site:vurl v_id="$Video.v_id" v_py="$Video.v_name_en"/}' href='{site:vurl v_id="$Video.v_id" v_py="$Video.v_name_en"/}'
title="{$Video.v_name}"><span class="text-muted pull-right">{$Video.v_remarks}</span>{$Video.v_name}</a> title="{$Video.v_name}"><span class="text-muted pull-right">{$Video.v_remarks}</span>{$Video.v_name}</a>

View File

@@ -11,23 +11,23 @@
<h3 class="title"> <h3 class="title">
<img src="/template/videodadi/icon/icon_{$val.v_category_en}.png"> <img src="/template/videodadi/icon/icon_{$val.v_category_en}.png">
<a <a
href="">最新{$val.v_category}</a> href="">最新{$val.v_category}{$val.v_category_en}</a>
</h3> </h3>
<ul class="nav nav-text pull-right hidden-sm hidden-xs"> <ul class="nav nav-text pull-right hidden-sm hidden-xs">
{video:list count="3" v_category="$val.v_category_en" sort_type="tuijian" d_key="key" d_val="Video" cache_life="86400"} {video:list count="3" v_parent_category_en="$val.v_category_en" sort_type="tuijian" d_key="key" d_val="Video" cache_life="86400"}
{include file="public/video-list-shu-top-text" /} {include file="public/video-list-shu-top-text" start="60"/}
{/video:list} {/video:list}
</ul> </ul>
</div> </div>
</div> </div>
<ul class="stui-vodlist clearfix"> <ul class="stui-vodlist clearfix">
{video:list count="2" v_category="$val.v_category_en" sort_type="news" d_key="key" d_val="Video" cache_life="86400"} {video:list count="12" v_parent_category_en="$val.v_category_en" sort_type="news" d_key="key" d_val="Video" cache_life="86400"}
{include file="public/video-list-shu" /} {include file="public/video-list-shu" start="27"/}
{/video:list} {/video:list}
</ul> </ul>
<ul class="stui-vodlist__text col-pd clearfix hidden-xs"> <ul class="stui-vodlist__text col-pd clearfix hidden-xs">
{video:list count="2" v_category="$val.v_category_en" sort_type="news" d_key="key" d_val="Video" cache_life="86400"} {video:list count="12" v_parent_category_en="$val.v_category_en" sort_type="news" d_key="key" d_val="Video" cache_life="86400"}
{include file="public/video-list-shu-end-text" /} {include file="public/video-list-shu-end-text" start="70"/}
{/video:list} {/video:list}
</ul> </ul>
</div> </div>
@@ -42,11 +42,11 @@
</div> </div>
</div> </div>
<ul class="stui-vodlist__text active col-pd clearfix"> <ul class="stui-vodlist__text active col-pd clearfix">
{video:ranklist count="2" {video:ranklist count="18"
v_category_en="$val.v_category_en" v_parent_category_en="$val.v_category_en"
sort_type="weekly" sort_type="weekly"
d_key="key" d_val="Video" cache_life="86400"} d_key="key" d_val="Video" cache_life="86400"}
{include file="public/video-list-phb" /} {include file="public/video-list-phb" start="80"/}
{/video:ranklist} {/video:ranklist}
</ul> </ul>

View File

@@ -44,12 +44,8 @@
{block name="head-js"}{/block} {block name="head-js"}{/block}
{block name="main"} {block name="main"}
<div class="container"> <div class="container">
<h1 class="view-title"> <h1 class="view-title">
{site:replace code="VIDEO@GETCATEGORYINDEX@H1"} {site:replace code="VIDEO@GETCATEGORYINDEX@H1"}
@@ -77,7 +73,7 @@
</a> </a>
<h3 class="title"> <h3 class="title">
<img src="/template/videodadi/icon/icon_27.png"><a <img src="/template/videodadi/icon/icon_27.png"><a
style="color: rgb(52, 99, 240);" href=""> style="color: rgb(52, 99, 240);" href='{site:vclurl prent_category="$Request.route.strParentCategory" category="$arrChildrenCategory.v_category_en" area="all" lang="all" year="all" order="all" page="1"/}'>
{site:getval code="strYear" /}最新{$arrChildrenCategory.v_category}推荐 - {$DomainModel->d_name} {site:getval code="strYear" /}最新{$arrChildrenCategory.v_category}推荐 - {$DomainModel->d_name}
</a> </a>
</h3> </h3>
@@ -91,8 +87,7 @@
v_year="all" v_year="all"
sort_type="news" sort_type="news"
d_key="d_key" d_val="Video" cache_life="86400"} d_key="d_key" d_val="Video" cache_life="86400"}
{include file="public/video-list-shu" start="0"/}
{include file="public/video-list-shu" /}
{/video:list} {/video:list}
</ul> </ul>
@@ -104,7 +99,7 @@
v_year="all" v_year="all"
sort_type="news" sort_type="news"
d_key="d_key" d_val="Video" cache_life="86400"} d_key="d_key" d_val="Video" cache_life="86400"}
{include file="public/video-list-text2" /} {include file="public/video-list-text2" start="0"/}
{/video:list} {/video:list}
</ul> </ul>
</div> </div>
@@ -121,7 +116,7 @@
v_category_en="$arrChildrenCategory.v_category_en" v_category_en="$arrChildrenCategory.v_category_en"
sort_type="weekly" sort_type="weekly"
d_key="key" d_val="Video" cache_life="86400"} d_key="key" d_val="Video" cache_life="86400"}
{include file="public/video-list-phb" /} {include file="public/video-list-phb" start="0"/}
{/video:ranklist} {/video:ranklist}
</ul> </ul>

View File

@@ -79,11 +79,11 @@ class VideoCategoryModel extends MongoModel
"v_category" => "动画片", "v_category" => "动画片",
"children" => [], "children" => [],
], ],
[ // [
"v_category_en" => "lun-li-pian", // "v_category_en" => "lun-li-pian",
"v_category" => "倫理片", // "v_category" => "倫理片",
"children" => [], // "children" => [],
], // ],
], ],
], ],
[ [

View File

@@ -301,6 +301,7 @@ class VideoService
*/ */
public function getVideoList(array $arrParams): array public function getVideoList(array $arrParams): array
{ {
$intCount = (int)$arrParams['count'] ?? 10; $intCount = (int)$arrParams['count'] ?? 10;
// $strVCategory = $arrParams['v_category'] ?? ''; // $strVCategory = $arrParams['v_category'] ?? '';
$strSortType = (string)$arrParams['sort_type'] ?? ''; $strSortType = (string)$arrParams['sort_type'] ?? '';
@@ -312,6 +313,7 @@ class VideoService
$strVCategoryEn = (string) $arrParams['v_category_en'] ?? ''; $strVCategoryEn = (string) $arrParams['v_category_en'] ?? '';
$strVParentCategoryEn = (string) $arrParams['v_parent_category_en'] ?? ''; $strVParentCategoryEn = (string) $arrParams['v_parent_category_en'] ?? '';
$strVLangEn = (string)$arrParams['v_lang_en'] ?? 'all'; $strVLangEn = (string)$arrParams['v_lang_en'] ?? 'all';
$strVAreaEn = (string)$arrParams['v_area_en'] ?? 'all'; $strVAreaEn = (string)$arrParams['v_area_en'] ?? 'all';
$strVYear = (string)$arrParams['v_year'] ?? 'all'; $strVYear = (string)$arrParams['v_year'] ?? 'all';

View File

@@ -7,10 +7,10 @@ use think\template\TagLib;
class Video extends TagLib class Video extends TagLib
{ {
protected $tags = [ protected $tags = [
'list' => ['attr' => 'count,v_category,v_parent_category_en,sort_type,v_status,v_sex,diff_key,cache_life,d_key,d_val,export_name', 'close' => 1], 'list' => ['attr' => 'count,v_category_en,v_parent_category_en,sort_type,v_status,v_sex,diff_key,cache_life,d_key,d_val,export_name', 'close' => 1],
'listexp' => ['attr' => 'count,v_category,v_parent_category_en,sort_type,v_status,v_sex,diff_key,cache_life,d_key,d_val,export_name', 'close' => 0], 'listexp' => ['attr' => 'count,v_category_en,v_parent_category_en,sort_type,v_status,v_sex,diff_key,cache_life,d_key,d_val,export_name', 'close' => 0],
'pager' => ['attr' => 'page,limit,v_category,v_parent_category_en,sort_type,v_status,v_sex,key,diff_key,cache_life,d_key,d_val,p_val,func,export_name', 'close' => 1], 'pager' => ['attr' => 'page,limit,v_category_en,v_parent_category_en,sort_type,v_status,v_sex,key,diff_key,cache_life,d_key,d_val,p_val,func,export_name', 'close' => 1],
'pagerexp' => ['attr' => 'page,limit,v_class,v_category,v_parent_category_en,sort_type,v_status,v_sex,key,diff_key,cache_life,d_key,d_val,p_val,func,export_name', 'close' => 0], 'pagerexp' => ['attr' => 'page,limit,v_class,v_category_en,v_parent_category_en,sort_type,v_status,v_sex,key,diff_key,cache_life,d_key,d_val,p_val,func,export_name', 'close' => 0],
'info' => ['attr' => 'v_id,v_forge_id,v_key', 'close' => 0], 'info' => ['attr' => 'v_id,v_forge_id,v_key', 'close' => 0],
'sort' => ['attr' => 'd_key,d_val'], 'sort' => ['attr' => 'd_key,d_val'],
'ranksort' => ['attr' => 'd_key,d_val'], 'ranksort' => ['attr' => 'd_key,d_val'],
@@ -253,6 +253,10 @@ EOT;
*/ */
public function tagList($tag, $content) public function tagList($tag, $content)
{ {
// if($tag['sort_type'] == "news1"){
// echo $tag['v_parent_category_en'];
// }
$count = $tag['count'] ?? '10'; $count = $tag['count'] ?? '10';
// $v_category = $tag['v_category'] ?? "all"; // $v_category = $tag['v_category'] ?? "all";
$sort_type = $tag['sort_type'] ?? ""; $sort_type = $tag['sort_type'] ?? "";
@@ -281,6 +285,7 @@ EOT;
$arrDataName = randomString(5); $arrDataName = randomString(5);
$strParse = <<<EOT $strParse = <<<EOT
<?php <?php
\${$arrDataName} = app(\\app\\services\\VideoService::class)->getVideoList([ \${$arrDataName} = app(\\app\\services\\VideoService::class)->getVideoList([

View File

@@ -658,7 +658,155 @@ textarea.form-control{ height: auto;}
stui_block_color.css end stui_block_color.css end
*/ */
/**
stui_default.css strat
*/
/*!
* Edition v2.0 Copyright 2016-2018 http://v.shoutu.cn
* Email 726662013@qq.com,admin@shoutu.cn
*/
@charset "utf-8";
/* all */
body{ padding-top: 80px}
/* header */
.stui-header__top{ position:fixed; top:0;z-index: 999;width:100%; height: 60px; background-color: #292838; border-top: 5px solid #155FAA;}
.top-fixed-down{margin-top:-60px}
.stui-header__side{float:right}
/* header-logo */
.stui-header__logo,.stui-header__menu{float:left}
.stui-header__logo{margin-top: 0}
.stui-header__logo .logo{ display:block; width:150px; height:50px; background:url(../img/logo_pc.png) no-repeat; background-position:50% 50%; background-size:cover}
.stui-header__logo .logo-text{ display:block; width:150px; height:50px; font-size:1.5rem;color: #ff9900;line-height: 50px;text-align: center;letter-spacing: 5px;}
/* header-menu */
.stui-header__menu{position:relative;margin-left:10px}
.stui-header__menu li{float:left;}
.stui-header__menu li a{ display:inline-block; height: 55px; line-height: 50px; font-size:15px; padding: 0 20px; color: #fff;}
.stui-header__menu li.active a{ background-color: #155FAA; color: #fff;}
/* header-seacrh */
.stui-header__search{float:left;position:relative;margin-top:12px;width:200px}
.stui-header__search .submit{display:block;position:absolute;top:0;right:0;width:30px;height:30px;line-height:30px;text-align:center; background: none; border: 0;cursor: pointer;}
.stui-header__search .submit .icon{font-size:14px;color:#999}
/* header-user */
.stui-header__user{float:right}
.stui-header__user > li{ float:left; position: relative; padding: 15px 0 10px; margin-left: 30px;}
.stui-header__user > li > a .icon{ display: inline-block; font-size: 24px; line-height: 24px; color: #fff;}
.stui-header__user > li .dropdown{ display: none; position: absolute; z-index: 999; width: 240px; top: 100%; right: -15px; padding: 15px; font-size: 12px; color: #999; background-color: #fff; box-shadow: 0 2px 8px rgba(0,0,0,.2); border-radius: 4px; background-color: #fff; box-shadow: 0 2px 8px rgba(0,0,0,.2);}
.stui-header__user > li .dropdown:before{ content:" "; width:10px; height:10px; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); position: absolute; top:-5px; right: 22px; background-color: #fff; border-top: 1px solid #eee; border-right: 1px solid #eee;}
.stui-header__user .dropdown li{ position: relative; padding: 10px 0;}
.stui-header__user .dropdown li:first-child{ margin-top: 10px;}
.stui-header__user .dropdown li:last-child{ padding-bottom: 0;}
.stui-header__user > li:hover .dropdown{ display: block;}
/* content */
.stui-content__detail,.stui-content__thumb{display:table-cell;vertical-align:top}
.stui-content__thumb .v-thumb{width:190px}
.stui-content__thumb .w-thumb{width:300px}
.stui-content__detail{width:100%;padding:10px 20px;}
.stui-content__detail .title{margin:10px 0 10px;line-height:30px}
.stui-content__detail .title .score{display: inline-block; margin-left: 10px; font-family: Georgia,"Times New Roman",Times,serif; font-size: 24px; line-height: 24px; color: #09BB07;}
.stui-content__detail .data{margin-bottom:10px}
.stui-content__detail .data li{float:left;margin-right:20px}
.stui-content__detail .desc{padding-left:42px}
.stui-content__detail .desc .left{margin-left:-42px}
/* player */
.stui-player__video{ background-color: #000}
.stui-player__detail{ margin-top: 20px;}
.stui-player__detail .more-btn{ float: right; padding-top: 10px;}
.stui-player__detail .more-btn li{ display: inline-block; margin-left: 10px;}
.stui-player__detail .more-btn .btn{ padding: 6px 15px;}
.stui-player__detail .title{margin:0 0 10px}
.stui-player__detail .detail-content{padding-top:10px}
.stui-player__detail .desc{padding-left:42px}
.stui-player__detail .desc .left{margin-left:-42px}
/* autocomplete */
.autocomplete-suggestions{ padding: 0 10px; margin-top: 5px; border-radius:4px; background-color: #FFFFFF; box-shadow: 0 2px 10px rgba(0,0,0,.05);}
.autocomplete-suggestions.active{position: absolute; z-index: 9999; top: 100%; width: 100%;}
.autocomplete-suggestion{padding:10px 0; cursor:pointer; border-top: 1px solid #EEEEEE;}
.autocomplete-suggestion:first-child{border-top:0}
.mac_results{ z-index: 9999; padding: 0 10px; margin-top: 5px; border-radius:4px; background-color: #FFFFFF; border:1px solid #EEEEEE; box-shadow: 0 2px 10px rgba(0,0,0,.05);}
.mac_results li{padding:10px 0; cursor:pointer; border-top: 1px solid #EEEEEE;}
.mac_results li:first-child{ border: 0;}
@media (min-width:768px){
.container{width:750px}
}
@media (min-width:992px){
.container{width:920px}
}
@media (min-width:1200px){
.container{width:1170px}
}
@media (min-width:1400px){
.container{width:1380px}
}
@media (max-width:1024px){
/* all */
body{padding-top:100px}
/* header */
.top-fixed-down{margin-top:-55px}
.stui-header__side{float:none;position:absolute;top:0;left:150px;right:0;width:auto}
.stui-header__logo,.stui-header__menu{float:none}
.stui-header__logo{margin:10px 0 10px}
.stui-header__logo .logo{width:127px;height:30px; background:url(../img/logo_h5.png) no-repeat; background-position:50% 50%; background-size:cover;}
.stui-header__logo .logo-text{width:127px;height:30px; font-size:1.2rem;color: #ff9900;line-height: 30px;text-align: left;letter-spacing: 2px;}
.stui-header__search{float:right;margin-top:10px}
.stui-header__top{ padding: 0 10px; height: 100px;}
.stui-header__menu{margin:0;padding:0;}
.stui-header__menu:before{content:" ";position:absolute;left:0;top:0;right:0;width:100%;height:1px;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(.5);transform:scaleY(.5); border-top: 1px solid #155FAA}
.stui-header__menu li{ margin-top:0;margin-right:10px}
.stui-header__menu li a{ padding: 0; font-size:14px; height: 40px; line-height: 40px; white-space:nowrap; color: #fff;}
.stui-header__menu li.active a{ position:relative; background: none; color: #ff9900;}
.stui-header__user > li{ padding: 15px 0 10px; margin-right: 10px;}
.stui-header__user > li .dropdown{ right: 0;}
.stui-header__user > li .dropdown:before{ right: 8px;}
.stui-header__menu > li:hover .dropdown,.stui-header__user > li:hover .dropdown{ display: none;}
}
@media (max-width:767px){
/* header */
.stui-header__search{position:absolute;top:0;left:0;right:50px;width:auto}
.stui-header__user > li{ padding: 14px 0; margin: 0;}
/* content */
.stui-content__thumb .v-thumb{width:115px}
.stui-content__thumb .w-thumb{width:160px}
.stui-content__detail{padding:0 10px}
.stui-content__detail .title{margin:10px 0 10px;font-size:16px;line-height:18px}
.stui-content__detail .data{margin:0 0 10px;font-size:12px}
.stui-content__detail .play-btn{margin:0;padding:0}
/* player */
.stui-player__detail.detail .title{ margin-top: 10px; font-size: 16px;}
.stui-player__detail{ margin-top: 0;}
.stui-player__detail .data .title{font-size:16px}
.stui-player__detail .more-btn{ margin-bottom: 10px;}
.stui-player__detail .more-btn{ float: none; padding: 10px; background-color: #222; display: -webkit-box; display: -webkit-flex; display: flex;}
.stui-player__detail .more-btn li{ margin: 0; padding: 0 5px; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; text-align: center;}
.stui-player__detail .more-btn .btn{ display: block; padding: 6px;}
/* type */
.stui-mobile__type li{padding:0 20px}
.stui-mobile__type li a{display:block;padding:10px 0;text-align:center}
/* foot */
.stui-foot{padding:20px 0}
}
.fa-thumbs-up:before{content:"\f164"}
.fa-thumbs-down:before{content:"\f165"}
/**
stui_default.css end
*/
.stui-screen__list { .stui-screen__list {
display: flex; /* 使用 Flexbox 布局 */ display: flex; /* 使用 Flexbox 布局 */

View File

@@ -1,143 +0,0 @@
/*!
* Edition v2.0 Copyright 2016-2018 http://v.shoutu.cn
* Email 726662013@qq.com,admin@shoutu.cn
*/
@charset "utf-8";
/* all */
body{ padding-top: 80px}
/* header */
.stui-header__top{ position:fixed; top:0;z-index: 999;width:100%; height: 60px; background-color: #292838; border-top: 5px solid #155FAA;}
.top-fixed-down{margin-top:-60px}
.stui-header__side{float:right}
/* header-logo */
.stui-header__logo,.stui-header__menu{float:left}
.stui-header__logo{margin-top: 0}
.stui-header__logo .logo{ display:block; width:150px; height:50px; background:url(../img/logo_pc.png) no-repeat; background-position:50% 50%; background-size:cover}
.stui-header__logo .logo-text{ display:block; width:150px; height:50px; font-size:1.5rem;color: #ff9900;line-height: 50px;text-align: center;letter-spacing: 5px;}
/* header-menu */
.stui-header__menu{position:relative;margin-left:10px}
.stui-header__menu li{float:left;}
.stui-header__menu li a{ display:inline-block; height: 55px; line-height: 50px; font-size:15px; padding: 0 20px; color: #fff;}
.stui-header__menu li.active a{ background-color: #155FAA; color: #fff;}
/* header-seacrh */
.stui-header__search{float:left;position:relative;margin-top:12px;width:200px}
.stui-header__search .submit{display:block;position:absolute;top:0;right:0;width:30px;height:30px;line-height:30px;text-align:center; background: none; border: 0;cursor: pointer;}
.stui-header__search .submit .icon{font-size:14px;color:#999}
/* header-user */
.stui-header__user{float:right}
.stui-header__user > li{ float:left; position: relative; padding: 15px 0 10px; margin-left: 30px;}
.stui-header__user > li > a .icon{ display: inline-block; font-size: 24px; line-height: 24px; color: #fff;}
.stui-header__user > li .dropdown{ display: none; position: absolute; z-index: 999; width: 240px; top: 100%; right: -15px; padding: 15px; font-size: 12px; color: #999; background-color: #fff; box-shadow: 0 2px 8px rgba(0,0,0,.2); border-radius: 4px; background-color: #fff; box-shadow: 0 2px 8px rgba(0,0,0,.2);}
.stui-header__user > li .dropdown:before{ content:" "; width:10px; height:10px; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); position: absolute; top:-5px; right: 22px; background-color: #fff; border-top: 1px solid #eee; border-right: 1px solid #eee;}
.stui-header__user .dropdown li{ position: relative; padding: 10px 0;}
.stui-header__user .dropdown li:first-child{ margin-top: 10px;}
.stui-header__user .dropdown li:last-child{ padding-bottom: 0;}
.stui-header__user > li:hover .dropdown{ display: block;}
/* content */
.stui-content__detail,.stui-content__thumb{display:table-cell;vertical-align:top}
.stui-content__thumb .v-thumb{width:190px}
.stui-content__thumb .w-thumb{width:300px}
.stui-content__detail{width:100%;padding:10px 20px;}
.stui-content__detail .title{margin:10px 0 10px;line-height:30px}
.stui-content__detail .title .score{display: inline-block; margin-left: 10px; font-family: Georgia,"Times New Roman",Times,serif; font-size: 24px; line-height: 24px; color: #09BB07;}
.stui-content__detail .data{margin-bottom:10px}
.stui-content__detail .data li{float:left;margin-right:20px}
.stui-content__detail .desc{padding-left:42px}
.stui-content__detail .desc .left{margin-left:-42px}
/* player */
.stui-player__video{ background-color: #000}
.stui-player__detail{ margin-top: 20px;}
.stui-player__detail .more-btn{ float: right; padding-top: 10px;}
.stui-player__detail .more-btn li{ display: inline-block; margin-left: 10px;}
.stui-player__detail .more-btn .btn{ padding: 6px 15px;}
.stui-player__detail .title{margin:0 0 10px}
.stui-player__detail .detail-content{padding-top:10px}
.stui-player__detail .desc{padding-left:42px}
.stui-player__detail .desc .left{margin-left:-42px}
/* autocomplete */
.autocomplete-suggestions{ padding: 0 10px; margin-top: 5px; border-radius:4px; background-color: #FFFFFF; box-shadow: 0 2px 10px rgba(0,0,0,.05);}
.autocomplete-suggestions.active{position: absolute; z-index: 9999; top: 100%; width: 100%;}
.autocomplete-suggestion{padding:10px 0; cursor:pointer; border-top: 1px solid #EEEEEE;}
.autocomplete-suggestion:first-child{border-top:0}
.mac_results{ z-index: 9999; padding: 0 10px; margin-top: 5px; border-radius:4px; background-color: #FFFFFF; border:1px solid #EEEEEE; box-shadow: 0 2px 10px rgba(0,0,0,.05);}
.mac_results li{padding:10px 0; cursor:pointer; border-top: 1px solid #EEEEEE;}
.mac_results li:first-child{ border: 0;}
@media (min-width:768px){
.container{width:750px}
}
@media (min-width:992px){
.container{width:920px}
}
@media (min-width:1200px){
.container{width:1170px}
}
@media (min-width:1400px){
.container{width:1380px}
}
@media (max-width:1024px){
/* all */
body{padding-top:100px}
/* header */
.top-fixed-down{margin-top:-55px}
.stui-header__side{float:none;position:absolute;top:0;left:150px;right:0;width:auto}
.stui-header__logo,.stui-header__menu{float:none}
.stui-header__logo{margin:10px 0 10px}
.stui-header__logo .logo{width:127px;height:30px; background:url(../img/logo_h5.png) no-repeat; background-position:50% 50%; background-size:cover;}
.stui-header__logo .logo-text{width:127px;height:30px; font-size:1.2rem;color: #ff9900;line-height: 30px;text-align: left;letter-spacing: 2px;}
.stui-header__search{float:right;margin-top:10px}
.stui-header__top{ padding: 0 10px; height: 100px;}
.stui-header__menu{margin:0;padding:0;}
.stui-header__menu:before{content:" ";position:absolute;left:0;top:0;right:0;width:100%;height:1px;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(.5);transform:scaleY(.5); border-top: 1px solid #155FAA}
.stui-header__menu li{ margin-top:0;margin-right:10px}
.stui-header__menu li a{ padding: 0; font-size:14px; height: 40px; line-height: 40px; white-space:nowrap; color: #fff;}
.stui-header__menu li.active a{ position:relative; background: none; color: #ff9900;}
.stui-header__user > li{ padding: 15px 0 10px; margin-right: 10px;}
.stui-header__user > li .dropdown{ right: 0;}
.stui-header__user > li .dropdown:before{ right: 8px;}
.stui-header__menu > li:hover .dropdown,.stui-header__user > li:hover .dropdown{ display: none;}
}
@media (max-width:767px){
/* header */
.stui-header__search{position:absolute;top:0;left:0;right:50px;width:auto}
.stui-header__user > li{ padding: 14px 0; margin: 0;}
/* content */
.stui-content__thumb .v-thumb{width:115px}
.stui-content__thumb .w-thumb{width:160px}
.stui-content__detail{padding:0 10px}
.stui-content__detail .title{margin:10px 0 10px;font-size:16px;line-height:18px}
.stui-content__detail .data{margin:0 0 10px;font-size:12px}
.stui-content__detail .play-btn{margin:0;padding:0}
/* player */
.stui-player__detail.detail .title{ margin-top: 10px; font-size: 16px;}
.stui-player__detail{ margin-top: 0;}
.stui-player__detail .data .title{font-size:16px}
.stui-player__detail .more-btn{ margin-bottom: 10px;}
.stui-player__detail .more-btn{ float: none; padding: 10px; background-color: #222; display: -webkit-box; display: -webkit-flex; display: flex;}
.stui-player__detail .more-btn li{ margin: 0; padding: 0 5px; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; text-align: center;}
.stui-player__detail .more-btn .btn{ display: block; padding: 6px;}
/* type */
.stui-mobile__type li{padding:0 20px}
.stui-mobile__type li a{display:block;padding:10px 0;text-align:center}
/* foot */
.stui-foot{padding:20px 0}
}
.fa-thumbs-up:before{content:"\f164"}
.fa-thumbs-down:before{content:"\f165"}