| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103 |
- body {
- line-height: 100%;
- }
- @media (min-width: 1200px) {
- .container {
- max-width: 1920px;
- }
- .container {
- padding-left: 120px;
- padding-right: 120px;
- }
- }
- .myui-panel-bg2, .myui-vodlist__bg, .myui-screen__item, .myui-vodlist__text.striped .striped-head, .myui-vodlist__text.to-color li:nth-of-type(odd), .myui-extra li a {
- background-color: #ffffff;
- }
- .myui-panel {
- margin-top: 2px;
- margin-bottom: 10px;
- border-radius: 5px;
- }
- .myui-panel-box {
- padding: 1px;
- }
- .myui-screen__list {
- padding: 10px 10px 0;
- }
- .myui-screen__list li {
- margin-bottom: 10px;
- margin-right: 10px;
- }
- .text-muted {
- color: #99a2aa;
- }
- .btn {
- border-radius: 5px;
- }
- .myui-vodlist__thumb {
- border-radius: 5px;
- padding-top: 60%;
- background: url(cover/load.png) no-repeat;
- }
- [class*=col-], .myui-content__list li, .myui-vodlist__media.col li {
- padding: 10px;
- }
- @media (max-width: 1500px) {
- .myui-header__search {
- width: 200px;
- margin-left: 20px;
- float: right;
- margin-right: 32px;
- margin-top: 0px;
- }
- }
- .myui-header__search {
- width: 200px;
- margin-left: 20px;
- float: right;
- margin-right: 32px;
- margin-top: 0px;
- }
- #cover {
- position: absolute;
- left: 0px;
- top: 0px;
- background: #FFFFFF;
- width: 100%; /*宽度设置为100%,这样才能使隐藏背景层覆盖原页面*/
- height: 100%;
- filter: alpha(opacity=60); /*设置透明度为60%*/
- opacity: 1; /*非IE浏览器下设置透明度为60%*/
- display: none;
- z-Index: 999;
- }
- #cover img {
- position: absolute;
- bottom: 50%;
- right: 50%;
- margin-left: 40px;
- margin-top: 40px;
- }
- .loading {
- display: none;
- position: absolute;
- z-index: 999;
- margin: auto;
- top: 50%;
- left: 50%;
- transform: translate(-50%, -50%);
- }
|