.music-item{margin:0 20px 20px 0;position:relative;width:350px;height:-webkit-max-content;height:-moz-max-content;height:max-content;background:#fff;border-radius:8px;padding:20px;-webkit-box-shadow:0 2px 2px 0 rgb(40 120 31.875%);box-shadow:0 2px 2px 0 rgb(40 120 31.875%);-webkit-transition:all .3s;transition:all .3s;display:-webkit-box;display:-ms-flexbox;display:flex}.music-item:nth-child(2n){margin-right:0}.music-item:hover{-webkit-box-shadow:0 4px 12px rgb(40 120 23.18181818%),0 3px 14px rgb(0 0 0);box-shadow:0 4px 12px rgb(40 120 23.18181818%),0 3px 14px rgb(0 0 0)}.music-item .item-music{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:70px;height:70px;font-size:0;border-radius:3px;overflow:hidden;position:relative}.music-item .item-music img{width:100%;height:100%}.music-item .item-music .music-mask{position:absolute;left:0;right:0;top:0;bottom:0;-webkit-transition:all .5s ease;transition:all .5s ease;z-index:10;cursor:pointer}.music-item .item-music .music-mask:hover{background-color:rgba(0,0,0,.2);cursor:pointer}.music-item .item-msg{width:100%;height:100%;margin-left:20px}.music-item .item-msg .item-title{font-size:16px;font-weight:500;color:#34363e;line-height:22px}.music-item .item-msg .item-re-title,.music-item .item-msg .item-title{width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Noto Sans TC,sans-serif}.music-item .item-msg .item-re-title{margin-top:5px;font-size:12px;font-weight:400;color:#a5a8b2;line-height:17px}.music-item .item-checkbox{position:absolute;top:-10px;right:-10px;z-index:20}.project-img-list{height:calc(100% - 45px);width:765px;overflow-y:auto;padding-right:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:start;align-content:flex-start}.select-music-modal .modal-container[data-v-51a79e53]{display:-webkit-box;display:-ms-flexbox;display:flex;height:524px}.select-music-modal .modal-container .select-divider[data-v-51a79e53]{height:100%;border-right:1px solid #dee4fe}.select-music-modal .modal-container .select-project[data-v-51a79e53]{height:100%}.select-music-modal .modal-container .select-project .select-project-list[data-v-51a79e53]{height:calc(100% - 45px);padding-right:30px;margin-top:20px;overflow-y:auto}.select-music-modal .modal-container .select-project .select-project-list[data-v-51a79e53]::-webkit-scrollbar{height:6px;width:6px}.select-music-modal .modal-container .select-project .project-item[data-v-51a79e53]{margin:10px 0}.select-music-modal .modal-container .select-project .project-item .checkbox[data-v-51a79e53]{margin-right:12px}.select-music-modal .modal-container .select-img h3[data-v-51a79e53]{margin-left:20px}.select-music-modal .modal-container .select-img .project-img-list[data-v-51a79e53]{padding-top:20px;padding-left:20px;padding-right:0}.modal-bottom-btns .ant-btn.loacl-up[data-v-51a79e53]{background-color:#dee4fe;border-color:#dee4fe;color:#1d4d9f}.modal-bottom-btns .ant-btn.loacl-up[data-v-51a79e53]:hover{background-color:#c5d0ff}.music-global-setting{width:100%;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;overflow-y:auto}.music-global-setting .select-btn{margin-top:30px;margin-bottom:10px}.music-global-setting .select-btn .ant-btn{width:100%}.music-global-setting .music{margin:20px 0;height:-webkit-max-content;height:-moz-max-content;height:max-content;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.music-global-setting .music .img{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:70px;height:70px;font-size:0;background:#dee4fe;border-radius:4px;padding:7px;overflow:hidden}.music-global-setting .music .img img{width:100%;height:100%}.music-global-setting .music .text{margin-left:10px;width:calc(100% - 80px)}.music-global-setting .music .text div{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.music-global-setting .music .text .title{width:100%;font-size:16px;font-family:Noto Sans TC,sans-serif;font-weight:500;color:#34363e;line-height:22px}.music-global-setting .music .text .word{margin-top:5px;width:100%;font-size:12px;font-family:Noto Sans TC,sans-serif;font-weight:400;color:#a5a8b2;line-height:17px}.svg-icon{display:inline-block;position:relative;vertical-align:middle;width:1em;height:1em;fill:currentColor;overflow:hidden;cursor:pointer}.music-scene-setting{height:calc(100% - 125px)}.music-scene-setting h2.main-title{margin-top:0!important;margin-bottom:10px!important}.music-scene-setting .scene-list{height:500px;width:calc(100% + 40px);margin-left:-20px;overflow-y:scroll}.music-scene-setting .scene-list .scene{width:100%;padding:15px 20px;position:relative}.music-scene-setting .scene-list .scene.current,.music-scene-setting .scene-list .scene:hover{background-color:#eff2ff;color:#1d4d9f}.music-scene-setting .scene-list .scene.current .bottom .svg-icon,.music-scene-setting .scene-list .scene:hover .bottom .svg-icon{fill:#1d4d9f!important}.music-scene-setting .scene-list .scene .top,.music-scene-setting .scene-list .scene .top .scene-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.music-scene-setting .scene-list .scene .top .scene-title{-webkit-box-flex:6;-ms-flex:6;flex:6}.music-scene-setting .scene-list .scene .top .scene-title img{width:50px;height:50px;margin-right:10px}.music-scene-setting .scene-list .scene .top .controls{-webkit-box-flex:4;-ms-flex:4;flex:4;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.music-scene-setting .scene-list .scene .top .controls .svg-icon{margin-left:10px}.music-scene-setting .scene-list .scene .top .controls .svg-icon:first-child{margin-left:0}.music-scene-setting .scene-list .scene .bottom{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.music-scene-setting .scene-list .scene .bottom>p{margin-left:10px;display:inline-block}.music-right-bar .switch:first-child{margin-top:30px}.music-right-bar .swchbox{height:100%}.music-right-bar .swchbox,.music-right-bar .swchbox .select-hot-spot-type{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.music-right-bar .swchbox .select-hot-spot-type .type-item{margin-bottom:17px;display:-webkit-box;display:-ms-flexbox;display:flex}.music-right-bar .swchbox .select-hot-spot-type .type-item :first-child{margin-right:6px}.music-right-bar .swchbox .page{height:78%;margin-top:10px}.music-right-bar .ant-tabs{width:calc(100% + 40px);margin-left:-20px;padding:0 20px;height:calc(100% - 152px)}.music-right-bar .ant-tabs .ant-tabs-top-content{height:calc(100% - 61px)}