#mark-search input {
    background-color: rgba(239, 239, 239, 0.4);
    border: 1px solid #8f8f8f;
}
#mark-search input:focus {
    background-color: white;
}
#mark-select button {
    border: #c0c0c0 1px solid;
}
#mark-select button.active{
    border: 1px solid #3e3e4b;
    box-shadow:  -5px -5px 10px #393945, 
             5px 5px 10px #434351;
}
.mark-items {
    box-shadow: 8px 5px 5px #2d2d4b;
}
.mark-items .close {
    color: #aea08f;
}
.mark-items .title {
    color: white;
    text-shadow: 2px 2px 3px #000000;
}
.mark-items .category {
    color: #505055;
}
.mark-items .create-time {
    color: #505055;
}
/* ------ 定义不同的类型颜色 ----------*/
#mark-select button.all {
    background-color: #3e3e4b;
}
.movie {
    background-color: rgba(255, 179, 211, 0.5);
    box-shadow: inset 9px 9px 18px #c98da7, 
            inset -9px -9px 18px #ffd9ff;
}
.tv {
    background-color: rgba(117, 255, 182, 0.5);
    box-shadow: inset 13px 13px 26px #5cc990, 
            inset -13px -13px 26px #8effdc;
}
.book {
    background-color: rgba(181, 185, 255, 0.5);
    box-shadow: inset 9px 9px 18px #8f92c9, 
            inset -9px -9px 18px #dbe0ff;
}
.show {
    background-color: rgba(235, 220, 41, 0.5);
    box-shadow: inset 9px 9px 18px #baae20, 
            inset -9px -9px 18px #ffff32;
}
.doc {
    background-color: rgba(252, 180, 129, 0.5);
    box-shadow: inset 9px 9px 18px #c78e66, 
            inset -9px -9px 18px #ffda9c;
}
.others {
    background-color: rgba(238, 238, 238, 0.5);
    box-shadow: inset 9px 9px 18px #bcbcbc, 
            inset -9px -9px 18px #ffffff;
}

#add {
    color: rgb(201, 156, 156);
    background: rgba(62, 62, 75, 0.8);
}
#add:hover {
    background: rgba(201, 156, 156, 0.5);
    color: #3e3e4b;
}