html,body,ul,li,ol,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,form,fieldset,legend,table,img,label,abbr,object,ins{margin:0;padding:0;background:transparent;border:0;outline:0;}
html{-webkit-text-size-adjust:none;min-width:1180px;}
input,button,select,textarea{font-size:12px;vertical-align:middle;margin:0;padding:0;outline:none;}
textarea{resize:none}
object{line-height:1%}
fieldset,img{border:none}
img{vertical-align:top}
address,caption,cite,code,dfn,em,th,var,abbr{font-style:normal;font-weight:normal;}
ul,ol{list-style-type:none;list-style-position:outside;}
table{border-collapse:separate;border-spacing:0;}
caption,th,td{text-align:left;font-weight:normal;margin:0;padding:0;}
em{font-style:normal;}
a{outline:none;color:#333;}
a,a:hover{text-decoration:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:12px;}
body{background:#fff;color:#333;font:normal 14px/180% Microsoft Yahei,simsun,Arial,sans-serif;}

.clearfix:after{content:".";display:block;height:0;visibility:hidden;clear:both;}
.clearfix{zoom:1;}
.clearfix{display: block;}
.w1180{width:1180px;margin:0 auto;}
.fl{float:left;}
.fr{float:right;}
.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;}

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


.pcgamelist h2,.mobilegamelist h2{font-size:1.4em;padding-bottom:30px;}
.pcgamelist h2 em,.mobilegamelist h2 em{background:#6c9bd3;width:4px;height:20px;margin:3px 15px 0px 0;}
.pcgamelist h2 p,.mobilegamelist h2 p{float:right;}
.pcgamelist h2 p a,.mobilegamelist h2 p a{float:left;width:30px;height:30px;background:url(/template/images/icon.png?v=1) no-repeat;margin:3px 0 3px 3px;}
.pcgamelist h2 p a.prevB,.mobilegamelist h2 p a.prevB{background-position:0 -32px;}
.pcgamelist h2 p a.nextB,.mobilegamelist h2 p a.nextB{background-position:-30px -32px;}
.pcgamelist h2 p a:hover,.mobilegamelist h2 p a:hover{background-position-y:-62px;}

.pcgamelist{background:#f4f4f4;}
.pcgamelist .con{margin:0 auto;}
.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;background:#b4dc14 \9;text-align:center;display:none;}
.pcgamelist .con ul li .mask img{margin:30px 0;}
.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:#a9a9a9;padding:0px 10px;border-radius:20px;border:1px #dedede solid; margin:5px 0 0 5px;}
.pcgamelist .con ul li a:hover{color:#fff;background:#6d9cd4;border:1px #6d9cd4 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:16px;}

.mobilegamelist{background:#fff;}
.mobilegamelist .con{}
.mobilegamelist .con .title{border-bottom:1px #eaeaea solid;}
.mobilegamelist .con ul{padding-top:30px;}
.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(/template/images/icon.png) 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;}
.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;}
.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:400px;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(/template/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;
}
 
 
#footer {
    background: #fff none repeat scroll 0 0;
    border-top: 1px solid #efefef;
    padding: 0;
    width: 100%;
    margin-top:10px;
}
#footer .footer {
    font-size: 12px;
    margin: 0 auto;
    max-width: 1180px;
    min-width: 980px;
    padding: 35px 0;
}
#footer .footer .copy-info {
    color: #959595;
    1float: left;
    font-family: Microsoft Yahei;
    1width: 570px;
}

#footer .footer .copy-standard {
    background: rgba(0, 0, 0, 0) url("../image/footer_160119.jpg") no-repeat scroll right 0;
    color: #ffffff;
    float: right;
    height: 82px;
    position: relative;
    width: 230px;
}

.nodsp{display:none;}
#footer .footer .sitemap li {
    1background-position: 62px -370px;
    float: left;
   	padding:0px 10px;
   1width: 78px;
}
.form_btn{margin-top:10px;}
.container1 .circle4 {
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
}
.login_title{font-weight:bold;font-size:1.5em;}
.input{
	background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 4px;
    font-family: "microsoft yahei";
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    padding-left: 20px;
    width: 260px;
	}
.inp {
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 4px;
    font-family: "microsoft yahei";
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    padding-left: 50px;
    width: 260px;
}
.qr{
    background-color: #33bef2;
    border: 0 none;
    border-radius: 4px;
    color: #ffffff;
    cursor: pointer;
    font-family: "microsoft yahei";
    font-size: 16px;
    height: 42px;
    width: 312px;
}
.form_text_ipt {
    height: 70px;
    position: relative;
    width: 320px;
}
 .imgbg {
    background-image: url("../image/login_input.gif");
    background-position: 0 -6px;
    background-repeat: no-repeat;
    border-radius: 3px 0 0 3px;
    height: 40px;
    left: 1px;
    position: absolute;
    top: 1px;
    width: 42px;
}
.imgbg.pwd {
    background-position: 0 -76px;
}
.list-a-title{font-size:16px;}
.pb-main {
    clear: both;
    margin: 0 auto;
    width: 1050px;
}

.idx-t1 {
    font-size: 25px;
}
.berconc {
    margin: 0 auto;
    padding-top: 30px;
    width: 620px;
}
.list-a-title{font-size:24px}
.list-a-cont{margin-top:30px;margin-bottom:30px;}
.container-fluid {margin:0 auto;width:1000px;}
.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;}