@charset "utf-8";

.module.profile { background: #fff url("../images/bg/bg_1.png") no-repeat; background-size: cover;}
.module.development { background: #e9f6fe url("../images/bg/bg_2.png") no-repeat; background-size: cover;}
.module.game-list { background: #f9f9f9 url("../images/bg/bg_3.png") no-repeat; background-size: cover;}
.module.business { background: #fafafa url("../images/bg/bg_4.png") no-repeat; background-size: cover;}

.module .game-list-content { padding: 10px 0 20px 0;}

.module .game-list-box { text-align: center; margin-bottom: 65px;}
.module .game-list-box ul { text-align: center; width: 732px; margin: 0 auto; overflow: hidden;}
.module .game-list-box li { width: 350px; height: 270px; float: left; text-align: center; margin: 0 8px; background-size:100%; cursor: pointer; }
.module .game-list-box li div { width: 100%; height: 100%; background-color:rgba(131,190,71,.8); display: none;}
.module .game-list-box li:hover div { display: block;}
.module .game-list-box li:nth-child(2) div img { width:160px;}
.module .game-list-box li img { width: 80px; height: 80px; margin: 0 auto; padding-top:45px;}
.module .game-list-box li h5 { color: #000; font-size: 16px; padding: 10px 0;}
.module .game-list-box li a { display: inline-block; color: #fff; font-size: 16px; width: 110px; height: 32px; line-height: 32px; text-align: center; background: #555354; border-radius: 5px;}

.yyp-banner {}
.yyp-banner .yyp-banner-main { width: 100%;}
.yyp-banner .yyp-banner-main .swiper-wrapper { width: 100%; height: 5.56rem;}
.yyp-banner .yyp-banner-main .swiper-wrapper li { width: 100%; height: 100%; background-size: 100% 100%; background-repeat:no-repeat; }

.yyp-main{}
.yyp-content_title{
    width: 100%;
}
.yyp-content_relate{
    margin-top: 8px;
    padding-bottom: 80px;
}
.yyp-content_relate_left{
    width: 45%;
    height: 100%;
    margin-right: 5%;
    float: left;
}

.yyp-content_relate_left .left-con { width: 90%;}
.yyp-content_relate_left p{
    color: #0d0d0d;
}
.yyp-content_relate_left strong{
    display: block;
    text-align: center;
    font-size: 30px;
    margin-bottom: 15px;
    font-weight: normal;
    color: #0d0d0d;
}
.yyp-content_relate_left p{
    font-size: 18px;
    width: 100%;
    text-indent: 36px;
    display: inline-block;
    line-height: 32px;
}

.yyp-content_relate_right{
    width: 50%;
    height: 100%;
    float: right;
    overflow: hidden;
    border:4px solid #B7DEFF;
    border-radius: 4px;
}
.yyp-content_relate_right img { display: block; width: 100%;}

.development .development-box img { width: 100%;}

.swiper_banner_content{
    width: 455px;
    position: absolute;
    z-index: 2;
    bottom: .74rem;
    right: 3.16rem;
}

.swiper-slide img { width: 100%;}

.swiper_banner_the_title{
    font-size: .42rem;
    font-weight: bold;
    padding-bottom: .05rem;
    border-bottom: 1px solid #7c7b81;
    margin-bottom: .05rem;
}

.swiper_banner_the_content{
    line-height: 28px;
    font-size: .18rem;
}
.swiper_banner_the_icon{
    overflow: hidden;
    margin: .2rem 0 0 0;
}
.swiper_banner_the_icon img{width: 1.05rem; display: inline-block;}
.swiper_banner_the_icon img.swiper_banner_the_icon-first { margin-right: 20px;}
.swipe_bannerr_details{
    width: 180px;
    height: 58px;
    line-height: 58px;
    text-align: center;
    display: inline-block;
    background: url("../images/icon/index_btn.png") no-repeat;
    color: #fff;
    margin-top: 38px;
    font-size: 26px;
    cursor: pointer;
}

#mainBanner .main-banner-swiper {
    position: absolute;
    top: 50%;
    width: 48px;
    height: 80px;
    margin-top: -40px;
    z-index: 10;
    cursor: pointer;
    display: none;
    animation-duration: .3s; -webkit-animation-duration: .3s; -moz-animation-duration: .3s; -o-animation-duration: .3s;
}
#mainBanner:hover .main-banner-swiper{
    display: block;
}
.swiper-prev{
    background: rgba(0,0,0,0.4) url('../images/icon/swiper_left.png') no-repeat 0/100% 100%;
    left: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.swiper-next{
    background: rgba(0,0,0,0.4) url('../images/icon/swiper_right.png') no-repeat 0/100% 100%;
    right: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.my_bullet{
    background: #fff;
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 100%;
    cursor: pointer;
    margin: 0 4px;
    opacity: .8;
}
.my_bullet_active{
    opacity: 1;
    background: #179f61;
}
.swiper_bullet{bottom: .5rem !important;}


.yyp-info { }
.yyp-info .module-box { top: -.48rem; z-index: 2; background: #fff; box-shadow: 0 1px 5px rgba(0,0,0,.1); padding: 10px 28px 60px;}
.yyp-info .module-box .new-list { width: 700px; float: left;}
.yyp-info .module-box .game-s-list { width: 345px; float: right;}
.yyp-info .module-box h4 { height: 36px; line-height: 36px; font-size: 18px; color: #000; }

.yyp-info .module-box .new-list li { padding: 8px 0; border-bottom: 1px solid #ddd; position: relative; cursor: pointer; }
.yyp-info .module-box .new-list li i { display: inline-block; width: 10px; height: 14px; position: absolute; top: 17px; background: url("../images/icon/li.png") no-repeat 0/100% 100%;}
.yyp-info .module-box .new-list li img { width: 90px; height: 64px; display: none; float: left; }
.yyp-info .module-box .new-list li p { margin-left: 16px; display: inline-block; padding: 0;}
.yyp-info .module-box .new-list li p a { font-size: 16px; color: #33383e; line-height: 32px; white-space: nowrap; display: inline-block;
    text-overflow: ellipsis; overflow: hidden; word-break: break-all; width: 590px;
}
.yyp-info .module-box .new-list li p a:hover { text-decoration: underline;}
.yyp-info .module-box .new-list li p span { position: absolute; bottom: 14px; right: 0; line-height: 32px; color: #858a8d; }

.yyp-info .module-box .new-list li.active {

}
.yyp-info .module-box .new-list li.active i { display: none;}
.yyp-info .module-box .new-list li.active img { display: inline-block;}
.yyp-info .module-box .new-list li.active p { margin-left: 30px; }
.yyp-info .module-box .new-list li.active p a { 
    width: 572px; 
    color: #000;
    font-size: 17px;
    white-space: normal;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
.yyp-info .module-box .new-list li.active p a span { color: #0d0d0d;}


.yyp-info .module-box .game-s-list .game-swiper-pagination { display: inline-block; float: right;}

.yyp-info .module-box .game-s-list .game-swiper-pagination .game-bullet { width: 12px; height: 12px; margin: 0 4px; cursor: pointer; display: inline-block; border-radius: 100%; background: #d7d7d7; }
.yyp-info .module-box .game-s-list .game-swiper-pagination .game-bullet-active { background: #d80403; }
.yyp-info .module-box .game-s-list ul {
    width: 3.45rem; height: 2.7rem;
    margin-top: 30px;
}
.yyp-info .module-box .game-s-list li { display: block; width: 3.45rem; height: 2.7rem; cursor: pointer; }

.yyp-info .module-box .game-s-list li .game-s-list-title { width: 100%; height: 36px; line-height: 36px; text-align: center; font-size: 16px; position: absolute; bottom: 0; background: rgba(0,0,0,.4); color: #fff; display: none;}

/*.yyp-info .module-box .game-s-list li:hover .game-s-list-title { display: block;}*/

@media (max-width: 1280px) {
    .swiper_banner_content{
        bottom: .74rem;
        right: 2.4rem;
    }
    .yyp-info .module-box{
        top:0px;
        margin: 50px 0;
        box-shadow:none;
    }
}