*{
    font-family:"Hiragino Sans GB", "Microsoft YaHei", sans-serif;
}
a:hover,a:link{text-decoration:none;}
ul,li{
    list-style-type: none;
    padding:0;
    margin:0;
}
a.btn.btn-default{
 border:1px solid #1d2734;
    color:#1d2734;
    font-weight: 600;
}
.containerI{
    margin:2px auto;
    width:92%;
    overflow:hidden;
}
/******header*********/
body{
    margin-top:4.5em;!important;
    margin-bottom:4em;!important;
}
@media screen and (min-width:768px){
    body{
        margin-top:9em;!important;
        margin-bottom:4em;!important;
    }
}
header{
    width:100%;
    max-width: 640px;
    margin-left: auto;
    margin-right: auto;
    height:4.5em;
    background-image:url(../imgs/bg.png);
    background-size: 100% 100%;
    position:fixed;
    top:0;
    z-index:999999;


    max-width:640px;
    margin-left: auto;
    margin-right: auto;
}
.log{
    float:left;
}
.log{
    height:80%;
    margin-top:.5em;
    margin-left:.5em;
}
header img{
    max-height: 100%;
}
header>a{
    float:right;
    height:35%;
    margin-top:1.5em;
    margin-right:.6em;
}
@media screen and (min-width:768px){
    header{
        height:9em;
    }
    .log{
        margin-top:.8em;
        margin-left:.8em;
    }
    header>a{
        margin-top:3em;
        margin-right:1em;
    }

}

/**********nav*********/
nav{
    margin-top:0.5em;
    width:100%;


    max-width:640px;
    margin-left: auto;
    margin-right: auto;
}
.navbarI{
    margin:auto;
    border-bottom:1px solid #d4d7d9;
}

.navbarI .container{
    width: auto;
}
nav ul>li{
    float:left;
    width:33%;
    text-align:center;
    box-sizing: border-box;
    padding:0 7%;
}
nav ul>li>a{
    color:#717171;
    font-weight:600;
    display:block;
    border-bottom:1px solid transparent;
    font-size:1.1em;
}
nav>div.navbarI ul.nav>li>a{
    padding-left:0;!important;
    padding-right:0;!important;
    padding-bottom:0;!important;
    padding-top:6px;!important;
}
nav>div.navbarI ul.nav>li.active>a{

    padding-top:3px;!important;
}
nav ul>li>a>b{
    height:0;
    width:0;
    display:block;
    margin:auto;
    margin-top:2px;
    border:4px solid transparent;
}
nav ul>li.active>a{
    color:#28343f;
    font-size:1.2em;
    font-weight: 900;
    background-color:#fff;!important;
    border-bottom:1px solid #27333e;
}
.nav>li>a:focus,.nav>li>a:hover{
    background-color:#fff;!important;
}
nav ul>li.active>a>b{
    border-top:4px solid #27333e;
    margin-top:3px;
}
@media screen and (min-width:768px){
    nav ul>li{
        padding:0 10%;
    }
    nav ul>li>a{
        font-size:1.5em;
    }
}
/************banner**************/

#banner img{
    display:block;
    margin:auto;
}
/**************notice****************/
#notice{
    box-sizing: content-box;
    width:100%;
    margin-top:.1em;
    padding-top:.3em;
    padding-bottom:.3em;
    border-top:1px solid #d4d7d9;
    border-bottom:1px solid #d4d7d9;
    overflow: hidden;
}
#notice a{
    color:#333;
}
#notice>div>div{
    float:left;
    text-align:center;
    height:100%;
    overflow: hidden;
    background-color:#eaeaea;
}
.notice1{
    width:25%;
    overflow: hidden;
    margin-right:2px;
}
.notice2{
    width:74%;
    overflow: hidden;
}
.notice1 li{
    overflow:hidden;
}
.notice2 li{
    white-space:nowrap;
    /*width:15em;*/
    overflow:hidden;
    text-overflow:ellipsis;
}
/***************section******************/
@media screen and (min-width:768px){
    section,#notice{
        font-size: 2em;
    }
}
/*******games********/
.games div img{
    width:100%;
}
.games{
    margin-top:.8em;
}
.games>p>a{
    color:#28343d;
    font-weight:900;
    font-size:1.15em
}
.games>p>span{
    float:right;
}
.games>p>span>img{
    max-height:100%;
}
.games>p>a>b{
    display:inline-block;
    width: .6em;
    height:100%;
}
.games>p>a>b>img{
    max-width:100%;
}
#newGames,#myGames{
    overflow:hidden;
    position:relative;
    padding-top:10px;
    width:100%;
}
.games .swiper-wrapper img{
    width:4em;
    margin:auto;
}
/**************************************/
.games p.moreLeft{
    background-color:#fff;
    position:absolute;
    top:0;
    left:-5px;
    width:2em;
    height:7em;
    z-index:9999;
    display:none;
    padding-left:5px;
}
.games p.moreRight{
    background-color:#fff;
    position:absolute;
    top:0;
    right:-5px;
    width:2em;
    height:7em;
    z-index:9999;
    padding-right:5px;
}
.games .moreLeft>img , .games .moreRight>img{
    max-width:70%;
    display: block;
    margin:auto;
    margin-top:2.5em;
}
/**************************progress*********************************/
div.progressI,div.progressII{
    box-sizing: border-box;
    border:1px solid #dbdbdb;
    width:100%;
    height:4px;
    margin-top:.6em;
}
div.progressI>div,div.progressII>div{
    background-color:#32ABFD;
    height:2px;
}
/**********************/
#more img{
    width:100%;
}

