@charset "utf-8";
.elf-pop{position: absolute;top: 0;left: 0;width:100%;height:100%;z-index:9999;}
.elf-pop-mask{position: fixed;left:0;top:0;right:0;bottom:0;background-color: #000;opacity: .3;z-index: 1;}
.elf-pop-mask~div{z-index: 2;}
.elf-pop-body{position: absolute;left:0;top:0;width:100%;height:100%;}
.elf-pop-close{position: fixed;top:0;right: 0;z-index: 3; display: inline-block; width: 48px;height:48px; font-size: 48px; line-height: 46px; text-align: center; cursor: pointer; font-family: "Maiandra GD","Helvetica Neue",Helvetica, Arial,"微软雅黑";}
.elf-pop-close:before{content: "×";display: inline-block;}
.elf-pop-close:hover{color: red;}
.elf-pop-content{position: relative;}
.elf-pop-content .elf-pop-close{position: absolute; width: 24px;height: 24px; background-color: rgba(3, 3, 3, .9); border-radius: 100%; color: #fff; right: 3px;top: 3px; font-size: 24px; line-height: 24px; box-shadow: 0 0 3px 1px rgba(0,0,0,.5);}
.elf-pop-content .elf-pop-close:hover{background-color: rgba(255, 54, 54, 1); color: #fff;}