用户:10977852/gicon.css

注意：在发布之后，您可能需要清除浏览器缓存才能看到所作出的变更的影响。

Firefox或Safari：按住Shift的同时单击刷新，或按Ctrl-F5或Ctrl-R（Mac为⌘-R）
Google Chrome：按Ctrl-Shift-R（Mac为⌘-Shift-R）
Internet Explorer或Edge：按住Ctrl的同时单击刷新，或按Ctrl-F5
Opera：按 Ctrl-F5。

.gicon {
    width: 85px;
    height: 103px;
    margin: 7px 5px;
    border-radius: 5px;
    box-shadow: 0 1px 3px #BFBFBF;
    position: relative;
    display: inline-block;
}

.giconBackGround {
    position: absolute;
    bottom: 0;
    left: 0;
}

.giconTop {
    position: absolute;
    top: 5px;
    left: 5px;
}


.giconBottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.giconBottom div {
    color: #495366;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: bolder;
    text-align: center;
    font-size: 13px;
}


.gicon4, .gicon4星 {
    background: linear-gradient(180deg, #565382 0%, #896BA7 100%);
}

.gicon5, .gicon5星 {
    background: linear-gradient(180deg, #865A2E 0%, #B2732B 100%);
}

.gicon a:hover {
    text-decoration: none;
}

.gicon img {
    border-radius: 5px 5px 0 0;
}