/*公共样式*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
body { background:#fff; color:#555; font-size:14px; font-family:Microsoft YaHei }
td,th,caption { font-size:14px; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal;}
a{text-decoration:none; color:#000;}
A:link{text-decoration:none; color:#000;}
A:visited{text-decoration:none; color:#000;}
A:hover{text-decoration:none; color:#0157a4;}
img { border:none; }
ol,ul,li { list-style:none; }
input, textarea, select, button { font:14px Verdana,Helvetica,Arial,sans-serif; }
/*公共样式 结束*/

/*命名规则 最外层 应用-控制-方法*/

/*****************index/index 后台首页***************************/
.index-index{}
/*顶部*/
.index-index .top{height: 50px;width: 100%;background: #28333E;display: flex}
.index-index .top-title{line-height: 50px;text-align: center;width: 150px;color: #fff}
.index-index .top-title img{width: 100%}
.index-index .top-nav{height: 50px;width: calc(100% - 100px);background: #28333E;display: flex;    justify-content: space-between;}
.index-index .top-nav ul{display: flex;align-items: center;height: 50px;}
.index-index .top-nav ul li{height: 50px;line-height: 50px;padding: 0 20px;color: #fff;cursor: pointer}
.index-index .active_left_menu{background: #000000;color:#ffd04b!important;}

.index-index .admin-touxiang{width: 50px;height: 50px;float: right}
.index-index .admin-touxiang .admin-touxiang-img{cursor: pointer;border-radius: 50%;height: 40px}
.index-index .admin-com{padding: 0!important;}

.admin-name{display: flex;background-repeat: no-repeat;background-size:100%;height: 60px;padding: 5px;}
.admin-name img{margin-left: 10px;background-repeat: no-repeat;background-size: 100%;height: 60px}
.admin-name p{color: #333}
.admin-name p span{color: #fff;background: #a0d6ff;padding: 0 5px;font-size: 12px;}
.admin-name-right p{color: #fff;    padding-left: 12px;font-size: 13px;line-height: 25px}
.admin-ico{padding: 5px;border-bottom: 2px solid #f2f2f2}
.admin-ico ul{display: flex;flex-wrap: wrap;}
.admin-ico ul li{margin: 3px}
.admin-ico ul li img{width: 30px;height: 30px;border-radius: 50%;overflow: hidden}
.admin-ico .admin-ico-quanxian{font-size: 12px;border-left: 5px solid #ffa500;background: #fff9f4;margin: 5px 0;padding: 3px 5px;color: #f60;display: flex;align-items: center;}

.admin-menu{padding: 10px 1px}
.admin-menu ul li{padding: 5px  0 5px 20px;color: #333;cursor: pointer;transition: all 0.5s;line-height: 30px}
.admin-menu ul li:hover{background: linear-gradient(90deg,#ffae12,#f07d17);color: #fff}
.admin-menu ul li i{font-size: 25px;vertical-align: sub;}


.index-com{display: flex;height: calc(100vh - 50px)}

/*左侧*/
.index-index .index-com-left{width: 150px;background: #545c64}


.index-index .index-com-left>ul{}
.index-index .index-com-left>ul>li{}
.index-index .index-com-left>ul>li a{line-height:55px;color: #fff;cursor: pointer;padding: 0 20px;display: block}
.index-index .index-com-left>ul>li a span {float: right;}
.index-index .index-com-left>ul>li a:hover{background: #435364}
.index-index .index-com-left>ul>li i{margin-right: 5px;color: #909399}

.index-index .index-com-left .active_menu{background: #464646;color: #ffd04b}
.index-index .index-com-left .active_menu i{color: #ffd04b}
.index-index .index-com-left>ul>li>ul{height: 0px;overflow: hidden;transition: all 0.5s}
.index-index .index-com-left>ul>li>ul li a{padding: 0 0 0 40px;line-height: 40px}
.index-index .index-com-left>ul>li>ul>li a:hover{background: #374657
}
/*右侧*/
.index-index .index-com-right{ width: calc(100% - 100px);}
.index-index .el-tabs__content{padding: 0!important;}
.index-index .el-tabs__item:nth-child(1) .el-icon-close{display: none}/*第一个tab 隐藏关闭*/
.index-index .index-com-right .is-active{background: #409EFF!important;color: #fff!important}
.tab-sort{cursor: pointer!important;width: 100%;display: block;min-height: 15px}

/*****************element-ui 通用样式   其他页面通用样式***************************/
/*Dialog 的自定义类名*/
.dialog-style{border-radius: 13px!important;}
.dialog-style .el-dialog__header{background-color: #5874d8;border-radius: 10px 10px 0 0!important;}
.dialog-style .el-dialog__footer{border-radius:  0 0 10px 10px!important;}
.dialog-style .el-dialog__title{color: #ffffff;}
.dialog-style .el-dialog__close{background-color: #3f5dc7;border-radius: 50%;color: #fff!important;padding: 2px;}

.status-0{background-color: #f7fafd!important;}
.status-1{background-color: #ffffff!important;}

#fenye{text-align: center;margin: 10px 0;}

/*所有滚动条样式*/
*::-webkit-scrollbar {width : 6px!important;height: 6px!important;}
*::-webkit-scrollbar-thumb {border-radius   : 10px;background-color: skyblue;background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);}
*::-webkit-scrollbar-track {box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);background   : #ededed;border-radius: 10px;}

/*图库 音乐库通用*/
.iframe-music{width: 100%;height: 500px;}
.iframe-music iframe{border:none;width: 100%;height:100%}
.dialog-music .el-dialog__body{padding: 0}

.iframe-img {width: 100%;height: 500px;}
.iframe-img  iframe{border: none;width: 100%;height: 100%;}
.dialog-img .el-dialog__body{padding: 0}
/*****************index/main***************************/
.index-main{padding: 2px}


/*****************AdminColumn/index***************************/
.AdminColumn-index{padding: 5px}
.AdminColumn-index .el-table [class*=el-table__row--level] .el-table__expand-icon {float: right;}


/*****************Admini/index***************************/
.Admini-index{padding: 5px}
.Admini-index .tab-box{height: calc(100vh - 120px)}
.Admini-index .admini-tree{width: 100%;height: auto;border: 1px solid #DCDFE6;border-radius: 4px;padding: 2px;box-sizing: border-box}
.Admini-index .search{background: #f2f2f2;display: flex;padding: 5px;align-items: center;}
.Admini-index .search .search-item{width: 200px;margin-right: 10px}

/*****************Login/index***************************/

 .Login-index .login-index{height: 100vh;background: #ffe9e952 url(/admin/static/images/login_2.jpg) no-repeat;background-size: 100% 100%;display: flex;align-content: center;align-items: center;}
.Login-index .login-index .login-box{width: 800px;height: 500px;background: #fff;margin: 0 auto;    border-radius: 20px;display: flex;box-shadow: 0 0 7px 1px #6d6d6d;}



.Login-index .login-box .left {width: 360px;height: 500px;border-radius: 30px 0 0 30px;background: #f7f8fb;text-align: center}
.Login-index .login-box .left h1{;font-size: 25px;letter-spacing: 1px;font-weight: bold;color: #000;padding: 50px 0 0px 0;}
.Login-index .login-box .left img{width: 90%;}
.Login-index .login-box .left .left-des{display: flex;justify-content: space-evenly;color: #565656;font-weight: 400;letter-spacing: 1px;font-size: 14px;}
.Login-index .login-box .left .left-des i{font-size: 25px}
.Login-index .login-box .left .left-des dt{line-height: 30px}

.Login-index .login-box .right {width: calc(100% - 360px);box-sizing: border-box;height: 500px;border-radius: 0 30px  30px 0;background: #fff;text-align: center;position: relative}
.Login-index .login-box .right h1{cursor: pointer;margin: 40px 0;font-size: 18px;font-weight: 500;color: #1a1a1a;}
.Login-index .login-box .right .input-group{margin-bottom: 30px;padding: 0 50px;}
.Login-index .login-box .right .right-ji{display: flex;justify-content: space-around;margin: 40px 0;}
.Login-index .login-box .right .login_sub{background: #12bb37;width: 100%;color: #fff;cursor: pointer;line-height: 40px;display: block;border-radius: 4px;margin-top: 20px;letter-spacing: 10px}
.Login-index .right .right-footer{width: 100%;box-sizing: border-box;;position: absolute;bottom: 0;padding: 0 50px;border-top:1px dashed #eee; display: flex;justify-content: space-between;}
.Login-index .right .right-footer li{line-height: 60px;padding: 0 20px;cursor: pointer;font-size: 16px;}
.Login-index .right .right-footer li i{font-size: 25px;vertical-align: sub;}
.Login-index .right .right-footer li:hover{color: #12bb37}
.Login-index .right .right-footer .xian{width: 1px;border-right: 1px dashed #eee}


@media screen and (max-width: 640px) {
 .Login-index .login-index{background-position: center;background-size: auto;}
 .Login-index .login-index .login-box{width: 90%;height: auto;border-radius: 20px;}
 .Login-index .login-box .left {display: none}
 .Login-index .login-box .right {width: 100%;height: auto;border-radius: 20px;}
}

/*****************Imgs/index***************************/
.Imgs-index{}
.Imgs-index .img-form{margin: 5px;}
.Imgs-index .img-form form{display: flex}
.Imgs-index .img-form .el-form-item{width: 48%}
.Imgs-index .imgs-sel{height: 55px;border: 1px solid #e4e4e4;border-radius: 4px;}
.Imgs-index .imgs-sel .el-tag {height: 55px;padding: 0 10px;line-height: 55px;color: #409EFF;margin-right: 10px;}
.Imgs-index .imgs-sel .el-tag img {border-radius: 5px;}
.Imgs-index .imgs-sel .open-img-but{height: 57px;position: absolute;right: 0;top: 0;}
.Imgs-index .imgs-sel .el-tag .el-tag__close{top: -40px;right: -10px;}
/*.Imgs-index .tab-box{height: 500px}*/

.Imgs-index .Imgs-index-box{display: flex;margin: 0 10px;width: 98%;box-shadow:  0 0 3px 0 #ccc}
.Imgs-index .left{width: 180px;height: calc(100vh - 100px);background: #f5f8fb;padding: 10px;box-sizing: border-box;position: relative}
.Imgs-index .left h1{color: #333;font-size:20px;font-weight: bold;letter-spacing: 1px;text-align: center;margin-top: 15px;padding-bottom: 15px;border-bottom: 1px dotted #ccc}
.Imgs-index .left ul{margin-top: 20px;}
.Imgs-index .left ul li{font-size: 14px;letter-spacing: 1px;line-height: 40px;margin-bottom: 10px;border-radius: 5px;padding: 0 10px;cursor: pointer;position: relative}
.Imgs-index .left .img-li-span{position: absolute;right: 2px;z-index: 1000;}
.Imgs-index .left .left_active{background: #1E9FFF;color: #fff}


.Imgs-index .left .up_img{background: #1bc7b1;color: #fff;line-height: 40px;text-align: center;margin-top: 120px;border-radius: 29px;position: absolute;bottom: 30px;width: 160px;cursor: pointer}

.Imgs-index .right{width: calc(100% - 180px);height: calc(100vh - 100px)}
.Imgs-index .right .right-tag{background: #fff;box-shadow:2px 1px 6px 0px #e8e7e7;}
.Imgs-index .right .right-tag ul{display: flex;padding: 0 15px;flex-wrap: wrap}

.Imgs-index .right .right-tag ul li{line-height: 50px;margin: 0 5px;padding: 0 3px;;cursor: pointer;position: relative}
.Imgs-index .right .right-tag ul li .add-tag-but{background-color:#1bc7b1;color: #fff;padding: 3px 10px;border-radius: 11px;font-size: 12px;font-weight: 500;}


.Imgs-index .right .right-tag .tag_active{border-bottom: 2px solid #1E9FFF;color:#1E9FFF }
.Imgs-index .right .right-tag ul li .tag-li-span{position: absolute;top: -18px;text-align: center;height: 32px;left: 0;right: 0;display: none}
.Imgs-index .right .right-tag .tag_active .tag-li-span{display: block}


.Imgs-index .right .right-img{padding: 10px;box-sizing: border-box;height: calc(100% - 100px);overflow-y:auto}
.Imgs-index .right .right-img ul{display: flex;flex-wrap: wrap}
.Imgs-index .right .right-img ul li{width: 20vh;height: 20vh;margin: 1vh;position: relative;cursor: pointer;text-align: center;box-shadow: 0 0 5px 0 #cecece;}
.Imgs-index .right .right-img ul li .e-img{height: 100%;padding: 3px;box-sizing: border-box}
.Imgs-index .right .right-img ul li img{max-width: 100%;max-height: 100%;object-fit: contain;}
.Imgs-index .right .right-img ul li p{position: absolute;bottom: 0;height: 25px;line-height: 25px;width: 100%;overflow: hidden;background: rgba(0,0,0,0.7);color: #fff;font-size: 12px}
.Imgs-index .right .right-img ul li .del{position: absolute;right: 0;top:0;padding: 3px;opacity: 0;transition: all 0.5s;z-index: 100;background: #ff04046b;}
.Imgs-index .right .right-img ul li .del i{color: #fff;cursor: help;font-size: 20px}
.Imgs-index .right .right-img ul li .del:hover i{color: #f1c40f}
.Imgs-index .right .right-img ul li:hover .del{opacity: 1}
.Imgs-index .right .right-img ul li .size{    position: absolute;right: 0;bottom: 2px;color: #ffffff;padding: 2px 5px;font-size: 12px;z-index: 1;    background: #000;}

.Imgs-index .right .right-img ul li .move{position: absolute;left: 0;top:0;padding: 3px;opacity: 0;transition: all 0.5s;z-index: 100;background: #ff04046b;}
.Imgs-index .right .right-img ul li .move i{color: #fff;cursor: help;font-size: 20px;}
.Imgs-index .right .right-img ul li .move:hover i{color: #f1c40f}
.Imgs-index .right .right-img ul li:hover .move{opacity: 1}

.Imgs-index .right .right-page{height: 40px;box-shadow:2px -1px 6px 0px #e8e7e7;text-align: center;}

.Imgs-index .right .right-page .el-pagination{padding-top: 5px}

/*****************imgs/lst 图库管理***************************/
.imgs_open{min-width:920px;min-height: 580px;border-radius: 10px }

/*****************imgs/img 图库管理***************************/
.Imgs-img{display: flex}
.Imgs-img .left{width: 180px;height: 100vh;background: #f5f8fb;padding: 10px;box-sizing: border-box;position: relative}
.Imgs-img .left h1{color: #333;font-size:20px;font-weight: bold;letter-spacing: 1px;text-align: center;margin-top: 15px;padding-bottom: 15px;border-bottom: 1px dotted #ccc}
.Imgs-img .left ul{margin-top: 20px;}
.Imgs-img .left ul li{font-size: 14px;letter-spacing: 1px;line-height: 40px;margin-bottom: 10px;border-radius: 5px;padding: 0 10px;cursor: pointer;}

.Imgs-img .left .left_active{background: #1E9FFF;color: #fff}
.Imgs-img .left .up_img{background: #1bc7b1;color: #fff;line-height: 40px;text-align: center;margin-top: 120px;border-radius: 29px;position: absolute;bottom: 30px;width: 160px}

.Imgs-img .right{width: calc(100% - 180px);height: 100vh}
.Imgs-img .right .right-tag{background: #fff;box-shadow:2px 1px 6px 0px #e8e7e7;}
.Imgs-img .right .right-tag ul{display: flex;padding: 0 15px;flex-wrap: wrap}

.Imgs-img .right .right-tag ul li{line-height: 50px;margin: 0 5px;padding: 0 3px;;cursor: pointer;}
.Imgs-img .right .right-tag .tag_active{border-bottom: 2px solid #1E9FFF;color:#1E9FFF }
.Imgs-img .right .right-img{padding: 10px;box-sizing: border-box;height: calc(100% - 100px);overflow-y:auto}
.Imgs-img .right .right-img ul{display: flex;flex-wrap: wrap}
.Imgs-img .right .right-img ul li{width: 22vh;height: 22vh;margin: 1vh;box-shadow: 0 0 5px 0 #cecece;position: relative;cursor: pointer;text-align: center;}
.Imgs-img .right .right-img ul li .e-img{height: 100%;padding: 3px;box-sizing: border-box}
.Imgs-img .right .right-img ul li img{width: 100%;height: 100%;object-fit: contain;}
.Imgs-img .right .right-img ul li p{position: absolute;bottom: 0;height: 25px;line-height: 25px;width: 100%;overflow: hidden;text-align: center;background: rgba(0,0,0,0.7);color: #fff;font-size: 12px}
.Imgs-img .right .right-img ul li .del{position: absolute;right: 0;top:0;padding: 2px;opacity: 0;transition: all 0.5s;z-index: 100;background: #ff04046b;}
.Imgs-img .right .right-img ul li .del i{color: #fff;cursor: help;font-size: 20px}
.Imgs-img .right .right-img ul li .del:hover i{color: #f1c40f}
.Imgs-img .right .right-img ul li:hover .del{opacity: 1}


.Imgs-img .right .right-page{height: 40px;box-shadow:2px -1px 6px 0px #e8e7e7;text-align: center;}

.Imgs-img .right .right-page .el-pagination{padding-top: 5px}


/*****************imgs/wap-img 图库管理***************************/
.Imgs-wap-img{display: flex}
.Imgs-wap-img .left{width: 80px;height: 100vh;background: #f5f8fb;padding: 10px;box-sizing: border-box;position: relative}
.Imgs-wap-img .left h1{color: #333;font-size:13px;font-weight: bold;letter-spacing: 1px;text-align: center;margin-top: 15px;padding-bottom: 15px;border-bottom: 1px dotted #ccc}
.Imgs-wap-img .left ul{margin-top: 20px;}
.Imgs-wap-img .left ul li{font-size: 12px;letter-spacing: 1px;line-height: 20px;margin-bottom: 10px;border-radius: 5px;padding: 0 3px;cursor: pointer;}

.Imgs-wap-img .left .left_active{background: #1E9FFF;color: #fff}
.Imgs-wap-img .left .up_img{background: #1bc7b1;color: #fff;line-height: 30px;text-align: center;margin-top: 120px;border-radius: 5px;position: absolute;bottom: 30px;width: 68px;font-size: 12px;}

.Imgs-wap-img .right{width: calc(100% - 80px);height: 100vh}
.Imgs-wap-img .right .right-tag{background: #fff;box-shadow:2px 1px 6px 0px #e8e7e7;}
.Imgs-wap-img .right .right-tag ul{display: flex;padding: 0 15px;flex-wrap: wrap}

.Imgs-wap-img .right .right-tag ul li{line-height: 35px;margin: 0 2px;padding: 0 3px;;cursor: pointer;}
.Imgs-wap-img .right .right-tag .tag_active{border-bottom: 2px solid #1E9FFF;color:#1E9FFF }
.Imgs-wap-img .right .right-img{padding: 10px;box-sizing: border-box;height: calc(100% - 100px);overflow-y:auto}
.Imgs-wap-img .right .right-img ul{display: flex;flex-wrap: wrap}
.Imgs-wap-img .right .right-img ul li{width: 11vh;height: 14vh;margin: 0.5vh;box-shadow: 0 0 5px 0 #cecece;position: relative;cursor: pointer;text-align: center;}
.Imgs-wap-img .right .right-img ul li .e-img{height: 100%;padding: 3px;box-sizing: border-box}
.Imgs-wap-img .right .right-img ul li img{width: 100%;height: 100%;object-fit: contain;}
.Imgs-wap-img .right .right-img ul li p{position: absolute;bottom: 0;height: 20px;line-height: 20px;width: 100%;overflow: hidden;text-align: center;background: rgba(0,0,0,0.7);color: #fff;font-size: 12px}
.Imgs-wap-img .right .right-img ul li .del{position: absolute;right: 0;top:0;padding: 0px 3px;opacity: 1;transition: all 0.5s;z-index: 100;background: #ff04046b;}
.Imgs-wap-img .right .right-img ul li .del i{color: #fff;cursor: help;font-size: 12px}



.Imgs-wap-img .right .right-page{height: 40px;box-shadow:2px -1px 6px 0px #e8e7e7;text-align: center;}

.Imgs-wap-img .right .right-page .el-pagination{padding-top: 5px}



/*****************Music/index 乐库管理***************************/

.Music-index .music-box{display: flex;margin: 0 10px;width: 98%;box-shadow: 0 0 3px 0 #ccc;}
.Music-index .music-box .left{width: 180px;height: calc(100vh - 70px);background: #f5f8fb;padding: 10px;box-sizing: border-box;position: relative}
.Music-index .music-box .left h1{color: #333;font-size:20px;font-weight: bold;letter-spacing: 1px;text-align: center;margin-top: 15px;padding-bottom: 15px;border-bottom: 1px dotted #ccc}
.Music-index .music-box .left ul{margin-top: 20px;}
.Music-index .music-box .left ul li{font-size: 14px;letter-spacing: 1px;line-height: 40px;margin-bottom: 10px;border-radius: 5px;padding: 0 10px;cursor: pointer;position: relative;}
.Music-index .music-box .img-li-span {position: absolute;right: 2px;z-index: 1000;}
.Music-index .music-box .left .left_active{background: #1E9FFF;color: #fff}
.Music-index .music-box .left .up_menu{background: #1bc7b1;color: #fff;line-height: 40px;text-align: center;margin-top: 120px;border-radius: 29px;position: absolute;bottom: 30px;width: 160px}


.Music-index .music-box .right{width: calc(100% - 180px);height: calc(100vh - 70px);}
.Music-index .music-box .right .right-tag{height: 60px;background: #fff;box-shadow:2px 1px 6px 0px #e8e7e7;}
.Music-index .music-box .right .right-tag ul{display: flex;padding: 0 15px;}
.Music-index .music-box .right .right-tag ul li{line-height: 50px;margin: 0 10px;padding: 0 5px;cursor: pointer;position: relative;}
.Music-index .music-box .right .right-tag .tag_active{border-bottom: 2px solid #1E9FFF;color:#1E9FFF }
.Music-index .music-box .right .right-tag ul li .tag-li-span{position: absolute;top: -18px;text-align: center;height: 32px;left: 0;right: 0;display: none}
.Music-index .music-box .right .right-tag ul li .add-tag-but{background-color:#1bc7b1;color: #fff;padding: 3px 10px;border-radius: 11px;font-size: 12px;font-weight: 500;}
.Music-index .music-box .right .right-tag .tag_active .tag-li-span{display: block}


.Music-index .music-box .right .right-img{padding: 10px;box-sizing: border-box;height: calc(100% - 100px);overflow-y:auto}
.Music-index .music-box .right .right-img ul{display: flex;flex-wrap: wrap}
.Music-index .music-box .right .right-img ul li{width: 22vh;height: 22vh;margin: 1vh;background: rgba(0,0,0,0.5);position: relative;cursor: pointer}

.Music-index .music-box .right .right-img ul li img{width: 100%;height: 100%;object-fit: contain;}
.Music-index .music-box .right .right-img ul li p{position: absolute;bottom: 0;height: 25px;line-height: 25px;width: 100%;overflow: hidden;text-align: center;background: rgba(0,0,0,0.7);color: #fff;font-size: 12px}
.Music-index .music-box .right .right-img ul li .del{position: absolute;right: 0;top:0;padding: 10px;opacity: 0;transition: all 0.5s;z-index: 100}
.Music-index .music-box .right .right-img ul li .del i{color: #fff;cursor: help;font-size: 20px}
.Music-index .music-box .right .right-img ul li .del:hover i{color: #f1c40f}
.Music-index .music-box .right .right-img ul li:hover .del{opacity: 1}
.Music-index .music-box .right .right-page{height: 40px;box-shadow:2px -1px 6px 0px #e8e7e7;text-align: center;}
.Music-index .music-box .right .right-page .el-pagination{padding-top: 5px}


/*****************Music/music 音乐库***************************/

.Music-music{display: flex}
.Music-music .left{width: 180px;height: 100vh;background: #f5f8fb;padding: 10px;box-sizing: border-box;position: relative}
.Music-music .left h1{color: #333;font-size:20px;font-weight: bold;letter-spacing: 1px;text-align: center;margin-top: 15px;padding-bottom: 15px;border-bottom: 1px dotted #ccc}
.Music-music .left ul{margin-top: 20px;}
.Music-music .left ul li{font-size: 14px;letter-spacing: 1px;line-height: 40px;margin-bottom: 10px;border-radius: 5px;padding: 0 10px;cursor: pointer}
.Music-music .left .left_active{background: #1E9FFF;color: #fff}
.Music-music .left .up_img{background: #1bc7b1;color: #fff;line-height: 40px;text-align: center;margin-top: 120px;border-radius: 29px;position: absolute;bottom: 30px;width: 160px}

.Music-music .right{width: calc(100% - 180px);height: 100vh}
.Music-music .right .right-tag{height: 60px;background: #fff;box-shadow:2px 1px 6px 0px #e8e7e7;}
.Music-music .right .right-tag ul{display: flex;padding: 0 15px;}
.Music-music .right .right-tag ul li{line-height: 50px;margin: 0 10px;padding: 0 5px;cursor: pointer}
.Music-music .right .right-tag .tag_active{border-bottom: 2px solid #1E9FFF;color:#1E9FFF }
.Music-music .right .right-img{padding: 10px;box-sizing: border-box;height: calc(100% - 100px);overflow-y:auto}
.Music-music .right .right-img ul{display: flex;flex-wrap: wrap}
.Music-music .right .right-img ul li{width: 22vh;height: 22vh;margin: 1vh;background: rgba(0,0,0,0.5);position: relative;cursor: pointer}
.Music-music .right .right-img ul li img{width: 100%;height: 100%;object-fit: contain;}
.Music-music .right .right-img ul li p{position: absolute;bottom: 0;height: 25px;line-height: 25px;width: 100%;overflow: hidden;text-align: center;background: rgba(0,0,0,0.7);color: #fff;font-size: 12px}
.Music-music .right .right-img ul li .del{position: absolute;right: 0;top:0;padding: 10px;opacity: 0;transition: all 0.5s;z-index: 100}
.Music-music .right .right-img ul li .del i{color: #fff;cursor: help;font-size: 20px}
.Music-music .right .right-img ul li .del:hover i{color: #f1c40f}
.Music-music .right .right-img ul li:hover .del{opacity: 1}
.Music-music .right .right-page{height: 40px;box-shadow:2px -1px 6px 0px #e8e7e7;text-align: center;}
.Music-music .right .right-page .el-pagination{padding-top: 5px}