#all img{
    width:100%;
}
/*************hotgames***************/
@media screen and (min-width:768px){
    a.btn.btn-sm{
        font-size: 1.2em;
        border-radius: 5px;
        margin-left: .8em;
    }
}
@media screen and (min-width:414px) and (max-width: 736px){
    a.btn.btn-sm{
        font-size: 1.2em;
        border-radius: 5px;
        margin-left: .6em;
    }
}
@media only screen and (min-width:375px) and (max-width: 667px){
    a.btn.btn-sm{
        font-size: 1.2em;
        border-radius: 5px;
        margin-left: .1em;
    }
}
@media screen and (min-width:360px) and (max-width: 640px){
    a.btn.btn-sm{
        font-size: 1.0em;
        border-radius: 5px;
        margin-left: 3px;
    }
}
@media screen and (min-width:441px) and (max-width: 773px){
    a.btn.btn-sm{
        font-size: 1.2em;
        border-radius: 5px;
        margin-left: .8em;
    }
}
a.btn.btn-default{
    border:1px solid #1d2734;
    color:#1d2734;
    font-weight: 600;
}
/*a.btn.btn-default i{*/
    /*padding-left: 1em;*/
/*}*/
#hotGames .media-body span{
    color:#727272;
}
ul#hotGames>li.media{
    border-bottom:1px solid #D6D6D8;
    margin-top:.5em;!important;
}
#hotGames>li>.media-body{
    padding-top:.5em;
    position: relative;
}
#hotGames>li.media p{
    color:#727272;
    font-size: .8em;
    margin-top:5px;
    margin-bottom:5px;
}
#hotGames>li>.media-body>b{
    position:absolute;
    width:15%;
    top:0;
    right:0;
}
#hotGames>li>.media-body>b>img{
    max-width:100%;
}
#hotGames>li.media>.media-body>div.pull-left:last-child{
    margin-top: .6em;
}
#hotGames>li.media>.media-body>div.pull-left.infoI{
    width:60%;

}
#hotGames>li.media>.media-body>div.pull-left>.info1{
    font-weight:900;
    margin-bottom:.4em;
    font-size: 1.1em;
}
#hotGames>li.media>.media-body>div.pull-left>.info2{
    font-size: .9em;
}
#hotGames>li .media-object{
    width:4em;
}


#allGames .media-body span{
    color:#727272;
}
ul#allGames>li.media{
    border-bottom:1px solid #D6D6D8;
    margin-top:.5em;!important;
}
#allGames>li>.media-body{
    padding-top:.5em;
    position: relative;
}
#allGames>li.media p{
    color:#727272;
    font-size: .8em;
    margin-top:5px;
	margin-bottom:5px;
}
#allGames>li>.media-body>b{
    position:absolute;
    width:15%;
    top:0;
    right:0;
}
#allGames>li>.media-body>b>img{
    max-width:100%;
}
#allGames>li.media>.media-body>div.pull-left:last-child{
    margin-top: .6em;
}
#allGames>li.media>.media-body>div.pull-left.infoI{
    width:60%;

}
#allGames>li.media>.media-body>div.pull-left>.info1{
    font-weight:900;
    margin-bottom:.4em;
    font-size: 1.1em;
}
#allGames>li.media>.media-body>div.pull-left>.info2{
    font-size: .9em;
}
#allGames>li .media-object{
    width:4em;
}

/****************************************************/
#main-container{
    position:relative;
}
#load{
    position:absolute;
    top:0;
    left:0;
    height:100%;
    width:100%;
    background:#fff;
    z-index: 9999999999999;
    display:none;
}
#load img{
    position:fixed;
    top:50vh;
    left:50vw;
    width:52px;
    height:52px;
    margin-left:-26px;
    margin-top:-26px;
}
.swiper-slide>b{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    font-weight: 100;
    margin-top:.5em;
    font-size: 0.9em;
}