/*"Roboto",Roboto,Arial,sans-serif*/
/*common styles*/
.ofh{
    overflow: hidden;
}
.flt{
    float:left;
}
.frt{
    float:right;
}
div.nav ul li{
    list-style: none;
}
.main_content{
    max-width:414px;
    margin:0 auto;
}
.bd{
    border:1px solid #000;
}
.art_bg{
    background:url(/images/mobile/background2.png?v1) repeat;
    background-size:100%;
    border-radius:6px;
}
.header{
    text-align: center;
    height:45px;
    max-width:1114px;
    margin:0 auto;
    background:#404040;
}
.header span{
    display:inline-block;
}
.header span:first-child{
    width:30px;
}
.header span:nth-child(2){
    width:100%
}
.header span:nth-child(3){
    width:10%;
}
.header img{
    height:35px;
    margin-top:3px;
}
.nav .header img{
    height:30px;
    margin:7px auto 0;
}
.nav .header{
    border-bottom:1px solid #404040;
    left: 0;
    width: 70%;
    max-width:300px;
    position: fixed;
    z-index: 999;
    display: none;
    background: #404040;
}

.header-l{
    padding:10px 4%;
    font-size: 1.6rem;
    box-shadow:1px 1px 1px rgba(51, 51, 51, 0.2);
    color:#999;
    font-weight: bold;
}
.header-l span{display: table-cell; vertical-align: middle;}
.header-l span:first-child a{
    font-size: 1.5rem;
    font-weight: 500;
    color: #999;
    margin-right:0.4rem;
    text-decoration: none;
}
.header-l span:nth-child(2){
    color:#333;
}
.header-l span:last-child{
    float: right;
    margin-top:-20px;
}
.header-l span img{
    width: 1.2rem;
    height: auto;
}
.menu{
    background-color: #f2f2f2;
    border-top:1px solid #e5e5e5;
    height: 36px;
    position: relative;
}
.menu:after{
    position: absolute;
    content:'' ;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #E5E5E5;
}
.menu li{
    float:left;
    margin:0px 1%;
    padding-top:2px;
    width:18.2%;
    line-height:30px;
    text-align: center;
    font-size: 1rem;
    color:#9d9d9d;
    height: 34px;
    position: relative;
}
.menu li.on:after{
    content: '';
    position: absolute;
    bottom: -1px;
    z-index: 99;
    left: 0;
    width: 100%;
    height: 2px;
    background:#FF5D00 ;
}
.menu a{
    text-decoration: none;
    display:block;
    color:#999;
    text-transform: uppercase;
}
.menu li:first-child{
    margin-left:0px;
}
.menu li:last-child{
    margin-right:0px;
}

.menu li.on{
    /*border-bottom:2px solid #FF5D00;*/
}
.menu li.on a{
    color:#333333;
    font-weight:bold;
    font-size:1rem;
}
.show_menu .img_menu{
    height:20px;
    margin-top:13px;
}
.game-list-icon{
    margin: 7px 12px 0px 0px;
    height: 4px;
    width: 4px;
    background-color: #ff4200;
}
.game-list-title{
    display: block;
    margin: 0 auto;
    text-align: center;
    width: 100%;
    font-size: 16px;
    color: #fff;
    font-family: Roboto-Light;
    text-transform: capitalize !important;
}
.more-game{
    font-size: 0.9rem;
    color:#999!important;
    text-decoration: none;
}
/*details*/
.detail-top{
    display: inline-block;
    font-weight: 500;
    position: absolute;
}
.detail-top >div {
    display: inline-block;
}
.detail-top>div:first-child{
    width: 35%;
    margin-right: 2%;
    float: left;
}
.detail-top>div:nth-child(2){
    width: 62%;
}
.detail-top>div img{
    width: 100%;
}
.detail-top>div p{
    word-break: break-word;
    text-overflow: ellipsis;
    color: #999;
    font-size: 0.8rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 35px;
    overflow: hidden;
    line-height:1.0rem;
}
.detail-top>div h3{
    font-size:1.1rem;
}
.detail-top>div hr{
    border:0;background-color:#dcdcdc;height:1px;
}
.detail-top>div h5{
    font-size:0.8rem;
}
.detail-top>ul {
    left: 40%;
    position: absolute;
    bottom: 0;
    width:53%;
}
.detail-top>ul li {display: inline-block;width: 17%;font-size: 0.8rem;text-align: center;}
.detail-top>ul li:first-child span:before{content:'';
    width:0.8rem;height:0.8rem;background-image:url(/images/mbicon/collect.png);background-size: 100%;
    left: -1.6rem;
}
.detail-top>ul li:nth-child(3) span:before{
    width:0.8rem;height:0.8rem;content:url(/images/mbicon/collect.png);background-size: 100%;
    left: -1.6rem;
}
.detail-top>ul li:last-child span:before{
    width:0.8rem;height:0.8rem;content:url(/images/mbicon/collect.png);background-size: 100%;
}


