
.wxs{
    position:absolute;
    width:1px;
    z-index:-1000;
}
.conBody{
    background: #fff;
    color: #000;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Chrome/Safari/Opera */
    -khtml-user-select: none; /* Konqueror */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none;/* Non-prefixed version, currently*/
}
.bgImg{
    width:100%;
    display:inherit;
}
/******module********/
.module{
    position:relative;
}

.module-btn{
    position:absolute;
}
/******module********/
.container{
    margin-bottom:20px;
}
/*banner*/
/*.banner{*/
    /*height:140px;*/
    /*overflow:hidden;*/
/*}*/
.banner>img{
    /*position:absolute;*/
    /*left:50%;*/
    width:100%;
    /*height:100%;*/
    /*margin-left:-350px;*/
}
.bannerBg{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(transparent 70%, #fff 92%);
}
.shareIcon{
    position:absolute;
    right:10px;
    bottom:5px;
    width:25px;
    height:25px;
}
.shareIcon img{
    width:100%;
    height:100%;
}
/*title*/
.title{
    position:relative;
    /*height:100px;*/
    /*margin: 0px 16px;*/
}
.title img{
    width:360px;
    text-align:center;
    margin:0 auto;
}
.title div{
    /*position:absolute;*/
    /*top:30%;*/
    /*left:50%;*/
    /*transform:translate(-50%);*/
    /*-webkit-transform:translate(-50%);*/
    /*width:300px;*/
    padding: 16px 16px 20px;
    line-height: 1.8;
    /*text-align:center;*/
    font-size: 15px;
    text-align: justify;
}
.intro-pic img{
    width:100%;
    text-align:center;
    margin:0 auto;
    /* padding: 0 16px 0; */
    box-sizing: border-box;
}

/*content*/
.content {
    /* padding-bottom: 10px; */
}
.app-title-color {
    color: #000;
}
/*video*/
.video-info{
    /*width:100%;*/
    position:relative;
    margin:0px 16px;
    padding-bottom:8px;
    /*border-bottom:1px solid #526E7B;*/
}
img {
    width: 100%;
}
.video-info .jsqx-info{
    border-bottom:none;
}
.video-content{
    width:100%;
    background-color:#000;
}
.video-content video{
    width:100%;
    max-height:190px;
    display:inherit;
}
.play-icon{
    position:absolute;
    top:50%;
    left:50%;
    margin-top:-33px;
    margin-left:-30px;
}
.play-icon img{
    width:60px;
}

.copywriting {
    padding: 0px 16px 20px;
    text-align: justify;
}
.copywriting h3 {
    font-size: 16px;
    padding: 14px 0 8px;
}
.copywriting p {
    font-size: 15px;
    padding-bottom: 5px;
    line-height: 1.8;
}
.content-pic img{
    width:100%;
    text-align:center;
    margin:0 auto;
    padding: 0 16px 0;
    box-sizing: border-box;
}

/*detail*/
.detail{
    box-sizing: border-box;
    margin:0px 16px 8px;
 /*   padding-bottom:9px;
    border-bottom:1px solid #526E7B;*/
}
.detailHeader{
    display:box;
    display:-webkit-box;
    display:-moz-box;
    width:100%;
}

.detailHeader .icon{
    width:50px;
}
.detail .detailHeader .icon img{
    width:50px;
}
.gameHeader{
    -moz-box-flex: 1;
    -webkit-box-flex: 1;
    box-flex: 1;
    padding-left:10px;
    padding-right:10px;

}
.gameTitle{
    /*color:#ffdb84;*/
    margin-top:13px;
    font-size:16px;
    font-weight: bold;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.gameGroup {
    margin-top: 7px;
}
.star{
    position:relative;
    margin-top:5px;
    font-size:14px;
}
.starBackground{
    display:inline-block;
    width:70px;
    height:13px;
    background:url("../images/star.png") repeat-x;
    background-size:14px 13px;
}
.star-s{
    position:absolute;
    left:0px;
    top:0px;
    width:56px;
    height:13px;
    background:url("../images/star-s.png") repeat-x;
    background-size:14px 13px;
}
.detailButton, .appointButton{
    margin-top: 3%;
    width:64px;
    text-align:center;
    /*padding: 0px 16px;*/
    border-radius: 5px;
    background: #000;
    font-size: 15px;
    /* color: #c5b38f; */
    color: #afaaaa;
    line-height:0px;
    height:13px;
    padding-top:14px;
    border:1px solid #000;
}
.disabled{
    opacity:.5;
}
.detailContent{
    line-height:22px;
    padding:5px 0px;
    text-align:justify;
}
/******firstThree********/
.firstThree{
    position: absolute;
    left: 0;
    top: 18%;
    width: 100%;
    height: 82%;
}
.firstThree li{
    /*position:absolute;*/
    /*top:0px;*/
    width:33.3%;
    height:100%;
    float:left;
}
/*.firstThree li:first-child{*/
    /*left:0px;*/
/*}*/
/*.firstThree li:nth-child(1){*/
    /*left:30%;*/
/*}*/
/******firstThree********/
/*******list*******/
.list{
    position:relative;
}
.downloadGame{
    position:absolute;
    left:50%;
    top:2.2%;
    transform:translate(-50%);
    -webkit-transform:translate(-50%);
    width:93.5%;
    height:92%;
}
.downloadGame>ul{
    width:100%;
    height:100%;
}
.downloadGame>ul li{
    width:100%;
    height:13.4%;
}
.onlineGame .downloadGame>ul>li{
    height:13.2%;
}
.console .downloadGame{
    height:96%;
    top:5%;
}
.console .downloadGame li{
    height:14.3%;
}
.newGame .downloadGame{
    top:6.2%;
    height:87%;
}
.newGame .downloadGame>ul li{
    height:19.8%;
}
.newConsole .downloadGame{
    height:95%;
}
.installing{

    animation:installing .7s infinite;
    -webkit-animation:installing .7s infinite;
}
/* .detail .detailHeader .detailButton.installed{
    background:#fbffe9;
    color:#958466;
} */
@keyframes installing {
    0%{
        background: linear-gradient(45deg,#fbffe9   25%,#c7c7c7 0,#c7c7c7 50%,#fbffe9   0,#fbffe9   75%,#c7c7c7 0);
        background-size:30px 30px;
    }
    25%{
        background: linear-gradient(45deg,#c7c7c7 12.5%,#fbffe9   0%,#fbffe9   37.5%,#c7c7c7 0,#c7c7c7 62.5%,#fbffe9   0,#fbffe9   87.5%,#c7c7c7 0);
        background-size:30px 30px;
    }
    50%{
        background: linear-gradient(45deg,#c7c7c7 25%,#fbffe9   0,#fbffe9   50%,#c7c7c7 0,#c7c7c7 75%,#fbffe9   0);
        background-size:30px 30px;
    }
    75%{
        background: linear-gradient(45deg,#fbffe9   12.5%,#c7c7c7 0%,#c7c7c7 37.5%,#fbffe9   0,#fbffe9   62.5%,#c7c7c7 0,#c7c7c7 87.5%,#fbffe9   0);
        background-size:30px 30px;

    }
    100%{
        background: linear-gradient(45deg,#fbffe9   25%,#c7c7c7 0,#c7c7c7 50%,#fbffe9   0,#fbffe9   75%,#c7c7c7 0);
        background-size:30px 30px;

    }
}
@-webkit-keyframes installing {
    0%{
        background: linear-gradient(45deg,#fbffe9   25%,#c7c7c7 0,#c7c7c7 50%,#fbffe9   0,#fbffe9   75%,#c7c7c7 0);

    }
    25%{
        background: linear-gradient(45deg,#c7c7c7 12.5%,#fbffe9   0%,#fbffe9   37.5%,#c7c7c7 0,#c7c7c7 62.5%,#fbffe9   0,#fbffe9   87.5%,#c7c7c7 0);

    }
    50%{
        background: linear-gradient(45deg,#c7c7c7 25%,#fbffe9   0,#fbffe9   50%,#c7c7c7 0,#c7c7c7 75%,#fbffe9   0);
    }
    75%{
        background: linear-gradient(45deg,#fbffe9   12.5%,#c7c7c7 0%,#c7c7c7 37.5%,#fbffe9   0,#fbffe9   62.5%,#c7c7c7 0,#62ace8 87.5%,#fbffe9   0);

    }
    100%{
        background: linear-gradient(45deg,#fbffe9   25%,#c7c7c7 0,#c7c7c7 50%,#fbffe9   0,#d6a359   75%,#FADEA9 0);

    }

}
/*******list*******/
/*******share******/
.share{
    overflow: hidden;
    padding: 40px 16px 16px;
}
.js_share {
    float: left;
}
.opinion {
    float: right;
}
.js_share, .opinion{
    width: 100%;
    height: 32px;
    line-height: 32px;
    text-align: center;
    letter-spacing: 1px;
    text-indent: 1px;
    background: #000;
    /* color: #c5b38f; */
    color: #afaaaa;
    border-radius: 5px;
    font-weight: bold;
    font-size: 15px;
    box-sizing: border-box;
}
.more{
    position: relative;
    top: 50%;
    width: 100%;
    text-align: center;
    line-height: 20px;
    font-size: 10px;
}
.mongolia{background: rgba(0,0,0,.5);position: fixed;width: 100%;height: 100%;top:0;left: 0;display: none;z-index:10}
.mongolia .yst{width: 80%;margin-left: 15%;margin-top: 0%;}
.mongolia img{width: 100%;}
/*******share******/
video::-webkit-media-controls-fullscreen-button {
    display:none!important;
}
video.downloadHide::-webkit-media-controls-download-button {
    display:none!important;
}
video.downloadHide::-webkit-media-controls-enclosure {
    overflow:hidden;
}
video.downloadHide::-webkit-media-controls-panel {
    width: calc(100% + 35px);
}
video::-internal-media-controls-download-button {
    display: none !important;
}