.gg-item{position:relative;width:222px;height:312px;background-color:#FFF;margin-bottom:20px;border:1px solid transparent;transition:all .5s}.gg-item .img-box{width:220px;height:220px;overflow:hidden}.gg-item .img-box img{width:100%;height:100%;transition:all 1s}.gg-item .info-wrap{position:relative;width:100%;height:90px;padding:0 10px;border:1px solid #EBEBEB;border-top:none}.gg-item .info-wrap .h-icon{position:absolute;left:-5px;top:6px;width:52px;height:18px}.gg-item .info-wrap .h-icon img{width:100%;height:100%}.gg-item .info-wrap .price{width:100%;height:31px;font-size:18px;font-weight:700;line-height:30px;text-align:center;border-bottom:1px solid #F3F3F3}.gg-item .info-wrap .price small{padding-right:2px;font-size:12px;font-weight:400}.gg-item .info-wrap .name{display:block;width:100%;height:34px;font-size:14px;color:#666;font-weight:700;line-height:34px;text-align:center}.gg-item .info-wrap .other{display:flex;justify-content:center;align-items:center;width:100%;height:16px;font-size:12px;color:#666;line-height:16px}.gg-item .info-wrap .other .prop{padding:0 4px;margin-left:15px;border-radius:2px;background:#EDEDED}.gg-item .info-wrap .other .para{font-size:14px;color:#999}.gg-item .info-wrap .icon-box{position:relative;z-index:2;display:flex;align-items:center}.gg-item .info-wrap .icon-box i{position:relative;width:18px;height:18px;margin-right:5px}.gg-item .hover-wrap{position:absolute;bottom:-14px;left:-1px;z-index:2;display:none;width:222px;height:104px;padding:10px 10px 0;border:1px solid transparent;background:#fff;border-top:none;transition:all .5s}.gg-item .hover-wrap .level{height:16px;margin-bottom:10px;text-align:center}.gg-item .hover-wrap .level img{width:auto;height:16px}.gg-item .hover-wrap .year{display:flex;justify-content:center;margin-bottom:12px}.gg-item .hover-wrap .year span{display:flex;justify-content:center;align-items:center;height:16px;padding:0 4px;border-radius:2px}.gg-item .hover-wrap .year.year1 span{color:#955228;background:#ffe7ba}.gg-item .hover-wrap .year.year2 span{color:#333;background:#e6b965}.gg-item .hover-wrap .year.year3 span{color:#e7c585;background:#955228}.gg-item .hover-wrap .btn-wrap{display:flex;justify-content:space-between;width:100%;height:32px}.gg-item .hover-wrap .btn-wrap a{width:99px;height:32px;font-size:12px;color:#fff;line-height:32px;text-align:center;background:#FF9358}.gg-item .hover-wrap .btn-wrap a:hover{background:#FF5A00}.gg-item:hover{border-color:#FF5A00;-webkit-box-shadow:0 0 20px 0 rgba(51,51,51,.2);box-shadow:0 0 20px 0 rgba(51,51,51,.2);-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}.gg-item:hover .img-box img{transform:scale(1.1)}.gg-item:hover .info-wrap .h-icon{opacity:0}.gg-item:hover .hover-wrap{display:block;border-color:#FF5A00}