@charset "utf-8";

#it_galltype {position:relative; padding-bottom: 0;width:100%;}
#it_galltype ul {display: flex;justify-content: flex-start; justify-content: space-between; padding-top: 40px; margin-bottom: 50px;}
#it_galltype ul li {display: block;width:calc(33% - 15px);transition: all 0.3s;}

#it_galltype ul .gall_img {position: relative;display: block;width: 100%;height: 0;padding-bottom: 100%;overflow: hidden;border-radius: 15px;background-color: #f5f5f5;}
#it_galltype ul .gall_img .img {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);width: auto;height: auto;max-width: 100%;max-height: 100%;}

#it_galltype ul .gall_img a {display: block; width: 100%; margin-top: 15px;}
#it_galltype ul .gall_text {margin-top: 15px;font-size: 14px;line-height: 18px;display: block;color: #555;width: 100%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}

#it_galltype ul li:hover {transform: translateY(-5px);}

#it_galltype ul .gall_text:hover {color: #000;}

#it_galltype .icon_notice {position: absolute;right: 5px;top: 5px;display: inline-block;background: #333;color: #fff;font-size: 13px;line-height: 20px;padding: 0 7px;font-weight: normal;border-radius: 10px;}

#it_galltype ul li.empty_cont {display: block; font-size: 15px; text-align: center; color: #999; width: 100%; min-height: 100px; line-height: 100px;}