*{box-sizing: border-box}
body{background:#fff;color:#333;min-width:1240px}
a{outline:none;color:#333;}
.w1180{width:1180px;margin:0 auto;}
.con {width:1180px;margin:0 auto;padding:50px 0;}
.ovt{overflow:hidden;text-indent:-9999px;}
.ov{overflow:hidden;}
.ptb50{padding:50px 0;}
.pt50b20{padding:50px 0 20px 0;}
.pt20b35{padding:20px 0 35px 0;}
.mAuto10{margin:0 10px;}
.mAuto20{margin:0 20px;}
.noshow{display:none;}

.header{width:100%;height:84px;}
.header .nav{padding:0;height:84px;}
.header .home{width:156px;height:45px;margin:19px 19px 0 0;background:url(../images/logo.jpg) no-repeat;}
.header .slogn{width:103px;height:38px;margin:23px 20px;background:url(../images/slogn.jpg) no-repeat;}
.header .login{margin:29px 0 25px 0;padding-left:22px;width:120px;text-align:center;height:30px;}
.header ul{}
.header ul li{width:70px;margin:0 15px;height:84px;float:left;}
.header ul li a{font-size:1rem;line-height:84px;text-align:center;}
.header ul li a:hover{color:#6d9cd4;}
.cursorB{cursor:pointer;}
.brLine{border-right:1px #eeeeee solid;}

.container {min-width:1240px}
.container .sprite {background:url(../images/sprite.jpg) no-repeat 0 0;display: block}
.container .icon {background:url(../images/icons.png) no-repeat 0 0;}
.container .icon-2 {background-position:-52px 0}
.container .icon-3 {background-position:-104px 0}
.container .icon-4 {background-position:-156px 0}
.container .icon-5 {background-position:-208px 0}
.container .icon-6 {background-position:0 -52px}
.container .icon-7 {background-position:-52px -52px}
.container .icon-8 {background-position:-104px -52px}
.container .icon-9 {background-position:-156px -52px}
.container .icon-10 {background-position:-208px -52px}
.container .icon-11 {background-position:0 -104px}
.container .icon-12 {background-position:-52px -104px}
.container .icon-13 {background-position:-104px -104px}
.container .icon-14 {background-position:-156px -104px}
.container .eyeOpen {background-position: 0 -85px}
.container .eyeClose {background-position: -24px -85px}
.container .service {background-position: -55px -85px;}
.container .new {background-position: 0 -105px}
.container .hot {background-position: -11px -105px}
.container .event {background-position: -22px -105px}
.container .new,
.container .hot,
.container .event {display:inline-block;width:11px;height:11px;margin-left:5px;}
.container .cake {background-position: -55px -105px}

.container h2 {height:55px;line-height:30px;font-size: 1.4em;padding-bottom:25px;}
.container h2 em {float:left;background: #6c9bd3;width: 4px;height: 20px;margin:5px 10px 0px 0;}
.container h2 a,
.container h2 span{font-weight:normal;color:#a9a9a9;font-size:13px;margin-right:6px;}
.container h2 a {text-decoration: underline}
.container h2 .userName{font-size:16px;}
.container h2 .level {background:#97c974;display: inline-block;padding:0 3px;height:17px;font-size:12px;line-height:17px;font-weight:normal;color:#fff;border-radius: 3px;vertical-align: middle;text-decoration:none}
.container h2 .eyeBtn {width:24px;height:19px;display: inline-block;vertical-align: middle}
.container h2 .serviceBtn {float:right;padding-right:5px;color:#000;font-weight: bold;font-size: 16px;text-decoration:none}
.container h2 .serviceBtn i {margin-right:10px;width:22px;height:15px;vertical-align: middle;display: inline-block}
.container h2 .birthdayBtn {display: inline-block;height: 30px;line-height: 30px;padding-left: 30px;vertical-align: middle;color:#f1611b;}

.picLoop {width:100%;height:510px;position:relative;left:0;}
.picLoop .runBox {width:100%;height:510px;overflow: hidden;float:left;}
.picLoop .runBox ul {width:100%;height:510px;}
.picLoop .runBox li {float:left;width:100%;height:510px;list-style: none;}  
.picLoop .runBox li a {display:block;width:100%;height:510px;float:left;background-position:50% 0;background-repeat: no-repeat}
.picLoop .runNum{width:1180px;height:80px;position:absolute;bottom:0;left:50%;margin-left:-590px;}
.picLoop .runNum a {position:relative;height:80px;padding:16px 22px;background:black;background: rgba(0,0,0,.4);color:#d2d2d2;float:left;line-height: 24px}
.picLoop .runNum a:nth-child(even) {background:black;background:rgba(0,0,0,.2);}
.picLoop .runNum a span {font-size:16px;color:#fff;overflow: hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space:nowrap;display: block}
.picLoop .runNum a p {position:relative;z-index:2;}
.picLoop .runNum a em {width:0;height:80px;position:absolute;top:0;left:0;z-index:1;background: #6f9dce}
.picLoop .runNum a.on em {width:100%;-webkit-animation:mymove 4s linear;-o-animation:mymove 4s linear;-moz-animation:mymove 4s linear;animation:mymove 4s linear;}
.picLoop .runNum a.on em.stopAnimate{-webkit-animation-play-state:paused;-o-animation-play-state:paused;-moz-animation-play-state:paused;animation-play-state:paused;}
@-webkit-keyframes mymove{from {width:0}to {width:100%;}}
@-o-keyframes mymove{from {width:0;}to {width:100%;}}
@-moz-keyframes mymove{from {width:0;}to {width:100%;}}
@keyframes mymove{from {width:0;}to {width:100%;}}

.recommendList {width:810px;height:375px;}
.recommendList ul {width:840px;}
.recommendList li {width:190px;height:320px;float:left;margin-right:17px;}
.recommendList li a {width: 100%;height:247px;display:block;background: url(../images/commend/logo.jpg) no-repeat 0 0}
.recommendList li div {padding:15px;border:1px solid #f4f4f4;border-top: 0;height:73px}
.recommendList li div h3 {font-size:14px;color:#000;}
.recommendList li div p {font-size:14px;color:#a9a9a9}

.controlBar {width:370px;height:375px;padding:10px 30px 30px;border:1px solid #f4f4f4;position: relative}
.controlBar .changeLoginBtn {width:51px;height:51px;position: absolute;z-index:3;right:10px;top:10px;background-position: -85px 0;}
.controlBar .changeLoginBtn.pcBtn {background-position:-85px -55px;}
.controlBar .loginNav {width:100%;height:65px;line-height:65px;border-bottom:1px solid #eee;}
.controlBar .loginNav li {height:65px;width:100px;float:left;}
.controlBar .loginNav li a {display: block;float:left;color:#999;font-size:16px;}
.controlBar .loginNav li a.on {color:#000;height:64px;border-bottom:2px solid #000;}
.controlBar .loginForm {width:100%;display: none}
.controlBar .loginForm li {width:100%;height:60px;padding-top:20px}
.controlBar .loginForm li input {height:40px;width:100%;padding:0 20px;text-align: left;line-height: 40px;font-size: 14px;color:#000;border:1px solid #ddd;border-radius:5px;background: #f4f4f4}
.controlBar .loginForm li input:focus {border:1px solid #147de8;border-radius: 5px;outline:none;}
.controlBar .loginForm li input.psw {width:165px;margin-right:10px;}
.controlBar .loginForm li .getPsw{display:inline-block;border-radius: 5px;text-align: center; background: #147de8;width:127px;height:42px;line-height: 42px;font-size:14px;color:#fff;}
.controlBar .loginForm li.error {padding-top:10px;line-height:20px;color:#e25a00;height:auto!important;}
.controlBar .loginForm li.error em {display:inline-block;vertical-align: middle; width:23px;height:20px;background:url(../images/sprite.jpg) no-repeat -65px -60px}
.controlBar .loginForm .loginBtn,
.controlBar .loginForm .cancelBtn,
.controlBar .loginForm .buyBtn,
.controlBar .loginForm .checkBtn {display:block;border-radius: 5px;text-align: center; background: #147de8;width:100%;height:42px;line-height: 42px;font-size:16px;color:#fff;}
.controlBar .loginForm .btns {text-align:right;height:40px;line-height:20px;font-size:12px;}
.controlBar .loginForm .btns a {display:inline-block;color:#757575;}
.controlBar .loginForm .btns a:hover {text-decoration: underline}
.controlBar .loginForm .step2 {display: none}
.controlBar .loginForm li.msg {height:40px!important;line-height:20px;font-size: 15px;font-weight: bold}
.controlBar .loginForm .mathVerify li.client {line-height:40px;}
.controlBar .loginForm .mathVerify li.client img {float:left}
.controlBar .loginForm .mathVerify li.client span {padding-left: 10px}
.controlBar .loginForm .mathVerify li.client span a {text-decoration: underline}
.controlBar .loginForm .mathVerify .loginBtn,
.controlBar .loginForm .loginBtn,
.controlBar .loginForm .cancelBtn{width:150px;float:left;}
.controlBar .loginForm .cancelBtn{margin-left:8px;background:#f4f4f4;color:#000;}

.controlBar .loginForm .matrixVerify li p {display: inline-block;width: 30%;height: 40px;line-height: 40px;background:#147de8;border-radius:5px;font-size: 16px;color: #fff;text-align: center;}
.controlBar .loginForm .matrixVerify li input {display: inline-block;width: 30%;height: 40px;line-height: 40px;font-size: 16px;color: #000;text-align: center;}
.controlBar .loginForm .matrixVerify li p+p,
.controlBar .loginForm .matrixVerify li input+input {margin-left:5%;}
.controlBar .loginForm .phoneVerify li {height:55px;padding-top:15px;}
.controlBar .loginForm .phoneVerify li p {font-size: 16px;font-weight: bold;display: inline-block;width:175px;line-height: 40px}
.controlBar .loginForm .oneKeyVerify .loginCode span {font-size:18px;color:red;font-weight: bold}
.controlBar .loginForm .oneKeyVerify .wait em {width:5px;height:5px;display: inline-block;margin-left:3px;background:#5da5fd;vertical-align: middle;-webkit-animation: loadingAni .9s infinite;animation: loadingAni .9s infinite;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.controlBar .loginForm .oneKeyVerify .wait .w2{-webkit-animation-delay: 0.3s;animation-delay: 0.3s;}
.controlBar .loginForm .oneKeyVerify .wait .w3{-webkit-animation-delay: 0.6s;animation-delay: 0.6s;}
@-webkit-keyframes loadingAni {
  1%,30% { background:#fff }
  0%,31%,100% { background:#5da5fd }
}
		 
@keyframes loadingAni {
  1%,30% { background:#fff }
  0%,31%,100% { background:#5da5fd }
}

.controlBar .qrcodeLogin{display: none}
.controlBar .qrcodeLogin .loginForm {display: block}
.controlBar .qrcodeLogin .loginForm p{line-height: 50px;height:50px;font-size:13px;}
.controlBar .qrcodeLogin .installBtn {display:block;float:right;border-radius: 5px;text-align: center; background: #147de8;width:58px;height:30px;line-height: 30px;font-size:14px;color:#fff;margin-top:10px;}
.controlBar .qrcodeLogin .qrcode{width:158px;height:157px;margin: 0 auto;background:url(../images/qrcode-bg.jpg) no-repeat 0 0;padding:16px;}
.controlBar .qrcodeLogin .qrcode img {width:125px;height:125px;}
.controlBar .qrcodeLogin .btns {padding-top:20px;text-align:center;height:40px;line-height:20px;font-size:12px;}
.controlBar .qrcodeLogin .btns a {display:inline-block;color:#757575;}
.controlBar .qrcodeLogin .btns a:hover {text-decoration: underline}

.loginedBar .loginNav li {width:80px;}
.loginedBar .loginForm li{color:#000;height:30px;line-height:30px;padding-top:5px}
.loginedBar .loginForm li span {float:right;}
.loginedBar .loginForm .itemList {height:215px;}
.loginedBar .loginForm .itemList ul {border-top:1px solid #dedede;}
.loginedBar .loginForm .itemList li {height:25px;line-height:22px;color:#b3b3b3;}
.loginedBar .loginForm .itemList span {float:right;color:#000;}
.loginedBar .loginForm .btns{text-align: left}
.loginedBar .loginForm .btns a {font-size:15px;width:90px;height:32px;line-height:32px;background:#6d9cd4;margin-right:10px;border-radius:20px;display:inline-block;color:#fff;}
.loginedBar .loginForm .btns a:hover {text-decoration: underline}
.loginedBar .loginForm .btns a.checkBtn{background:#fff;border:1px solid #cfcfcf;color:#cfcfcf;}

.loginedBar .secureForm li{padding-top:10px;height:40px;line-height: 30px}
.loginedBar .secureForm a.openBtn{float:right;width:47px;height:22px;line-height:22px;font-size:12px;background:#fff;border:1px solid #cfcfcf;color:#cfcfcf;border-radius:10px;text-align: center;margin-top:4px;}
.loginedBar .commonEntry li {width:52px;padding:20px 0 15px;height:115px;float:left;font-size:12px;text-align: center;}
.loginedBar .commonEntry li+li {margin-left:12px;}
.loginedBar .commonEntry li a {display:block;width:100%;height:80px;line-height:28px;}
.loginedBar .commonEntry li a em {width:52px;height:52px;display: block}

.loginedBar .allEntry {border-top:1px solid #eee;}
.loginedBar .allEntry h3 {padding-top:15px;}
.loginedBar .entryPage {float:right;font-weight: normal}
.loginedBar .runContainer {width:100%;height:100px;position:relative;left:0;float:left;}
.loginedBar .runContainer .prev,.runContainer .next {width:25px;height:25px;text-indent:-999em;position:absolute;top:100px;left:50%;background:url(../images/sprite.jpg) no-repeat 0 -32px;}
.loginedBar .runContainer .prev {margin-left:-35px;}
.loginedBar .runContainer .prev:hover {background-position:0 -57px}
.loginedBar .runContainer .next{margin-left:10px;background-position: -25px -32px}
.loginedBar .runContainer .next:hover {background-position:-25px -57px}

.loginedBar .runBox {width:100%;height:100px;overflow: hidden;float:left;}
.loginedBar .runBox ul {width:100%;height:100%;}
.loginedBar .runBox li {float:left;width:100%;height:100px;list-style: none;padding-top:15px;}  
.loginedBar .runBox li a {display:block;width:52px;height:80px;line-height:28px;float:left;font-size: 12px;text-align:center}
.loginedBar .runBox li a+a {margin-left:12px;}
.loginedBar .runBox li a em {width:52px;height:52px;display: block}
.loginedBar .runBox li.bg_01,.runBox a.bg_01 { background: blue; }
.loginedBar .runBox li.bg_02,.runBox a.bg_02 { background: #d92102; }
.loginedBar .runBox li.bg_03,.runBox a.bg_03 { background: green; }





.pcgamelist{background:#f4f4f4;}
.pcgamelist .con ul{width:1200px;}
.pcgamelist .con ul li{float:left;width:280px;height:225px;margin:0 20px 20px 0;background:#fff;position:relative;}
.pcgamelist .con ul li .mask{width:280px;height:160px;position:absolute;background:rgba(180,220,20,0.95);*background:#b4dc14;text-align:center;display:none;}
.pcgamelist .con ul li .mask img{margin:30px 0;display: inline}
.pcgamelist .con ul li:hover .mask{display:block;}
.pcgamelist .con ul li h3{font-size:1em;font-weight:bold;line-height:100%;}
.pcgamelist .con ul li a{font-size:12px;color:#6d9cd4;padding:0px 10px;border-radius:20px;border:1px #6d9cd4 solid; margin:5px 0 0 5px;}
.pcgamelist .con ul li a.btn-dark-blue {color:#fff;background:#6d9cd4;border:1px #6d9cd4 solid;}
.pcgamelist .con ul li a:hover{color:#fff;background:#b8de20 ;border:1px #b8de20 solid;}
.pcgamelist .con ul li a.btn-dark-blue:hover {background:#b8de20 ;border:1px #b8de20  solid;}
.pcgamelist .con ul li a.maskBtn{padding:0;margin:0;width:280px;height:160px;position:absolute;border:none;}
.pcgamelist .con ul li p{font-size:12px;color:#a9a9a9;}
.pcgamelist .con ul li div{padding:8px 16px;line-height:30px}
/* .pcgamelist .con ul li div span { } */

.mobilegamelist{background:#fff;}
/* .mobilegamelist .con{} */
.mobilegamelist .con .title{border-bottom:1px #eaeaea solid;}
.mobilegamelist .con ul li{float:left;width:290px;margin:0 5px 35px 0;}
.mobilegamelist .con ul li img{border-radius:18px;box-shadow:4px 4px 8px #dadde4;float:left;}
.mobilegamelist .con ul li div{float:left;padding:20px 0 0 20px;width:146px;}
.mobilegamelist .con ul li div h3{font-size:1em;font-weight:bold;line-height:17px;float:left;height:16px;}
.mobilegamelist .con ul li p{font-size:12px;color:#a9a9a9;float:left;width:100%;}
.mobilegamelist .con ul li a{font-size:12px;color:#a9a9a9;padding:0px 16px;border-radius:20px;border:1px #dedede solid;float:left;margin:5px 0;}
.mobilegamelist .con ul li a.maskBtn{margin:0;padding:0;border:none;}
.mobilegamelist .con ul li a.maskBtn:hover{margin:0;padding:0;border:none;}
.mobilegamelist .con ul li a:hover{color:#fff;background:#6d9cd4;border:1px #6d9cd4 solid;}
.mobilegamelist .con ul li i.ios,.mobilegamelist .con ul li i.andriod{background:url(../images/sprite.jpg) no-repeat;width:16px;height:16px;border-radius:none;border:none;padding:0;margin:0;float:left;}
.mobilegamelist .con ul li i.ios{background-position:0 0;}
.mobilegamelist .con ul li i.andriod{background-position:-16px 0;}
.mobilegamelist .con ul li i.on{background-position-y:-16px}

.newjob{}
.newjob div{width:386px;float:left;}
.newjob div h2{height:42px;background:#f9f9f9;font-size:1.1em;padding-right:10px;line-height:42px;color:#aeaeae;}
.newjob div h2 span{padding:0 10px;}
.newjob div h2 span.actived{color:#000;}
.newjob div h2 a{float:right;width:25px;height:25px;margin:8px 0 8px;text-align:center;border:1px #ededed solid;border-radius:25px;background:#fff;color:#cacaca;font-size:1.6em;line-height:23px;}
.newjob div h2 a:hover{color:#5a95eb;}
.newjob div ul{padding:20px;font-size:12px;}
.newjob div ul li{overflow:hidden;width:100%;height:25px;}
.newjob div ul li a{color:#676767;max-width:207px;height:25px;overflow:hidden;float:left;white-space: nowrap;text-overflow: ellipsis;margin-left:5px;}
.newjob div.gameNew ul li a{color:#676767;max-width:207px;height:25px;overflow:hidden;float:left;white-space: nowrap;text-overflow: ellipsis;}
.newjob div.job-con ul dd{width:100px;float:left;text-align:center;}
.newjob div.job-con ul dd img{border:1px #efefef solid;float:left;}
.newjob div.job-con ul dd span{font-size:12px;float:left;}
.newjob div.job-con ul li{float:left;width:auto;margin:0 25px;width:73px;}
.newjob div ul li a:hover{color:#6d9cd4;}
.newjob div ul li a.gameName{/*padding-right:5px;*/max-width:75px;margin:0;}
.newjob div ul li em{float:left}
.newjob div ul li span{float:right;color:#adadad;}

.job-con{width:386px;}
.job-con h2{height:42px;background:#f9f9f9;font-size:1.1em;padding-right:10px;line-height:42px;color:#aeaeae;}
.job-con h2 span{padding:0 10px;}
.job-con h2 span.actived{color:#000;}
.job-con h2 a{float:right;width:25px;height:25px;margin:8px 0 8px;text-align:center;border:1px #ededed solid;border-radius:25px;background:#fff;color:#cacaca;font-size:1.6em;line-height:23px;}
.job-con h2 a:hover{color:#5a95eb;}
.job-con ul{padding:20px;font-size:12px;}
.job-con ul li a{color:#676767;max-width:110px;height:25px;overflow:hidden;float:left;white-space: nowrap;text-overflow: ellipsis;}
.job-con ul li a:hover{color:#6d9cd4;}
.job-con ul dd{width:100px;float:left;text-align:center;}
.job-con ul dd img{border:1px #efefef solid;float:left;}
.job-con ul dd span{font-size:12px;float:left;}
.job-con ul li{float:left;width:auto;margin-left:10px;width:110px;}

#SmallBanner{overflow:hidden;position:relative;width:1180px;height:100px;}
#SmallBanner ul{}
#SmallBanner ul li{width:100%;}
#SmallBanner .btn-list{position:absolute;bottom:10px;}
#SmallBanner .btn-list a{width:10px;height:10px;border-radius:10px;float:left;margin:3px;overflow:hidden;text-indent:-9999px;background:#fff;}
#SmallBanner .btn-list a.active{background:#6c9bd3;}
#SmallBanner .arr{width:60px;height:60px;position:absolute;background:#000;color:#fff;text-align:center;line-height:60px;opacity:0.6;filter:alpha(opacity=60);top:50%;margin-top:-30px;display:none;}
#SmallBanner .arr:hover{opacity:1;filter:alpha(opacity=100);}
#SmallBanner .adNext{left:10px;}
#SmallBanner .adPrev{right:10px;}

#Banner{min-width:1180px;margin:0 auto;position:relative;}
#Banner .adPic{width:100%;min-width:1180px;height:510px;overflow:hidden;position:relative;}
#Banner .adPic a{width:100%;height:510px;float:left;background-position:center -64px;background-repeat:no-repeat;position:absolute;top:0;left:0;display:none;}
#Banner .adPic a.show{display:block;}
#Banner .arr{position:absolute;width:46px;height:76px;top:50%;margin-top:-38px;background:url(../images/arr.png) no-repeat;overflow:hidden;text-indent:-9999px;display:none;}
#Banner .adnext{background-position:0 0;left:0px;}
#Banner .adprev{background-position:-46px 0;right:0px;}
#Banner .pageBtn{position:absolute;left:50%;bottom:20px;}
#Banner .pageBtn a{width:120px;height:64px;float:left;overflow:hidden;text-indent:-9999px;opacity:0.4;filter:alpha(opacity=40);position:relative;}
#Banner .pageBtn a em{width:116px;height:60px;border:2px #fff solid;position:absolute;top:0;left:0;display:none;}
#Banner .pageBtn a:hover,#Banner .pageBtn a.on{margin:0px;opacity:1;filter:alpha(opacity=100);}
#Banner .pageBtn a:hover em,#Banner .pageBtn a.on em{display:block;}
/*loading*/
.spinner {
  width: 30px;
  height: 30px;
  position:absolute;
  top:50%;
  left:50%;
  margin:-15px 0 0 -15px;
  z-index:-1;
}
 
.container1 > div, .container2 > div, .container3 > div {
  width: 6px;
  height: 6px;
  background-color: #333;
 
  border-radius: 100%;
  position: absolute;
  -webkit-animation: bouncedelay 1.2s infinite ease-in-out;
  animation: bouncedelay 1.2s infinite ease-in-out;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
 
.spinner .spinner-container {
  position: absolute;
  width: 100%;
  height: 100%;
}
 
.container2 {
  -webkit-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}
 
.container3 {
  -webkit-transform: rotateZ(90deg);
  transform: rotateZ(90deg);
}
 
.circle1 { top: 0; left: 0; }
.circle2 { top: 0; right: 0; }
.circle3 { right: 0; bottom: 0; }
.circle4 { left: 0; bottom: 0; }
 
.container2 .circle1 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
 
.container3 .circle1 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}
 
.container1 .circle2 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
 
.container2 .circle2 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
 
.container3 .circle2 {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}
 
.container1 .circle3 {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}
 
.container2 .circle3 {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
 
.container3 .circle3 {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}
 
.container1 .circle4 {
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
}
 
.container2 .circle4 {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}
 
.container3 .circle4 {
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s;
}
 
@-webkit-keyframes bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0.0) }
  40% { -webkit-transform: scale(1.0) }
}
 
@keyframes bouncedelay {
  0%, 80%, 100% {
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 40% {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}
/*20181015*/
.pcgamelist .con ul li.firstLi{height:470px;}
.pcgamelist .con ul li.firstLi .maskBtn{height:405px;}
.pcgamelist .con ul li.firstLi .mask{height:405px;}
.pcgamelist .con ul li.firstLi .mask img{margin:152px 0;}