/* edit by gxc  */

/*  css common */
body{font-family:"Microsoft YaHei","微软雅黑";}
body,ul,ol,p,h1,h2,h3,h4,h5,h6{margin:0;padding:0}
li{list-style: none;}
a{text-decoration: none;color:#fff;}
.clear{zoom:1;}
.clear:after{content:'';display: block;height:0;visibility: hidden;clear:both;}
.f16{font-size: 16px;}
.f20{font-size: 20px;}
.f22{font-size: 22px;}
.f30{font-size: 30px;}
.f18{font-size: 18px;}
.f14{font-size:14px;}
.f12{font-size:12px;}
.f10{font-size:10px;}
.white{color:#fff;}
.green{color:#20a238;}
.grey{color:#ababab;}
.yellow{color:#d0d031;}
.yellow1{color:#f5dc28;}
.red{color:#ff0000;}
.black{color:#000;}
.gColor{color:#51b060;}
.textc{text-align: center;}
.texti{text-indent: 2em;}
.hide{display:none;}
.m0{margin:0 auto;}
a:hover{color:#fff}
a.footerA{color:#999}
a.hoverA:hover{color:#fff}
/* css for landing page */
@media (min-width: 768px) {
    .wrap1{width:980px;margin:0 auto;position: relative;height:720px;}
    .landing{width:100%;background: url("../images/landingBg.jpg")/*tpa=http://yooyoo.xin/statics/images/tuyoo/landingBg.jpg*/ no-repeat;background-size: 100% 100%;}
    .landingHead{width:100%;height:200px;background: url("../images/logoLine.png")/*tpa=http://yooyoo.xin/statics/images/tuyoo/logoLine.png*/ no-repeat 410px 43px;background-size: 145px 145px;}
    .landingC{padding:11px 0 0 36px;}
    .lcContent{height:110px;overflow: hidden;}
    .lccLeft{width:84px;height:84px;background: url("../images/gdoudizhu1.png")/*tpa=http://yooyoo.xin/statics/images/tuyoo/gdoudizhu1.png*/ no-repeat;background-size: 100% 100%;float:left;}
    .lccRight{float:left;margin-left: 25px;width:370px;}
    .lccrTop{font-size: 18px;height:20px;line-height: 20px;color:#fff;}
    .lccrBottom{font-size: 14px;margin-top: 15px;line-height: 18px;color:#fff;}
    .lcDownloads{height:35px;}

    .buttonAndroid{background: #ffffff;width:87px;height:29px;border-radius:2px;-webkit-border-radius: 2px;-moz-border-radius: 2px;float:left;cursor: pointer;display: block;}
    .buttonIos{background: #fff;width:87px;height:29px;border-radius:2px;-webkit-border-radius: 2px;-moz-border-radius: 2px;float:left;margin-left:4px;cursor: pointer;display: block;}
    .buttonA{background: url("../images/download-g.png")/*tpa=http://yooyoo.xin/statics/images/tuyoo/download-g.png*/ no-repeat 65px 7px;line-height:29px;text-indent: 10px;width:100%;height:100%;background-size: 15px 15px;}
    .buttonI{background: url("../images/download-g.png")/*tpa=http://yooyoo.xin/statics/images/tuyoo/download-g.png*/ no-repeat 62px 7px;line-height:29px;text-indent: 11px;width:100%;height:100%;background-size: 15px 15px;}

    .landingFooter{height:350px;width:100%;padding-bottom: 12px;}
    .lfLeft{padding:18px 33px 34px 25px;float:left;}
    #lfUl{border:1px solid #137b2d;border-radius:10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;padding:40px 45px 20px 32px; width:560px;background: rgba(0,0,0,0.2);}
    #lfUl li{background: url("../images/liBg.png")/*tpa=http://yooyoo.xin/statics/images/tuyoo/liBg.png*/ no-repeat 0 2px;background-size: 9px 9px;text-indent: 25px;font-size: 14px;margin-bottom: 33px;height:14px;color:#fff;}
    .lftime{float:right;font-size: 12px;}
    .lfRight{float:left;padding:0 40px 0 30px;width:205px;border-left: 1px solid #82c494;height:340px;}
    .lfrTop{font-size: 18px;height:18px;color: #fff;margin-top: 15px;}
    .lfrBottom{font-size: 14px;color:#fff;margin-top: 18px;line-height: 18px;}

    #microMessage{position: absolute;left:600px;top:198px;width:400px;height:160px;}
    #mmContent{width:100%;height:100%;}
    #mmContent li{float:left;width:130px;margin-right: 50px;}
    .mmcLi{width:100%;height:130px;}
    #mmContent li img{width:130px;height:130px;}
    #mmContent li .mmcLi1{width:130px;height:30px;line-height: 30px;font-size: 14px;text-align: center;color:#fff;}
}
@media (max-width: 767px){
    .wrap1{width:10rem;margin:0 auto;position: relative;}
    .landing{width:100%;background: url("../images/mobile-landing.jpg")/*tpa=http://yooyoo.xin/statics/images/tuyoo/mobile-landing.jpg*/ repeat-y;background-size: 10rem 11.25rem; }
    .landingHead{width:100%;height:3.125rem;background: url("../images/logoLine.png")/*tpa=http://yooyoo.xin/statics/images/tuyoo/logoLine.png*/ no-repeat 3.87rem 0.67rem;background-size: 2.26rem 2.26rem;}
    .landingC{padding:0.17rem 0 0 0.56rem;}
    .lcContent{height:1.7rem;overflow: hidden;}
    .lccLeft{width:1.3rem;height:1.3rem;background: url("../images/gdoudizhu1.png")/*tpa=http://yooyoo.xin/statics/images/tuyoo/gdoudizhu1.png*/ no-repeat;background-size: 100% 100%;float:left;}
    .lccRight{float:left;margin-left: 0.39rem;width:5.78rem;}
    .lccrTop{font-size: 0.28rem;height:0.31rem;line-height: 0.31rem;color:#fff;}
    .lccrBottom{font-size: 0.21rem;margin-top: 0.22rem;line-height: 0.28rem;color:#fff;}
    .lcDownloads{height:0.54rem;}

    .buttonAndroid{background: #ffffff;width:1.36rem;height:0.45rem;border-radius:2px;-webkit-border-radius: 2px;-moz-border-radius: 2px;float:left;cursor: pointer;display: block;}
    .buttonIos{background: #fff;width:1.36rem;height:0.45rem;border-radius:2px;-webkit-border-radius: 2px;-moz-border-radius: 2px;float:left;margin-left:0.2rem;cursor: pointer;display: block;}
    .buttonA{background: url("../images/download-g.png")/*tpa=http://yooyoo.xin/statics/images/tuyoo/download-g.png*/ no-repeat 1rem 0.11rem;line-height:0.453rem;text-indent: 0.156rem;width:100%;height:100%;background-size: 0.234rem 0.234rem;}
    .buttonI{background: url("../images/download-g.png")/*tpa=http://yooyoo.xin/statics/images/tuyoo/download-g.png*/ no-repeat 1rem 0.11rem;line-height:0.453rem;text-indent: 0.156rem;width:100%;height:100%;background-size: 0.234rem 0.234rem;}

    .landingFooter{height:5.08rem;width:100%;padding-bottom: 0.19rem;}
    .lfLeft{padding:0.28rem 0.51rem 0.52rem 0.39rem;width:9.1rem;}
    #lfUl{border:1px solid #137b2d;border-radius:0.15rem;-webkit-border-radius: 0.15rem;-moz-border-radius: 0.15rem;padding:0.625rem 0.7rem 0.3rem 0.5rem; width:7.9rem;background: rgba(0,0,0,0.2);}
    #lfUl li{background: url("../images/liBg.png")/*tpa=http://yooyoo.xin/statics/images/tuyoo/liBg.png*/ no-repeat 0 2px;background-size: 0.14rem 0.14rem;text-indent: 0.39rem;font-size: 0.21rem;margin-bottom: 0.515rem;height:0.21rem;color:#fff;}
    .lftime{float:right;font-size: 0.18rem;}
    .lfRight{padding:0 0.625rem 0 0.47rem;width:8.9rem;}
    .lfrTop{font-size: 0.28rem;height:0.28rem;color: #fff;margin-top: 0.23rem;}
    .lfrBottom{font-size: 0.21rem;color:#fff;margin-top: 0.28rem;line-height: 0.28rem;}

    #microMessage{width:10rem;}
    #mmContent{width:100%;height:100%;}
    #mmContent li{float:left;width:3rem;margin: 0 1rem 0 1rem;}
    .mmcLi{width:100%;}
    #mmContent li img{width:3rem;height:3rem;}
    #mmContent li .mmcLi1{width:3rem;height:0.468rem;line-height: 0.468rem;font-size: 0.21rem;text-align: center;color:#fff;}
}

/* css for index.html */
header{background:#353535;width:100%;height:83px;border-bottom:1px solid #fff;position: relative;z-index: 5;}
.wrap{width:960px;margin:0 auto;position: relative;}
.logo{float:left;background: url("../images/new_logo.png")no-repeat 0 23px;width:202px;height:59px;display:block;}
#nav{float:right;padding:0 10px;}
#nav li{float:left;}
#nav li a{line-height:85px;height:78px;display: block;margin-right:38px;color:#a0a0a0;}
#nav li a:hover{color:#fff;cursor: pointer}
#nav li .b-active{color:#fff;}
#move{width:350px;height:5px;position: absolute;top:78px;right:150px;}
#move .moveAlong{background: #f5dc28;position: absolute;left:0;top:0;width:64px;height:5px;}

/* css for picList */
@media screen and (min-width: 1801px)  {
    #imgList li{float:left;height:450px;}
    #picList{width:100%;position:relative;overflow: hidden;height:450px;}
}
@media screen and (min-width: 1601px) and (max-width: 1800px)  {
    #imgList li{float:left;height:430px;}
    #picList{width:100%;position:relative;overflow: hidden;height:430px;}
}
@media screen and (min-width: 1400px) and (max-width:1600px)   {
    #imgList li{float:left;height:380px;}
    #picList{width:100%;position:relative;overflow: hidden;height:380px;}
}
@media screen and (min-width: 1200px) and (max-width: 1399px) {
    #imgList li{float:left;height:320px;}
    #picList{width:100%;position:relative;overflow: hidden;height:320px;}
}
@media screen and (min-width: 960px) and (max-width: 1199px)  {
    #imgList li{float:left;height:250px;}
    #picList{width:100%;position:relative;overflow: hidden;height:250px;}
}
@media screen and (max-width: 959px)  {
    #imgList li{float:left;height:210px;}
    #picList{width:100%;position:relative;overflow: hidden;height:210px;}
}
#imgList{position: absolute;left:0;top:0;}

#imgList li a{display:block;width:100%;height:100%;}
#imgList li img{display:block;width:100%;height:100%;}
#points{position: absolute;left:50%;bottom:28px;margin-left:-90px;}
#points li{float:left;width:12px;height:12px;background: #fff;margin:0 5px;cursor:pointer;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius: 6px;}
#points li.active{background:#f5dc28;}

/* css for content */
.common{background: url("../images/logo1.png")/*tpa=http://yooyoo.xin/statics/images/tuyoo/logo1.png*/ no-repeat;margin-top:34px;}
.wrap .head{height:21px;line-height:21px;background: url("../images/bgPoint.gif")/*tpa=http://yooyoo.xin/statics/images/tuyoo/bgPoint.gif*/ repeat-x 0 39px;padding:30px 0;}
.wrap .head .tleft{float:left;background:#fff;}
.wrap .head .tright{float:right;background:#fff;display: block;cursor: pointer;padding-left:5px;}
.wrap .head .triangle{border-left:7px solid #20a238;border-top: 5px solid transparent;border-bottom: 5px solid transparent;width:0;height:0;float:right;margin-top:5px;margin-left:4px;}
.wrap .head .forAll{float:right;}

.wrapCent{padding-top:4px;}
.overflow{overflow: hidden;float:left;width:924px;position: relative;height:330px;}
.turnLeft{height:148px;width:18px;float:left;background: url("../images/left.gif")/*tpa=http://yooyoo.xin/statics/images/tuyoo/left.gif*/ no-repeat 1px 64px;cursor:pointer;opacity:0.6;filter:alpha(opacity=60);-moz-opacity:0.6;}
.turnRight{height:148px;width:18px;float:left;background: url("../images/right.gif")/*tpa=http://yooyoo.xin/statics/images/tuyoo/right.gif*/ no-repeat 7px 64px;cursor:pointer;opacity:0.6;filter:alpha(opacity=60);-moz-opacity:0.6;}
.turnLeft:hover{opacity:1;filter:alpha(opacity=100);-moz-opacity:1;}
.turnRight:hover{opacity:1;filter:alpha(opacity=100);-moz-opacity:1;}
#gList{position: absolute;top:0;left:0;}
#gList li{height:330px;float:left;padding:0 8px;width:215px;}
#gList li a{display: block;}
#gList li img{display:block;border-radius:5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;}
.glTitle{height:45px;line-height:55px;}
.glContent{height:80px;padding:0 18px 0 25px;line-height: 18px;overflow: hidden;text-overflow: ellipsis;}
.glButton{padding-top:22px;padding-left:18px;}
.button1{background: #20a238;width:87px;height:29px;border-radius:2px;-webkit-border-radius: 2px;-moz-border-radius: 2px;float:left;cursor: pointer;display: block;}
.button2{background: #f5dc28;width:87px;height:29px;border-radius:2px;-webkit-border-radius: 2px;-moz-border-radius: 2px;float:left;margin-left:4px;cursor: pointer;display: block;}
.buttona{background: url("../images/download-w.png")/*tpa=http://yooyoo.xin/statics/images/tuyoo/download-w.png*/ no-repeat 65px 7px;line-height:29px;text-indent: 10px;width:100%;height:100%;background-size: 15px 15px;}
.buttoni{background: url("../images/download-w.png")/*tpa=http://yooyoo.xin/statics/images/tuyoo/download-w.png*/ no-repeat 62px 7px;line-height:29px;text-indent: 11px;width:100%;height:100%;background-size: 15px 15px;}

.common1{background: url("../images/logo1.png")/*tpa=http://yooyoo.xin/statics/images/tuyoo/logo1.png*/ no-repeat;margin-top:55px;border-top:1px solid #f0f0f0;margin-bottom:50px;}
.news{width:538px;float:left;}
.newsContent{padding-left:12px;}
.newsContent li{padding-bottom: 28px;}
.newsHead{line-height:26px;display:block;}
.newsCont{line-height:25px;white-space: nowrap;text-overflow:ellipsis;width:526px;overflow: hidden; }

.fresh{width:222px;padding-left:36px;float:left;}
.freshHead{height:68px;line-height:78px;}
.freshContent{width:222px;height:327px;border-radius:3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;background: #6cc27c;}
.freshTop{padding-left:18px;padding-bottom: 22px;height:140px;}
.topHead{float:left;height:42px;line-height:50px;width:205px;display:block;}
.adContent{width:195px;height:107px;border: 1px solid #fff;margin-left:-4px;position: relative;display: block;float:left;}
.adContent img{width:195px;height:107px;display: block;opacity: 0.6;filter:alpha(opacity=60);-moz-opacity:0.6;}
.adContent .play{width:57px;height:57px;position: absolute;left:67px;top:23px;background: url("../images/play.png")/*tpa=http://yooyoo.xin/statics/images/tuyoo/play.png*/ no-repeat;display: block;
    background-size: 100% 100%;}
.adContent:hover img{opacity: 1;filter:alpha(opacity=100);-moz-opacity:1;}

.topLeft{float:left;width:79px;}
.topImg{height:60px;}
.topImg img{margin-left:10px;border-radius:5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;width:49px;height:49px;}
.topButton{width:68px;height:27px;background: #fff;border-radius:4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;display: block;cursor:pointer;}
.leftWrap{background: url("../images/download-g.png")/*tpa=http://yooyoo.xin/statics/images/tuyoo/download-g.png*/ no-repeat 45px 6px;width:100%;height:100%;text-indent: 11px;line-height: 27px;}
.topRight{float:left;width:106px;}
.rightContent{line-height:18px;color:#b6debd;height:90px;text-overflow:ellipsis;overflow: hidden;}

.line{width:100%;background: #b6e1be;height:1px;}

.freshBottom{padding-left:18px;padding-bottom: 22px;height:140px;}

.customServe{float:left;padding-left:18px;width:146px;}
.csHead{height:68px;line-height: 82px;}
.csContent{width:100%;height:318px;background: #f0f0f0;border-radius:3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;padding:9px 0 0 8px;}
.csTop{line-height:33px;}
.csCont{line-height: 17px;width:51px;padding:20px 0 0 38px;}
.csImg{padding:10px 0 0 12px;}


/* css for footer */
footer{background: #363636;height:158px;}
.fHead{padding-top:34px;padding-bottom: 15px;}
.fContent{color:#999999;line-height: 28px;}


/* css for game */
.common2{background: url("../images/logo2.png")/*tpa=http://yooyoo.xin/statics/images/tuyoo/logo2.png*/ no-repeat 20px 0;margin-top:21px;}
.gameHead{height:39px;width:100%;border-bottom: 1px solid #3ca94d;}
.ghLeft{float:left;line-height:56px;padding-left:68px;}
.ghRight{float:left;padding-left:19px;margin-bottom:-2px;}
#ghrNav{padding-top:8px;overflow: hidden;}
#ghrNav li{margin:0 12px;padding:0 13px;line-height:30px;float:left;display: inline;z-index: 10;background: #fff;cursor: pointer;height:30px;}
#ghrNav li:hover{border:1px solid #3ca94d;border-bottom:1px solid #fff;border-top-left-radius: 4px;border-top-right-radius: 4px;-webkit-border-top-left-radius: 4px;-webkit-border-top-right-radius: 4px;
    -moz-border-top-left-radius: 4px;-moz-border-top-right-radius: 4px;-ms-border-top-left-radius: 4px;-ms-border-top-right-radius: 4px;font-weight: bold;}
#ghrNav .ghrActive{border:1px solid #3ca94d;border-bottom:1px solid #fff;border-top-left-radius: 4px;border-top-right-radius: 4px;-webkit-border-top-left-radius: 4px;-webkit-border-top-right-radius: 4px;
    -moz-border-top-left-radius: 4px;-moz-border-top-right-radius: 4px;-ms-border-top-left-radius: 4px;-ms-border-top-right-radius: 4px;font-weight: bold;}

.gameCarousel{margin-top:18px;width:100%;overflow: hidden;position: relative;height:346px;}
#gbanner{position: absolute;top:0;left:0;}
#gbanner li{float:left;}
#gbanner img{width:960px;height:346px;display: block;border-radius:3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius:3px;}
#gleft{position: absolute;left:6px;top:50%;width:30px;height:39px;margin-top:-20px;background: url("../images/gleft.png")/*tpa=http://yooyoo.xin/statics/images/tuyoo/gleft.png*/ no-repeat 2px 0;-moz-opacity:0.6;
    opacity:0.6;cursor:pointer;filter:alpha(opacity=60);}
#gright{position: absolute;right:6px;top:50%;width:30px;height:39px;margin-top:-20px;background: url("../images/gright.png")/*tpa=http://yooyoo.xin/statics/images/tuyoo/gright.png*/ no-repeat 2px 0;-moz-opacity:0.6;
    opacity:0.6;cursor:pointer;filter:alpha(opacity=60);}
#gleft:hover{opacity:1;filter:alpha(opacity=100);-moz-opacity:1;}
#gright:hover{opacity:1;filter:alpha(opacity=100);-moz-opacity:1;}

#gameContent{margin-top:26px;width:100%;overflow: hidden;position: relative;}
.gccSec{width:960px;}
.gCont li{float:left;padding:0 12px 0 13px;width:215px;position: relative;}
.gCont .gContImg{border-radius:3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius:3px;height:146px;}
.gCont li .gWeixin{display:block;position: absolute;top:0;left:13px;z-index: 5;height:146px;width:215px;opacity:0;filter:alpha(opacity=0);-moz-opacity:0;
    border-radius:3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius:3px;}
.gCont .gWeixin .gwBg{position: absolute;left:0;top:0;width:100%;height:100%;background: #41af53;opacity:0.8;filter:alpha(opacity=80);-moz-opacity:0.8;}
.gCont .gWeixin img{position:absolute;left:18px;top:35px;z-index:10;width:77px;height:77px;}
.gCont .gWeixin .gweixinRight{position:absolute;left:105px;top:35px;z-index:10;height:80px;width:110px;}
.gCont .gWeixin .gweixinCont{line-height:16px;}
.gCont .gWeixin .gweixinMid{line-height:28px;height:28px;}
.gCont .gWeixin .gweixinDown{padding-top:26px;line-height: 14px;position: absolute;left:0;bottom: 5px;}
.gCont .gamecCont{padding-top:15px;padding-bottom: 30px;}
.gCont .gamecLeft{float:left;line-height:27px;}
.gCont .gamecRight{float:right;line-height:27px;display: block;border:1px solid #20a238;background:url("../images/download-g.png")/*tpa=http://yooyoo.xin/statics/images/tuyoo/download-g.png*/ no-repeat 48px 6px;background-size: 14px 14px;width:62px;padding-left:5px;
    border-radius:3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius:3px;}

/* css for gamecenter content */
.gameBg{width:100%;background: url("../images/gameBg.jpg") no-repeat;background-size: contain;}
.dizhuTop{background: url("../images/6.png")/*tpa=http://ddz.dl.tuyoo.com/cdn37/yooyoo/6.png*/ no-repeat #fefdf8; background-size: contain;width:100%;}
.gamePoke{width:100%;padding-bottom: 60px;background:-webkit-gradient(linear, 0 0, 0 100%, from(#210319), to(#000));background:-moz-linear-gradient(top, #210319,#000); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#210319,endColorstr=#000000,grandientType=0);}
.gameMajiang{width:100%;background: #558591;padding-bottom: 60px;}
.gamePadding{width:100%;padding-bottom: 60px;}
.gameNiu{width:100%;padding-bottom: 60px;}
.gameChess{width:100%;padding-bottom: 60px;}
.gameT3card{width:100%;padding-bottom: 60px;}
.t3cardTop{background: url("../images/20161009san-dt.jpg")/*tpa=http://ddz.dl.tuyoo.com/uploadfile/2016/1009/20161009san-dt.jpg*/ no-repeat #000;background-size: contain;width:100%;}
.jingjiTop{background: url("../images/beijingdt-20161028-10.jpg")/*tpa=http://ddz.dl.tuyoo.com/uploadfile/2016/1028/beijingdt-20161028-10.jpg*/ no-repeat #fff;background-size: contain;width:100%;}
.majiangTop{background: url("../images/daditu-20161025-4.jpg")/*tpa=http://ddz.dl.tuyoo.com/uploadfile/2016/1025/daditu-20161025-4.jpg*/ no-repeat;background-size: contain;width:100%;}
.pokeTop{background: url("../images/poke_bg.jpg")/*tpa=http://yooyoo.xin/statics/images/tuyoo/poke_bg.jpg*/ no-repeat;background-size: contain;width:100%;}
.niuTop{background: url("../images/niuBg.jpg")/*tpa=http://yooyoo.xin/statics/images/tuyoo/niuBg.jpg*/ no-repeat;background-size: contain;width:100%;}
.chessTop{background: url("../images/chessBg.jpg")/*tpa=http://yooyoo.xin/statics/images/tuyoo/chessBg.jpg*/ no-repeat;background-size: contain;width:100%;}
.baohuangTop{background: url("../images/baohuangBg.jpg")/*tpa=http://yooyoo.xin/statics/images/tuyoo/baohuangBg.jpg*/ no-repeat;background-size: contain; width:100%;}
.junqiTop{background: url("../images/junqiBg.jpg")/*tpa=http://yooyoo.xin/statics/images/tuyoo/junqiBg.jpg*/ no-repeat #000525;background-size: contain; width:100%;}
.paohuziTop{background: url("../images/20161009-dt.jpg")/*tpa=http://ddz.dl.tuyoo.com/uploadfile/2016/1009/20161009-dt.jpg*/ no-repeat #77b9f5;background-size: contain; width:100%;}
.wuziqiTop{background: url("../images/wuziqiBg.jpg")/*tpa=http://yooyoo.xin/statics/images/tuyoo/wuziqiBg.jpg*/ no-repeat #f2f7fd;background-size: contain; width:100%;}
.gcLink{padding:26px 0 0 26px;}
.gcTotal{background: rgba(255, 255, 255, 0.6);width:411px;height:48px;border-radius:3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius:3px;}
.pokeTotal{background-color: rgba(255,255,255,0.4);width:410px;height:48px;border-radius:3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius:3px;}
.gcLink .gclLeft{float:left;width:275px;padding:17px 0 0 53px;background: url("../images/home.png")/*tpa=http://yooyoo.xin/statics/images/tuyoo/home.png*/ no-repeat 14px 12px;border-top-left-radius:3px;-webkit-border-top-left-radius: 3px;-moz-border-top-left-radius: 3px;-ms-border-top-left-radius:3px;
    border-bottom-left-radius:3px;-webkit-border-bottom-left-radius: 3px;-moz-border-bottom-left-radius: 3px;-ms-border-bottom-left-radius:3px;}
.triangle-w{border-left:8px solid #fff;border-top:5px solid transparent;border-bottom: 5px solid transparent;border-right:none;width:0;height:0;float:left;display: block;margin-right:9px;margin-top:1px;}
.gclLeft a{margin-right:13px;float:left;display: block;}
.gclRight{display:block;float:right;background: #20a238;width:82px;height:48px;line-height: 48px;cursor: pointer;border-top-right-radius:3px;-webkit-border-top-right-radius: 3px;-moz-border-top-right-radius: 3px;-ms-border-top-right-radius:3px;
    border-bottom-right-radius:3px;-webkit-border-bottom-right-radius: 3px;-moz-border-bottom-right-radius: 3px;-ms-border-bottom-right-radius:3px;}
.gcDdz{height:163px;margin:26px 0 0 50px;}
.gcDdz img{width:137px;height:137px;border-radius: 15px;-webkit-border-radius: 15px;-moz-border-radius: 15px;}
.gcIntro{padding:15px 0 0 39px;}
.gciHead{line-height: 36px;color:#366024;font-weight: bold;font-family: '微软雅黑',"Microsoft YaHei";}
.pokeTitleHead{background: url("../images/pokeTitle.png")/*tpa=http://yooyoo.xin/statics/images/tuyoo/pokeTitle.png*/ no-repeat;height:50px;}
.majiangTitleHead{line-height:40px;color:#07220d;font-weight:bold;height:50px;}
.chessTitleHead{line-height:40px;color:#000;font-weight:bold;height:50px;}
.t3cardTitleHead{line-height:40px;color:#ceebd3;font-weight:bold;height:50px;}

.gciContent{line-height:28px;padding-left:2px;width:340px;}
.jiathis_style{padding:13px 0 0 40px;}
.jiathis_txt{line-height:22px;}
.jiathis_button_icons_1{padding-left:18px;}
.gcDownload{padding:18px 0 0 36px;width:434px;}
.gcdl{display:block;margin:0 16px 17px 0;background: #fff;border-radius:3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius:3px;width:201px;height:46px;float:left;}
.gcdl:hover{background: #ceebdf;}
.gcdLeft{width:92px;line-height:46px;color:#366024;background: #ceebd3;font-weight:bold;float:left;border-top-left-radius:3px;-webkit-border-top-left-radius: 3px;-moz-border-top-left-radius: 3px;-ms-border-top-left-radius:3px;
    border-bottom-left-radius:3px;-webkit-border-bottom-left-radius: 3px;-moz-border-bottom-left-radius: 3px;-ms-border-bottom-left-radius:3px;}
.gcdRight{float:right;width:109px;line-height: 46px;color:#366024;display:block;}
.gcdr1{background: url("../images/iphone.png")/*tpa=http://yooyoo.xin/statics/images/tuyoo/iphone.png*/ no-repeat 80px 9px;text-indent: 12px;}
.gcdr2{background: url("../images/ipad.png")/*tpa=http://yooyoo.xin/statics/images/tuyoo/ipad.png*/ no-repeat 75px 7px;text-indent: 12px;}
.gcdr3{background: url("../images/android.png")/*tpa=http://yooyoo.xin/statics/images/tuyoo/android.png*/ no-repeat 79px 9px;text-indent: 8px;}
.gcdr4{background: url("../images/pc.png")/*tpa=http://yooyoo.xin/statics/images/tuyoo/pc.png*/ no-repeat 73px 14px;text-indent: 12px;}

.gcDes{margin-top: 28px;}
.gcdHead{float:left;height:34px;background: url("../images/gameIntro.png")/*tpa=http://yooyoo.xin/statics/images/tuyoo/gameIntro.png*/ no-repeat 12px 0;width:100%;}
.gcdHead1{float:left;height:34px;/*tpa=http://yooyoo.xin/statics/images/tuyoo/gameIntro.png*/ width:100%;}
.gcdHead1 h1{color:#fff;font-size: 22px;  line-height: 1;}
.gcdContent{padding:23px 6px 0 6px;}
.gcdc{background: rgba(255, 255, 255, 0.6);width:892px;border-radius:6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;-ms-border-radius:6px;padding:23px 28px;line-height:30px;color:#1f3c14;}
.pokedc{background-color: rgba(57,16,46,0.5);width:892px;border-radius:6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;-ms-border-radius:6px;padding:23px 28px;line-height:30px;color:#fff;}
.niudc{background-color: rgba(244,242,239,0.5);width:892px;border-radius:6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;-ms-border-radius:6px;padding:23px 28px;line-height:30px;}
.gcFeature{margin-top: 13px;}
.gcfHead{float:left;height:34px;background: url("../images/gameFig.png")/*tpa=http://yooyoo.xin/statics/images/tuyoo/gameFig.png*/ no-repeat 12px 0;width:100%;}
.gcfContent{padding:24px 6px 0 6px;}
.gcfc{background: rgba(255, 255, 255, 0.6);width:892px;border-radius:6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;-ms-border-radius:6px;padding:38px 28px;line-height:30px;color:#1f3c14;}
.pokefc{background-color: rgba(57,16,46,0.5);width:892px;border-radius:6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;-ms-border-radius:6px;padding:38px 28px;line-height:30px;color:#fff;}
.niufc{background-color: rgba(244,242,239,0.5);width:892px;border-radius:6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;-ms-border-radius:6px;padding:38px 28px;line-height:30px;}

.gcCarousel{background: #ceebd3;width:100%;border-radius:6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;-ms-border-radius:6px;padding:13px 0;margin:30px 0 0 0;}
.junqidc,.junqifc,.junqiCarousel{background-color:#110c27}
.pokeCarousel{background-color: rgba(57,16,46,0.5);width:100%;border-radius:6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;-ms-border-radius:6px;padding:13px 0;margin:30px 0 0 0;}
.gccScroll{width:900px;float:left;overflow: hidden;}
.gccLeft{float:left;width:30px;height:317px;background: url("../images/gileft.png")/*tpa=http://yooyoo.xin/statics/images/tuyoo/gileft.png*/ no-repeat 10px 138px;cursor:pointer;opacity: 0.6;filter:alpha(opacity=60);-moz-opacity:0.6;}
.gccRight{float:right;width:30px;height:317px;background: url("../images/giright.png")/*tpa=http://yooyoo.xin/statics/images/tuyoo/giright.png*/ no-repeat 6px 138px;cursor: pointer;opacity: 0.6;filter:alpha(opacity=60);-moz-opacity:0.6;}
.gccRight:hover{opacity: 1;filter:alpha(opacity=100);-moz-opacity:1;}
.gccLeft:hover{opacity: 1;filter:alpha(opacity=100);-moz-opacity:1;}
#gccContent li{float:left;padding:0 7px;width:211px;height:317px;}
.pokeCarousel #gccContent li{float:left;padding:0 10px;width:211px;height:317px;}
#gccContent li img{width:211px;height:317px;}
/*.pokeCarousel #gccContent li img{width:430px;height:317px;}*/
/*.boy{width:280px;height:357px;position: absolute;left:439px;top:136px;background: url("../../images/tuyoo/boy.png") no-repeat;background-size: contain;z-index: 5;}
.oldman{width:321px;height:441px;position: absolute;left:636px;top:85px;background: url("../../images/tuyoo/oldman.png") no-repeat;background-size: contain;}
*/
.boy{width:280px;height:357px;position: absolute;left:439px;top:136px;z-index: 5;}
.oldman{width:321px;height:441px;position: absolute;left:636px;top:85px;}
.majiang{width:990px;background: url("../images/crazyMajiangBigImg.png")/*tpa=http://yooyoo.xin/statics/images/tuyoo/crazyMajiangBigImg.png*/ no-repeat 340px 0;position: absolute;top:0;left:0;height:600px;}
.pokePadding{width:100%;background: url("../images/pokeBigImg.png")/*tpa=http://yooyoo.xin/statics/images/tuyoo/pokeBigImg.png*/ no-repeat 297px 80px;}
.niuPadding{width:1020px;background: url("../images/niuniuHead.png")/*tpa=http://yooyoo.xin/statics/images/tuyoo/niuniuHead.png*/ no-repeat 280px 0;position: absolute;top:0;left:0;height:640px;}
.chessPadding{width:1176px;background: url("../images/chessHead.png")/*tpa=http://yooyoo.xin/statics/images/tuyoo/chessHead.png*/ no-repeat 326px 0;position: absolute;top:0;left:0;height:675px;}

/* css for race center */
.raceCarousel{width:960px;overflow: hidden;position: relative;margin-top:23px;height:220px;}
#raceTurn{position: absolute;left:0;top:0;}
#raceTurn li{float:left;}
#raceTurn li a,#raceTurn li img{display:block;width:960px;height:220px;}
#raceLeft{position: absolute;width:16px;height:26px;top:50%;left:34px;margin-top:-13px;background: url("../images/gleft.png")/*tpa=http://yooyoo.xin/statics/images/tuyoo/gleft.png*/ no-repeat;filter:alpha(opacity=60);-moz-opacity:0.6;
    background-size: contain;opacity:0.6;cursor: pointer;}
#raceRight{position: absolute;width:16px;height:26px;top:50%;right:34px;margin-top:-13px;background: url("../images/gright.png")/*tpa=http://yooyoo.xin/statics/images/tuyoo/gright.png*/ no-repeat;filter:alpha(opacity=60);-moz-opacity:0.6;
    background-size: contain;opacity:0.6;cursor: pointer;}
#raceLeft:hover{opacity:1;filter:alpha(opacity=100);-moz-opacity:1;}
#raceRight:hover{opacity:1;filter:alpha(opacity=100);-moz-opacity:1;}

.mr30{margin-right:30px;}

.raceList{margin-top:29px;}
.raceList li{width:300px;height:222px;margin-bottom: 27px;background: #e9e9e9;float:left;}
.raceList li img{width:300px;height:130px;}
.raceContent{position: relative;margin:11px 28px 13px 28px;width:244px;height:66px;overflow: hidden;}
.rcCont{color:#a1a1a1;line-height: 22px;}
.raceContent a{color:#20a238;display:block;position: absolute;right:0;bottom:0;}
.raceMore{width:100%;height:20px;position: relative;cursor: pointer;}
.raceLine{position: absolute;top:50%;left:0;height:1px;background: #a4d9ae;width:100%;}
.raceMid{position: absolute;top:0;left:50%;width:78px;height:20px;border-radius:8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;-ms-border-radius:8px;line-height: 20px;margin-left:-39px;background: #e9e9e9;}
.raceTri{border-top:5px solid #20a238;border-left:4px solid transparent;border-right:4px solid transparent;margin-top:8px;float:left;margin-left:3px;}
.raceL{float:left;margin-left:10px;}

/* css for news */
.common3{margin-top:26px;border-top:1px solid #f0f0f0;}
#newsList{padding:0 8px;}
#newsList li{padding-bottom: 32px;}
.nlHead a{display:block;float:left;line-height:32px;}
.nlHead .nlhTime{float:left;line-height:34px;margin-left:6px;display:inline;}
.nlContent{line-height:20px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
#pages{height:24px;margin:0 auto;margin-bottom: 24px;}
#pages a,#pages span{text-align:center;display:block;float:left;width:24px;height:24px;line-height: 25px;border-radius:2px;-webkit-border-radius: 2px;-moz-border-radius: 2px;-ms-border-radius:2px;cursor: pointer;}
#pages a{color:#000;}
#pages span{background: #99d4a4;color:#fff;cursor: default;}

/* css for employAbout */
#employ{width:100%;background: url("../images/employBg.png")/*tpa=http://yooyoo.xin/statics/images/tuyoo/employBg.png*/ no-repeat;background-size: 100% 100%;position: relative;}
.employM{width:100%;height:100%;background: #000;opacity: 0.55;filter:alpha(opacity=55);-moz-opacity:0.55;position: absolute;left:0;top:0;}
.employC{overflow: hidden;width:100%;height:100%;}
.eaLeft{width:170px;padding-top:37px;float:left;}
.eaRight{width:730px;height:544px;overflow: hidden;position: absolute;top:38px;left:218px;opacity: 0;filter:alpha(opacity=0);visibility: hidden;-moz-opacity:0;}
#ealLeft{padding-left:20px;float:left;}
#ealLeft li{margin-bottom: 39px;height:33px;line-height: 33px;color:#fff;border-bottom:2px solid transparent;width:106px;cursor: pointer;}
.eallLeft{float:left;}
.eallSign{float:left;width:19px;height:14px;margin:10px 0 0 5px;display:none;}
.eallTri{width:0;height:0;border-left:8px solid #f5dc28;border-top:4px solid transparent;border-bottom: 4px solid transparent;margin:13px 0 0 5px;float:left;display: none;}
#ealLeft .eallActive{border-bottom:2px solid #146222;}
.eallActive .eallLeft{color:#20a238;}
.eallActive .eallSign{display: block;}
.eallActive .eallTri{display: block;}
.divide{float:right;width:1px;margin-top:7px;height:500px;overflow: hidden;background:-webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#524a42));
    background:-moz-linear-gradient(top,#fff,#524a42);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff,endColorstr=#524a42,GradientType=0);}

.earContent{width:715px;position: absolute;top:0;left:0;}
.earcHead{font-size:14px;color:#f5dc28;line-height:16px;padding-top:25px;}
.earcContent{font-size: 14px;line-height: 22px;color:#fff;}
.earScroll{position: absolute;right:0;top:0;width:5px;height:100%;}
.scroll{width:5px;background: #fff;position: absolute;right:0;top:0;height:10px;border-radius:1px;-webkit-border-radius: 1px;-moz-border-radius: 1px;-ms-border-radius:1px;
    opacity: 0.6;filter:alpha(opacity=60);-moz-opacity:0.6;}
.mt150{margin-top:150px;}

/* css for newsContent */
.ncBack{width:92px;height:35px;background:#faed8d;float:right;border-radius:2px;-webkit-border-radius: 2px;-moz-border-radius: 2px;-ms-border-radius:2px;margin-top:-6px;
    color:#20a238;display: block;position: relative;}
.ncbContent{position: absolute;top:8px;left:8px;}
.ncbText{line-height: 35px;text-indent: 21px;}
.newsTitle{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-align: center;margin-top:30px;}
.newsTime{text-align: center;margin-top: 16px;}
.newsDescription{margin-top:60px;text-indent: 2em;line-height: 32px;padding:0 30px;}
.newsRealContent{margin-top:34px;padding:0 15px;line-height: 32px;}
.newsRealContent1{margin-top:12px;padding:0 15px;line-height: 32px;}
.dividePage{margin:0 auto;margin-top:75px;margin-bottom:75px;text-align: center;width:300px;}
.dividePage a{float:left;width:150px;display: block;}

/* css for raceContent */
.raceRealContent{margin-top:34px;padding:0 15px;line-height: 32px;font-weight: bold;}
.raceRealContent1{margin-top:12px;padding:0 15px;line-height: 32px;font-weight: bold;}

/* css for watch */
.header{background: #353535;}
.backHead{float:right;height:83px;line-height: 80px;display: block;padding-right: 20px;}
.watchImg{width:100%;height:345px;margin-top:22px;}
.watchImg img{width:100%;height:345px;display: block;border-radius:3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius:3px;}
.watchTitle{width:100%;text-align: center;line-height:46px;height:46px;font-size: 16px;font-weight: bold;margin-top:18px;color:#20a238;}
.watchDescription{width:100%;line-height:33px;font-size: 14px;margin-bottom:17px;color:#ababab;}
.watchDescription .watchLink{font-size: 16px;color:#20a238;}
.watchDown{width:215px;margin:42px auto;}
.watchDown li{width:100%;height:54px;line-height: 54px;background: #eeeeee;border-radius:5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius:5px;margin-bottom: 10px;}
.watchDown li a{color:#20a238;display: block;width:100%;height:100%;}
.watchDown li:nth-of-type(3),.watchDown li:nth-of-type(4){text-indent: 32px;}
.watchDown li:nth-of-type(3) a,.watchDown li:nth-of-type(4) a{background: url("../images/download-g.png")/*tpa=http://yooyoo.xin/statics/images/tuyoo/download-g.png*/ no-repeat 166px 20px;}
.watchTarget{width:100%;text-align: center;line-height:45px;height:45px;font-size: 14px;color:#ababab;}
.watchTarget a{color:#20a238;}

.footer{background: #20a238;}
.footerCon{color:#99cda0;line-height: 28px;}

.mt240{margin-top:240px;}
.mb50{margin-bottom:50px;}

/* baidushare */
.baidushare{padding:5px 0 0 39px;}





/**/

.plays {
    width: 100px;
    height: 100px;
    position: absolute;
    margin: auto;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: url("../images/play.png")/*tpa=http://yooyoo.xin/statics/images/tuyoo/play.png*/ no-repeat;
    display: block;
    background-size: 100% 100%;
    z-index: 3;
}

.movewindow{
    position: fixed;
    right: 10%;
    bottom: 10%;
    background: #f0f0f0;
    z-index: 10;
}
.xfwindows{
    width: 190px;
    border-radius: 3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    float: left;
    text-align: center;
}
.hide{
    font-size: 28px;
    position: absolute;
    bottom: 5%;
    right: 5%;
    display: none;
    cursor: pointer;
}
.xfwindows .kfzx{
    font-size: 16px;
    display: inline-block;
    margin-top: 5px;
    color: #20a238;
}
.closexf{
    font-size:21px;
    position: absolute;
    right: 5px;
    top:3px;
    color:#000;
    cursor: pointer;
    color: #20a238;
}
.xfimg{
    padding: 4px 0 12px 4px;
}
/**/
.shengjiTop{background: url("../images/dabeijing-20161230-7.jpg") no-repeat #145847;background-size: contain;width:100%;}
.shengjiTop .gciHead {
    color: #fddf63;
    width: 50%;
}
/* 奇迹互动 */
.logo {
    float: left;
    background: url(../images/new_logo.png) no-repeat 0 23px;
    width: 242px;
    height: 75px;
    display: block;
}
.new_bg{
    background: url("../images/wuziqiBg.jpg") no-repeat;

}
.new_wrap_bg{
    background: url("../images/new_bg_wrap.png") no-repeat #16657a;
}
.new_bg .gciHead {
    color: #fddf63;
    width: 50%;
}
/*.gciContent{*/
    /*background: url("../images/new_des_bg.png") no-repeat;*/
    /*background-size: cover;*/
/*}*/
.gciContent {
    line-height: 28px;
    /* padding-left: 2px; */
    width: 480px;
    /*color: #fff;*/
    padding: 10px 15px;
}
.baidushare {
    padding: 5px 0 0 0px;
}
.gcDdz {
    height: 163px;
    margin: 26px 0 0 30px;
}
.gcIntro {
    padding: 15px 0 80px 39px;
}
/*.gcdHead,.gcfHead{*/
    /*float: none !important;*/
    /*!* height: 34px; *!*/
    /*background: url(../images/new_bg_title.png) no-repeat;*/
    /*width: 100%;*/
    /*background-size: contain;*/
    /*!* float: left; *!*/
    /*height: 34px;*/
    /*padding: 0px 0px 0px 40px;*/
/*}*/
.gcdHead h1,.gcfHead h1{
    color: #fff;
    font-size: 22px;
    line-height: 1;
}
/*.gcdContent{*/
    /*background: url(../images/new_bg_g2.png) no-repeat;*/
    /*background-size: cover;*/
    /*margin-top: 10px;*/
/*}*/
/*.gcfContent{*/
    /*background: url(../images/new_bg_g2.png) no-repeat;*/
    /*background-size: 100% 100%;*/
    /*margin-top: 10px;*/
/*}*/
.gcdc {
    background: none !important;
    width: 892px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    padding: 23px 28px 120px 28px;
    line-height: 30px;
    /*color: #fff;*/
}
.gcfc {
    background: none !important;
    width: 892px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    padding: 23px 28px 10px 28px;
    line-height: 30px;
    /*color: #fff;*/
}
.gcFeature {
    margin-top: 63px;
}
/*.gcCarousel{*/
    /*background: url(../images/new_bg_game.png) no-repeat;*/
/*}*/
.notice_bg{
    background: url(../images/new_bg_notice.png) no-repeat;
    background-size: 100% 100%;
    margin-top: 10px;
}
.common3{padding: 10px 15px;border: 0}
.notice_back{
    background: url(../images/notice_back.png) no-repeat;
    height: 35px;
    float: right;
    width: 72px;
    background-size: contain;
    margin: 15px 10px;
}
#newsList{padding-top: 30px;}
.notice_btn{
    text-align: center;
    margin-top: 25px;
}
.notice_btn .notice_btn_left{
    background: url(../images/new_left.png) no-repeat;
    width:32px;
    height: 22.5px;
    display: -webkit-inline-box;
    background-size: contain;
}
.notice_btn .notice_btn_right{
    background: url(../images/new_right.png) no-repeat;
    width:32px;
    height: 22.5px;
    background-size: contain;
    display: -webkit-inline-box;
}
.notice_btn span{
    font-size: 24px;
    /*color: #ffffff;*/
    padding: 1px 8px;
    margin: 0 5px;
}
.notice_btn_bg{
    background: url(../images/new_bg_notice_btn_bg.png) no-repeat;
    width: 52px;
    height: 52px;
}
.notice_bg h2{
    color: #fff;
    text-align: center;
    margin: 25px 10px;
}
.notice_bg .notice_content{
    padding: 5px 10px;
    line-height: 2;
    /*color: #fff*/
}
.notice_bg .notice_content p{margin: 20px 5px;}
#move {

    height: 5px;
    position: absolute;
    top: 78px;
    right: 150px;
    width: 475px;
    height: 5px;
    position: absolute;
    top: 78px;
    right:134px;
    /*right: 205px;*/
}

.logos{
    /*color: #fff;*/
    font-size: 30px;
    line-height: 78px;
}

.logos:hover{
    text-decoration: none;
    color: #fff;
}