.testDiv{display:none}[is=showmore-upload]{display:flex;position:absolute;left:0;right:0;top:60px;bottom:0;z-index:90}.win.showmore-upload-win .win-body{padding:30px 0}.win.showmore-upload-win .win-head{border-radius:5px 5px 0 0}.win.showmore-upload-win [is=showmore-upload]{left:0;right:0;top:68px;bottom:81px}.win.showmore-upload-win form{display:block}.win.showmore-upload-win .buttons{bottom:-80px;left:0;width:100%}.upload-wrapper{position:relative;width:100%}.upload-wrapper.ispage{background-color:#f6f8fe}.upload-wrapper.ispage .upload-before,.upload-wrapper.ispage .uploading,.upload-wrapper.ispage .uploading-multi,.upload-wrapper.ispage .upload-storage{width:700px;height:auto;margin:10% auto 0;padding:100px 52px 100px 70px;background:#fff;position:relative}.upload-wrapper.ispage .uploading-wrap{padding:0}.upload-wrapper h2{margin:20px 0 0 20px;position:absolute;top:0;left:0;z-index:88}.upload-wrapper>div{display:none}.upload-wrapper>div.upload-before,.upload-wrapper>div.upload-storage,.upload-wrapper>div .drag-area{position:relative;width:100%;height:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:#fff;text-align:center;position:relative;display:-webkit-box;display:box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;box-align:center;-webkit-align-items:center;align-items:center;-ms-flex-align:center;-webkit-box-pack:center;box-pack:center;-webkit-justify-content:center;justify-content:center;-ms-flex-pack:center}.upload-wrapper .buttons{height:80px;position:absolute;right:0;bottom:0;width:100%;padding:20px}.upload-wrapper .upload-before .buttons{display:none}.drag-area h3{position:absolute;top:40%;text-align:center;width:100%;color:#666}.drag-area.drag-enter .drag-shade,.drag-area.drag-enter .drag-black{visibility:visible}.drag-area .drag-shade,.drag-area .drag-black{position:absolute;top:0;left:0;width:100%;height:100%;color:#fff;z-index:10;display:-webkit-box;display:box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;box-align:center;-webkit-align-items:center;align-items:center;-ms-flex-align:center;-webkit-box-pack:center;box-pack:center;-webkit-justify-content:center;justify-content:center;-ms-flex-pack:center;font-size:16px;visibility:hidden}.drag-area .drag-black{visibility:hidden;background:rgba(0,0,0,.8)}.drag-content .drag,.drag-content .storage-img,.storage-content .drag,.storage-content .storage-img{width:162px;height:162px;margin:0 auto 35px;text-align:center;position:relative;background:url("../img/user-upload/rotate.svg") top center/162px auto no-repeat}.drag-content .storage-img,.storage-content .storage-img{background:url("../img/user-upload/sotage_not_enough.svg") top center/162px auto no-repeat}.drag-content p,.storage-content p{font-size:16px;margin-bottom:15px}.drag-content{margin-top:-17px}.drag-bottom{height:120px;display:-webkit-box;display:box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;box-align:center;-webkit-align-items:center;align-items:center;-ms-flex-align:center;-webkit-box-pack:center;box-pack:center;-webkit-justify-content:center;justify-content:center;-ms-flex-pack:center}.drag-file,.storage-upgrade{display:inline-block;position:relative;border-radius:5px;padding:0 10px;min-width:240px;overflow:hidden;text-decoration:none;text-indent:0;line-height:40px;font-size:16px;background-color:#597efa;color:#fff;cursor:pointer;-webkit-transition:background-color .3s cubic-bezier(.39,.575,.565,1),color .3s cubic-bezier(.39,.575,.565,1);-moz-transition:background-color .3s cubic-bezier(.39,.575,.565,1),color .3s cubic-bezier(.39,.575,.565,1);transition:background-color .3s cubic-bezier(.39,.575,.565,1),color .3s cubic-bezier(.39,.575,.565,1)}.drag-file span,.storage-upgrade span{display:inline-block;vertical-align:top}.drag-file input,.storage-upgrade input{position:absolute;top:0;left:0;width:100%;height:100%;font-size:0;opacity:0;cursor:pointer}.drag-file:hover,.storage-upgrade:hover{background:#4f73ed}.storage-upgrade a{display:block;text-decoration:none}.upload-cancle,.upload-back,.publish-btn{min-width:120px;border:1px solid #999;color:#999;border-radius:5px;font-size:16px;font-family:Roboto-Bold;font-weight:700;padding:4px 10px;height:auto;margin-left:15px;text-align:center;transition:background-color .2s ease-in-out;cursor:pointer;display:inline-block;float:right}.upload-cancle:lang(zh),.upload-back:lang(zh),.publish-btn:lang(zh){font-family:SourceHanSansCN-Bold;font-weight:700}.upload-cancle:hover,.upload-back:hover,.publish-btn:hover{background-color:#f6f6f6}.publish-btn[disabled]{background-color:#aaa;border-color:#aaa;color:#fff}.publish-btn{background:#597efa;border:1px solid #597efa;color:#fff}.publish-btn:hover{background:#4f73ed}.publish-btn.active{opacity:1}.rules{border:1px solid #ddd;margin-top:25px;padding:19px 12px;font-size:12px;text-align:left}.rules h4{font-weight:400}.rules li{position:relative;padding-left:3px}.rules li::before{content:"";display:inline-block;height:3px;width:3px;background:#aaa;position:relative;top:-4px;margin-right:5px}.uploading{text-align:left;height:100%}.uploading .buttons{border-top:1px solid #eee}.uploading-wrap{background:#fff;height:100%;padding:0 0 20px 20px;overflow-y:auto;overflow-x:hidden}.uploading h3{font-weight:400;font-size:14px;color:#666}.uploading input,.uploading textarea{padding:4px 7px;width:100%;margin-bottom:20px;font-size:14px;border:1px solid #ccc;max-width:100%;border-radius:5px}.uploading textarea{min-height:70px}.uploading .title{font-size:24px;line-height:68px;height:68px}.uploading .title span{font-weight:400;font-size:22px}.uploading .des-title{margin-top:-8px}.uploading input{margin-bottom:0}.uploading input.touched:invalid{border-color:#ff6000}.uploading input.touched:invalid~.invalid-text{opacity:1}.uploading .invalid-text{opacity:0;color:#ed6a74}.uploading .invalid-text.active{opacity:1}.uploading .progress-container{float:left;width:242px;margin-bottom:20px;margin-top:30px}@media(max-width:768px){.uploading .progress-container{margin-top:0}}.uploading .progress{text-align:center;background-color:#597efa;border-radius:10px}.uploading .progress-text{position:absolute;top:0;left:0;z-index:2;text-align:center;width:100%;height:14px;line-height:14px;color:#fff;display:none}.uploading .pending{position:absolute;top:0;left:0;z-index:2;text-align:center;width:100%;height:14px;line-height:14px;color:#fff}.uploading .progress-left{width:240px;height:136px;border-radius:5px;position:relative;background:#edf1fd url(../img/user/cover.svg) center bottom/70% auto no-repeat;overflow:hidden;border:1px solid #f6f6f6}.uploading .progress-left .loading{background:transparent}.uploading .progress-left img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.uploading .progress-right>*{font-size:12px}.uploading .progress{height:14px;background:#597efa;width:0}.uploading .progress-wrap{font-size:12px;overflow:hidden;height:14px;position:relative;background:#e2e2e2;margin-top:11px;border-radius:10px}.uploading .progress>div{position:absolute}.uploading .bar{height:14px;width:8%;position:absolute;left:0;top:0;background-image:linear-gradient(-45deg,#f05f6a,#f79098 6px,#f05f6a 1px)}.uploading p{color:#999;height:32px;line-height:32px}.uploading .video-data{float:left;width:320px;padding-right:20px}.uploading .red{color:#666;line-height:30px;margin-left:5px;display:inline-block}.uploading .category-tag{width:100%;margin-top:20px}.uploading .category-tag::after{content:"";display:block;clear:both}.uploading .radio{margin-right:35px}.uploading .radio-control{margin-top:0;margin-bottom:0}.uploading .radio span{width:auto;padding-left:25px}.uploading .password-field{position:relative;width:277px;margin-left:23px}.uploading .password-field>span{margin-right:10px;line-height:40px}.uploading .cancel-btn{margin-left:29px;border:solid 1px #ccc;color:#333;text-decoration:none;border-radius:40px;line-height:40px}.uploading .cancel-btn:hover{color:#ed6a74;border-color:#ed6a74}.uploading .privacy-drop{padding-bottom:0;clear:left}.uploading .privacy-drop span{vertical-align:2px;margin-left:-3px}@media(max-width:768px){.uploading .video-data{width:100%}.uploading .playList-select,.uploading .password-field{width:calc(100% - 43px)}}.mutifile-uploading{height:calc(100% + 23px);margin-top:-25px}.mutifile-uploading-wrap{background:#fff;height:100%;padding:0 5px 20px 20px;overflow-y:auto;overflow-x:hidden}.mutifile-container{padding-right:10px}.mutifile-buttons{padding:20px;border-top:1px solid #eee;height:82px;position:absolute;bottom:-80px;left:0;width:100%}.mutifile-buttons>div{min-width:120px;border-radius:5px;font-size:16px;font-family:Roboto-Bold;font-weight:700;padding:4px 10px;height:auto;text-align:center;transition:background-color .2s ease-in-out;cursor:pointer;display:inline-block;float:right;border:1px solid #999;color:#999;transition:all .3s ease-in-out}.mutifile-buttons>div:hover{border:1px solid #4f73ed;background:#4f73ed;color:#fff}.mutifile-select{position:relative}.mutifile-select input{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;z-index:-1}.mutifile-select span{display:block;height:100%;width:100%}.mutifile-close{margin-left:20px}@media(max-width:360px){.mutifile-buttons>div{min-width:80px}.mutifile-close{margin-left:10px}}.mutifile-upload-item{line-height:46px;overflow:hidden;border-bottom:1px solid #e5e5e5}.mutifile-upload-item>div{float:left}.mutifile-upload-item .video-filename{width:calc(75% - 45px)}.mutifile-upload-item .video-filename span{float:left}.mutifile-upload-item .video-filename .name{max-width:calc(100% - 60px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mutifile-upload-item .video-filename .type{width:60px}.mutifile-upload-item .video-size{width:25%;color:#777;font-size:12px}.mutifile-upload-item .video-upload-progress{width:45px;color:#597efa;font-size:12px;position:relative}.mutifile-upload-item .video-upload-progress .rec-icon-success{font-size:18px;position:absolute}.storage-notenough-tips{color:red}@keyframes rotate360{from{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes rotate360{from{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);transform:rotate(360deg)}}.reccloud .upload-wrapper.ispage{background-color:#f6f8fe}.reccloud .drag-content .drag,.reccloud .storage-content .drag{background:url("../img/user-upload/rotate_rec.svg") top center/162px auto no-repeat}.reccloud .drag-file,.reccloud .storage-upgrade{background-color:#34c25a}.reccloud .drag-file:hover,.reccloud .storage-upgrade:hover{background:#30aa30}.reccloud .publish-btn{background:#30aa30;border:1px solid #30aa30}.reccloud .publish-btn:hover{background:#30aa30}.reccloud .uploading .progress{background-color:#30aa30}.reccloud .uploading .progress{background:#30aa30}.reccloud .uploading .progress-left{background:#effaf2 url(../img/user/cover.svg) center bottom/70% auto no-repeat}.reccloud .mutifile-buttons>div:hover{border:1px solid #34c25a;background:#34c25a}.reccloud .mutifile-upload-item .video-upload-progress{color:#34c25a}