body {
    height: 100vh;
    background-color: #E9EDF4;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
}
*{
    scrollbar-width: none;
}
a:hover{
    text-decoration: none;
}
*::-webkit-scrollbar {
  display: none;
}
.modal-content{
    border: none;
}
.modal-header{
    border-bottom:none;
}
#modalTip{
    z-index: 99999;
}
#modalTip .modal-dialog{
    width: 200px;
    max-width: 50%;
}
#modalTip .modal-header{
    padding: 5px 10px;
}
#modalTip .modal-body{
    padding: 0;
}
.header{
    width: 100%;
    height: 60px;
    background-color: #FFFFFF;
}
.header_content{
    max-width: 1100px;
    height: 60px;
    margin: 0 auto;
    display: flex;
    flex-direction:row;
    flex-wrap: nowrap;
    justify-content : space-between;
}
.header_logo{
    height: 60px;
    letter-spacing: 3px;
    font-size: 22px;
    font-weight: bold;
}
.header_logo_img{
    width: 40px;
    height: 40px;
    margin: 10px 0 10px 10px;
}
#header_unlock{
    width: 60px;
    height: 60px;
    font-size: 18px;
    line-height: 60px;
    text-align: center;
    margin-right: 20px;
}
.modal-dialog{
    max-width: 350px;
    margin: 0 auto;
}
#unlockModal{
    z-index: 99998;
}
.unlock_modal{
    width: 100%;
    display: flex;
    flex-direction: column;
}
.unlock_modal_img{
    width: 200px;
    height: 200px;
    align-self:center;
}
.unlock_modal_img_desc{
    align-self: center;
    font-size: 16px;
    font-weight: bold;
    color: #FF0000;
}
.unlock_modal_text{
    align-self: flex-start;
}
.unlock_modal_input{
    margin: 20px 0;
}
#unlock_submit_result{
    height: 20px;
    line-height: 20px;
    margin-top: 5px;
    color: #FF0000;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}
#loadingModal .modal-dialog{
    width: 70px;
}
#loading{
    text-align: center;
}
#brModal{
    z-index: 99996;
}
.modal_label{
    font-size: 16px;
    font-weight: bold;
}
#brs{
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: 0;
    align-content: center;
    align-tracks: center;
}
.br{
    width: 100%;
    height: 60px;
    display: block;
    line-height: 60px;
    text-align: center;
    border-bottom: 1px solid #EEE;
    text-decoration: none;
}
.br:hover{
    text-decoration: none;
    background-color: #00000013;
}
.br:last-child {
  border-bottom: none;
}
#brModal a:hover{
    background-color: #00000013;
}
#downloadModal{
    z-index: 99997;
}
#download_content{
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: 0;
    align-content: center;
    align-tracks: center;
}
.download_content_item{
    margin: 20px auto;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.main {
    max-width: 1100px;
    margin: 10px auto;
    display: flex;
    background-color: #FFFFFF;
    padding: 0 5px;
    flex-direction: column;
}
.notice{
    height: 50px;
    margin: 10px 0 0 0;
    background-color: #FFFFFF;
    display: flex;
    flex-direction: row;
    padding: 5px;
}
.notice_left_icon{
    width: 40px;
    height: 40px;
    margin-left: 20px;
    line-height: 40px;
}
.notice_right{
    height: 40px;
    line-height: 40px;
    font-size: 15px;
}
.search{
    height: 150px;
    margin: 0 0 10px 0;
    padding: 10px;
    background-color: #FFFFFF30;
}
.search .custom-select:focus{
    border:1px solid #ced4da;
    box-shadow:none;
}
.search .form-control:focus{
    border:1px solid #ced4da;
    box-shadow:none;
}
.search .btn{
    border: 1px solid #DCDFE6;
    background-color: #E9EDF4;
}
.search .btn-light:focus,.search .btn-light:active,.search .btn-light:hover{
    box-shadow:none;
    border: 1px solid #DCDFE6;
    background-color: #E9EDF4;
}
.search .btn:focus,.search .btn:active,.search .btn:hover{
    box-shadow:none;
    border: 1px solid #DCDFE6;
    background-color: #E9EDF4;
}
.aplayer{
    background-color: #FFFFFF;
    margin: 10px 0;
}
.result{
    flex-grow: 1;
    overflow-y: auto;
    background-color: #FFFFFF30;
    min-height: calc(100vh - 280px);
    display: flex;
    flex-direction: column;
    scrollbar-width: none; /* 针对 Firefox 隐藏滚动条 */ 
}
.result::-webkit-scrollbar {
  display: none; /* 针对 Chrome, Safari, Opera 隐藏滚动条 */
}
.result_content{
    padding: 10px;
    display: flex;
    flex-direction: column;
}
.result_content_title {
    margin: 10px 0;
    font-size: 16px;
    font-weight: bold;
    align-self: flex-start;
}
#result_content_total{
    font-size: 14px;
    color: #555555;
}
.result_content_list{
    display: flex;
    flex-direction: column;
    margin: 10px 0;
}
.result_content_list_item{
    width: 100%;
    height: 80px;
    border-radius: 5px;
    display: flex;
    flex-direction: row;
    /*background-color: #FFFFFFFF;*/
    box-shadow: 0 0 0 0.1rem rgba(216,217,219,.3);
    margin-bottom: 20px;
}
.item_left{
    width: 80px;
    height: 60px;
    margin: 10px;
}
.item_left img{
    width: 60px;
    height: 60px;
    border-radius: 40px;
}
.item_center{
    width: 100%;
    height: 60px;
    flex-grow:1;
    margin: 10px 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
.item_center_title{
    max-width: 100%;
    height: 35px;
    font-size: 16px;
    font-weight: bold;
    line-height: 35px;
}
.item_center_title_item{
    margin: 0 3px;
}
.item_center_subtitle{
    max-width:100%;
    height: 25px;
    font-size: 14px;
    color: #3e3e3e;
    line-height: 25px;
}
.item_right{
    width: 120px;
    height: 60px;
    margin: 10px;
    display: flex;
    flex-direction: row;
}
.item_right_icon{
    width: 100%;
    padding: 10px;
    align-self: center;
    flex-grow: 1;
    text-align: center;
}
.result_content_footer{
    width: 100%;
    height: 24px;
    line-height: 24px;
    text-align: center;
}