#breadcrumb-wr .fa-bars { display: none; } @media screen and (max-width: 1199px){ .slick-next.slick-arrow { right: 0; } .slick-prev.slick-arrow { left: 0; } .footer-des { color: #ddd; } .wrapper { width: 950px; padding: 0 0; } .lib-content { width: 690px; } .slick-arrow { top: 40%; } .lib-grid .caption{ position: relative; } .lib-grid .blur,.lib-grid .caption-text { width: 100%; } } @media screen and (max-width: 991px){ .wrapper { width: 750px; } .lib-content { width: 490px; } } @media screen and (max-width: 767px){ #breadcrumb-wr { padding-left: 40px; position: relative; } #breadcrumb-wr .fa-bars{ font-size: 20px; position: absolute; left: -28px; color: #2a70b8; padding: 3px; top: -1px; cursor: pointer; display: block; } .lib-sidebar .fa-bars{ font-size: 20px; position: absolute; right: -35px; color: #333; padding: 3px; display: none; } .lib-headmenu { font-size: 15px; } .wrapper { width: 100%; padding: 0 10px; } .lib-content { width: 100%; padding-left: 0; } .lib-sidebar { left: -260px; z-index: 99; position: absolute; background: #fff; padding: 1px 1px; -webkit-box-shadow: 0 0 5px; -moz-box-shadow: 0 0 5px; box-shadow: 0 0 5px; border-radius: 4px; -webkit-transition: 0.4s; -moz-transition: 0.4s; transition: 0.4s; } .lib-sidebar.lib-sidebar-open{ left: 0; } .lib-sbar ul li .count { margin-right: 35px; float: right; } .transFrom{ -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); transform: rotate(90deg); } .lib-sbar ul li.parent .navigation { padding: 5px; position: absolute; right: 10px; top: 6px; cursor: pointer; display: block; -webkit-transition: 0.4s; -moz-transition: 0.4s; transition: 0.4s; } .lib-sbar ul li.parent > ul { position: static !important; margin-left: 0 !important; width: 100% !important; border: 1px solid rgba(225, 225, 225, 0); } .lib-sbar ul ul,.lib-sbar ul li.parent:hover > ul { display: none; } .lib-sbar ul li a { width: auto; } .lib-sbar ul li { padding: 8px 10px; position: relative; padding-right: 0; } .lib-sbar ul li.parent > ul { margin-top: 10px; } body{ min-width: 320px; } .lib-list .cap-btn { width: 95px; margin: 5px 8px; } .lib-grid .item { margin: 0; width: 100%; } .lib-list .caption-text-cc { text-align: center; } .read-bar .action { float: left; width: auto; margin-right: 10px; margin-bottom: 10px; } .btn-fullscreen span, .btn-report span{ display: none; } .btn-fullscreen span, .btn-exit-fs span { display: none; } .btn-fullscreen:before, .btn-exit-fs:before { height: 21px; position: relative; top: 3px; } .lib-reader .download { float: none; clear: both; text-align: center; margin-bottom: 10px; padding-top: 10px; } .read-bar{ width: 270px; text-align: center; margin: 0 auto; } .breadcrumbs { line-height: 1.5; } .overlay-fs { position: fixed; } .read-bar1{ width: 250px; margin: 0 auto; /*display: -webkit-flex;*/ /*display: -webkit-box;*/ /*display: flex;*/ } .read-bar2 { width: 270px; margin: 0 auto; /*display: -webkit-flex;*/ /*display: -webkit-box;*/ /*display: flex;*/ } .lib-part { width: 100%; } .qr-code { display: none; } } @media screen and (max-width: 480px){ .lib-meta ul li { float: left; display: inline-block; width: 33.3%; font-size: 12px; color: #535353; margin-bottom: 16px; } .lib-meta ul li:nth-last-child(1) { width: 100%; } .lib-meta ul li:nth-child(4),.lib-meta ul li:nth-child(5) { width: 50%; } .qr-code { display: none; } } /*@media screen and (max-width: 360px){*/ /*.lib-meta ul li {*/ /*float: left;*/ /*display: inline-block;*/ /*width: 33.3%;*/ /*font-size: 12px;*/ /*color: #535353;*/ /*margin-bottom: 16px;*/ /*}*/ /*.lib-meta ul li:nth-last-child(1) {*/ /*width: 100%;*/ /*}*/ /*}*/