.navbar-brand{
    margin-right: 2px;
}

.comp_logo {
    width: 30px;
    height: 30px;
    border-radius: 50%;
}

.viplogo{
    height: 26px;
    margin-top: -15px;
    margin-left: -10px;
    margin-right: 20px;
}



/*.cardshow:hover {*/
/*    !*transform: scale(1.03); !* (120% 放大图片) *!*!*/
/*    transform: rotateY(-180deg);*/
/*}*/

.static_book_page {
    height: 800px;
    border: 1px solid #dddddd;
    margin: 5px;
}

.pagesize {
    font-size: 12px;
    width: 15px;
    height: 15px;
    color: white;
    background-color: #999;
    padding: 2px;
    border-radius: 50%;
    opacity: 0.8;
    margin-right: 5px;
}

.collaspfont {
    font-size: 12px;
    color: #999999;
    padding: 15px;

}

#collapseExample{
    margin-top: -20px;
}

.ebook {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 800px;
}

/*播放音乐*/
.music{
    position: absolute;
    right: 35px;
    top: 60px;
    width: 30px;
    height: 30px;
    background-color: skyblue;
    border-radius: 50%;
    z-index: 1000;
    box-shadow: 0 0 2px #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: .5;
}

.next_music{
    position: absolute;
    right: 15px;
    top: 62px;
    z-index: 1001;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: .5;
    color: white;
}

.musicicon{
    width: 20px;
    height: 20px;
    animation: rotate 5s linear infinite; /* 设置旋转动画 */
}
.musicicon.paused {
    animation-play-state: paused; /* 暂停动画 */
}

@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.bottomtitle{
    color: #999999;
}

.pdflogo{
    width: 100px;
    padding: 20px;
}


/*修改杂志内页顺序*/

.list_pages{
    margin: auto;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: flex-start;
}

.page-item{
    width: 200px;
    margin: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.page-item>img{
    width: 100%;
    border: 1px solid #cccccc;
    margin-bottom: 8px;
}
/*编辑单页*/
.page-item .edit{
    font-size: 14px;
    color: #666666;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}


.cardshow{
    width: 12rem;
    /*height: 100%; 样本高度自动适配 */
}

.stopserver{
    width: 60%;
    height: 50%;
    background-color: #ccc;
    position: absolute;
    top: 50%;
    left: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transform: translateX(-50%) translateY(-50%);
    overflow: hidden;

}

.content_list{
    position: absolute;
    display: none;
    top: 80px;
    left: 20px;
    width: 200px;
    background-color: #ffffff;
    border-radius: 8px;
    z-index: 1000;
    box-shadow: 0 0 10px #000000;
    padding: 20px;
    opacity: .6;
}
.content_title{
    width: 100%;
}