#111
.info .info-detail {
color: #666;
padding-left: 20px;
}
.info .info-detail h3 {
color: #333
}
.info .info-detail ul li a {
color: #666;
padding-right: 5px
}
.video-list .nav-link {
--bs-nav-link-color: #333
}
.video-list .nav-link.active {
--bs-nav-tabs-link-active-color: #f90
}
.video-list .channel a {
display: block;
width: 100%;
text-align: center;
border: 1px solid #999;
padding: 5px 2px;
margin: 0 2px;
color: #333
}
.video-list .channel a:hover {
color: #f90
}
.video-list .channel a.active {
background-color: #f90;
color: #fff;
border: 1px solid #f90
}
.desc .desc-hd,
.rec .rec-hd {
line-height: 30px
}
.desc .desc-hd a,
.rec .rec-hd a {
color: #333;
font-size: 16px
}
.desc .content {
text-align: justify;
font-size: 16px
}
.content p {
text-indent: 11px
}
.rec .card-title {
color: #333
}
.rec .card-body {
border: none;
padding: 15px 0
}
.rec .card-body h5 {
font-size: 14px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.rec .card-body p {
color: #999;
font-size: 12px;
line-height: 24px;
height: 24px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.video-list {
padding: 0;
display: flex;
}
.hotWord {
color: #333;
}
#hot_none {
margin-top: 38px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
#hot_none p {
margin-top: 11px;
}
#hot_menu {
height: 37px;
}
.recommend {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 10px;
}
.recommend ul {
margin-left: 11px;
flex: 1;
display: flex;
}
.recommend ul li {
margin: 0 5px;
/* width: 90px; */
}
.recommend ul li a {
color: #000;
font-size: 14px;
}
.icon-hot {
height: 37px;
line-height: 37px;
color: #000;
}
.pb-2 {
padding-bottom: .5rem !important;
color: #8b8d98;
}
#play {
padding-bottom: 0 !important;
}
#immediatePlay {
background: #f90;
color: #fff;
border: none;
width: 150px;
height: 38px;
}
#immediatePlay a {
color: #fff;
display: block;
width: 100%;
height: 38px;
line-height: 38px;
padding: 0px !important;
}
.icon_list {
width: 100%;
height: 80px;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-start;
padding: 0 12px;
}
.icon_list p {
margin-right: 20px;
display: flex;
flex-direction: column;
margin-bottom: 0px;
}
.icon_list p a {
text-align: center;
}
.icon_list p a img {
width: 50px;
height: 50px;
border-radius: 5px;
}
.icon_list p span {
font-size: 12px;
color: #000;
}
.zz_recommend {
display: flex;
flex-direction: column;
}
.zz_recommend p {
margin-bottom: 6px;
}
.zz_recommend a {
display: inline-block;
border: 2px solid skyblue;
background-color: purple;
color: #fff;
padding: 8px 6px;
margin-right: 5px;
}
.partner a {
display: inline-block;
border: 2px solid yellow;
background-color: red;
color: #fff;
padding: 8px 6px;
margin-right: 5px;
}
.partner p {
margin-bottom: 6px;
}
.banner {
display: flex;
overflow: hidden;
flex-wrap: wrap;
}
.banner a {
width: 100%;
}
.banner a img {
width: 100%;
height: 120px;
}
.expand_icon {
width: 30px;
height: 30px;
cursor: pointer;
}
header {
background-color: #ffffff;
/* 设置背景颜色 */
box-shadow: 0rem 0.125rem 0.25rem rgba(0, 0, 0, 0.1);
/* æ·»åŠ åº•éƒ¨é˜´å½±æ•ˆæžœ */
width: 100%;
z-index: 1;
/* padding: 0.625rem; */
/* è°ƒæ•´å†…è¾¹è· */
/* width: fit-content; */
}
nav.top {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
display: inline-flex;
align-items: center;
box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
background-color: #fff;
z-index: 999;
}
.nav_left {
display: flex;
padding: 0.625rem;
/* 调整导航æ çš„å†…è¾¹è· */
background-color: transparent;
/* 设置åˆå§‹èƒŒæ™¯è‰²ä¸ºé€æ˜Ž */
transition: background-color 0.3s ease;
/* æ·»åŠ è¿‡æ¸¡æ•ˆæžœ */
margin: 0.3125rem;
align-items: center;
}
/* å½“é¼ æ ‡ç§»åŠ¨åˆ°å¯¼èˆªæ 上时 */
div.icon:hover {
background-color: rgba(0, 0, 0, 0.1);
/* 设置背景色为åŠé€æ˜Žç°è‰² */
transition: background-color 0.3s ease;
/* æ·»åŠ è¿‡æ¸¡æ•ˆæžœ */
cursor: pointer;
border-radius: -11%;
}
.nav_center {
margin: 0 auto;
}
.side_menu {
width: 100%;
}
.side_menu.menuActive {
width: 4rem;
}
/* æœç´¢æ¡†æ ·å¼ */
.search-box {
font-weight: 300;
width: 18.75rem;
/* 设置æœç´¢æ¡†å®½åº¦ */
padding: 0.625rem;
/* è®¾ç½®å†…è¾¹è· */
border: 0.0625rem solid #ccc;
/* 设置边框 */
border-radius: 0.3125rem;
/* 设置圆角 */
outline: none;
/* 去除默认的外边框 */
font-size: 1rem;
/* 设置å—ä½“å¤§å° */
font-family: "Microsoft YaHei", Arial, sans-serif;
/* 设置ä¸æ–‡å—体 */
letter-spacing: 0.1875rem;
/* 设置å—æ¯é—´è· */
}
/* æœç´¢æŒ‰é’®æ ·å¼ */
.search-button {
font-weight: 300;
background-color: #f8f8f8;
/* 设置按钮背景色 */
color: #fff;
/* 设置文å—颜色 */
border: none;
/* 去除边框 */
border-radius: 0.3125rem;
/* 设置圆角 */
padding: 0.625rem 1.25rem;
/* è®¾ç½®å†…è¾¹è· */
cursor: pointer;
/* è®¾ç½®é¼ æ ‡æŒ‡é’ˆä¸ºæ‰‹åž‹ */
font-size: 1rem;
/* 设置å—ä½“å¤§å° */
color: #757575;
font-family: "Microsoft YaHei", Arial, sans-serif;
/* 设置ä¸æ–‡å—体 */
letter-spacing: 0.3125rem;
/* 设置å—æ¯é—´è· */
}
/* æœç´¢æŒ‰é’®æ‚¬åœæ•ˆæžœ */
.search-button:hover {
background-color: #d3d3d3;
/* 设置按钮悬åœæ—¶çš„背景色 */
}