body {
    min-width: 1200px;
}

.blue {
    color: #2E89E6;
}

.bg-blue {
    background-color: #2E89E6;
}

.pink {
    color: #F86262;
}

.fw5 {
    font-weight: 500;
}

.bg-pink,
.rank1 {
    background-color: #F86262;
}

.rank0 {
    background-color: #AFBBC8;
}

.rank2 {
    background-color: #FD7B32;
}

.rank3 {
    background-color: #F9BA1A;
}

.orange {
    color: #FD7B32;
}

.bg-orange {
    background-color: #FD7B32;
}

.border {
    border: 1px solid #EBEAE8;
}

.border-bottom {
    border-bottom: 1px solid #EDEDED;
}

.left-width {
    width: 840px;
}

.right-width {
    width: 350px;
}
.game-detail .left iframe {
    margin-top: 10px;
}
.game-content {
    background-color: #f9f9f9;
}

.game-info .info-left .game-cover {
    width: 180px;
    height: 235px;
}
.game-info .info-left .game-cover {
    width: 180px;
    height: 235px;
    transition: transform 0.3s;
}
.game-info .info-left .game-cover:hover {
    transform: scale(1.05);
}

.game-info .info-left .like {
    background-color: #F2543F;
    color: #fff;
}

.game-info .info-left .like:nth-last-child(1) {
    background-color: #B4B4B4;
}

.game-info .info-left .game-like {
    width: 180px;
}

.game-info .info-left .info-middle .items {
    width: 400px;
}

