.share-editor-wrap{
	//文本框样式
	height: 100%;
	position: relative;
	.text-box-wrap {
		margin:0 0 2px 0;
		width: 100%;
		height: calc(100% - 42px);
		position: relative;
		.share-editor-text{
			padding: 0;
			height: 100%;
			width:100%;
			color:#021726;
			outline: none;
			border:none;
			padding: 0 5px 15px 5px;
			resize: vertical;
			&:focus + .bottom-line{
				width: calc(100% + 10px);
				left:0;
			}
		}
		.bottom-line{
			display: block;
			height: 2px;
			width: 0px;
			left: 50%;
			position: relative;
			top: -4px;
    		background-color: #1b87d9;
    		transition: all .2s ease;
    		z-index: 2;
		}
		.bottom-border{
			display: block;
			position: relative;
			width: calc(100% + 10px);
			height: 1px;
			background: #e4ebf0;
			top: -5px;
		}
		.word-limitation{
			position: absolute;
			bottom: 10px;
			right: 6px;
			.total-word-num{
				color: #3d5566;
			}
		}
	}
	.input-file-triker{
		display: none;
	}
	//文件上传交互预览样式
	.upload-file-wrap{
		margin: 14px 0 0 0;
		overflow: hidden;
		.file-item{
			height: 185px;
			width: 150px;
			float: left;
			margin:0 10px 0 0 ;
			position: relative;
			.docx-text{
				font-size: 16px;
				line-height: 150px;
				color: #fff;
				position: absolute;
				left: 44px;
				top: 0;
			}
			.loaded-box, .loading-box{
				height: 150px;
				overflow: hidden;
				position: relative;
				cursor: pointer;
			}
			.file-info-preview{
				.prew-icon{
					position: absolute;
					width: 50px;
					height: 50px;
					border-radius: 50%;
					background: #66757f;
					color: #fff;
					line-height: 50px;
					text-align: center;
					font-size: 20px;
					top: -50px;
					left: 50%;
					margin-left: -25px;
					transition: all  .2s ease;
					opacity: 0;
					z-index: 2
				}
				.file-name{
					font-family:AppleSystemUIFont;
					font-size:12px;
					color:#ffffff;
					line-height:20px;
					text-align:left;
					background: #66757f;
					height: 20px;
					overflow: hidden;
					position: absolute;
					bottom: -20px;
					transition: all .2s ease;
					width: 100%;
					text-align: center;
					white-space: nowrap;
					text-overflow:ellipsis;
					opacity: 0
				}
				&:hover .file-name{
					bottom: 0;
					opacity: 1;
				}
				&:hover .prew-icon{
					top: 50px;
					opacity: 1;
				}

			}
			&:hover .file-options{
				display: block;
			}
			.font-docx-file-bg {
				text-align: center;
				line-height: 150px;
				background: #f5f8fa;
				font-size: 80px;
				color: rgb(206,167,73);
				position: relative;
			}
			.local-preview-img{
				width: 150px;
				height: 150px;
			}
			.loading-box{
				position: relative;
				.file-loading-progress{
					width: 120px;
					height: 6px;
					position: absolute;
					top: 50%;
					margin-top: -3px;
					left: 50%;
					margin-left: -60px;
					background:#ffffff;
					box-shadow:0 3px 5px 0 rgba(0,0,0,0.30);
					border-radius:10px;
					.load-mask{
						height: 100%;
						background: url('./progressMask.png') repeat-x 0 0;
					}
				}
			}
		}
		.file-options{
			display: none;
			.options{
				font-family:AppleSystemUIFont;
				font-size:12px;
				color:#005999;
				line-height:35px;
				text-align:left;
				margin: 0 9px 0 0;
			}
		}
	}
	//操作按钮区域
	.options-area-wrap{
		height: 33px;
		.right-options{
			float: right;
			position: relative;
			right: -10px;
			.base-button-component{
				float: right;
			}
			.filter-wrap{
				float: right;
			}
		}
		.icon-btn{
			display: inline-block;
			width: 28px;
			height: 33px;
			font-size: 16px;
			color:rgb(96,110,121);
			margin: 0 8px 0 0;
			text-align: center;
			line-height: 33px;
			&:hover{
				background:#ffffff;
				box-shadow:0 1px 2px 0 rgba(0,0,0,0.30);
				border-radius:2px;
			}
		}
		//私密性筛选样式
		.filter-wrap{
			float: right;
			position: relative;
			.filter-list{
				position: absolute;
				background:#ffffff;
				box-shadow:0 3px 5px 0 rgba(0,0,0,0.30);
				border-radius:2px;
				width:170px;
				height:90px;
				padding: 5px 0 5px 0;
				li{
					cursor: pointer;
					padding: 0 0 0 15px;
					font-family:AppleSystemUIFont;
					font-size:12px;
					color:#36434d;
					line-height:20px;
					text-align:left;
					line-height: 30px;
					&:hover{
						background: #eee;
					}
				}
			}
			.filter-btn{
				font-family:AppleSystemUIFont;
				font-size:14px;
				color:#35434c;
				letter-spacing:0;
				line-height:24px;
				position: relative;
				padding : 6px 16px 6px 5px ;
				&:after{
					content: '';
					width: 0px;
					height: 0px;
					border: 4px solid transparent;
					border-top: 6px solid #66757f;
					position: absolute;
					top: 50%;
					margin-top: -3px;
					right: 3px;
				}
				&:hover{
					background:#ffffff;
					box-shadow:0 1px 2px 0 rgba(0,0,0,0.30);
					border-radius:2px;
				}
			}
		}
	}
}