@charset "utf-8";
/* banner */
.banner {width:100%;height:280px;background-color:#408CE8;background:url(../../images/index/application.png) center top no-repeat;}
.banner .title {text-align:center;font-size:32px;line-height:50px;color:#FFFEFF;margin-top:18px;letter-spacing:4px;font-weight:100;}
.banner .title .item {margin:0 10px;}
.banner .title .item .first_letter {font-size:40px;color:#FFFF01;}
.banner .voic {text-align:center;font-size:18px;padding-top:18px;padding-bottom:18px;color:#E8F4FA;}
.banner .btnwrap {text-align:center;height:50px;line-height:50px;}
.banner .btnwrap a {color:#5597EF;background-color:#fff;padding:10px 50px;border-radius:5px;font-size:16px;letter-spacing:1px;}

/* app */
.app {padding-top:40px;margin-top: -20px;}
.app .title {font-size:18px;padding:10px 0 15px;}
.app .confition {height:60px;}
.app .select {    height: 38px;
    line-height: 38px;
    border: 1px solid #ECECEC;
    width: 140px;
    outline: none;
    padding-left: 5px;
    border-radius: 3px;}
.app .confition .gameright {float:right;color:#9D9D9D;line-height:38px;}

.app .listwrap {margin-top: -23px;}
.app .list ul{

    min-height: 300px;

}
.app .list li {width:20%;float:left;padding-top:25px;}
.app .list li .item img{float:left;width:80px;height:80px;border-radius: 10px;}
.app .list li .item .info {float:left;margin-left:20px;}
.app .list li .item .info .infotitle {font-size:18px;color:#6E6E6E;height:35px; width:100px; overflow:hidden; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;margin-top:15px;}
.app .list li .item .info .infovoic {color: #BABABA;
    font-size: 14px;
    max-width: 100px;
    height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.nodata_app {

    position: absolute;
    top: 40%;
    text-align: center;
    left: 50%;
    color: #666;
    font-size: 16px;

}