< module-id="TPMTrSZypKC9Zl2Fp2olNfhx210210">
.p-media {max-width:1486px !important;padding:0 38px !important;margin:0 auto !important;}
@media screen and (max-width:1486px) {.p-media {max-width:1440px !important;}
}
@media screen and (max-width:1440px) {.p-media {max-width:1170px !important;}
}
@media screen and (max-width:1200px) {.p-media {max-width:960px !important;padding:0 15px !important;}
}
@media screen and (max-width:992px) {.p-media {max-width:720px !important;}
}
@media screen and (max-width:768px) {.p-media {max-width:540px !important;}
}
.header-container {height:82px;background-color:#fff;}
.header-box {max-width:1486px;height:100%;margin:0 auto;padding:0 38px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
.header-box img {max-width:100%;}
.header-box svg {width:20px;height:20px;}
.header-box .sidebar-menu {position:fixed;left:0;top:0;right:0;bottom:0;z-index:99;background-color:#00000080;visibility:hidden;opacity:0;-webkit-transition:opacity .3s,visibility .3s;-o-transition:opacity .3s,visibility .3s;transition:opacity .3s,visibility .3s;}
.header-box .sidebar-menu.show {opacity:1;visibility:visible;}
.header-box .sidebar-menu .sidebar-menu-list {width:240px;height:100vh;max-width:100vh;-webkit-transform:translate(-240px,0);-ms-transform:translate(-240px,0);transform:translate(-240px,0);-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;-o-transition:transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;background-color:#fff;}
.header-box .sidebar-menu.show .sidebar-menu-list {-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);}
.header-box .sidebar-menu .sidebar-menu-item {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;display:none;}
.header-box .sidebar-menu .sidebar-menu-item a {width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:8px 24px;font-size:16px;font-weight:bold;line-height:24px;color:#121a21;letter-spacing:-0.01em;}
.header-box .sidebar-menu .sidebar-menu-item a:hover {background-color:#eee;}
.header-box .sidebar-menu .sidebar-menu-item.ipanda a {color:#bc0000;font-weight:bold;}
.header-box .sidebar-menu .sidebar-menu-item.lang {display:none;}
.header-box .sidebar-menu .sidebar-menu-item.has-children .m-icon {font-size:22px;font-weight:bold;margin-top:-6px;}
.header-box .sidebar-menu .sidebar-menu-item.has-children .less {display:none;}
.header-box .sidebar-menu .sidebar-menu-item.has-children.show .plus {display:none;}
.header-box .sidebar-menu .sidebar-menu-item.has-children.show .less {display:block;}
.header-box .sidebar-menu .sidebar-child-menu-list {display:none;padding:8px 0;width:100%;}
@-webkit-keyframes fadeIn {from {opacity:0;}
to {opacity:1;}
}
@keyframes fadeIn {from {opacity:0;}
to {opacity:1;}
}
.header-box .sidebar-menu .sidebar-menu-item.has-children.show .sidebar-child-menu-list {display:block;-webkit-animation:fadeIn 0.4s ease;animation:fadeIn 0.4s ease;}
.header-box .sidebar-menu .sidebar-child-menu-item a {padding-left:40px;}
.header-box .header-menu { width: 100%; display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
.header-box .header-menu .btn-unfold {cursor:pointer;}
.header-box .header-menu .header-logo {margin:0 45px 0 18px;}
.header-box .header-menu .menu-list {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row; flex: 1;}
.header-box .header-menu .menu-list .menu-item {position:relative;height:82px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;display:none;}
.header-box .header-menu .menu-list .menu-item a {padding:0 20px;font-size:16px;font-weight:bold;color:#121a21;text-decoration:none;}
.header-box .header-menu .menu-list .menu-item svg {width:10px;height:10px;fill:#666;margin-left:5px;}
.header-box .header-menu .menu-list .menu-item.ipanda a {padding:10px 30px;color:#fff;line-height:1.25;border-radius:5px;background-color:#bc0001;}
.header-box .header-menu .menu-list .menu-item:hover .child-menu-list {-webkit-transform:translate(0,-2px);-ms-transform:translate(0,-2px);transform:translate(0,-2px);visibility:visible;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.header-box .header-menu .child-menu-list {position:absolute;top:100%;min-width:160px;padding:8px 0;z-index:99999;-webkit-transform:translate(0,8px);-ms-transform:translate(0,8px);transform:translate(0,8px);visibility:hidden;background-color:#f6f7f9;}
.header-box .header-menu .child-menu-list .child-menu-item a {display:block;width:100%;padding:4px 24px;font-size:14px;font-weight:400;line-height:24px;color:#212529;white-space:nowrap;}
.header-box .header-menu .child-menu-list .child-menu-item img {width:100px;max-width:100px;}
.header-box .header-menu .child-menu-list::before {content:"";position:absolute;top:-10px;left:24px;border-bottom:10px solid #f6f7f9;border-bottom-color:#f6f7f9;border-left:10px solid #0000;border-right:10px solid #0000;}
.header-search {display: none;}
.header-box .header-search-box { visibility: hidden; max-width:254px;padding:7px 16px 8px 19px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:1px solid #d0d0d2;border-radius:5px;background-color:#0000;}
.header-box .header-search.focus .header-search-box {border-width:2px;border-color:#80bdff;}
.header-box .header-search-box .header-search-box-input {border:0;outline:0;line-height:1.5;font-size:15px;font-family:"Open Sans",sans-serif;color:#495057;}
.header-box .header-search-box .icon-clear {width:10px;height:10px;fill:blue;visibility:hidden;cursor:pointer;}
.header-box .header-search-box .icon-search {width:18px;height:18px;fill:#666;margin-left:15px;cursor:pointer;}
.header-box .header-mobile-search-btn { visibility: hidden; display:none;width:18px;height:18px;cursor:pointer;}
.sub-menu-item {
display:none;
}
.sidebar-child-menu-item {
display:none;
}
ul.sub-menu {
margin-top: 0;
background-color: #f6f7f9;
border-radius: 0;
border-width: 0;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
box-shadow: 0 1px 4px rgb(0 0 0 / 25%);
top: 110%;
visibility: hidden;
opacity: 0;
position: absolute;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 10rem;
font-size: 16px;
font-weight: bold;
color: #212529;
text-align: left;
list-: none;
background-clip: padding-box;
border: none;
padding: 0.5rem 0;
margin: 0.125rem 0 0;
}
.header-box .header-menu .menu-list .menu-item li.sub-menu-item a {
display: block;
width: 100%;
padding: 10px 20px;
clear: both;
color: #212529;
text-align: inherit;
white-space: nowrap;
background-color: transparent;
border: 0;
}
li.menu-item.has-child:hover ul.sub-menu {
opacity: 1;
visibility: visible;
display: block;
-webkit-animation: vo-fadeIn .3s;
animation: vo-fadeIn .3s;
top: 96%;
}
.menu-list .menu-item-more > a::after {
background: url('data:image/svg+xml;utf8,
') no-repeat;
display: inline-block;
margin-left: 9px;
content: "";
width: 7px;
height: 6px;
position: absolute;
top: 50%;
}
.menu-list .menu-item-more > .sub-menu::before {
border-bottom: 10px solid #f6f7f9;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
top: -10px;
left: 24px;
content: "";
position: absolute;
}
@media screen and (max-width:1440px) {.header-box .header-menu .header-logo {margin:0 20px 0 18px;}
.header-box .header-menu .menu-list .menu-item > a {padding:0px 14px;}
.header-box .header-menu .menu-list .menu-item svg {margin:0;}
.header-box .header-search-box {max-width:174px;}
.header-box .header-search-box .header-search-box-input {width:66%;}
}
@media screen and (max-width:1200px) {.header-container {position:relative;height:60px;}
.header-box .header-search {display:none;position:absolute;height:58px;padding:10px;top:100%;left:0;right:0;z-index:9;background-color:#f6f7f9;}
.header-box .header-search.show {display:block;}
.header-box .header-search-box {width:100%;max-width:100%;}
.header-box .header-search-box .header-search-box-input {-webkit-box-flex:1;-ms-flex:1;flex:1;background-color:#f6f7f9;}
.header-box .header-mobile-search-btn {display:block;}
.header-box .header-menu .menu-list {display:none;}
}
>
-
熊猫一刻
探秘国宝大熊猫及各类珍稀野生动物的日常
观看全部 >
< module-id="TPMTyhs6zVqC4zRXTtl9BUJV210210" module-type="module">
.footer-container {padding:8px 0 28px;color:#4d5c63;background-color:#0c0e17;}
.footer-box {max-width:1486px;margin:0 auto;padding:0 38px;}
.footer-container .language {padding:20px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
.footer-container .language-list { visibility: hidden; display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;}
.footer-container .language-item {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
.footer-container .language-item:nth-child(n+2)::before {display:block;content:'';margin:0 4px;height:12px;width:1px;background-color:#394a52;}
.footer-container .language-item a {padding:8px 30px;font-size:14px;line-height:1;color:#949cb0;}
.footer-container .language-item a:hover {color:#d1d1d1;}
.footer-container .copy-right {font-size:13px;line-height:23px;text-align:center;}
@media screen and (max-width:1440px) {.footer-box {max-width:1170px;}
}
@media screen and (max-width:1200px) {.footer-container {padding:0;}
.footer-box {max-width:960px;padding:0 15px;}
.footer-container .language {display:none;}
.footer-container .copy-right {padding:15px;color:#fff;}
}
@media screen and (max-width:992px) {.footer-box {max-width:720px;}
}
@media screen and (max-width:768px) {.footer-box {max-width:540px;}
}
>