1734 lines
36 KiB
CSS
1734 lines
36 KiB
CSS
@charset "utf-8";
|
||
/* all */
|
||
body {
|
||
overflow-x: hidden;
|
||
}
|
||
body.active {
|
||
padding-top: 0;
|
||
}
|
||
.lvshicms-container-bg {
|
||
margin-bottom: 20px;
|
||
padding: 20px 0;
|
||
background-color: #333;
|
||
}
|
||
/* header */
|
||
.lvshicms-header__top {
|
||
position: relative;
|
||
top: 0;
|
||
z-index: 999;
|
||
width: 100%;
|
||
height: 60px;
|
||
margin-bottom: 20px;
|
||
}
|
||
.lvshicms-header__top::before, .lvshicms-header__top::after {
|
||
content: '';
|
||
position: absolute;
|
||
top: 0;
|
||
left: 0;
|
||
width: 20px;
|
||
height: 100%;
|
||
z-index: 3;
|
||
}
|
||
.lvshicms-header__top::after {
|
||
left: auto;
|
||
right: 0;
|
||
height: 40px;
|
||
}
|
||
.top-fixed-down {
|
||
margin-top: -61px;
|
||
}
|
||
/* header-logo */
|
||
.lvshicms-header__logo, .lvshicms-header__menu {
|
||
float: left;
|
||
}
|
||
.lvshicms-header__logo .logo {
|
||
display: block;
|
||
height: 60px;
|
||
width: 200px;
|
||
line-height: 60px;
|
||
font-size: 1.2rem;
|
||
font-weight: 700;
|
||
color: #007aff;
|
||
background-size: contain;
|
||
background-position: left center;
|
||
background-repeat: no-repeat;
|
||
background-color: #222;
|
||
position: relative;
|
||
z-index: 2;
|
||
}
|
||
.lvshicms-header__logo img {
|
||
height: 40px;
|
||
margin-top: 10px;
|
||
}
|
||
.lvshicms-header__menu {
|
||
margin-left: 15px;
|
||
width: auto;
|
||
}
|
||
/* header-seacrh */
|
||
.lvshicms-header__search {
|
||
float: right;
|
||
position: relative;
|
||
padding-right: 20px;
|
||
padding-top: 10px;
|
||
z-index: 2;
|
||
}
|
||
.lvshicms-header__search li {
|
||
float: left;
|
||
}
|
||
.lvshicms-header__search li.search-item {
|
||
width: 300px;
|
||
height: 38px;
|
||
border: 2px solid #333;
|
||
}
|
||
.lvshicms-header__search li.search-item .form-control {
|
||
height: 38px;
|
||
padding-left: 20px;
|
||
border-radius: 0;
|
||
background: none;
|
||
border: 0;
|
||
}
|
||
.lvshicms-header__search li.search-item .form-control:focus {
|
||
border-color: none;
|
||
-webkit-box-shadow: none;
|
||
}
|
||
.lvshicms-header__search .submit {
|
||
display: block;
|
||
position: absolute;
|
||
top: 0;
|
||
right: 15px;
|
||
height: 32px;
|
||
line-height: 30px;
|
||
text-align: center;
|
||
background: none;
|
||
border: 0;
|
||
font-size: 18px;
|
||
cursor: pointer;
|
||
color: #999;
|
||
}
|
||
.lvshicms-header__search li.search-item .dropdown-box {
|
||
margin-left: -130px;
|
||
padding-top: 0;
|
||
}
|
||
.lvshicms-header__search li.search-item .dropdown-box .item {
|
||
width: 260px;
|
||
padding: 20px;
|
||
}
|
||
.lvshicms-header__search li.search-item.search-item:hover .search-dropdown-hot {
|
||
display: block;
|
||
}
|
||
.lvshicms-header__search li.search-select {
|
||
position: relative;
|
||
margin-top: 8px;
|
||
padding: 0 10px 0 15px;
|
||
border-right: 1px solid rgba(0, 0, 0, .1);
|
||
cursor: pointer;
|
||
}
|
||
.lvshicms-header__search li.search-select .text {
|
||
color: #999;
|
||
}
|
||
.lvshicms-header__search li.search-select .dropdown-box {
|
||
margin-left: -40px;
|
||
z-index: 101;
|
||
}
|
||
.lvshicms-header__search li.search-select .dropdown-box .item {
|
||
width: 80px;
|
||
padding: 10px;
|
||
text-align: center;
|
||
}
|
||
.lvshicms-header__search li.search-select .dropdown-box .item p {
|
||
margin: 0;
|
||
padding: 5px 0;
|
||
}
|
||
/* header-menu */
|
||
.lvshicms-header__menu > ul > li {
|
||
position: relative;
|
||
float: left;
|
||
width: auto;
|
||
margin-right: 0;
|
||
}
|
||
.lvshicms-header__menu > ul > li > a {
|
||
display: block;
|
||
height: 60px;
|
||
line-height: 60px;
|
||
padding: 0 15px;
|
||
}
|
||
.lvshicms-header__menu > ul > li.active > a {}
|
||
.lvshicms-header__menu > ul > li.search-ul .fa {
|
||
vertical-align: -2px;
|
||
font-size: 20px;
|
||
}
|
||
.lvshicms-header__menu > ul > li.search-ul .dropdown-box {
|
||
margin-left: -30px;
|
||
padding-top: 0;
|
||
}
|
||
.lvshicms-header__menu > ul > li.search-ul .dropdown-box .item {
|
||
width: 500px;
|
||
}
|
||
.lvshicms-header__menu > ul > li.search-ul .dropdown-box .item li {
|
||
padding: 6px;
|
||
}
|
||
/* header-user */
|
||
.lvshicms-header__user {
|
||
float: right;
|
||
position: relative;
|
||
z-index: 2;
|
||
}
|
||
.lvshicms-header__user > li {
|
||
float: left;
|
||
position: relative;
|
||
padding: 10px 0 10px;
|
||
margin-left: 20px;
|
||
}
|
||
.lvshicms-header__user > li > a, .lvshicms-header__user > li > a .fa {
|
||
display: inline-block;
|
||
font-size: 22px;
|
||
line-height: 24px;
|
||
margin-top: 5px;
|
||
}
|
||
.lvshicms-header__user > li .dropdown-box {
|
||
right: 0;
|
||
margin-left: 0;
|
||
margin-right: -120px;
|
||
padding-top: 10px;
|
||
}
|
||
.lvshicms-header__user > li .dropdown-box .item {
|
||
width: 260px;
|
||
padding: 20px;
|
||
}
|
||
.lvshicms-header__user > li.menu .dropdown-box {
|
||
right: 0;
|
||
margin-left: 0;
|
||
margin-right: -40px;
|
||
padding-top: 10px;
|
||
}
|
||
.lvshicms-header__user > li.menu .dropdown-box .item {
|
||
width: 90px;
|
||
padding: 10px;
|
||
}
|
||
.lvshicms-header__user > li.menu .dropdown-box .item li {
|
||
padding: 5px 0;
|
||
text-align: center;
|
||
}
|
||
/* content */
|
||
.lvshicms-content__thumb {
|
||
float: left;
|
||
}
|
||
.lvshicms-content__thumb .lvshicms-vodlist__thumb {
|
||
width: 220px;
|
||
box-shadow: 0 2px 6px rgba(0, 0, 0, .6);
|
||
}
|
||
.lvshicms-content__thumb.active .lvshicms-vodlist__thumb {
|
||
width: 150px;
|
||
}
|
||
.lvshicms-content__detail, .lvshicms-content__operate {
|
||
float: left;
|
||
width: calc(100% - 220px);
|
||
padding-left: 20px;
|
||
}
|
||
.lvshicms-content__detail.active {
|
||
width: calc(100% - 150px);
|
||
}
|
||
.lvshicms-content__detail .title {
|
||
/*margin: 20px 0 10px;*/
|
||
margin: 0 0 10px;
|
||
font-size: 20px;
|
||
line-height: 30px;
|
||
}
|
||
.lvshicms-content__detail .title .score {
|
||
display: inline-block;
|
||
margin-left: 10px;
|
||
font-family: Georgia, "Times New Roman", Times, serif;
|
||
}
|
||
.lvshicms-content__detail .data {
|
||
margin-bottom: 10px;
|
||
line-height: 20px;
|
||
padding-right: 160px;
|
||
display: -webkit-box;
|
||
-webkit-box-orient: vertical;
|
||
overflow: hidden;
|
||
-webkit-line-clamp: 1;
|
||
}
|
||
.lvshicms-content__detail .data.desc {
|
||
-webkit-line-clamp: 2;
|
||
cursor: pointer;
|
||
margin-bottom: 0;
|
||
}
|
||
.lvshicms-content__detail .data.desc.active {
|
||
display: block;
|
||
}
|
||
.lvshicms-content__detail .data.desc-toggle {
|
||
display: block;
|
||
font-size: 20px;
|
||
text-align: center;
|
||
}
|
||
.lvshicms-content__detail .data.desc-toggle.active i {
|
||
transform: rotate(180deg);
|
||
}
|
||
.lvshicms-content__detail .score {
|
||
margin-bottom: 20px;
|
||
}
|
||
.lvshicms-content__detail .score .rating {
|
||
display: inline-block;
|
||
position: relative;
|
||
top: 5px;
|
||
}
|
||
.lvshicms-content__detail .score .rating li {
|
||
cursor: pointer;
|
||
display: inline-block;
|
||
margin-right: 5px;
|
||
}
|
||
.lvshicms-content__detail .score .rating li .fa {
|
||
font-size: 24px;
|
||
}
|
||
.lvshicms-content__detail .score .branch {
|
||
display: inline-block;
|
||
font-family: Georgia, "Times New Roman", Times, serif;
|
||
font-size: 24px;
|
||
line-height: 24px;
|
||
}
|
||
.lvshicms-content__operate {
|
||
float: left;
|
||
}
|
||
.lvshicms-content__operate li {
|
||
float: left;
|
||
margin-right: 10px;
|
||
}
|
||
.lvshicms-content__operate li .btn {
|
||
margin-left: 10px;
|
||
margin-top: 10px;
|
||
}
|
||
.lvshicms-content__operate li .btn:first-child {
|
||
margin-left: 0;
|
||
}
|
||
.lvshicms-content__tag a {
|
||
display: inline-block;
|
||
line-height: 20px;
|
||
padding: 2px 10px;
|
||
margin-left: 5px;
|
||
border: 1px solid rgba(0, 0, 0, .1);
|
||
font-size: 12px;
|
||
border-radius: 15px;
|
||
}
|
||
/* player */
|
||
.lvshicms-player__item {
|
||
position: relative;
|
||
}
|
||
.lvshicms-player__item .fixed {
|
||
position: fixed;
|
||
z-index: 998;
|
||
right: 0;
|
||
bottom: 0;
|
||
padding: 10px;
|
||
background-color: #fff;
|
||
box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
|
||
}
|
||
.lvshicms-player__item .is-btn {
|
||
position: absolute;
|
||
z-index: 99;
|
||
top: 50%;
|
||
right: -12px;
|
||
margin-top: -30px;
|
||
display: block;
|
||
width: 12px;
|
||
text-align: center;
|
||
height: 60px;
|
||
line-height: 60px;
|
||
font-size: 10px;
|
||
border-radius: 0 4px 4px 0;
|
||
background-color: #404040;
|
||
color: #999;
|
||
}
|
||
.lvshicms-player__item .player-fixed-off {
|
||
display: none;
|
||
position: absolute;
|
||
top: -10px;
|
||
left: -10px;
|
||
width: 20px;
|
||
height: 20px;
|
||
text-align: center;
|
||
line-height: 20px;
|
||
background-color: #fff;
|
||
border-radius: 50%;
|
||
color: #333;
|
||
box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
|
||
}
|
||
.lvshicms-player__item .tips {
|
||
position: relative;
|
||
height: 40px;
|
||
line-height: 40px;
|
||
overflow: hidden;
|
||
padding: 0 20px;
|
||
color: #fff;
|
||
}
|
||
.lvshicms-player__operate {
|
||
padding: 5px 10px;
|
||
display: -webkit-box;
|
||
display: -webkit-flex;
|
||
display: flex;
|
||
}
|
||
.lvshicms-player__operate li {
|
||
display: block;
|
||
text-align: center;
|
||
-webkit-box-flex: 1;
|
||
-webkit-flex: 1;
|
||
flex: 1;
|
||
}
|
||
.lvshicms-player__detail .title {
|
||
margin: 0 0 10px
|
||
}
|
||
.lvshicms-player__detail .detail-content {
|
||
padding-top: 10px
|
||
}
|
||
.lvshicms-player__detail .desc {
|
||
padding-left: 42px
|
||
}
|
||
.lvshicms-player__detail .desc .left {
|
||
margin-left: -42px
|
||
}
|
||
.lvshicms-player__data {
|
||
padding: 10px;
|
||
}
|
||
#player-sidebar::-webkit-scrollbar {
|
||
width: 4px;
|
||
background-color: #1c1b1e;
|
||
}
|
||
#player-sidebar::-webkit-scrollbar-thumb {
|
||
background-color: #434145;
|
||
}
|
||
.lvshicms-player__notice {
|
||
position: absolute;
|
||
top: 50%;
|
||
left: 0;
|
||
width: 100%;
|
||
margin-top: -65px;
|
||
}
|
||
.lvshicms-player__notice h3, .lvshicms-player__notice h5, .lvshicms-player__notice p {
|
||
color: #fff;
|
||
}
|
||
.lvshicms-player-links {
|
||
position: relative;
|
||
top: 15px;
|
||
right: 10px;
|
||
}
|
||
.lvshicms-player-links .btn {
|
||
position: absolute;
|
||
top: 0;
|
||
right: -5px;
|
||
border-radius: 0 5px 5px 0;
|
||
}
|
||
/* news */
|
||
.lvshicms-newslist li {
|
||
padding: 30px 0;
|
||
}
|
||
.lvshicms-newslist li .title {
|
||
margin: 0;
|
||
font-size: 22px;
|
||
line-height: 30px;
|
||
font-weight: 600;
|
||
}
|
||
.lvshicms-newslist li .desc {
|
||
text-indent: 2em;
|
||
margin: 0;
|
||
padding: 20px 0;
|
||
line-height: 25px;
|
||
}
|
||
.lvshicms-newslist__text li .title {
|
||
margin: 0;
|
||
font-size: 15px;
|
||
}
|
||
.lvshicms-art__nav li {
|
||
padding: 6px 0;
|
||
}
|
||
.lvshicms-art__nav li.active a {
|
||
font-weight: bold;
|
||
color: #2299dd;
|
||
}
|
||
/* footer */
|
||
.lvshicms-foot {
|
||
padding: 20px 0;
|
||
}
|
||
.lvshicms-foot p {
|
||
line-height: 25px;
|
||
}
|
||
.detail-box .detail-info-btn {
|
||
position: absolute;
|
||
bottom: 12px;
|
||
}
|
||
@media (max-width:1199px) {
|
||
/* header */
|
||
.lvshicms-header__top {
|
||
padding: 0 20px;
|
||
}
|
||
.lvshicms-header__menu > li:hover .head-dropdown, .lvshicms-header__user > li:hover .head-dropdown {
|
||
display: none;
|
||
}
|
||
}
|
||
@media (max-width:767px) {
|
||
.lvshicms-header__logo .logo {
|
||
height: 50px;
|
||
width: 120px;
|
||
line-height: 50px;
|
||
}
|
||
.lvshicms-header__logo img {
|
||
height: 30px;
|
||
}
|
||
.lvshicms-header__menu > li > a {
|
||
height: 50px;
|
||
line-height: 50px;
|
||
}
|
||
body.active {
|
||
padding-top: 0;
|
||
}
|
||
.lvshicms-container-bg {
|
||
margin-bottom: 10px;
|
||
padding: 5px 0;
|
||
}
|
||
/* panel */
|
||
.lvshicms-panel-bg, .lvshicms-vodlist__bg, .lvshicms-vodlist__bg:hover {
|
||
box-shadow: none;
|
||
}
|
||
.lvshicms-panel__head .title, .lvshicms-panel__head .title a {
|
||
font-size: 18px;
|
||
}
|
||
/* header */
|
||
.lvshicms-header__top {
|
||
height: 190px;
|
||
padding: 0 10px;
|
||
}
|
||
.lvshicms-header__search {
|
||
width: calc(100% - 170px);
|
||
}
|
||
.lvshicms-header__search li.search-item {
|
||
width: 100%;
|
||
}
|
||
.lvshicms-header__search li.search-ul .dropdown-box .item {
|
||
width: 300px;
|
||
}
|
||
.lvshicms-header__search .search-close {
|
||
position: absolute;
|
||
top: 6px;
|
||
right: -30px;
|
||
color: #fff;
|
||
}
|
||
.lvshicms-header__menu li.search-ul .dropdown-box {
|
||
margin-left: -120px;
|
||
padding-top: 0;
|
||
}
|
||
.lvshicms-header__menu li.search-ul .dropdown-box .item {
|
||
width: 300px;
|
||
}
|
||
.lvshicms-header__user > li {
|
||
margin-left: 15px;
|
||
padding: 15px 0 10px;
|
||
}
|
||
.lvshicms-header__user > li > a .fa {
|
||
font-size: 20px;
|
||
line-height: 20px;
|
||
}
|
||
.lvshicms-header__user > li .dropdown-box {
|
||
margin-right: 0;
|
||
}
|
||
.lvshicms-header__top.color .lvshicms-header__search .search-close {
|
||
color: #fff;
|
||
}
|
||
/* content */
|
||
.lvshicms-content__thumb .lvshicms-vodlist__thumb {
|
||
width: 120px;
|
||
}
|
||
.lvshicms-content__thumb.active .lvshicms-vodlist__thumb {
|
||
width: 120px;
|
||
}
|
||
.lvshicms-content__detail {
|
||
float: left;
|
||
width: calc(100% - 120px);
|
||
}
|
||
.lvshicms-content__detail.active {
|
||
width: calc(100% - 120px);
|
||
}
|
||
.lvshicms-content__detail .title {
|
||
margin: 5px 0 8px;
|
||
font-size: 20px;
|
||
line-height: 18px
|
||
}
|
||
.lvshicms-content__detail .data {
|
||
margin: 0 0 10px;
|
||
font-size: 14px;
|
||
line-height: 18px;
|
||
word-wrap: break-word;
|
||
white-space: normal;
|
||
}
|
||
.lvshicms-content__detail .operate {
|
||
margin: 0;
|
||
padding: 0
|
||
}
|
||
.lvshicms-content__detail .topline {
|
||
padding: 5px 0;
|
||
}
|
||
.lvshicms-content__detail .score {
|
||
margin-bottom: 5px;
|
||
}
|
||
.lvshicms-content__detail .score .branch {
|
||
font-size: 16px;
|
||
}
|
||
.lvshicms-content__detail .score .rating {
|
||
top: 0;
|
||
}
|
||
.lvshicms-content__detail .score .rating li {
|
||
margin: 0;
|
||
}
|
||
.lvshicms-content__detail .score .rating li .fa {
|
||
font-size: 18px;
|
||
}
|
||
.lvshicms-content__operate {
|
||
width: 100%;
|
||
margin-left: -5px;
|
||
padding: 0;
|
||
}
|
||
.lvshicms-content__operate li {
|
||
width: 100%;
|
||
text-align: center;
|
||
margin: 0;
|
||
padding: 2px 5px;
|
||
}
|
||
.lvshicms-content__operate li .btn {
|
||
display: block;
|
||
padding: 8px;
|
||
}
|
||
/* player */
|
||
.lvshicms-player {
|
||
margin-top: 0;
|
||
}
|
||
.lvshicms-player__item {
|
||
padding: 0;
|
||
}
|
||
.lvshicms-player__detail {
|
||
margin: 0;
|
||
}
|
||
.lvshicms-player__detail .data .title {
|
||
font-size: 16px
|
||
}
|
||
.lvshicms-player__detail.detail .title {
|
||
font-size: 18px;
|
||
}
|
||
.lvshicms-player__operate li {
|
||
margin: 0;
|
||
}
|
||
.lvshicms-player__operate li .fa {
|
||
display: block;
|
||
margin-bottom: 5px;
|
||
font-size: 16px;
|
||
}
|
||
.lvshicms-player-links {
|
||
top: 0;
|
||
right: 0;
|
||
padding: 0 10px;
|
||
}
|
||
.lvshicms-player-links .btn {
|
||
height: 35px;
|
||
right: 8px;
|
||
}
|
||
.lvshicms-player__operate li .dropdown-box {
|
||
left: auto;
|
||
right: 0;
|
||
margin-right: -50px;
|
||
}
|
||
/* news */
|
||
.lvshicms-newslist li .title {
|
||
font-size: 18px;
|
||
line-height: 30px;
|
||
}
|
||
.lvshicms-art__nav li {
|
||
display: inline-block;
|
||
margin-right: 10px;
|
||
}
|
||
.lvshicms-art__nav li.active a {
|
||
font-weight: bold;
|
||
color: #2299dd;
|
||
}
|
||
}
|
||
body {
|
||
font-family: "Microsoft YaHei", "微软雅黑", "STHeiti", "WenQuanYi Micro Hei", SimSun, sans-serif;
|
||
}
|
||
[class*=col-], .lvshicms-content__list li, .lvshicms-vodlist__media.col li {
|
||
padding: 10px
|
||
}
|
||
.btn {
|
||
border-radius: 5px;
|
||
}
|
||
.lvshicms-vodlist__thumb {
|
||
border-radius: 0px;
|
||
height:16rem;
|
||
/* padding-top: 145%; */
|
||
/* background: url(../images/load.png) no-repeat; */
|
||
}
|
||
.lvshicms-vodlist__thumb img{
|
||
width:100%;
|
||
height: 100%;
|
||
object-fit: cover; /* 保持图片填充容器，不变形 */
|
||
aspect-ratio: 3 / 4; /* 影视海报常用比例，可改为2/3 */
|
||
display: block;
|
||
}
|
||
.rank-index .lvshicms-vodlist__thumb{
|
||
height:6rem;
|
||
}
|
||
@media (max-width: 767px) {
|
||
.video-info-page .video-info-lvshicms-vodlist__thumb{
|
||
height:12rem;
|
||
}
|
||
}
|
||
|
||
.lvshicms-vodlist__thumb.square {
|
||
padding-top: 100%;
|
||
background: url(../images/load.png) no-repeat;
|
||
}
|
||
.lvshicms-vodlist__thumb.wide, .h .lvshicms-vodlist__thumb {
|
||
padding-top: 60%;
|
||
background: url(../images/load.png) no-repeat;
|
||
}
|
||
.lvshicms-vodlist__thumb.actor {
|
||
padding-top: 140%;
|
||
}
|
||
.flickity-prev-next-button.previous {
|
||
left: 10px;
|
||
}
|
||
.flickity-prev-next-button.next {
|
||
right: 10px;
|
||
}
|
||
.lvshicms-sidebar {
|
||
padding: 0 0 0 20px;
|
||
}
|
||
.lvshicms-panel {
|
||
margin-bottom: 20px;
|
||
border-radius: 5px;
|
||
}
|
||
.lvshicms-panel-mb {
|
||
margin-bottom: 20px;
|
||
}
|
||
.lvshicms-player__item .fixed {
|
||
width: 500px;
|
||
}
|
||
.lvshicms-vodlist__text li a, .lvshicms-vodlist__media li {
|
||
padding: 10px 0;
|
||
}
|
||
.lvshicms-screen__list {
|
||
padding: 10px 10px 0;
|
||
}
|
||
.lvshicms-screen__list li {
|
||
margin-bottom: 10px;
|
||
margin-right: 10px;
|
||
}
|
||
.lvshicms-page {
|
||
padding: 0 10px;
|
||
}
|
||
.lvshicms-extra {
|
||
right: 20px;
|
||
bottom: 30px;
|
||
}
|
||
.lvshicms-vodlist__media li {
|
||
overflow: hidden;
|
||
white-space: nowrap;
|
||
text-overflow: ellipsis;
|
||
}
|
||
@media (min-width: 1200px) {
|
||
.container {
|
||
max-width: 1200px;
|
||
}
|
||
.container {
|
||
padding-left: 0px;
|
||
padding-right: 0px;
|
||
}
|
||
.container.min {
|
||
width: 1200px;
|
||
padding: 0;
|
||
}
|
||
}
|
||
@media (max-width: 767px) {
|
||
body, body.active {}
|
||
[class*=col-], .lvshicms-panel, .lvshicms-content__list li {
|
||
padding: 5px
|
||
}
|
||
.flickity-prev-next-button.previous {
|
||
left: 5px;
|
||
}
|
||
.flickity-prev-next-button.next {
|
||
right: 5px;
|
||
}
|
||
.lvshicms-vodlist__text li a, .lvshicms-vodlist__media li {
|
||
padding: 10px 0;
|
||
}
|
||
.lvshicms-screen__list {
|
||
padding: 10px 5px 0;
|
||
}
|
||
.lvshicms-screen__list li {
|
||
margin-bottom: 5px;
|
||
margin-right: 5px;
|
||
}
|
||
.lvshicms-extra {
|
||
right: 20px;
|
||
bottom: 30px;
|
||
}
|
||
.lvshicms-page {
|
||
padding: 0 5px;
|
||
}
|
||
}
|
||
.lvshicms-topbg {
|
||
position: absolute;
|
||
top: 0;
|
||
left: 0;
|
||
right: 0;
|
||
width: 100%;
|
||
}
|
||
body {
|
||
font-family: "Microsoft YaHei", "微软雅黑", "STHeiti", "WenQuanYi Micro Hei", SimSun, sans-serif;
|
||
}
|
||
[class*=col-], .lvshicms-content__list li, .lvshicms-vodlist__media.col li {
|
||
padding: 10px
|
||
}
|
||
.btn {
|
||
border-radius: 5px;
|
||
}
|
||
.lvshicms-vodlist__thumb.actor {
|
||
padding-top: 140%;
|
||
}
|
||
.flickity-prev-next-button.previous {
|
||
left: 10px;
|
||
}
|
||
.flickity-prev-next-button.next {
|
||
right: 10px;
|
||
}
|
||
.lvshicms-sidebar {
|
||
padding: 0 0 0 20px;
|
||
}
|
||
.lvshicms-panel {
|
||
margin-bottom: 20px;
|
||
border-radius: 5px;
|
||
}
|
||
.lvshicms-panel-mb {
|
||
margin-bottom: 20px;
|
||
}
|
||
.lvshicms-player__item .fixed {
|
||
width: 500px;
|
||
}
|
||
.lvshicms-vodlist__text li a, .lvshicms-vodlist__media li {
|
||
padding: 10px 0 9px;
|
||
}
|
||
.lvshicms-screen__list {
|
||
padding: 10px 10px 0;
|
||
}
|
||
.lvshicms-screen__list li {
|
||
margin-bottom: 10px;
|
||
margin-right: 10px;
|
||
}
|
||
.lvshicms-page {
|
||
padding: 0 10px;
|
||
}
|
||
.lvshicms-extra {
|
||
right: 20px;
|
||
bottom: 30px;
|
||
}
|
||
@media (min-width: 1200px) {
|
||
.container {
|
||
max-width: 1100px;
|
||
}
|
||
.container {
|
||
padding-left: 0px;
|
||
padding-right: 0px;
|
||
}
|
||
.container.min {
|
||
width: 1100px;
|
||
padding: 0;
|
||
}
|
||
}
|
||
@media (max-width: 767px) {
|
||
body, body.active {}
|
||
[class*=col-], .lvshicms-panel, .lvshicms-content__list li {
|
||
padding: 5px
|
||
}
|
||
.flickity-prev-next-button.previous {
|
||
left: 5px;
|
||
}
|
||
.flickity-prev-next-button.next {
|
||
right: 5px;
|
||
}
|
||
.lvshicms-vodlist__text li a, .lvshicms-vodlist__media li {
|
||
padding: 10px 0;
|
||
}
|
||
.lvshicms-screen__list {
|
||
padding: 10px 5px 0;
|
||
}
|
||
.lvshicms-screen__list li {
|
||
margin-bottom: 5px;
|
||
margin-right: 5px;
|
||
}
|
||
.lvshicms-extra {
|
||
right: 20px;
|
||
bottom: 30px;
|
||
}
|
||
.lvshicms-page {
|
||
padding: 0 5px;
|
||
}
|
||
}
|
||
.lvshicms-topbg {
|
||
position: absolute;
|
||
top: 0;
|
||
left: 0;
|
||
right: 0;
|
||
width: 100%;
|
||
}
|
||
.lvshicms-header__top {}
|
||
.nav-box {
|
||
clear: both;
|
||
overflow: hidden;
|
||
}
|
||
.nav-item {
|
||
width: auto;
|
||
margin-right: 10px;
|
||
text-align: center;
|
||
padding-left: 5px;
|
||
padding-right: 5px;
|
||
}
|
||
.nav-item-icon {
|
||
width: 30px;
|
||
height: 30px;
|
||
display: block;
|
||
margin-left: auto;
|
||
margin-right: auto;
|
||
background-repeat: no-repeat;
|
||
background-position: center center;
|
||
background-size: cover;
|
||
background-image: url(../images/icon/home.png);
|
||
}
|
||
.nav-item-icon.dy {
|
||
background-image: url(../images/icon/dy.png);
|
||
}
|
||
.nav-item-icon.ds {
|
||
background-image: url(../images/icon/ds.png);
|
||
}
|
||
.nav-item-icon.zy {
|
||
background-image: url(../images/icon/zy.png);
|
||
}
|
||
.nav-item-icon.dm {
|
||
background-image: url(../images/icon/dm.png);
|
||
}
|
||
.nav-item-icon.wj {
|
||
background-image: url(../images/icon/wj.png);
|
||
}
|
||
.nav-item-icon.zmt {
|
||
background-image: url(../images/icon/zmt.png);
|
||
}
|
||
.nav-item-icon.rydy {
|
||
background-image: url(../images/icon/rydy.png);
|
||
}
|
||
.nav-item-icon.rbjj {
|
||
background-image: url(../images/icon/rbjj.png);
|
||
}
|
||
.nav-item-icon.bd {
|
||
background-image: url(../images/icon/bd.png);
|
||
}
|
||
.nav-item-icon.art {
|
||
background-image: url(../images/icon/art.png);
|
||
}
|
||
.nav-item-icon.dh {
|
||
background-image: url(../images/icon/dh.png);
|
||
}
|
||
.nav-item-text {
|
||
display: block;
|
||
clear: both;
|
||
text-align: center;
|
||
font-size: 13px;
|
||
height: 30px;
|
||
line-height: 30px;
|
||
}
|
||
.nav-item.active {
|
||
position: relative;
|
||
}
|
||
.nav-item.active .nav-item-text {}
|
||
.nav-item.active::after {
|
||
content: '';
|
||
display: block;
|
||
position: absolute;
|
||
width: calc(100% - 10px);
|
||
left: 5px;
|
||
bottom: 0;
|
||
height: 2px;
|
||
background-color: #2299dd;
|
||
border-radius: 2px;
|
||
}
|
||
.lvshicms-vod-content {
|
||
line-height: 1.6;
|
||
}
|
||
.embed-responsive {
|
||
padding-bottom: 56.25%;
|
||
}
|
||
.lvshicms-vodlist__media .art-item {
|
||
overflow: hidden;
|
||
white-space: normal;
|
||
}
|
||
.lvshicms-vodlist__media .detail .art-title, .lvshicms-vodlist__media .detail .art-desc {
|
||
display: -webkit-box;
|
||
-webkit-box-orient: vertical;
|
||
overflow: hidden;
|
||
}
|
||
.lvshicms-vodlist__media .detail h4.art-title {
|
||
margin-top: 0;
|
||
-webkit-line-clamp: 2;
|
||
}
|
||
.lvshicms-vodlist__media .detail .art-desc {
|
||
height: auto;
|
||
-webkit-line-clamp: 3;
|
||
line-height: 1.5;
|
||
}
|
||
.art-sidebar-item {
|
||
position: relative;
|
||
border-radius: 5px;
|
||
overflow: hidden;
|
||
}
|
||
.art-sidebar-item + .art-sidebar-item {
|
||
margin-top: 10px;
|
||
}
|
||
.art-sidebar-cover {
|
||
padding-top: 50%;
|
||
}
|
||
.art-sidebar-info {
|
||
display: block;
|
||
position: absolute;
|
||
left: 0;
|
||
bottom: 0;
|
||
width: 100%;
|
||
padding: 5px 5px;
|
||
background-color: rgba(0, 0, 0, .4);
|
||
}
|
||
.art-sidebar-info > * {
|
||
display: block;
|
||
white-space: nowrap;
|
||
overflow: hidden;
|
||
color: #fff;
|
||
text-overflow: ellipsis;
|
||
}
|
||
.art-sidebar-time {
|
||
margin-top: 5px;
|
||
font-size: 12px;
|
||
}
|
||
.art-sidebar-num {
|
||
display: block;
|
||
position: absolute;
|
||
top: 10px;
|
||
left: 0;
|
||
height: 24px;
|
||
line-height: 24px;
|
||
padding: 0 15px;
|
||
background-color: #f00;
|
||
color: #fff;
|
||
border-radius: 0 12px 12px 0;
|
||
}
|
||
.art-sidebar-num2 {
|
||
background-color: #f60;
|
||
}
|
||
.art-sidebar-num3 {
|
||
background-color: #2299dd;
|
||
}
|
||
.text-row-2 {
|
||
display: -webkit-box;
|
||
-webkit-box-orient: vertical;
|
||
overflow: hidden;
|
||
-webkit-line-clamp: 2;
|
||
height: 40px;
|
||
}
|
||
.bread-crumbs {
|
||
font-size: 16px;
|
||
color: #333;
|
||
}
|
||
.bread-crumbs label {
|
||
font-size: 18px;
|
||
margin-right: 10px;
|
||
}
|
||
.bread-crumbs > i {
|
||
display: inline-block;
|
||
margin-left: 5px;
|
||
margin-right: 10px;
|
||
color: #ccc;
|
||
}
|
||
.bread-crumbs.play {
|
||
padding-top: 10px;
|
||
padding-bottom: 10px;
|
||
color: #fff;
|
||
}
|
||
.bread-crumbs.play > i {
|
||
color: #666;
|
||
}
|
||
.bread-crumbs.play > a:not(:hover) {
|
||
color: #fff;
|
||
}
|
||
.slide-search {
|
||
position: fixed;
|
||
top: 0;
|
||
right: -110%;
|
||
width: 420px;
|
||
height: 100%;
|
||
z-index: 99999;
|
||
transition: all .18s ease-in-out;
|
||
padding: 20px;
|
||
overflow-y: auto;
|
||
opacity: 0;
|
||
visibility: hidden;
|
||
background-color: #f5f6f7;
|
||
}
|
||
.slide-search.active {
|
||
right: 0;
|
||
opacity: 1;
|
||
visibility: visible;
|
||
}
|
||
.slide-search-bg {
|
||
position: fixed;
|
||
top: 0;
|
||
left: 0;
|
||
width: 100%;
|
||
height: 100%;
|
||
overflow: hidden;
|
||
z-index: 9999;
|
||
background-color: rgba(0, 0, 0, .4);
|
||
transition: .3s;
|
||
display: none;
|
||
}
|
||
.slide-search.active + .slide-search-bg {
|
||
display: block;
|
||
}
|
||
.slide-search-header {
|
||
position: relative;
|
||
font-size: 16px;
|
||
font-weight: bold;
|
||
height: 60px;
|
||
line-height: 60px;
|
||
text-align: center;
|
||
color: #333;
|
||
margin-top: -20px;
|
||
display: none;
|
||
}
|
||
.slide-search-close {
|
||
display: block;
|
||
width: 40px;
|
||
height: 100%;
|
||
position: absolute;
|
||
left: 0;
|
||
top: 0;
|
||
text-align: left;
|
||
}
|
||
.slide-search-body {
|
||
padding-top: 10px;
|
||
}
|
||
.slide-search-form {
|
||
display: block;
|
||
position: relative;
|
||
width: 100%;
|
||
overflow: visible;
|
||
}
|
||
.slide-search-input {
|
||
padding-left: 40px;
|
||
padding-right: 90px;
|
||
height: 54px;
|
||
line-height: 52px;
|
||
border-radius: 6px;
|
||
color: #4e5969;
|
||
width: 100%;
|
||
font-size: 16px;
|
||
outline: none;
|
||
border: 1px solid rgba(30, 35, 42, .05);
|
||
background-color: #fff;
|
||
}
|
||
.slide-search-input:hover, .slide-search-input:focus {
|
||
border-color: #f00;
|
||
}
|
||
.slide-search-submit {
|
||
text-transform: uppercase;
|
||
display: block;
|
||
text-align: center;
|
||
cursor: pointer;
|
||
font-size: 18px;
|
||
font-weight: 700;
|
||
border-radius: 6px;
|
||
line-height: 54px;
|
||
height: 54px;
|
||
color: #fff;
|
||
background-color: #2299dd;
|
||
width: 66px;
|
||
position: absolute;
|
||
right: -1px;
|
||
top: -1px;
|
||
}
|
||
.slide-search-list {
|
||
padding-top: 30px;
|
||
}
|
||
.slide-search-title {
|
||
padding-bottom: 18px;
|
||
font-size: 18px;
|
||
font-weight: bold;
|
||
color: #333;
|
||
}
|
||
.slide-search-item + .slide-search-item {
|
||
border-top: 1px solid rgba(30, 35, 42, .05);
|
||
}
|
||
.slide-search-item a {
|
||
display: block;
|
||
position: relative;
|
||
z-index: 0;
|
||
height: 52px;
|
||
line-height: 52px;
|
||
}
|
||
.slide-search-icon {
|
||
position: absolute;
|
||
left: 4px;
|
||
bottom: 15px;
|
||
font-family: Impact;
|
||
line-height: 1;
|
||
-webkit-background-clip: text;
|
||
background-clip: text;
|
||
background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .87), hsla(0, 0%, 100%, 0));
|
||
opacity: .14;
|
||
transform: skew(-10deg);
|
||
text-align: center;
|
||
font-size: 28px;
|
||
color: #333;
|
||
}
|
||
.slide-search-num {
|
||
float: left;
|
||
width: 24px;
|
||
height: 35px;
|
||
vertical-align: top;
|
||
transform: skew(-10deg);
|
||
text-align: center;
|
||
font: 700 22px Impact;
|
||
margin: 14px 4px 0;
|
||
}
|
||
.slide-search-num1 {
|
||
color: #f00;
|
||
}
|
||
.slide-search-num2 {
|
||
color: #fa6400;
|
||
}
|
||
.slide-search-num3 {
|
||
color: #ffb802
|
||
}
|
||
.slide-search-name {
|
||
display: block;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
white-space: nowrap;
|
||
float: left;
|
||
width: calc(100% - 56px);
|
||
height: 100%;
|
||
text-align: left;
|
||
font-size: 15px;
|
||
font-weight: 700;
|
||
margin-left: 20px;
|
||
}
|
||
.mobile-search {
|
||
clear: both;
|
||
overflow: hidden;
|
||
position: relative;
|
||
margin-bottom: 5px;
|
||
}
|
||
.mobile-search-input {
|
||
width: 100%;
|
||
background-color: #f8f8f8;
|
||
height: 40px;
|
||
line-height: 30px;
|
||
padding: 5px 10px;
|
||
padding-right: 50px;
|
||
border-radius: 4px;
|
||
font-size: 14px;
|
||
}
|
||
.mobile-search-button {
|
||
background: none;
|
||
outline: none;
|
||
border: none;
|
||
font-size: 20px;
|
||
position: absolute;
|
||
padding-left: 10px;
|
||
padding-right: 10px;
|
||
height: 100%;
|
||
top: 0;
|
||
right: 0;
|
||
}
|
||
.player-wrapper {
|
||
padding-left: 10px;
|
||
padding-right: 10px;
|
||
}
|
||
.shrink-box {}
|
||
.shrink-box.shrinked {
|
||
display: -webkit-box;
|
||
-webkit-line-clamp: 6;
|
||
-webkit-box-orient: vertical;
|
||
overflow: hidden;
|
||
position: relative;
|
||
}
|
||
.shrink-toggle {
|
||
display: none;
|
||
}
|
||
.shrink-box.shrinked .shrink-toggle {
|
||
position: absolute;
|
||
right: 0;
|
||
bottom: 0;
|
||
color: #333;
|
||
display: block;
|
||
background-color: #fff;
|
||
padding: 0;
|
||
padding-left: 0.5em;
|
||
}
|
||
.shrink-text{
|
||
line-height: 24px;
|
||
}
|
||
.detail-info-box .data a+a{
|
||
margin-left:5px;
|
||
}
|
||
@media(max-width:1199.9px) {
|
||
.dropdown-hover:hover .dropdown-box {
|
||
margin-right: -15px;
|
||
}
|
||
}
|
||
@media(max-width:1023.9px) {
|
||
.hist.dropdown-hover {
|
||
margin-right: 12px;
|
||
}
|
||
.lvshicms-header__top {
|
||
height: 185px;
|
||
}
|
||
.lvshicms-header__top::before, .lvshicms-header__top::after {
|
||
display: none;
|
||
}
|
||
#player-sidebar {
|
||
height: auto !important;
|
||
}
|
||
.lvshicms-content__detail .data {
|
||
padding-right: 0;
|
||
}
|
||
.dropdown-hover:hover .dropdown-box {
|
||
display: block;
|
||
}
|
||
.lvshicms-vodlist__media .detail .art-desc {
|
||
-webkit-line-clamp: 1;
|
||
}
|
||
.player-wrapper {
|
||
padding-left: 0;
|
||
padding-right: 0;
|
||
}
|
||
}
|
||
@media(max-width:767.9px) {
|
||
.nav-box {
|
||
padding-top: 10px;
|
||
}
|
||
.detail-info-btn .btn {
|
||
width: 100%;
|
||
text-align: center;
|
||
}
|
||
.lvshicms-content__detail .data.desc {
|
||
-webkit-line-clamp: 3;
|
||
}
|
||
.dropdown-hover:hover .dropdown-box {
|
||
margin-right: -5px;
|
||
}
|
||
.detail-box {
|
||
padding-bottom: 40px;
|
||
}
|
||
.detail-box .detail-info-btn {
|
||
position: absolute;
|
||
left: 5px;
|
||
bottom: 0;
|
||
width: calc(100% - 10px);
|
||
}
|
||
.slide-search {
|
||
width: 100%;
|
||
}
|
||
.slide-search-header {
|
||
display: block;
|
||
}
|
||
.slide-search-input, .slide-search-submit {
|
||
height: 42px;
|
||
line-height: 40px;
|
||
}
|
||
}
|
||
|
||
|
||
/* 针对PC端，屏幕宽度大于768px */
|
||
@media (min-width: 769px) {
|
||
.lvshicms-screen__list {
|
||
display: flex;
|
||
overflow-x: auto; /* 横向滚动 */
|
||
white-space: nowrap; /* 强制一行显示 */
|
||
scrollbar-width: thin; /* 滚动条宽度（Firefox） */
|
||
padding: 10px 0;
|
||
}
|
||
|
||
.lvshicms-screen__list::-webkit-scrollbar {
|
||
height: 8px; /* 滚动条高度（Chrome/Safari） */
|
||
}
|
||
|
||
.lvshicms-screen__list::-webkit-scrollbar-thumb {
|
||
background: #ccc!important; /* 滚动条颜色 */
|
||
border-radius: 4px;
|
||
}
|
||
|
||
.lvshicms-screen__list::-webkit-scrollbar-thumb:hover {
|
||
background: #aaa!important; /* 滚动条悬停颜色 */
|
||
}
|
||
|
||
.lvshicms-screen__list li {
|
||
flex: 0 0 auto; /* 防止缩小，保持原始宽度 */
|
||
margin-right: 10px; /* 导航项间距 */
|
||
}
|
||
|
||
.lvshicms-screen__list li a {
|
||
display: inline-block;
|
||
padding: 8px 16px;
|
||
text-decoration: none;
|
||
}
|
||
|
||
/* 清除浮动和默认样式 */
|
||
.lvshicms-screen__list.clearfix::after {
|
||
content: none;
|
||
}
|
||
}
|
||
|
||
|
||
.view-title {
|
||
font-size: 1rem;
|
||
text-indent: 10px;
|
||
}
|
||
.view-description{
|
||
font-size: 0.8rem;
|
||
text-indent: 10px;
|
||
}
|
||
.video-play-page .view-title{
|
||
margin-top: 10px;
|
||
color:#999;
|
||
}
|
||
.video-play-page .view-description{
|
||
color:#999;
|
||
}
|
||
|
||
/** 播放器 start */
|
||
|
||
.video-play-page .stui-player__head {
|
||
display: none;
|
||
}
|
||
|
||
.video-play-page .dplayer-video-wrap {
|
||
max-height: 480px;
|
||
}
|
||
|
||
.video-play-page video {
|
||
max-height: 480px;
|
||
}
|
||
|
||
@media (max-width:767px) {
|
||
|
||
.view-title {
|
||
font-size: 0.8rem;
|
||
}
|
||
.view-description{
|
||
font-size: 0.7rem;
|
||
}
|
||
|
||
body.video-play-page {
|
||
padding-top: 0;
|
||
}
|
||
|
||
.video-play-page .stui-header__top {
|
||
display: none;
|
||
}
|
||
|
||
.video-play-page .stui-player__head {
|
||
display: block;
|
||
padding: 15px;
|
||
background-color: #333;
|
||
color: #fff;
|
||
}
|
||
|
||
.video-play-page .stui-player__head a {
|
||
color: #fff;
|
||
}
|
||
.video-play-page .dplayer-video-wrap {
|
||
max-height: 218px;
|
||
}
|
||
|
||
.video-play-page video {
|
||
max-height: 218px;
|
||
}
|
||
}
|
||
/** 播放器 end */
|
||
|
||
|
||
|
||
/* 面包屑容器 -----------------------------start */
|
||
|
||
/* 面包屑容器 */
|
||
.breadcrumb {
|
||
font-family: Arial, sans-serif;
|
||
padding: 10px 15px;
|
||
background-color: #f8f9fa;
|
||
border-radius: 5px;
|
||
/* margin: 10px 0; */
|
||
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
|
||
}
|
||
|
||
.detail-info-box .breadcrumb , .video-play-page .breadcrumb {
|
||
background-color: transparent;
|
||
}
|
||
|
||
|
||
|
||
/* 有序列表样式 */
|
||
.breadcrumb ol {
|
||
list-style: none;
|
||
margin: 0;
|
||
padding: 0;
|
||
display: flex;
|
||
align-items: center;
|
||
flex-wrap: wrap;
|
||
}
|
||
|
||
/* 面包屑项 */
|
||
.breadcrumb-item {
|
||
font-size: 14px;
|
||
color: #666;
|
||
}
|
||
|
||
/* 链接样式 */
|
||
.breadcrumb-item a {
|
||
text-decoration: none;
|
||
color: #007bff;
|
||
transition: color 0.3s ease;
|
||
}
|
||
|
||
.breadcrumb-item a:hover {
|
||
color: #0056b3;
|
||
text-decoration: underline;
|
||
}
|
||
|
||
/* 分隔符 */
|
||
.breadcrumb-item + .breadcrumb-item::before {
|
||
content: ">";
|
||
margin: 0 8px;
|
||
color: #999;
|
||
font-weight: bold;
|
||
}
|
||
|
||
/* 当前页面样式 */
|
||
.breadcrumb-item.active {
|
||
color: #333;
|
||
font-weight: bold;
|
||
}
|
||
|
||
/* 响应式调整 */
|
||
@media (max-width: 768px) {
|
||
.breadcrumb {
|
||
padding: 8px 10px;
|
||
}
|
||
.breadcrumb-item {
|
||
font-size: 12px;
|
||
}
|
||
.breadcrumb-item + .breadcrumb-item::before {
|
||
margin: 0 5px;
|
||
}
|
||
}
|
||
|
||
|
||
/* 面包屑容器 -----------------------------end */
|
||
|
||
|
||
/**
|
||
播放线路
|
||
*/
|
||
.play-group-head{
|
||
cursor: pointer;
|
||
}
|
||
.play-group-head.active{
|
||
color:#FF9900;
|
||
}
|
||
.play-group-list{
|
||
display: none;
|
||
}
|
||
.play-group-list.active{
|
||
display: block;
|
||
}
|
||
.play-group-list.active li.active a{
|
||
border: 1px solid #FF9900;
|
||
background: #FF9900;
|
||
color: #FFFFFF;
|
||
}
|
||
|
||
|
||
|
||
/* color.css -----------------------------start */
|
||
|
||
@charset "utf-8";
|
||
|
||
|
||
/* style */
|
||
/* .lvshicms-panel,.lvshicms-panel-box{ padding: 10px;} */
|
||
.lvshicms-panel_hd{ padding: 10px;}
|
||
.lvshicms-panel-box.active{ margin: -10px;}
|
||
|
||
/* all */
|
||
body{ background: #f8f8f8; color: #666;}
|
||
|
||
/* text */
|
||
a,h1, h2, h3, h4, h5, h6,h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{ color: #333;}
|
||
a:hover{ color: cornflowerblue;}
|
||
a.disabled{ cursor: not-allowed; opacity: 0.6;}
|
||
.text-333{ color: #333;}
|
||
.text-muted{ color: #999;}
|
||
.text-red{ color: red;}
|
||
.text-link{ color: blue;}
|
||
.text-fff{ color: #fff;}
|
||
|
||
/* form */
|
||
.form-control{ background-color:#F5F5F5; color: #999999; border: 1px solid #eee;}
|
||
.form-control:focus{ border-color:#2299dd; -webkit-box-shadow:inset 0 1px 1px rgba(255,136,0,.075),0 0 8px rgba(255,136,0,.6);}
|
||
|
||
/* btn */
|
||
.btn-default{ background-color: #eee; color: #333; background: linear-gradient(to right,#eeeeee 0,#f6f6f6 100%); box-shadow: 0 5px 10px rgba(246,246,246,.25);}
|
||
.btn-warm{ background-color: #2299dd; background: linear-gradient(to right,#2299dd 0,#45A9E2 100%); box-shadow: 0 5px 10px rgba(69,169,226,.25);}
|
||
.btn-primary{ background-color: #4fb1f7; background: linear-gradient(to right,#4fb1f7 0,#6bb8ee 100%); box-shadow: 0 5px 10px rgba(107,184,238,.25);}
|
||
.btn-danger{ background-color: #fc000c; background: linear-gradient(to right,#fc000c 0,#f9444d 100%); box-shadow: 0 5px 10px rgba(249,68,77,.25);}
|
||
.btn-info{ background-color: #5bc0de; background: linear-gradient(to right,#5bc0de 0,#7cc1d6 100%); box-shadow: 0 5px 10px rgba(124,193,214,.25);}
|
||
.btn-gray{ background-color: #282828; color: #ddd; background: linear-gradient(to right,#282828 0,#3b3b3b 100%); box-shadow: 0 5px 10px rgba(59,59,59,.25);}
|
||
.btn-warm,.btn-primary,.btn-danger,.btn-info{ color: #fff;}
|
||
.btn-warm:hover,.btn-primary:hover,.btn-danger:hover,.btn-info:hover,.btn-gray:hover{ color: #fff;}
|
||
.btn.disabled{ cursor: not-allowed; opacity: 0.6;}
|
||
|
||
/* border */
|
||
.border{ border-color: #eee;}
|
||
.border-primary{ border-color: #4fb1f7;}
|
||
.border-danger{ border-color: red;}
|
||
.border-info{ border-color: #5bc0de;}
|
||
|
||
/* line */
|
||
.spot{ border-color: #2299dd;}
|
||
.split-line{ background-color: #eee;}
|
||
.top-line:before,.bottom-line:after,.top-line-dot:before,.bottom-line-dot:before{ border-color: #eee;}
|
||
|
||
/* badge */
|
||
.badge{ background-color: #eee; color: #333;}
|
||
.badge-first{ background-color: #ff4a4a; color: #fff;}
|
||
.badge-second{ background-color: #ff7701; color: #fff;}
|
||
.badge-third{ background-color: #ffb400; color: #fff;}
|
||
|
||
/* dropdown */
|
||
.dropdown-box .item{ background-color: #fff; box-shadow: 0 2px 5px rgba(0,0,0,.1);}
|
||
|
||
/* pic-tag */
|
||
.pic-tag{ }
|
||
.pic-tag.active,.pic-tag-h{ background-color: #2299dd; color: #fff;}
|
||
.pic-text,.pic-title-bottom{ background-repeat: no-repeat; background-image: linear-gradient(transparent,rgba(0,0,0,.5)); color: #fff;}
|
||
.pic-text.active{ background: rgba(0,0,0,0.6); color: #fff;}
|
||
.pic-title-top{background: linear-gradient(to bottom, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 100%); color: #fff;}
|
||
|
||
/* link */
|
||
.lvshicms-link__pic li img{ display: block; padding: 2px 6px; border-radius: 4px; background-color: #fff;}
|
||
|
||
/* nav */
|
||
.nav li.active a{ border-color: #2299dd; color: #2299dd;}
|
||
.nav-tabs li .dropdown-box .item li a{ color: #333;}
|
||
.nav-tabs li .dropdown-box .item li.active a{ color: #2299dd;}
|
||
|
||
/* panel */
|
||
.lvshicms-panel-bg,.lvshicms-panel-bg2{background-color: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.05);}
|
||
|
||
/* vodlist */
|
||
.lvshicms-vodlist__bg{background-color: #f5f5f5;}
|
||
.lvshicms-vodlist__bg:hover{ box-shadow: 0 3px 5px rgba(0,0,0,.08);}
|
||
|
||
/* text-list */
|
||
.lvshicms-vodlist__text.striped .striped-head,.lvshicms-vodlist__text.to-color li:nth-of-type(odd){ background-color: #f5f5f5;}
|
||
|
||
/* table */
|
||
.lvshicms-table>thead>tr>th,.lvshicms-table>tbody>tr>td, .lvshicms-table>tbody>tr>th, .lvshicms-table>tfoot>tr>td, .lvshicms-table>tfoot>tr>th, .lvshicms-table>thead>tr>td, .lvshicms-table>thead>tr>th { border-color: #ddd;}
|
||
|
||
/* playlist */
|
||
.lvshicms-content__list::-webkit-scrollbar,.lvshicms-playdown__list::-webkit-scrollbar{ width: 4px; background-color: #f5f5f5;}
|
||
.lvshicms-content__list::-webkit-scrollbar-thumb,.lvshicms-playdown__list::-webkit-scrollbar-thumb{background-color: #ccc;}
|
||
|
||
/* player */
|
||
.lvshicms-player__video{ background-color: #000;}
|
||
.lvshicms-player__operate > li > a{ color: #999;}
|
||
|
||
/* popup */
|
||
.popup{ background-color: #f8f8f8;}
|
||
.popup-head{ background-color: #fff;}
|
||
|
||
/* content */
|
||
.lvshicms-content__detail .score .rating li .fa,.lvshicms-content__detail .score .branch{ color: #2299dd;}
|
||
|
||
/* flickity */
|
||
.flickity-page-dots .dot{ background-color: #2299dd;}
|
||
|
||
/* carousel */
|
||
.carousel-indicators-dots li{ background-color: #2299dd;}
|
||
.carousel-indicators-text li.active .title{ color: red;}
|
||
.carousel-indicators-thumb li.active{ border: 3px solid #2299dd;}
|
||
|
||
/* extra */
|
||
.lvshicms-extra li a{ background-color: #fff; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);}
|
||
.lvshicms-extra li a.backtop{ background-color: rgba(0,0,0,0.6); color: #fff; }
|
||
|
||
/* autocomplete */
|
||
.autocomplete-suggestions{ background-color: #fff; box-shadow: 0 2px 10px rgba(0,0,0,.05);}
|
||
.autocomplete-suggestion, .autocomplete-suggestions li,.autocomplete-suggestion, .autocomplete-suggestions li a{ color: #333;}
|
||
.autocomplete-suggestions li strong{ color: red;}
|
||
|
||
/* tabbar */
|
||
.lvshicms-nav__tabbar{background-color: #f8f8f8; border-color: #eee;}
|
||
.lvshicms-nav__tabbar .item .title{ color: #999;}
|
||
|
||
/* footer */
|
||
.lvshicms-foot{ background-color: #f8f8f8;}
|
||
|
||
/*head*/
|
||
.lvshicms-header__top,.lvshicms-header__top::before, .lvshicms-header__top::after,.lvshicms-header__logo .logo,.lvshicms-header__search,.lvshicms-header__user {
|
||
|
||
background-color: #fff;
|
||
|
||
}
|
||
.lvshicms-header__top {
|
||
|
||
box-shadow:0 1px 3px rgba(0,0,0,.05);
|
||
|
||
}
|
||
.lvshicms-header__menu > ul > li.active > a {
|
||
background-color:#2299dd;
|
||
color:#fff;
|
||
}
|
||
.lvshicms-header__search li.search-item{
|
||
border-color:#999;
|
||
}
|
||
.detail-info-box{
|
||
background-color: #fff;
|
||
box-shadow:0 1px 3px rgba(0,0,0,.05);
|
||
}
|
||
.lvshicms-content__thumb .lvshicms-vodlist__thumb {
|
||
|
||
box-shadow: 0 2px 6px rgba(200, 200, 200, .6);
|
||
}
|
||
.lvshicms-player__data{
|
||
background-color:#fff;
|
||
box-shadow:0 1px 3px rgba(0,0,0,.05);
|
||
}
|
||
|
||
.bread-crumbs {
|
||
/*background: linear-gradient(to right,#eeeeee 0,#f6f6f6 100%);*/
|
||
}
|
||
|
||
.detail-info-box .data a {
|
||
/*color: cornflowerblue;*/
|
||
}
|
||
/* color.css -----------------------------end */
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|