.add-desktop { display:none; position: fixed; bottom: 15px; left: 50%; width: 210px; margin-left: -105px; background: #FFF; padding: 5px; -webkit-border-radius: 5px; -webkit-background-clip: padding-box; -moz-border-radius: 5px; -moz-background-clip: padding; border-radius: 5px; background-clip: padding-box; font-size:.875rem;

line-height: 1.45rem; z-index: 999999; -webkit-box-shadow: 0 3px 5px rgba(0,0,0,.5); -moz-box-shadow: 0 3px 5px rgba(0,0,0,.5); box-shadow: 0 3px 5px rgba(0,0,0,.5) }

.add-desktop:before { content: ""; position: absolute; bottom: -7px; left: 50%; margin-left: -12px; height: 14px; width: 14px; overflow: hidden; background: #fff; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-box-shadow: 0 3px 5px rgba(0,0,0,.5); -moz-box-shadow: 0 3px 5px rgba(0,0,0,.5); box-shadow: 0 3px 5px rgba(0,0,0,.5) }

.add-desktop:after { content: ""; position: absolute; bottom: 0; left: 50%; margin-left: -20px; height: 15px; width: 30px; overflow: hidden; background: #fff }

.add-desktop .icon { float: left; display: block; width: 57px; height: 57px; background: url(../images/icon.png) no-repeat top center; background-size: cover; border-radius: 10px }

.add-desktop .desc { margin:0; float: left; margin-left: 10px; color: gray; position: relative; z-index: 2 }

.add-desktop .close {background:url(../images/close.png) no-repeat; position: absolute; top:8px; right: 0; display: block; width: 32px; height: 32px; cursor: pointer; z-index: 3 }

.add-desktop .upload { display: inline-block; height: 22px; width: 22px; background: url(../images/upload.png) no-repeat; background-size: contain; vertical-align: bottom }

@media screen and (device-width:768px) and (device-height:1024px) {

.add-desktop { bottom: auto; top: 12px; left: 140px; z-index: 9999 }

.add-desktop:before { top: -7px; bottom: auto }

.add-desktop:after { top: 0; bottom: auto }

}