#common-picture{position:relative;display:flex;flex-direction:column;width:100%;height:100%;padding:0 1%}#common-picture .father{height:100%;width:100%;display:flex;flex-wrap:wrap;justify-content:space-between}#common-picture .outPics{margin-top:3%;width:100%;height:90%;overflow-y:scroll}#common-picture .outPics,#common-picture .pic-box{box-sizing:border-box;border:0;display:flex;flex-direction:column}#common-picture .pic-box{width:92%;height:auto;margin:0 auto;outline:none!important;margin-top:3%;margin-bottom:2%}#common-picture .pic-box .pic-header{width:100%;height:auto;border-radius:5px;background-color:#acc8e8;box-sizing:border-box;padding:2px 2px 0 2px}#common-picture .pic-box .pic-header .image{width:100%;height:auto;-o-object-fit:cover;object-fit:cover}#common-picture .pic-box .describe{display:inline-block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;text-align:center;color:#b3ebf3;font-family:华文仿宋,Georgia,Times New Roman,Times,serif}#common-picture .on-pic-box{width:25%!important;height:90%!important}#common-picture .btn-page{display:flex;width:100%;margin:0 auto;margin-top:4.5%;justify-content:flex-end}#common-picture .btn-page .next_page,#common-picture .btn-page .pre_page{width:35px;height:35px}#common-picture .btn-page .next_page{margin-left:2%}#common-picture .active{background-color:#56b9e8!important}#common-picture .operate-btn{display:block;width:60px;height:60px;position:absolute;top:calc(50% - 30px);left:calc(50% - 30px)}#common-picture .operate-btn:hover{opacity:.8}#common-picture .fade-out{opacity:0}.outPics::-webkit-scrollbar{width:5px;height:1px}.outPics::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);background:#3a73e8}.outPics::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);border-radius:10px;background:#08194f}