/*2016-11-22 by zby*/
@charset "utf-8";
body{font-size:.24rem;font-family:Helvetica,STHeiti,Droid Sans Fallback;color:#333;background:#f0f0f0;}
body,html,a,img,div,form,select,input,ul,ol,li,h1,h2,h3,h4,h5,h6,dd,dl,dt,p,label,em,span,cude,i{margin:0;padding:0;list-style:none;vertical-align:top;-webkit-tap-highlight-color: rgba(0,0,0,0);}
a{color:#333;text-decoration:none;}
ol,ul,li{list-style:none;}
em,i{font-style:normal;vertical-align:top;}
img{border:none;}
header,footer,section,aside,article,nav,dialog,figure{display:block;}
input,textarea{-webkit-appearance:none;}
.cf{*zoom:1}
.cf:after{content:'';display:block;height:0;clear:both;}
.fl{float:left;}
.fr{float:right;}
.col1{ color:#47c0c0}
.bcor1{ background-color:#9ed55e}
.bcor2{ background-color:#fd71a0}
.marb{margin-bottom:.16rem}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;}


/*2017-01-24v1 by zby*/
@charset "utf-8";
.headerbg{ height:.84rem}
.header{ background-color:#3dc4cc; height:.84rem; line-height:.6rem;padding-top:.12rem; position:fixed;z-index:12; top:0; left:0; width:100%;}
.header:before{ content:""; position:absolute; width:100%; bottom:0;box-shadow:0 2px 8px #909090; height:1px; z-index:2; background-color:none}
.search span{width:15%;color:#fff;text-align:center;position:absolute;height:.84rem;top:0;right:0;line-height:.84rem;}
.search input{float:left;width:80%;height:0.6rem;background:url(../images/search.png) no-repeat 10px center #fff;background-size:auto .26rem;border:none;border-radius:.06rem;color:#bbb;padding:.1rem .1rem .1rem .5rem;display:block;font-size:.24rem;margin-left:.3rem;}
.back{ text-align:center; color:#fff; font-size:.3rem; position:relative}
.back a{ position:absolute;background:url(../images/ic-back.png) no-repeat center; background-size:.2rem auto; top:0;left:.1rem; width:.4rem; height:.6rem}
.back .tit{ width:70%; display:inline-block; height:.6rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.backa{ background:url(../images/ic-back.png) no-repeat center; background-size:.2rem auto; float:left;width:8%; height:.6rem}

.slider{position:relative;max-width:1024px;overflow:hidden;margin:0 auto 0}
.slider:after{content:'';display:block;width:100%;padding-top:56.3%;}
.swiper-wrapper{position:absolute;left:0;top:0;width:100%;height:100%;}
.swiper-slide{float:left;width:100%;height:100%;}
.slides ul{position:relative;}
.slides li{float:left;width:100%;overflow:hidden;position:relative}
.slides img{display:block;width:100%;height:auto}
.flex-control-nav{height:.15rem;position:absolute;bottom:10px; width:100%; text-align:center;}
.flex-control-nav li{ display:inline-block;width:.15rem; height:.15rem;margin:0 4px;}
.flex-control-nav li a{display:block;width:.15rem; height:.15rem;overflow:hidden;line-height:99;border-radius:.15rem;background:#fff;}
.flex-control-nav .flex-active{background:#3dc4cc}

.nav{ background-color:#fff; padding:.1rem 0; margin-bottom:.16rem}
.nav li{ float:left; width:20%; text-align:center;}
.nav li img{ display:block; width:.8rem;  margin:0 auto .05rem;}
.box{ background-color:#fff; padding:.1rem;}
.hd-in{height:.48rem; margin-bottom:.1rem; padding:0 .1rem}
.hd-in .t{height:.48rem; line-height:.48rem; font-size:.26rem}
.hd-in .t img{ width:.48rem; height:.48rem; vertical-align:middle; margin-right:.05rem}
.hd-in .m{ color:#bbbbbb; float:right; line-height:.48rem; height:.48rem; position:relative; padding-right:.20rem}
.hd-in .m:before{content:""; position:absolute; background:url(../images/recommend_icon_more.png) no-repeat; background-size:auto .21rem; right:.05rem;top:50%; margin-top:-.1rem; width:.13rem; height:.21rem}
.list li{ margin-bottom:.1rem; width:50%; float:left;}
.list li .pic{ position:relative;}
.list li .pic,.list li p{ padding:0 .1rem; display:block}
.list li img{ width:100%; border-radius:.06rem;}
.list li .pic span{ display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; height:.48rem; line-height:.48rem}
.list li p span{ color:#bbb; font-size:.2rem; margin-right:.2rem; height:.2rem; line-height:.2rem}
.list li p .sp1{ background:url(../images/ic-scan.png) no-repeat left center; background-size:.21rem auto; padding-left:.25rem}
.list li p .sp2{ background:url(../images/ic-candy.png) no-repeat left center; background-size:.29rem auto; padding-left:.32rem}
.corner{position:absolute;top:0;left:.1rem;width:1rem;height:.63rem;border-radius:.05rem 0 0 0;z-index:2;background-size:1rem auto !important;background-repeat:no-repeat !important}
.page-a{ margin:0 auto .05rem; width:1.8rem; height:.42rem; border:1px solid #ccc; color:#999; display:block; border-radius:.42rem; text-align:center; line-height:.42rem; font-size:.22rem}
.page-a i{ width:.2rem; height:.4rem; margin-right:.05rem;background:url(../images/ic-update.png) no-repeat center; background-size:.2rem auto; display:inline-block; vertical-align:top}

.menu{position:fixed;bottom:0;width:100%;height:.84rem;background-color:#fff;text-align:center;z-index:10; border-top:1px solid #ccc; z-index:200}
.menu li{width:35%;display:inline-block; padding-top:.1rem}
.menu li a{display:block;padding-top:.4rem;text-align:center; width:50%; margin:0 auto;}
.menu .on a{color:#0eb7ff}
.menu li .a1{background:url(../images/ic-home.png) no-repeat center top;background-size:auto .38rem;}
.menu .on .a1{ background-image:url(../images/ic-home-on.png)}
.menu li .a2{background:url(../images/ic-my.png) no-repeat center top;background-size:auto .38rem;}
.menu .on .a2{background-image:url(../images/ic-my-on.png);}
.list-lb li{ border-bottom:1px solid #e5e5e5; padding:0 .2rem .1rem 2.93rem; position:relative; margin-top:.15rem;}
.list-lb li .pic{ width:2.73rem;position:absolute; top:0;left:.1rem;}
.list-lb li .pic img{ width:2.73rem;border-radius:.06rem; height:1.57rem;}
.list-lb li .txt{ padding:.19rem 0; height:1.6rem}
.list-lb li .txt p{ height:.4rem;line-height:.4rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-left:.1rem; color:#999; font-size:.22rem}
.list-lb li .txt .t{ color:#333; font-size:.24rem}
.list-lb li:last-child{ border-bottom:none}
.more-jz,.out-a{ width:90%; height:.7rem; border-radius:.06rem; background-color:#e0e0e0; line-height:.7rem; color:#333; display:block; margin:.2rem auto; text-align:center;}
.out-a{ position:absolute; margin:0; left:50%; margin-left:-45%; bottom:.6rem; color:#999}
.findrs{ position:absolute; width:100%;background-color:#fff; top:0; left:0; padding-top:.84rem; z-index:11}
.findrs .hd{ color:#666; font-size:.26rem; line-height:.48rem; padding:.1rem 0 0 .2rem}
.findrs .rs{ padding:0 .15rem .1rem;}
.findrs .rs a{ height:.54rem; border:1px solid #ccc; padding:0 .2rem; display:inline-block; border-radius:.54rem; line-height:.54rem; margin:.1rem .05rem}
.historyrs{ border-top:1px solid #e5e5e5}
.historyrs .txt{ padding-left:.2rem}
.historyrs .txt a{ font-size:.26rem; display:block; line-height:.48rem; background:url(../images/ic-history.png) no-repeat left center; background-size:.26rem auto; padding-left:.28rem;}
.none-bq{ position:absolute; width:100%;background-color:#f0f0f0; top:0; left:0; padding-top:.84rem; z-index:4; text-align:center;}
.none-bq .none-ct{ height:2.8rem; position:absolute; top:50%; margin-top:-1.4rem; left:0; width:100%; text-align:center}
.none-bq .none-ct img{ display:block; width:1.68rem; margin:0 auto .1rem;}
.none-bq .none-ct span{ font-size:.22rem; color:#666}
.loginfo{ width:100%; height:3.6rem; background:url(../images/bg-info.jpg) no-repeat center; background-size:auto 3.6rem; position:relative; color:#fff;}
.loginfo:before{ content:""; position:absolute; height:3.6rem; width:100%;
    background-image:-webkit-radial-gradient(farthest-corner ellipse at 90% 90%, rgb(165, 140, 254),rgb(77, 143, 248));
    background-image:radial-gradient(farthest-corner ellipse at 90% 100%, rgb(165, 140, 254),rgb(77, 143, 248));}
.loginfo .login{ position:relative; padding-top:.4rem; width:100%;text-align:center;}
.loginfo .pic{ width:1.46rem; height:1.46rem; display:block; margin:0 auto .25rem; border:.07rem solid #b9d4fd; border-radius:1.46rem; background:url(../images/profile.png) center bottom no-repeat #fff; background-size:auto 1.03rem;overflow:hidden;}
.loginfo img{ width:100%;}
.loginfo .login a{ display:inline-block; height:.38rem; padding:0 .2rem; border:1px solid #fcf260; color:#fff45c; line-height:.38rem; text-align:center; margin-bottom:.25rem; border-radius:.38rem; font-size:.26rem}
.loginfo .info{ position:relative;padding-top:.4rem;text-align:center; height:3.6rem}
.loginfo .info p{ width:100%; height:.72rem; background-color:rgba(0,0,0,.1); position:absolute; bottom:0; left:0; line-height:.72rem;}
.loginfo .info p span{ width:40%; display:inline-block;}
.infomenu{ background-color:#fff; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; height:1.9rem;}

.infomenu li{ width:33.3%; float:left; border-right:1px solid #e5e5e5; height:1.9rem; text-align:center;}
.infomenu li:last-child{ border:none;}
.infomenu li a{ width:100%; height:1.9rem; display:block; padding-top:1.25rem}
.infomenu li .a1{ background:url(../images/ic-game.png) no-repeat center .55rem; background-size:auto .42rem;}
.infomenu li .a2{ background:url(../images/ic-favorite.png) no-repeat center .48rem; background-size:auto .54rem;}
.infomenu li .a3{ background:url(../images/ic-played.png) no-repeat center .48rem; background-size:auto .53rem;}
.abouttj span{ color:#666; font-size:.26rem; line-height:.48rem; padding:.1rem 0 0 .1rem}
.abouttj .rs{ margin-top:.1rem;}
.abouttj .rs em{ height:.54rem; line-height:.54rem; display:inline-block; margin:.05rem 0}
.abouttj .rs a{ height:.54rem; border:1px solid #ccc; padding:0 .3rem;display:inline-block; border-radius:.54rem; line-height:.54rem;margin:.05rem .1rem .05rem 0}
.abouttj .rs .on{ background-color:#29acff; color:#fff; border:1px solid #29acff;}
.gamebg{position:relative;}
.gamebg a{ display:block;}
.gamebg img{ width:100%;}
.gamebg .begin-game{ position:absolute; right:.1rem; bottom:.1rem; height:.48rem; background-color:rgba(0,0,0,.4); display:inline-block; padding:0 .4rem 0 .2rem; color:#fff; font-size:.26rem; line-height:.48rem; border-radius:.48rem;}
.gamebg .begin-game:before{ content:""; position:absolute; right:.1rem; top:0; height:.48rem; width:.26rem; background:url(../images/icon-go.png) no-repeat center; background-size:auto .26rem;}
.gameinfo{padding:.1rem; line-height:.38rem; color:#999; border-bottom:1px solid #ececec}
.gameinfo .p1{ line-height:.48rem; color:#333; height:.48rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-bottom:.1rem}
.gameinfo .p1 span{ padding:0 .1rem; display:inline-block; color:#fff; margin-right:.05rem; border-radius:.24rem; height:.3rem; line-height:.3rem; font-size:.2rem; vertical-align:top; margin-top:.09rem}
.gameinfo .p3{ font-size:.2rem}
.gameinfo .p3 span{ padding-right:.3rem}
.ginfo-menu{ padding:.2rem 0; border-bottom:1px solid #ececec; text-align:center;}
.ginfo-menu li{ width:20%; display:inline-block; margin:0 5%}
.ginfo-menu li span{ padding-top:.5rem; display:block; width:100%; color:#999; font-size:.2rem;}
.ginfo-menu .li1 span{ background:url(../images/ico-candy.png) no-repeat center .12rem; background-size:auto .31rem; position:relative}
.ginfo-menu .li2 span{ background:url(../images/ico-favorite.png) no-repeat center .08rem; background-size:auto .4rem; position:relative}
.ginfo-menu .li3 span{ background:url(../images/ico-share.png) no-repeat center .08rem; background-size:auto .4rem}
.ginfo-menu .li1 span i,.ginfo-menu .li2 span i{ display:none; width:1.46rem; height:.56rem; line-height:.56rem; color:#fff; background-color:rgba(0,0,0,.5); position:absolute; top:.1rem; left:50%; margin-left:-.73rem;border-radius:.06rem}
.ginfo-menu .li2 .on{ background-image:url(../images/ico-favoriteon.png);}
.no-login{ background:url(../images/ic-login.png) no-repeat; background-size:auto 2.38rem; width:4.62rem; height:2.38rem; position:absolute; left:50%; margin-left:-.3rem; top:-.05rem; z-index:20}
.no-login a{ line-height:200px; overflow:hidden; width:20px; height:20px; display:block;}
.no-login .close{ width:.24rem; height:.22rem; position:absolute; top:.41rem; right:0}
.no-login .login-a{ width:1.12rem; height:.38rem; position:absolute; top:.88rem; left:2.7rem}
.popbg{background-color:rgba(0,0,0,0.7);position:fixed;width:100%;height:100%;top:0;left:0; z-index:10;}
.popbox{ background-color:#fff; border-radius:.16rem; width:5rem;padding:.2rem; text-align:center}
.popbox .poptit{ line-height:.48rem;font-size:.26rem}
.popbox .popcont{ color:#999; font-size:.22rem; line-height:.38rem}
.popbox .popbtn{ width:80%; height:.6rem; background-color:#0eb7ff; display:block; color:#fff; font-size:.26rem; line-height:.6rem; margin:.2rem auto; border-radius:.06rem}
.ftsty{ font-size:.3rem !important; padding-top:.2rem}
.f-close{ width:.27rem; height:.27rem; background:url(../images/f-close.png) no-repeat; background-size:auto .27rem; position:absolute; top:.2rem; right:.2rem}
.f-share{ padding:.2rem 0; text-align:center}
.f-share .bdshare a{ padding:.67rem 0 0; font-size:.2rem; display:inline-block; float:none; margin:0 .3rem; height:1.1rem; line-height:.5rem}
.f-share .bdshare .bds_qzone{ background:url(../images/f-qzone.png) no-repeat center 0; background-size:auto .67rem}
.f-share .bdshare .bds_tsina{ background:url(../images/f-sina.png) no-repeat center 2px; background-size:auto .56rem}
.f-share .bdshare .popup_copy{ background:url(../images/f-copy.png) no-repeat center 5px; background-size:auto .61rem}
.dialog-mask{background:rgba(0,0,0,.4);position:absolute;top:0;left:0;right:0;z-index:99}
.dialog-content{position:absolute;z-index:100;background:none;border:none;left:50%;}

.topbg{ height:.72rem}
.tophead{ height:.72rem; background-color:#3dc4cc; position:fixed;z-index:5;top:0; left:0; width:100%;}
.tophead .tlogo{ width:2.4rem; height:.52rem; background:url(../images/tlogo.png) no-repeat; background-size:auto .52rem; float:left; margin:.1rem 0 0 .2rem}
.tophead .tsearch{ float:right; width:.38rem; height:.4rem; background:url(../images/tsearch.png) no-repeat; background-size:auto .4rem; margin:.16rem .2rem 0 0}
.tophead .tmy{ float:right; width:.38rem; height:.4rem; background:url(../images/tmy.png) no-repeat; background-size:auto .4rem;margin:.16rem .2rem 0 0}
.titlistbg{ height:.72rem; margin-bottom:.16rem;}
.titlist{ height:.72rem; box-shadow:inset 0 5px 5px #e4e4e4; line-height:.72rem; background-color:#fff;position:fixed;z-index:5;top:.72rem; left:0; width:100%;}
.titlist ul{ white-space:nowrap; position:absolute}
.titlist li{font-size:.26rem; display:inline-block; margin:.1rem .2rem 0;height:.62rem !important;border-bottom:.04rem solid #fff; line-height:.58rem; text-align:center;}
.titlist .on{border-bottom:.04rem solid #3dc4cc; color:#0eb7ff}
.titlist p{ text-indent:.2rem}
.titlist2 ul{ position:relative}
.titlist2 li{ width:20%; margin:.1rem 6% 0}
/*2017.7.5 xiaozhu*/
.downfixed{width:100%;background:rgba(0,0,0,.6);position:fixed;left:0;bottom:0;z-index:9999}
.downfixed .down{color:#fff;padding:.18rem;}
.downfixed .close,.downfixed .dest, .downfixed .dest img, .downfixed .dest p{float:left;}
.downfixed .downbtn{float:right;}
.downfixed .close{margin:.2rem .15rem 0 0;font-size:.6rem}
.downfixed .dest{font-size:.22rem;}
.downfixed .dest span{display:block;font-size:.3rem;margin:.1rem 0 .1rem }
.downfixed .downbtn{width:1.7rem;line-height:.54rem;text-align:center;font-size:.28rem;background:#3dc4cc;border-bottom:solid 2px #249ba2;border-radius:.06rem;color:#fff;margin:.23rem 0 0}
.downfixed .dest img{margin-right:.15rem;width:1rem;height:1rem;border-radius:.1rem;display:block}

.dropload-up,.dropload-down{
    position: relative;
    height: 0;
    overflow: hidden;
    font-size: 12px;
    /* ����Ӳ������ */
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
}
.dropload-down{
    height:1rem;
    display: none;
}
.dropload-refresh,.dropload-update,.dropload-load,.dropload-noData{
    height: .7rem;
    border-radius: .06rem;
    background-color: #e0e0e0;
    line-height: .7rem;
    color: #333;
    display: block;
    margin: .2rem auto;
    text-align: center;
    width: 90%;
}
.dropload-load .loading{
    display: inline-block;
    height: 15px;
    width: 15px;
    border-radius: 100%;
    margin: 6px;
    border: 2px solid #666;
    border-bottom-color: transparent;
    vertical-align: middle;
    -webkit-animation: rotate 0.75s linear infinite;
    animation: rotate 0.75s linear infinite;
}
@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
    }
    50% {
        -webkit-transform: rotate(180deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}
@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(180deg);
    }
    100% {
        transform: rotate(360deg);
    }
}