/* CSS Document */
body {width: 100%; min-width: 1200px; max-width: 1920px; margin: 0 auto; color: #2b2b2b; font-family: "Noto Sans SC", "Microsoft Yahei";}
a, a:hover {text-decoration: none;}
a {color: #5d5d5d;}
a:hover {color: #007abe;}

/* header */
#header {position: relative; width: 100%; margin: 0 auto;}
.nav-bar {position: absolute; top: 0; left: 0; z-index: 10; width: 100%; height: 125px; background: rgba(255,255,255,0.58);}
.nav-list {width: 1200px; margin: 0 auto; color: #fff;}
.nav-list ul {display: flex; justify-content: space-between; padding-left: 62px;}
.nav-list li {line-height: 125px;}
.nav-list li a {display: block; color: #2c2c2c; font-size: 20px; font-weight: 400;}
.nav-list li a:hover {color: #294c5f;}
.nav-list .logo {width: 222px; height: 125px; margin: 0 15px; font-size: 0; text-indent: -9999px; background: url(../image/logo.png) no-repeat;}

.img-focus {position: relative; width: 100%; height: 794px; margin: 0 auto; overflow: hidden;}
.focus-pic {width: 993px; margin: 0 auto;}
.focus-pic ul {position: relative; width: 993px; height: 794px; margin: 0 auto;}
.focus-pic li a {width: 100%; height: 794px; position: absolute; left: -462px; top: 0px;}
.focus-num {position: absolute; left: 50%; bottom: 34px; width: 1140px; height: 30px; padding-right: 60px; margin-left: -600px; font-size: 0; text-align: right;}
.focus-num span {display: inline-block; width: 24px; height: 24px; margin: 0 6px; border-radius: 50%; border: 3px solid #fff; background: #fff; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.focus-num .on {background: #007abe;}

/* hot-game */
.hot-game {min-height: 792px; background: url(../image/bg01.jpg) no-repeat center top; background-size: auto 100%;}
.main-box {width: 1200px; margin: 0 auto;}
.hot-game .main-box {padding: 90px 0;}
.g-title {margin-bottom: 42px; text-align: center; font-size: 36px; line-height: 40px;}
.game-list {margin-right: -18px;}
.game-list li {position: relative; float: left; display: inline; width: 388px; margin: 0 18px 18px 0; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.3);  overflow: hidden;}
.hot-game .icon {position: absolute; font-size: 0; text-indent: -9999px; background: url(../image/main_icon.png) no-repeat;}
.hot-game .icon-new, .hot-game .icon-hot {top: 0; left: 0; width: 88px; height: 88px;}
.hot-game .icon-hot {background-position: -92px 0;}
.game-bom {position: relative; padding: 17px 14px;}
.game-name {margin-bottom: 8px; color: #121212; font-size: 20px;}
.game-brief {color: #686666; font-size: 18px;}
.hot-game .icon-phone {top: 13px; right: 24px; width: 12px; height: 20px; background-position: -206px 0;}
.hot-game .icon-computer {top: 18px; right: 19px; width: 18px; height: 14px; background-position: -202px -32px;}
.btn-enter {position: absolute; top: 40px; right: 12px; width: 93px; height: 25px; line-height: 25px; color: #686666; font-size: 16px; font-weight: 300; text-align: center; border: 1px solid #b7b7b7; border-radius: 99px; background: #fff; overflow: hidden;}
.btn-enter {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-o-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	-o-transition-duration: 0.4s;
	-ms-transition-duration: 0.4s;
	transition-duration: 0.4s;
	-webkit-transition-property: color;
	-moz-transition-property: color;
	-o-transition-property: color;
	-ms-transition-property: color;
	transition-property: color;
}
.btn-enter:after {
	position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 99px; background: #007abe; content: "";
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-o-transform: scaleX(0);
	-ms-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0 50%;
	-moz-transform-origin: 0 50%;
	-o-transform-origin: 0 50%;
	-ms-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	-o-transition-duration: 0.4s;
	-ms-transition-duration: 0.4s;
	transition-duration: 0.4s;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
	-moz-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
	-o-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
	-ms-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
	transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
	z-index: -1;
}
.btn-enter:hover {color: #fff; background: #fff; background: #007abe\0;}
.btn-enter:hover::after {-webkit-transform: scaleX(1); -moz-transform: scaleX(1); -o-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1);}

.game-top {-moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.game-top img {width: 388px; height: 167px;}
.view-logo {position: absolute; top: -200px;; left: 0; width: 100%; height: 167px; background: rgba(0,0,0,0.8); -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.game-top:hover .view-logo {top: 0;}

/* game-center */
.game-center {min-height: 516px; background: url(../image/bg02.jpg) no-repeat center top; background-size: auto 100%;}
.game-center .main-box {padding: 66px 0 106px;}
.game-center .g-title {padding-bottom: 42px; margin-bottom: 55px; border-bottom: 1px solid #ddd;}
.game-c-list {height: 90px; margin-bottom: 50px; overflow: hidden;}
.game-c-list li {float: left; width: 180px; display: inline; margin: 0 30px 15px;}
.game-c-list li img {width: 180px; height: 90px;}
.game-c-list a:hover img {opacity: .8;}
.btn-show {display: block; width: 288px; height: 56px; margin: 0 auto; line-height: 56px; text-align: center; font-size: 20px; border: 1px solid #a1a1a1;}

/*------------------- footer -------------------*/
#footer a:hover {color: #fff;}
.foot-top {background: #414141;}
.foot-nav {display: flex; justify-content: space-between; padding: 40px 0 65px;}
.foot-nav dl {width: 100%;}
.foot-nav dl:last-child {width: 450px;}
.foot-nav dt {padding-bottom: 16px; margin-bottom: 10px; color: #9b9b9b; font-size: 20px; font-weight: 700; border-bottom: 1px solid #6c6c6c;}
.foot-nav dt a {color: #a4a4a4;}
.foot-nav dd a {color: #868686; font-size: 16px; line-height: 30px; font-weight: 300;}
.foot-bom {padding: 30px 0; color: #797979; background: #303030;}
.foot-bom a {color: #9b9b9b;}
.foot-bom li {float: left; display: inline; padding-top: 20px; margin: 0 8px;}
.foot-bom .footer-txt {padding-top: 0;}
.foot-bom, .foot-bom li, .foot-bom p {font-size: 13px; font-weight: 300;}
.zqgame-link em {margin: 0 5px 0 8px;}
.sblock {width: 1200px; margin: 0 auto;}