.header-banner{
    /*
    background-color: #68abf8;
    background: -prefix-linear-zgradient(top, #68abf8, #6fdafb);
    background: linear-gradient(to bottom,#68abf8, #6fdafb);
    */
    /*border: 1px solid red;*/
    background-color: rgba(55, 45, 123,1);
}
.header-banner .header-nav
{
    height: 50px;
    /*background-color: rgb(97,184,80)*/
}

.header-banner .header-nav .user-face
{
    width: 10%;
    min-width: 40px;
    height: 40px;
    font-size: 25px;
    color: #fff;
    padding: 20px 0 0 20px;
    /*border: 1px solid blue;*/
}

.header-banner .header-nav .logo-middle
{
    display: table-cell;
    vertical-align: middle;
    width: 67%;
    /*border: 1px solid red;*/
    text-align: center;
}



.header-banner .header-nav .logo-middle img{
    width: 150px;
    height: 55px;
}

.header-banner .header-nav .header-menu
{
    width: 10%;
    min-width: 40px;
    height: 40px;
    font-size: 25px;
    color: #fff;
    padding: 20px 5px 0 0;
    /*border: 1px solid blue;*/
}

.header-banner .font-i i{ cursor: pointer; margin-right: 3px; }
.header-banner .font-i i:active{ color:gray; }

.header-banner .header-services li
{
    float: left;
    /*border: 1px solid red;*/
    width: 24%;
    /*min-width: 88px;*/
    height: 80px;
    text-align: center;
    font-size:30px;
    line-height: 30px;
    color: #fff;
    padding-top: 10px; 
    margin-left: 1px; 
}

.header-banner .header-services li span
{
    font-size:16px;
    font-weight: bold;
}

.marquee-list
{
    background-color: #fff;
    height: 28px;
}

.marquee-list span{
    font-size:16px;
    line-height: 28px;
}

.service-warp li
{
    float: left;
    /*border: 1px solid red;*/
    width: 24%;
    /*min-width: 88px;*/
    height: 80px;
    text-align: center;
    line-height: 30px;
    padding-top: 10px; 
    margin-left: 1px; 
}

.service-warp li i
{
    font-size:25px;
    line-height: 20px;
}

.service-warp li span
{
    font-size:15px;
}

.service-list
{
    background-color: #fff;
}

.news-list
{
    background-color: #fff;
    width: 100%;
    height: auto;
}

.news-list .title
{
    height: 60px;
    line-height: 60px;
    padding-left:20px;
    font-size: 20px;
    font-weight: bold;
}

.news-list .type-tab
{
    height: 35px;
    width: 100%;
    border-bottom: 1px solid #e0e0e0;
}

.news-list .type-tab ul li
{
    font-size: 16px;
    float:left;
    height: 32px;
    width: 80px;
    text-align: center;
}

.news-list .type-tab li.active
{
    border-bottom: 4px solid rgb(97,185,73);
    color: rgb(97,185,73);
}


.news-list .type-news-tab
{
    padding: 20px 10px 20px 10px;
    display:none;
}

.news-list .type-news-tab .list-item
{
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px dashed #e0e0e0;
}
.news-list .type-news-tab .list-item a{ height: 40px; }

.game-list { background-color: #fff; height: auto; }
.game-list .title
{
    height: 60px;
    line-height: 60px;
    padding-left:20px;
    font-size: 20px;
    font-weight: bold;
}

.game-list .game-list-warp
{
    height: auto;
}

.game-list .game-list-warp .game-item
{
    float: left;
    height: 100px;
    width: 25%;
    /*min-width: 75px;
    margin: 0 0 10px 10px;
    border: 1px solid red;*/
    text-align: center;
}

.game-list .game-list-warp .game-item .game-title
{
    line-height: 26px;
    height: 26px;
    width: 100%;
    text-align: center;
    font-size:14px;
    white-space:nowrap; 
    overflow:hidden; 
    text-overflow:ellipsis;
}

.game-list .game-list-warp .game-item .game-icon
{
    height: 75px;
    width: 100%;
    text-align: center;
    /*border: 1px solid red;*/
    vertical-align: middle;
}
.game-list .game-list-warp .game-item .game-icon img
{
    height: 61px;
    width: 61px;
    /*display: none;*/
}

.index-style
{
    top:60px;
    background-color: rgb(55, 45, 123)
}

.index-style a 
{
    border-right: 1px solid rgb(67, 57, 136);
    border-bottom:1px solid rgb(67, 57, 136);
}

.user-face
{
    outline: none;
}

.sidemenu-container
{
    background-color: rgb(55, 45, 123);
    box-shadow: 1px 2px 3px rgb(20, 15, 53);
}