.game-info .info-left .items .item {
    width: 48%;
    margin-bottom: 6px;
    margin-right: 6px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.game-info .info-left .items .item:nth-last-child(1) {
    width: 100%;
    margin-bottom: 6px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.game-info .info-left .dow-local {
    width: 204px;
    height: 56px;
    background: url("../images/dow-local.png");
    background-size: 100% 100%;
    transition: transform 0.3s;
}
.game-info .info-left .dow-will {
    width: 204px;
    height: 56px;
    background: url("../images/dow-will.png");
    background-size: 100% 100%;
    justify-content: center;
}

.dow-will span:nth-child(1) {
    padding-top: 0;
}

.game-info .info-left .dow-local.hover:hover {
    transform: scale(1.05);
}

.game-info .info-left .dow-none {
    width: 204px;
    height: 56px;
    color: #ACB0B4;
    background-color: #EFEFEF;
}

.game-info .info-left .dow-high {
    width: 204px;
    height: 56px;
    color: #fff;
    background: url("../images/down-high.png");
    background-size: 100% 100%;
    transition: transform 0.3s;
}

.game-info .info-left .dow-high.hover:hover {
    transform: scale(1.05);
}

.game-info .score {
    width: 92px;
    height: 116px;
    background: url("../images/like-score.png");
}

.game-info .info-ad {
    width: 330px;
    height: 300px;
}

.game-info .info-ad img {
    width: 330px;
    height: 300px;
}

.game-info .info-ad + div {
    margin-bottom: 0 !important;
}

.game-info > div {
    margin-bottom: 0 !important;
}

.game-detail .left .ggimgleft {
    width: 840px;
    border-radius: 6px;
}
.game-info .info-ad .ad-txt {
    position: absolute;
    bottom: 10px;
    left: 10px;
}

.game-info .ggimgleft {
   border-radius: 6px;
}

.right-ad {
    width: 350px;
    height: 300px;
}

.right-ad img {
    width: 350px;
    height: 300px;
}

.right-ad .ad-txt {
    position: absolute;
    bottom: 10px;
    left: 10px;
}

.game-detail .imgs-nav .nav.active {
    position: relative;
    color: #2E89E6;
    font-weight: 700;
}

.game-detail .imgs-nav .banner-lists img{
    margin-right: 16.25px;
}
.game-detail .imgs-nav .banner-lists img:last-child{
    margin-right: 0;
}

.game-detail .imgs-nav .nav.active::after {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0px;
    width: 46px;
    height: 4px;
    background-color: #2E89E6;
    border-radius: 23px;
}

.game-detail .game-imgs .screenshot-hover {
    width: 800px;
    height: 412px;
}

.game-detail .game-imgs .banner-big {
    width: 800px;
    height: 412px;
    transition: transform 0.3s ease-out;
}

.game-detail .game-imgs .banner-big:hover {
   transform: scale(1.05);
}

.game-detail .game-imgs .banner-sm {
    width: 147px;
    height: 79px;
    opacity: 50%;
}

.game-detail .game-imgs .banner-sm.active {
    opacity: 100%;
}

.game-detail .game-intro .recom {
    padding: 10px 16px;
    background-color: #F4F4F4;
}

.game-detail .game-intro .recom a {
    max-width: 110px;
    color: #2E8AE6;
    font-size: 14px;
    margin: 0 12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.game-detail .game-intro .detail p {
    margin: 8px 0;
}

.game-theme:nth-last-of-type(1) {
    margin-bottom: 10px;
}

.game-theme {
    padding: 20px 20px 12px 20px;
}

.game-theme .lists ul li {
    width: 365px;
    margin: 6px 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.game-theme .lists ul li a {
    color: #333;
}

.game-theme .lists ul li {
    list-style: inside;
}

.game-theme .lists ul li::marker {
    color: #d9d9d9;
}

.game-theme .lists ul li:hover a {
    color: #2E89E6
}

.game-theme .lists ul li:hover::marker {
    color: #2E89E6;
}

.game-reso .left {
    width: 402px;
}

.game-reso .info-ad3 {
    width: 360px;
    height: 433px;
}

.game-reso .down-btn {
    margin: 8px 30px 8px 0;
}
.game-reso .down-btn .down-bg{
    transition: transform 0.3s;
}
.game-reso .down-btn:hover .down-bg{
    transform: scale(1.05);
}

.game-reso .down-url {
    color: #2E89E6;
    margin: 10px 90px 10px 10px;
}
.game-reso .down-url:hover a {
    color: #f30;
}

.game-reso .down-url:nth-child(2n),
.game-reso .down-btn:nth-child(2n) {
    margin-right: 0;
}

.img-hover .img-limit {
    width: 147px;
    height: 196px;
    border-radius: 6px;
    overflow: hidden;
}

.img-hover .game-ad {
    width: 147px;
    height: 196px;
    transition: transform 0.3s;
}

.img-hover .game-ad:hover {
    transform: scale(1.15);
}

.img-hover .game-title {
    width: 147px;
    text-align: center;
}

.game-remark .more {
    color: #979797;
    margin-right: -6px;
}

.friendship-url .lists li {
    width: 12.5%;
    margin: 8px 0;
    padding: 0px 4px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.game-right .ggimgleft {
    width: 350px !important;
    border-radius: 6px;
    margin-top: 4px;
}

.friendship-url .lists a {
    color: #333;
}

.friendship-url .lists li:last-child:nth-child(8n - 1) {
    margin-right: 12.5%;
}

.friendship-url .lists li:last-child:nth-child(8n - 2) {
    margin-right: 25%;
}

.friendship-url .lists li:last-child:nth-child(8n - 3) {
    margin-right: 37.5%;
}

.friendship-url .lists li:last-child:nth-child(8n - 4) {
    margin-right: 50%;
}

.friendship-url .lists li:last-child:nth-child(8n - 5) {
    margin-right: 62.5%;
}

.friendship-url .lists li:last-child:nth-child(8n - 6) {
    margin-right: 75%;
}

.friendship-url .lists li:last-child:nth-child(8n - 7) {
    margin-right: 87.5%;
}

.game-right .rank-hover {
    width: 100px;
    height: 130px;
}
.game-right .rank-cover {
    width: 100px;
    height: 130px;
    transition: transform 0.3s;
}
.game-right .rank-cover:hover {
    transform: scale(1.1);
}

.game-right .down-btn {
    background-color: rgba(253, 123, 50, 0.12);
}

.game-right .game-fine .game-ad {
    width: 147px;
    height: 196px;
}

.game-right .game-fine .game-title {
    width: 147px;
}

/* ???????????? */
.star-score {
    width: 102px;
    height: 16px;
    background: url("../images/star.png");
    background-size: 100% 100%;
}

.star-score img {
    width: 102px;
    height: 16px;
}

.star-score .star-box {
    width: 0px;
    height: 16px;
    overflow: hidden;
}

.star-score .star-box.star1 {
    width: 20%;
}

.star-score .star-box.star2 {
    width: 40%;
}

.star-score .star-box.star3 {
    width: 60%;
}

.star-score .star-box.star4 {
    width: 80%;
}

.star-score .star-box.star5 {
    width: 100%;
}

.star-score .star-box.star0-5 {
    width: 8%;
}

.star-score .star-box.star1-5 {
    width: 29%;
}

.star-score .star-box.star2-5 {
    width: 50%;
}

.star-score .star-box.star3-5 {
    width: 71%;
}

.star-score .star-box.star4-5 {
    width: 92%;
}

/* end */