.pre-copy {
 font-size:0.8em;
 padding:0;
 color:#fff;
 min-height:1em;
 line-height:normal;
}
.pre-copy p {
 text-align:right;
 margin:0;
 padding:0 1em 0 0;
}
.pre-copy p span {
 background:#ddd;
 padding:0 1.5em;
 color:#000;
 cursor:pointer;
 font-weight:bold;
 border-left:double 5px white;
 fill:black;
}
.pre-copy p span svg {
 width:1em;
 display:inline-block;
 margin:0 0 0 2px;
}
.pre-copy p span:hover {
 background:#333;
 text-shadow:1px 1px 1px rgba(255,100,100,0.2);
 box-shadow:-2px -2px 2px rgba(255,255,255,0.2) inset;
 color:#fff;
 fill:#fff;
}
#result{ height:300px;border:1px solid gray;padding:1px;overflow: auto;}
.result_item{ border: 1px solid #cecece;padding:5px;position: relative;}
.result_item .delbtn{
    position: absolute;
    top:1px;left:1px;
    border: 1px solid black;
    background: black;
    color: white;
    padding: 1px;
    line-height: 1em;
    cursor: pointer;
}
#result div.result_item:nth-child(1){
	border:  2px solid black;
    opacity: 0;
    transition: all 0.5s;
}
#result div.result_item.op{
    opacity: 1;
}