.mold_left_title::-webkit-scrollbar{width:4px;height:4px;}
.mold_left_title::-webkit-scrollbar-track{background: transparent;border-radius:2px;}
.mold_left_title::-webkit-scrollbar-thumb{background: #aaa;border-radius:2px;}
.mold_left_title::-webkit-scrollbar-thumb:hover{background: #747474;}
.mold_left_title::-webkit-scrollbar-corner{background: transparent;}


.iphone_img_show_style,.changebox{ width: 230px;}

.change_scroll::-webkit-scrollbar{width:4px;height:4px;}
.change_scroll::-webkit-scrollbar-track{background: transparent;border-radius:2px;}
.change_scroll::-webkit-scrollbar-thumb{background: #aaa;border-radius:2px;}
.change_scroll::-webkit-scrollbar-thumb:hover{background: #747474;}
.change_scroll::-webkit-scrollbar-corner{background: transparent;}
/*上传*/
.vue-uploader .file-list:after {
	    content: '';
	    display: block;
	    clear: both;
	    visibility: hidden;
	    line-height: 0;
	    height: 0;
	    font-size: 0;
	}
	.vue-uploader .file-list .file-item {
	    float: left;
	    margin-right: 10px;
	    position: relative;
	    width:200px;
	    height: 136px;
	    justify-content: center;
	    display: flex;
	    align-items: center;
	}
	.vue-uploader .file-list .file-item img{
	    max-width: 200px;
	    max-height: 136px;
	}
	.vue-uploader .file-list .file-item .file-remove {
	    position: absolute;
	    right: 4px;
	    display: none;
	    top: 4px;
	    width: 20px;
	    height: 20px;
	    font-size:20px;
	    text-align: center;
	    color: white;
	    cursor: pointer;
	    line-height: 20px;
	    border-radius: 100%;
	    transform: rotate(45deg);
	    background: rgba(0, 0, 0, 0.5);
	}
	.vue-uploader .file-list .file-item:hover .file-remove {
	    display: inline;
	}
	.vue-uploader .file-list .file-item .file-name {
	    margin: 0;
	    height: 40px;
	    word-break: break-all;
	    font-size: 14px;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    display: -webkit-box;
	    -webkit-line-clamp: 2;
	    -webkit-box-orient: vertical;
	}
	.vue-uploader .upload-func {
	    display: flex;
	    padding: 10px;
	    margin: 0px;
	    background: #f8f8f8;
	    border-top: 1px solid #ececec;
	}
	.vue-uploader .upload-func .progress-bar {
	    flex-grow: 1;
	}
	.vue-uploader .upload-func .progress-bar section {
	    margin-top: 5px;
	    background: #00b4aa;
	    border-radius: 3px;
	    text-align: center; 
	    color: #fff;
	    font-size: 12px;
	    transition: all .5s ease;
	}
	.vue-uploader .upload-func .operation-box {
	    flex-grow: 0;
	    padding-left: 10px;
	}
	.vue-uploader .upload-func .operation-box button {
	    padding: 4px 12px;
	    color: #fff;
	    background: #007ACC;
	    border: none;
	    border-radius: 2px;
	    cursor: pointer;
	}
	.vue-uploader > input[type="file"] {
	    display: none;
	}
	.wb_picture img{
		display: inline-block;
	}

	/*上传图片*/



	/*上传视频*/
	.vue-oss-uploader-video-wrap,.vue-oss-uploader-video-wraps,.vue-oss-uploader-video-wrapw,.vue-oss-uploader-video-wrapm{width: 100%;height: 100%;overflow-y: auto;overflow-x: hidden;position: fixed;top: 0;left: 0;background: rgba(0,0,0,.5);padding-top: 4%;z-index: 1111;}
	.vue-oss-uploader-video-wrapw,.vue-oss-uploader-video-wraps,.vue-oss-uploader-video-wrapm{display: none;}
	.vue-oss-uploader-video{position: relative;width: 592px;height: 459px;margin: 0 auto;background: #fff;}
	.vue-oss-uploader-video-top{position: relative;border-bottom: 1px solid rgba(0,0,0,0.2);}
	.vue-oss-uploader-video-top-left{background: url(../../static/imgs/dialog-title-bg.png) repeat-x bottom;height: 26px;padding-left: 5px;line-height: 26px;}
	.vue-oss-top-closes{width: 20px ;height: 20px;position: absolute;right: 10px;top: 3px;border-radius: 50%;border: 1px solid rgba(0,0,0,0.2);cursor: pointer;box-sizing: border-box;text-align: center;line-height: 18px;}
	.vue-oss-top-closes:hover{background: #c30d23;color: #fff;}
	.video-btn{width: 70px;height: 30px;background: #fafafa;border-radius: 4px;border:1px solid #fafafa;line-height: 30px;text-align: center;margin: 5px;background: url(../../static/imgs/dialog-title-bg.png) repeat-x bottom;cursor: pointer;}
	.vue-oss-uploader-video-content{width: 100%;height: 330px;overflow: auto;}
	.vue-oss-uploader-video-content::-webkit-scrollbar{width:4px;height: 4px; }
	.vue-oss-uploader-video-content::-webkit-scrollbar-thumb{border-radius: 5px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: rgba(0,0,0,0.2);}
	.vue-oss-uploader-video-content::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius: 0;background: rgba(0,0,0,0.1);}
	.videoBtn{text-align: center;line-height: 32px;background: #c30d23;color: #fff;cursor: pointer;height: 32px;width: 132px;margin: 0 auto;}
	.videoInput{width: 70px;height: 30px;opacity: 0;position: absolute;top: 0;left: 0;}
	.video-top-head{width: 580px;margin: 10px auto 0;height: 32px;background: #f4f4f4;font-size: 14px;color: #333;}
	.video-sele-z,.video-sele-num,.video-sele-time,.video-sele-m,.bk-video-sele-m{width: 90px;text-align: center;line-height: 32px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin: 0 5px}
	.video-sele-z,.video-sele-m,.bk-video-sele-m{position: relative;}
	.mark,.markmusic{width: 14px;height: 14px;line-height: 14px;color: #c30d23;position: absolute;top: 10px;left: 38px;display: none;z-index: 999;}
	.video-sele-name{
		color: #c30d23;
	}
	.video-sele-name,.video-sele-ntime{
		line-height: 32px;
		text-align: center;
		width: 174px;
		margin: 0 5px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.checkedbox{
		width: 16px;
		height: 16px;
		border:1px solid #d3d5d9;
		display: inline-block;
		vertical-align: middle;
	}
	.oss-video{
		border:1px solid #f4f4f4;
		border-top: 0;
		width: 580px;
		margin: 0 auto;
		box-sizing: border-box;
		cursor: pointer;
		position: relative;
	}
	.image-show{
		width: 180px;
		height: 136px;
		cursor: pointer;
		margin-bottom: 20px;
		margin-left: 10px;
		position: relative;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.image-show img{
		max-width: 180px;
		max-height: 136px;
	}
	.image-show .mark{
		width: 180px;
		height: 136px;
		background: rgba(0,0,0,0.2);
		font-size: 40px;
		position: absolute;
		font-weight: 700;
		top: 0;
		left:0px;
		color: #fff;
		line-height: 136px;
		text-align: center;
	}
	.zcir{
		animation: go 1.5s infinite; 
		animation-fill-mode:both;
	}
	@keyframes go{
		0%{
			transform: rotateZ(0);
		}
		100%{
			transform: rotateZ(360deg);
		}
	}
	/*上传视频*/

	.videoInput{
		position: absolute;
		top: 31px;
		left: 7px;
		z-index: -1;
	}
	.switch,.addswitchwrap{
		position: relative;
		width: 40px;
		height: 20px;
		border-color: rgb(153, 153, 153);
    	background-color: rgb(153, 153, 153);
    	border-radius: 10px;
    	box-sizing: border-box;
    	border-width: 1px;
    	border-style: solid;
    	cursor: pointer;
	}
	.addchangewrap{
		position: absolute;
		bottom: 15px;
		left: 5px;
	}
	.switchB{
	    border-color: rgb(89, 93, 181);
		background-color: rgb(89, 93, 181)
	}
	.switch-D,.addclasswitch-D{
		position: absolute;
		content:"";
		top: 0;
		left: 1px;
		width: 18px;
		height: 18px;
		background: #fff;
		border-radius: 50%;
	}
	.loading-wrap,.loading-wrap1,.bkloading-wrap-music,.bkloading-wrap-video{
		width: 100%;
		height:32px;
		position: absolute;
		top: 0;
		left: 0;
		background: rgba(192,192,192,0.5);
		justify-content: center;
		align-items: center;
		display: none;
	}
	#progress_bar,#progress_bar1,.progress_barMusic,.progress_barVideo{
		width: 100%;
		height: 32px;
		background: rgb(192,192,192,0.5);	
	}
	.progress_length{
		width: 100%;
	}
	#progress_bar input,#progress_bar1 input,.progress_barMusic input,.progress_barVideo input{
		border:none;
		outline: none;
		height: 32px;
		width: 0;
		background: #c30d23;
	}
	.uploadNum{
		position: absolute;
		top: 0;
		right: 0;
		line-height: 32px;
	}
	.videoBtn_wrap{
		position: absolute;
		bottom:20px;
		right: 20px;
		height: 32px;
		width: 132px;
	}
	.mark_btn{
		position: absolute;
		top: 0;
		left: 0;
		width: 132px;
		height: 32px;
		background: rgba(197,197,197,0.9);
		/* display: flex; */
		justify-content: center;
		align-items: center;
		cursor: not-allowed;
		display: none;
	}
	.mark_wrap_loading{
		position:absolute;
		top: 5px;
		left: 5px;
		background: transparent;
		width: 70px;
		height: 30px;
		cursor: not-allowed;
		display: none;
	}
	.oss-loading-mark-wrap{
		position:absolute;
		top: 0;
		left: 0;
		background: transparent;
		width: 100%;
		height: 100%;
		display: none;
		cursor: not-allowed;
	}
	.vue-oss-uploader-video-top-btn{
		position:relative;
	}


	.oss-loading-mark-wrap{
		position:absolute;
		top: 0;
		left: 0;
		background: transparent;
		width: 100%;
		height: 100%;
		display: none;
		cursor: not-allowed;
	}
	.mark_wrap_loading{
		position:absolute;
		top: 5px;
		left: 5px;
		background: transparent;
		width: 70px;
		height: 30px;
		cursor: not-allowed;
		display: none;
	}




	/*chang*/
	.dbtn0{
		border:solid 1px rgba(255, 188, 121, 0.82);
		color: #ffbb77;
	}
	.dbtn1{
		border:solid 1px rgba(85,153,152,0.82);
		color: #559999;
	}
	.dbtn2{
		border:solid 1px rgba(255,121,120,0.75);
		color: #ff7777;
	}
	.dbtn3{
		border:solid 1px rgba(186,85,117,0.6);
		color: #ba5573;
	}
	.dbtn4{
		border:solid 1px rgba(90,95,161,0.8);
		color: #585ea0;
	}
	.dbtn5{
		border:solid 1px rgba(222,69,126,0.8);
		color: #dc457d;
	}
	.dbtn6{
		border:solid 1px rgba(237,120,85,0.85);
		color: #ec7754;
	}
	.dbtn7{
		border:solid 1px rgba(120,95,192,0.8);
		color: #785fc0;
	}
	.dbtn8{
		border:solid 1px rgba(254,204,89,0.85);
		color: #fecc59;
	}
	.dbtn9{
		border:solid 1px rgba(195,99,180,0.85);
		color: #c363b4;
	}
	.danclick.dbtn0{
		background-color: rgba(255, 188, 121, 0.82);
		color: #fff;
	}
	.danclick.dbtn1{
		background-color: rgba(85,153,152,0.82);
		color: #fff;
	}
	.danclick.dbtn2{
		background-color: rgba(255,121,120,0.75);
		color: #fff;
	}
	.danclick.dbtn3{
		background-color: rgba(186,85,117,0.6);
		color: #fff;
	}
	.danclick.dbtn4{
		background-color: rgba(90,95,161,0.8);
		color: #fff;
	}
	.danclick.dbtn5{
		background-color: rgba(222,69,126,0.8);
		color: #fff;
	}
	.danclick.dbtn6{
		background-color: rgba(237,120,85,0.85);
		color: #fff;
	}
	.danclick.dbtn7{
		background-color: rgba(120,95,192,0.8);
		color: #fff;
	}
	.danclick.dbtn8{
		background-color: rgba(254,204,89,0.85);
		color: #fff;
	}
	.danclick.dbtn9{
		background-color: rgba(195,99,180,0.85);
		color: #fff;
	}
	.dan_btn>em{
		font-size: 0;
	}