#box{
    width: 100%;
}
html,body,#box{
    width: 100%;
    height:100% ;
}
.header{
    margin-bottom: 10px;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding:10px 0px;
    background:#d9c38f;
}
.icon{
    margin-left: 10px;
}
.icon_img{
    width: 130px;
    height: 130px;
    display: inline-block;
    margin-left:50%;
    transform: translateX(-50%);
}
.icon_content{
    flex:1;
    margin:0px 20px;
}
.icon_title{
    font-size: 20px;
    margin: 0;
}
.icon_games{
    font-size: 12px;
    margin: 10px 0;
}

.score>img{
    width: 118px;
    vertical-align: middle;
}
.score>span{
    font-size: 20px;
    display: inline-block;
    margin-left: 8px;
    vertical-align: middle;
}
.download{
    display: flex;
    flex-direction: row;
    margin-top: 10px;
}
.ios,.android{
    width: 90px;
    height: 35px;
    border-radius: 10px;
}
.ios{
    background: url("../img/ios.png") no-repeat;
    background-size: 100% 100%;
    display: none;
}
.android{
    background: url("../img/AndroidDownload@2x.png") no-repeat;
    background-size: 100% 100%;
    margin-left: 10px;
}
.img-swiper{
    height:390px;border-bottom:4px solid #e8e8e8;margin:0 auto;width: 100%;max-width:680px;overflow: hidden;
}
.swiper-container {
    width: 234px;
    height: 390px;
    margin-bottom: 53px;
    overflow: visible!important;
}
.swiper-container .swiper-wrapper .swiper-slide {
    width: 620px;
    border-radius: 20px;
}

.swiper-container .swiper-wrapper .swiper-slide img {
    width: 100%;
    height: 360px;
    border-radius: 20px;
}

.swiper-container .swiper-wrapper .swiper-slide-prev {
    margin-top: 18px;
    height: 360px!important;
}

.swiper-container .swiper-wrapper .swiper-slide-prev img {
    height: 340px!important;
}

.swiper-container .swiper-wrapper .swiper-slide-next {
    margin-top: 18px;
    height: 340px!important;
}

.swiper-container .swiper-wrapper .swiper-slide-next img {
    height: 340px!important;
}

.swiper-container .swiper-wrapper .swiper-slide-active {
    width: 620px;
}

.swiper-pagination {
    bottom: 5px!important;
}

.swiper-pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: #ff1e1e;
}

.swiper-pagination .swiper-pagination-bullet-active {
    width: 21px;
    height: 12px;
    background: #e75230;
    border-radius: 6px;
}

.content{
    width: 100%;
    background:#d9c38f;
    border-top:2px solid #d9c38f;
}

.content p{
    width: 94%;
    margin:10px auto 0;
    word-break:break-all;
    white-space:normal;
    font-size: 16px;
}
.content_title{
     font-size: 20px !important;
     font-weight:400;
 }
.banner{
    display: none;
}
@media (min-width: 771px){
    html,body,#box{
        height: 100%;
    }
    #box{
        width: 1000px;
        margin: auto;
    }
    .header{
        width: 100%;
        padding-top:20px;
        background:#d9c38f;
    }
    .icon{
        width: 200px;
        height: 200px;
    }
    .icon_img{
        width: 100%;
        height: 100%;
    }
    .icon_content{
        flex: 1;
        margin-left: 20px;
    }
    .icon_title{
        font-size: 30px;
    }
    .icon_games{
        font-size: 18px;
        margin: 10px 0px;
    }
    .icon_bwinary{
        font-size: 18px;
        margin-bottom: 10px;
    }
    .score>img{
        width: 200px;
        vertical-align:middle
    }
    .score>span{
        font-size: 30px;
        display: inline-block;
        margin-left: 10px;
        vertical-align:middle
    }
    .download{
        display: flex;
        flex-direction: row;
        margin-top: 10px;
    }
    .ios,.android{
        width: 130px;
        height: 50px;
        border-radius: 12px;
    }
    .ios{
        background: url("../img/ios.png") no-repeat;
        background-size: 100% 100%;
    }
    .android{
        background: url("../img/AndroidDownload@2x.png") no-repeat;
        background-size: 100% 100%;
        margin-left: 20px;
    }
    .banner{
        width: 100%;
        height: 360px;
        margin-top: 20px;
        display: flex;
        justify-content: space-between;
        border-bottom:4px solid #e8e8e8;
    }

    .banner img{
        width:192px;
        height: 100%;
        /*display: inline-block;*/
        margin-bottom: 20px;
    }
    .content_title{
        font-size: 25px;
        font-weight:400;
    }
    .img-swiper{
        display: none;
    }
}
@media (max-width: 770px){
    .icon{
        flex: 1;
    }
    .icon_bwinary{
        font-size: 12px;
        margin-bottom: 10px;
    }
}