/*弹窗弹出速度*/
.layui-layer {
    -webkit-animation-duration: 0.0s!important;
    animation-duration: 0.0s!important;
}
ul.games{
    padding:0 5px;
}
.games li{
    padding:0 10px 5px;
}
ul.games li div.game1,.swiper-slide a div{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    display: inline-block;
    width: 100%;
    font-size: 0.875rem;
    text-align: center;
    padding:0 8px;
    line-height: 28px;
    height:26px;
    float:left;
}
.games li a.img img{
    width:100%;
    vertical-align:middle;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100% !important;
    margin: auto;
}
.games li a.img{
    border-radius: 5px;
    overflow: hidden;
    padding-bottom: 100%;
    position: relative;
}
.games li .title{
    font-family:Roboto-Bold;
    font-size:14px;
    text-decoration: none;
    margin:5px 0;
    word-break: break-word;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}
.games li p{
    color: #999;
    font-size: 12px;
    line-height: 20px;
    word-break: break-word;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}
.games li .button{
    background: #275BED;
    color: #fff;
    display: inline-block;
    text-decoration: none;
    font-weight: bold;
    padding: 5px 10px;
    border-radius: 3px;
    font-size: 14px;
    margin:10px 0 0;
}

.ad320x50_cont{
    width:100%;
    height:50px;
    text-align:center;
    position:fixed;
    bottom:0;
    z-index: 1000;
    background:#fff;
}
.ad320x50_cont .ad320x50{
    display:block;
    margin:0 auto;
}

