.abpage-gboximgbg{background: #000000a0;position: fixed;top: 0;width: 100vw;height: 100vh;align-items: center;justify-content: center;display: none;z-index: 9999;transition: .3s;}
.abpage-gboximgbg.active{display: flex;transition: .3s;}
.abpage-gboximgex{max-width: 1000px;padding: 20px;background: #fff;position: relative;height:calc(100% - 180px)}
.abpage-gboximgbg .detail-title{font-size: var(--fontsize22);padding-bottom: 10px;margin: 10px auto;border-bottom: 1px solid #E7EEEE;color:#fff}
.abpage-gboximgexit{display: flex;align-items: center;width: 50px;height: 50px;background: #fff;border-radius: 50%;justify-content: center;position: absolute;cursor: pointer;right: -20px;top: -20px;border: 2px #b4b4b4 solid;}
.abpage-gboximgexit span{width: 3px;height: 40px;background: #b4b4b4;position: absolute;}
.abpage-gboximgexit span:nth-child(1){transform: rotate(45deg);}
.abpage-gboximgexit span:nth-child(2){transform: rotate(-45deg);}
.abpage-gboximged{height:100%}
.abpage-gboximged img{width: 100%;height:100%}
.abpage-gboximgtop{display: flex;justify-content: space-between;align-items: center;margin-bottom: 20px;}