.create-performance-container{width:960px;margin:30px auto}.create-performance-container .back{position:absolute;left:30px;display:inline-block;width:46px;height:46px;border-radius:50%;-webkit-transition:background-color .3s;transition:background-color .3s;background:rgba(0,0,0,.2);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.create-performance-container .back .el-icon-arrow-left{font-size:2em;color:#fff}.create-performance-container .back:hover{background:rgba(0,0,0,.5)}.create-performance-container h1.title{font-weight:400}.create-performance-container .body{padding:15px 90px 40px 90px;border-radius:10px;background:#fff}.create-performance-container .body .a-title{margin:5px 10px;padding:0;color:#07c15e}.create-performance-container .body .a-tips{margin:10px;color:#07c15e}.create-performance-container .body .pref-item{margin:20px 0}.create-performance-container .body .pref-item .title{margin:30px 0 20px 0;font-size:18px}.create-performance-container .body .pref-item .title .tips{font-size:14px;color:rgba(0,0,0,.5)}.create-performance-container .body .upload-images-wrap{margin:0;padding:0;list-style-type:none;display:grid;grid-gap:30px;grid-template-columns:repeat(auto-fill,170px);-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.create-performance-container .body .upload-images-wrap>li{height:155px;cursor:pointer;-webkit-transition:all .3s;transition:all .3s}.create-performance-container .body .upload-images-wrap .upload-button{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background-color:#e8efff}.create-performance-container .body .upload-images-wrap .upload-button,.create-performance-container .body .upload-images-wrap .upload-button i{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.create-performance-container .body .upload-images-wrap .upload-button i{width:50px;height:50px;font-size:30px;font-weight:700;border-radius:50%;background:#0051ff;color:#fff}.create-performance-container .body .upload-images-wrap .upload-button span{margin-top:10px}.create-performance-container .body .upload-images-wrap .upload-button:hover{-webkit-box-shadow:0 0 6px rgba(0,0,0,.3);box-shadow:0 0 6px rgba(0,0,0,.3)}.create-performance-container .body .upload-images-wrap .uploaded-item{position:relative;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.create-performance-container .body .upload-images-wrap .uploaded-item,.create-performance-container .body .upload-images-wrap .uploaded-item .remove{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.create-performance-container .body .upload-images-wrap .uploaded-item .remove{position:absolute;z-index:9;right:5px;top:5px;width:20px;height:20px;border-radius:50%;-webkit-box-shadow:0 0 2px rgba(0,0,0,.1);box-shadow:0 0 2px rgba(0,0,0,.1);-webkit-transition:background-color .3s;transition:background-color .3s;background:rgba(0,0,0,.6);color:#fff}.create-performance-container .body .upload-images-wrap .uploaded-item .remove:hover{background:rgba(0,0,0,.8)}.create-performance-container .body .upload-images-wrap .uploaded-item .uploaded-img{position:absolute;left:0;top:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.create-performance-container .body .upload-images-wrap .uploaded-item .upload-status{z-index:10;width:66px;height:60px;border-radius:5px;background-color:rgba(0,0,0,.7);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:12px;color:#fff}.create-performance-container .body .upload-images-wrap .uploaded-item .upload-status [class^=el-icon-]{font-size:22px;margin-bottom:5px}.create-performance-container .body .upload-images-wrap .uploaded-item.error .remove{background:rgba(255,0,0,.8)}.create-performance-container .body .uploaded-videos-wrap{margin:10px 0 0 0;padding:0;list-style-type:none}.create-performance-container .body .uploaded-videos-wrap li{padding:6px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.create-performance-container .body .uploaded-videos-wrap li .left{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;color:#101010}.create-performance-container .body .uploaded-videos-wrap li .left .el-icon-video-play{margin-right:5px;font-size:20px;color:#ff8402}.create-performance-container .body .uploaded-videos-wrap li .left span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.create-performance-container .body .uploaded-videos-wrap li .right{margin-left:20px;-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.create-performance-container .body .uploaded-videos-wrap li .right .status{width:68px;font-size:14px;color:rgba(0,0,0,.5)}.create-performance-container .body .uploaded-videos-wrap li .right .el-progress{-webkit-box-flex:1;-ms-flex:1;flex:1}.create-performance-container .body .uploaded-videos-wrap li .right .el-icon-close{width:18px;height:18px;margin-left:20px;font-size:12px;border-radius:50%;cursor:pointer;background:rgba(0,0,0,.5);color:#fff;-webkit-transition:background-color .3s;transition:background-color .3s;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.create-performance-container .body .uploaded-videos-wrap li .right .el-icon-close:hover{background:rgba(0,0,0,.9)}.create-performance-container .body .permission-selector{padding:13px;margin-top:30px;border-radius:5px;background:#f2f2f2}.create-performance-container .body .permission-selector .el-radio,.create-performance-container .body .permission-selector .el-radio-group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.create-performance-container .body .permission-selector .el-radio{margin-right:60px}.create-performance-container .body .permission-selector .el-radio__label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.create-performance-container .body .permission-selector .el-radio__label i{font-style:normal}.create-performance-container .body .permission-selector .el-radio__label .name{font-size:14px;color:#333}.create-performance-container .body .permission-selector .el-radio__label .tips{font-size:12px;margin-top:5px;color:#999}.create-performance-container .footer{margin:40px 0 80px 0;text-align:center}