.toggle_con{background: #fff;z-index: 1000;transition: all linear .1s;overflow-y: scroll;padding-bottom: 20px;}
.toggle_con_ul{margin: 0 auto;}
.toggle_con_ul img{width: 36px;height: 36px;border-radius: 50%;vertical-align: middle;margin-left: 10px;}
.toggle_con_ul span{font-size: 11px;font-weight: 400;color: rgba(255,66,0,1);vertical-align: middle;
    width: calc(100% - 46px);
    overflow: hidden;text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;}
.toggle_con_ul li{height: 55px;background: rgba(255,255,255,1);box-shadow: 0px 2px 11px 0px rgba(0,0,0,0.08);border-radius: 5px;margin-bottom: 15px;line-height: 55px;}
.toggle_con_head{font-size: 12px;font-weight: bold;color: rgba(0,0,0,1);padding:20px 0;
    text-align: center;text-transform: uppercase;text-align: center;}
.games li a{border: none !important; }
.tags .flex-item{border-radius: 2px}
.toggle_con_ul li a{text-decoration: none;}
.isloading_left{text-align: center;margin: 0 auto;}
.loading_left img{margin: 0 auto;display: block;}
.loading_left {
    width: 100%;
    line-height: 20px;
    text-align: center;
    display: none;
}

.loading img{
    width:50px;
    height:50px;
}
.loading{
    width:50px;
    height:50px;
    display:block;
    margin:10px auto;
}

.game-pic{width: 46px;display: inline-block;float: left;}



.toggle_con_ul li a{
    text-decoration: none;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: flex !important;
    align-items: center !important;-webkit-align-items:center !important;}
.toggle_con_ul img{width: 51px;height: 51px;border-radius: 5px;margin-left: 0;}
.game-pic{width: 51px;float: none;height: 51px;}
.toggle_con_ul li{line-height: 1 !important;height: auto !important;}
.toggle_con_ul span{width: calc(100% - 53px);padding: 0 10px;}


.bottom_con{width: 100%;
    padding: 10px 15px;box-sizing: border-box;background: rgba(245,245,245,1);
}
.bottom_con a{
    color:#c0c0c0;
    text-decoration:none;
}
.about_free_head{color: #c0c0c0;font-size: 13px;line-height: 40px;text-transform: uppercase;}
.about_free_desc{height: 156px;overflow: hidden;}
.about_free_desc p, .about_free_desc a{font-size: 11px;color: #c0c0c0;line-height: 20px;opacity: 0.8;filter: alpha(opacity=60);}
.about_free_desc2 p, .about_free_desc2 a{font-size: 11px;color: #c0c0c0;line-height: 20px;opacity: 0.8;filter: alpha(opacity=60);}
.read_more{font-size: 12px;color: #c0c0c0;padding: 6px 0;}
.line{width: 100%;height: 1px;background: #eee;display: block;margin: 5px 0 12px;}
.read_more span{display: inline-block;vertical-align: middle;}
.read_more img{width: 11px;margin-left: 2px;display: inline-block;vertical-align: middle;}
.read_more img.active{transform: rotate(180deg);-webkit-transform: rotate(180deg);}
.scroll_con{position: absolute;left: 0;right: 0;top: 0;overflow: scroll;bottom: 0px;}
.bottom{position: absolute;bottom: 0;left: 0;right: 0;width: 100%;height: 120px;overflow: scroll;}
.footer_desc_ div{font-size:11px;color: #c0c0c0;line-height: 1.5;}
.footer_desc_{padding: 5px 0;}
.toggle_con ul li a{padding: 2px ;}
.scroll_con .menu-detail{width: 90%;margin: 0 auto;}
.toggle_con_ul{width: 90%;margin: 0 auto;}

.w_tag_wrp{
    width: 100%;
    padding: 0 10px;
}
.w_tag_wrp h2{
    margin-bottom: 30px;
    font-size: 14px;
    font-family:Roboto-Light;
    font-weight:normal;
    color:#000;
    line-height: 20px;
}
.w_taglist{
    width: 100%;
    margin-top:-13px;

}
.w_taglist li,
.w_tag_more{
    width: 100%;
    height:100px;
    margin-bottom: 10px;
}
.w_taglist li a{
    width: 92px;
    height:92px;
    display: inline-block;
    text-decoration: none;
}
.w_tag_more a{
    width: 100%;
    height:96px;
    display: inline-block;
    text-decoration: none;
}
.w_tagImg{
    display: block;
    float: left;
    width: 92px;
    height: 92px;
    margin: 2px 0 2px 2px ;
    border-radius:5px;
    background: yellow;
}
.w_tagText{
    display: inline-block;
    align-self:center;
    text-align: left;
    font-size:12px;
    font-family:Roboto-Bold;
    margin:0 10px 0 10px;
    color:#000;
}
.w_taglist li a.button{
    display: block;
    margin: 0 15px 0 auto;
    text-align: center;
    background: #275BED;
    height: 25px;
    line-height: 25px;
    align-self: center;
    color: #fff;
    font-size: 12px;
    text-transform: capitalize;
    padding: 0 5px;
    border-radius: 11px;
}
.w_tag_more{

    position: relative;
    margin-bottom: 50px;
}
.w_tagbg{

    width: 100%;
    height: 100%;
    position: absolute;
    background: url(/images/mbicon/iconfontyouxihudong@2x.png) no-repeat;
    background-size: 37%;
    background-position: 108% 150%;
    opacity: 0.1;
}
.w_left{
    width: 35%;
    height: 100px;
    float: left;
}
.w_tagMoreimg{
    display: block;
    float: left;
    width: 52px;
    height: 42px;
    margin: 29px 0 29px 39% ;
    border-radius:5px

}
.w_tagMoretext{
    display: block;
    width: 63%;
    height: 100px;
    line-height: 100px;
    text-align: left;
    font-size: 20px;
    font-weight: 700;
    color: rgba(255,92,16,1);
    float: left;
    padding-left: 2%;
}
.w_box{
    width: 100%;
    height: 100px;
}

.ad_white_auto{
    background:#fff;
}
.top10_fill{
    height:10px;
    width:100%;
    background:#f2f2f2;
    box-shadow: inset 0px 1px 5px 0px rgba(0, 0, 0, 0.1);
}
.ad300x250{
    width:336px;
    height:280px;
}
.ad300x250 .adtitle{
    width:336px;
    position:absolute;
    top:-15px;
}
@media(max-width:320px){
    .ad300x250{
        width:300px;
        height:250px;
    }
    .ad300x250 .adtitle{
        width:300px;
        position:absolute;
        top:-15px;
    }
}
.ad_h600{
    width:100%;
    height:600px;
    margin:0 auto;
}
.ad_300x50{
    width:300px;
    height:50px;
}