@charset "UTF-8";

.eediter {
        max-width: 750px;
		min-width: 540px;
        ma3rgin: 0 auto;
		bo3rder:1px solid #ff0000;
		-webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
      }
.eediter ul{margin:0px;padding:0px;list-style: none;}

.eediter li {	   
        list-style: none; position:relative;
        background: rgb(255, 255, 255);
        border: 1px solid rgb(196, 196, 196);
        margin: 5px 0;
        font-size: 12px;
		cursor: move;
		background-color:#fff;
		padding:6px;
      }
.eediter li.text3{height:80px;}
.eediter li.audio{height:80px;background:#fff url("images/audio.gif") no-repeat 20px center;}	  
.eediter li.video{height:80px;background:#fff url("images/video.gif") no-repeat 20px center;}
.eediter li img.editerimg{
	max-width:120;
	max-height:80px;
	-webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
}
.eediter textarea{line-height:18px;width:95%;}	  
.eediter a.del{
	  position:absolute;right:0px;top:0px;
	  display:inline-block;
	  width:20px;height:20px; background:url("images/del.png")  no-repeat left top;
	  background-size:100% 100%;
	  }




.eediter .addtext,.eediter .addimage,.eediter .addaudio,.eediter .addvideo{
cursor:pointer;
display: inline-block; width:30px;height:30px;margin-left:5px;margin-right:5px;font-size:1px; overflow:hidden;}
 
.eediter .addtext{ background:url("images/text.gif")  no-repeat left top;background-size:30px 30px; backgrou4nd: none\9;fi4lter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale,src="images/text.gif");}
.eediter .addimage{background:url("images/image.gif")  no-repeat left top;background-size:100% 100%; backg4round: none\9;fi4lter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale,src="images/image.gif");}
.eediter .addaudio{ background:url("images/audio.gif")  no-repeat left top;background-size:100% 100%; backgr4ound: none\9;f4ilter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale,src="images/audio.gif");}
.eediter .addvideo{background:url("images/video.gif")  no-repeat left top;background-size:100% 100%; backgr4ound: none\9;filt4er: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale,src="images/video.gif");}
.eediter .file{width:30px;height:30px;display:inline-block;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; opacity: 0;cursor:pointer;}
.eediter a:hover{box-sha3dow: 0 0 6px #ccc;bo3rder:1px solid #ccc;}


/*移动端*/
.mediter{margin-right:40px;margin-bottom:800px;font-size:16px; }
.mediter a{ text-decoration:none;}
.mediter ul{border:0px solid #ff0000;}
.mediter ul,.mediter li{margin:0px;padding:0px;list-style:none;}
.mediter img{max-width:100%; display:block;}
.mediter dl{border:1px solid #ccc;margin:0.2rem;-webkit-border-radius: 5px;-moz-border-radius: 5px;-o-border-radius: 5px;border-radius: 5px;}
.mediter dt{ background-color:#f5f5f5;border-bottom:1px solid #ccc;height:35px;}
.mediter dd{margin:0px;padding:5px;color:#555;min-height:0.6rem;}
.mediter p{}
.mediter audio{display:block;border:0px solid #ff0000;width:100%;}
.mediter video{display:block;border:0px solid #ff0000;width:100%;height:200px; object-fit: fill;}
.mediter textarea{width:100%;border:0px;resize:none;font-size:16px;}
.mediter input{width:100%;border:0px;font-size:16px; font-weight:bold;}

a.titledel{display:inline-block;width:28px;height:28px;line-height:28px;float:left;background-color:#fff;
background:#f5f5f5 url(images/del.png) no-repeat center center; background-size:28px 28px;color:#fff;
}

a.titleup,a.titledown{ background-color:#ccc;float:right;width:28px;height:28px;line-height:28px;color:#fff;margin-right:20px;}
a.titleup{background:#f5f5f5 url(images/up.png) no-repeat center center;background-size:28px 28px;}
a.titledown{background:#f5f5f5 url(images/down.png) no-repeat center center;background-size:28px 28px;}

.mediter_tool {
	position:fixed;
    width: 30px;
	right:0px;
	top:20px;
    background-color: #f2f2f2;
    padding: 5px;
    border-radius: 5px;	
	border:1px solid #666;
	padding-bottom:15px;
}
.mediter_tool .left {
	position: absolute;
    width: 0;
    height: 0;
    left: -20px;
    top: 14px;
	
    z-index: 1;
    border-width: 10px;
    border-style: solid;
    border-color: transparent;	
	border-right-color: #666;   
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);}
.mediter_tool .file{width:30px;height:30px;display:inline-block;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; opacity: 0;cursor:pointer;}
.mediter_tool a{display:block;border:0px solid #ff0000;width:30px;height:30px;margin-top:20px;pad3ding-top:5px;pad3ding-bottom:5px;}

.mediter_tool a.maddtitle{ background:transparent url(images/title.gif) center center no-repeat;background-size: 30px 30px;}
.mediter_tool a.maddtext{ background:transparent url(images/text.gif) center center no-repeat;background-size: 30px 30px;}
.mediter_tool a.maddimage{ background:transparent url(images/image.gif) center center no-repeat;background-size: 30px 30px;}
.mediter_tool a.maddaudio{ background:transparent url(images/audio.gif) center center no-repeat;background-size: 30px 30px;}
.mediter_tool a.maddvideo{ background:transparent url(images/video.gif) center center no-repeat;background-size: 30px 30px;}
