* {
    box-sizing: border-box;
}

html, body {
    padding: 0;
    margin: 0;
}

body {
    font-family: 'Microsoft Yahei';
    background-color: #b5b5b5;
    margin-bottom: 80px;
}
a {
    text-decoration: none;
}
ul,li {
    list-style: none;
    margin: 0;
    padding: 0;
}
.clear {
    clear: both;
}
.wrap {
    width: 1700px;
    margin: 0 auto;
}

header {
    height: 70px;
    background: url("../images/header_bg.png") repeat-x 0 0 ;
}
nav {
    width: 1700px;
    height: 70px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.menu-items {
    list-style: none;
    height: 70px;
    padding: 0;
    margin: 0;
    display:flex;
    justify-content: space-between;
    align-items:stretch;
}
.menu-items > li {
    padding-top: 20px;
    margin: 0 20px;
    display: flex;
    justify-content: center;

}
.menu-items > li > a {
    color: #2f4056;
    font-size: 24px;
    font-weight: bold;
    text-decoration: none;
    transition: color 0.3s ease 0.2s;

}
.menu-items > li > a:hover, .menu-items > li > a.active {
    color: #d91d20 ;
}
.menu-items > li > a > span {
    display: block;
    text-align: center;
}
.menu-items > li > a >span.menu-item-cn {
    font-size: 20px;
    font-weight: 600;
}
.menu-items > li > a > span.menu-item-en {
    font-size: 12px;
    padding-top: 10px;
}
.ad {
    background: url('../images/bg1.jpg') #1a1309 no-repeat 0 0;
    height: 739px;
}
.p-re {
    position: relative;
}
.game-box {
    width: 217px;
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 100px;
    left: 120px;
}
.sign {
    width: 340px;
    height: 350px;
    background: url("../images/sign_box211.png") no-repeat 0 0;
    position: absolute;
    top: 370px;
    left: 75px;
}
.btn-sign {
    display: none;
    background-color: #ff6600;
    color: #FFF;
    font-size: 22px;
    /*font-weight: bold;*/
    padding: 3px 60px;
    text-decoration: none;
    border-radius: 30px;
    letter-spacing: 5px;
    position: absolute;
    bottom:40px;
    left: 90px;
}
.user-center {
    position: absolute;
    width: 1350px;
    height: 280px;
    padding: 30px 60px 0 60px;
    background: url("../images/user_center.png") no-repeat 0 0;
    top: 440px;
    left: 450px;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}
.user-center > .user-center-item {
    text-align: center;
    padding-top: 30px;
    width: 280px;
    margin-top: 10px;
}

.user-center >  .user-center-item > h2 {
    font-weight: 600;
    font-size: 24px;
}
.summary{font-size: 16px;margin-top: 30px;}
.user-center  .btn-user-center {
    padding: 5px 30px;
    font-size: 16px;
    font-weight: bold;
    color: #e02627;
    margin-top: 30px;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    border-color: #e02627;
    display: inline-block;
}
.user-center  .btn-user-center:hover{
    color: #ffffff;
    border-color: #ffffff;
    background-color: #e02627;
}
.user-center  .btn-user-center.btn-scan {
    color: #FFF;
    background-color: #e02627;
    border-color: #FFF;
    border-radius: 30px;
}
.user-center  .btn-user-center.btn-scan:hover{
    color: red;
    background-color: #ffffff;
    border-color: red;
}
.search {
    margin-top: 30px;
    padding: 10px 80px 10px 30px;
    border-radius: 5px;
    background-color: #ededed;
    display: flex;
    justify-content:space-between ;
}
.switch-tab {
    width: 200px;
    display: flex;
    justify-content: space-between;
}
.switch-tab > a {
    font-size: 20px;
    font-weight: 600;
    color: #684f39;
    text-decoration: none;
    display: block;
    cursor: pointer;
    padding-bottom: 5px;
    
}
.switch-tab > a.active, .switch-tab > a:hover{
    border-bottom: solid 5px #000;
    color: #000;
}
.hot-key {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.hot-key > a {
    display: block;
    cursor: pointer;
    color:#382616;
    font-size:15px;
    border:1px solid #382616;
    padding: 5px 20px;
    margin: 0 5px;
     border-radius: 20px; 
    text-decoration: none;
}
.hot-key > a:hover{
    background: #e4bebe!important;
}
.key-active{
    background: #e4bebe!important;
}
.switch-box {
    margin-top: 5px;
}
.switch-box-item {
    display: none;
}
.switch-box-item.active {
    display: block;
}
.games {
    display: grid;
    justify-content: space-between;
    grid-template-columns: repeat(auto-fill, 460px);
    grid-gap: 10px;
}

.games a {
    text-decoration: none;
}
.game-item {
    width: 460px;
    border-radius: 3px;
    border: 1px solid #FFF;
    overflow: hidden;
    background: #FFFFFF;
}

.game-cover {
    height: 300px;
    position: relative;
    overflow: hidden;
}

.game-image {
    width: 100%;
    height: 300px;
    transition: all 0.6s;
    border: 0; 
    flex-shrink: 0;
}
.game-image:hover{
    transform: scale(1.2);
}

.game-bottom {
    background-color: #FFF;
    padding: 10px;
}
.game-info {
    display: flex;
    justify-content: space-between;
}
.game-title {
    font-size: 16px;    
    font-weight: bold;
}
.game-title > a {
    color: #000;
}
.game-btns {
    display: flex;
    justify-content: space-between;
    text-align: right;
}
.game-ver {
    font-size: 12px; 
    color: #2a2a2a;
    padding: 10px 0;
}
.game-ver  > a{
    color: #2a2a2a;
}
.game-desc {
    font-size: 17px;
    color: red;
    border-top: 1px solid #ebebeb;
    padding-top: 5px;
    font-weight:600;
}

.game-btns {
    display: flex;
    justify-content: space-between;
}
.game-fav {
    width: 28px;
    height: 28px;
    background-image: url(../images/fav1.png);
    background-repeat: no-repeat;
    cursor: pointer;    
}
.game-fav:hover {
    background-image: url(../images/fav2.png);
}
.game-gift {
    width: 28px;
    height: 28px;
    background-image: url(../images/gift0.png);
    background-repeat: no-repeat;
    cursor: pointer;
    margin: 0 10px;
}
.game-gift:hover {
    background-image: url(../images/gift1.png);
}
.game-gift-btn {
    height: 28px;
    width: 74px;
    background-image: url(../images/welfare0.png);
    background-repeat: no-repeat;
    background-color: transparent;
    cursor: pointer;
    border: none;
    color: #FFF;
}
.game-gift-btn:hover {
    background-image: url(../images/welfare1.png);
    cursor: pointer;
}
.game-table {
    background-color: #FFF;
    border-top: 1px solid #333333;
    border-left: 1px solid #333333;
    font-size: 12px;
    border-collapse: collapse;
    padding: 0;
}
.game-table a{
    text-decoration: none;
    color:#000
}
.game-table td, .game-table th {
    text-align: center;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    padding: 10px 0;

} 
.game-table th {
    background-color: #f0f0f0;
}
.game-table tr:hover td {
    background-color: #ffe999;
}

.charge {
    color: #733D22; 
    cursor: pointer;
    width: 70px;
    height: 20px;
    border: 1px solid #733D22;
    border-radius: 10px;
    display: inline-block;
    line-height: 20px;
}
footer {
    margin-top: 50px;
}

footer > .copyright {
    line-height: 30px;
    color: #FFF;
    font-size: 15px;
    text-align: center;
}
footer > .copyright >p{
    margin: 10px;
}
footer > .footer-logo {
    display: flex;
    justify-content: center;
    
}
footer > .footer-logo > .logo-item {
    display: flex;
    justify-content: space-between;
    border: 1px solid #CCC;
    border-radius: 5px;
    background-color:#FFF;
    margin: 0 15px;
    padding: 10px;
  
}
footer > .footer-logo > .logo-item > .logo-image {
    width: 42px;
    height: 43px;
    border: 0;
    margin-right: 10px;
}
footer > .footer-logo > .logo-item > .logo-text {
    font-size: 12px;
    color: #333;
    display: flex;
    align-items: center;
}

.goto-top {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #2f4056;
    color: #ffc83d;
    position: fixed;
    right: 15px;
    bottom: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.is-active > a > span {
    color: #ffee00!important;
}
 .tc h1 {
	text-align: center;
	padding: 20px 0 10px;
	color: red;
	font-size: 26px;
}
 .tc p {
	padding: 0 0 0 80px;
	margin-bottom: 15px;
	font-size: 14px;
}
.search-input {
    position: relative;
}
.search-key {
    background-color: transparent;
    border: 1px solid #382616;
    border-radius: 20px;  
    padding: 7px 20px;
    outline:none;
    color: #382616;
}
.search-btn {
    background-color: transparent;
    background-image: url(../images/search.png) ;
    background-repeat: no-repeat;
    background-position:  center center;
    position: absolute;
    top: 2px;
    right: 10px;
    border: none;
    width: 18px;
    height: 30px;
    cursor: pointer;
}
.game-cover:hover .game-download{
  display: inline-block;
}
.game-download {
 width: 28px;
     height: 28px;
     cursor: pointer;
     background: url(../images/download1.png);
     position: absolute;
     z-index: 999;
     top:2px;
     left: 2px;
	 display: none;
}
.game-download:hover{
     width: 28px;
     height: 28px;
     cursor: pointer;
     background: url(../images/download0.png);
     position: absolute;
     z-index: 999;
}
.yqtg{
    height:140px;width: 238px;background:url(../images/tj_bg.png);position: relative;top: 0px;cursor: pointer;border-radius:5px;left: 4px;
}
.roll3{
    height:280px;width:300px;
}
.roll3 img{
    height:90px;width:290px;padding-top: 5px;
}
.roll3 img:hover{
      animation: ring 1.5s linear 1;
}
@-webkit-keyframes tada {
    0% {-webkit-transform: scale(1);}
    10%, 20% {-webkit-transform: scale(0.9) rotate(-9deg);}
    30%, 50%, 70%, 90% {-webkit-transform: scale(1) rotate(9deg);}
    40%, 60%, 80% {-webkit-transform: scale(1) rotate(-9deg);}
    100% {-webkit-transform: scale(1) rotate(0);}
}
@keyframes tada {
    0% {transform: scale(1);}
    10%, 20% {transform: scale(0.9) rotate(-9deg);}
    30%, 50%, 70%, 90% {transform: scale(1) rotate(9deg);}
    40%, 60%, 80% {transform: scale(1) rotate(-9deg);}
    100% {transform: scale(1) rotate(0);}
}
/* 震铃 */
@-webkit-keyframes ring{
    0%{-webkit-transform:scale(1);}
    10%,20%{-webkit-transform:scale(0.9) rotate(-3deg);}
    30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);}
    40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);}
    100%{-webkit-transform:scale(1) rotate(0);}
}
@-moz-keyframes ring{
    0%{-moz-transform:scale(1);}
    10%,20%{-moz-transform:scale(0.9) rotate(-3deg);}
    30%,50%,70%,90%{-moz-transform:scale(1.1) rotate(3deg);}
    40%,60%,80%{-moz-transform:scale(1.1) rotate(-3deg);}
    100%{-moz-transform:scale(1) rotate(0);}
}
@-ms-keyframes ring{
    0%{-ms-transform:scale(1);}
    10%,20%{-ms-transform:scale(0.9) rotate(-3deg);}
    30%,50%,70%,90%{-ms-transform:scale(1.1) rotate(3deg);}
    40%,60%,80%{-ms-transform:scale(1.1) rotate(-3deg);}
    100%{-ms-transform:scale(1) rotate(0);}
}
@keyframes ring{
    0%{transform:scale(1);}
    10%,20%{transform:scale(0.9) rotate(-3deg);}
    30%,50%,70%,90%{transform:scale(1.1) rotate(3deg);}
    40%,60%,80%{transform:scale(1.1) rotate(-3deg);}
    100%{transform:scale(1) rotate(0);}
}
.layui-btn-xs {
    line-height: 21px;
}
.right-tag-new{
    background-image: url(../images/new.png);
    position: absolute;
    right: 0;
    top: 0;
    width: 76px;
    height: 76px;
    background-repeat: no-repeat;
    background-position: 100% 0;
}
.right-tag-hot{
    background-image: url(../images/hot.png);
    position: absolute;
    right: 0;
    top: 0;
    width: 76px;
    height: 76px;
    background-repeat: no-repeat;
    background-position: 100% 0;
}
	/*热点区域*/
	#hot{width:1240px;position:relative;margin:0 auto 30px auto;padding-top:20px;padding-right:20px;padding-left:20px;background:url("../images/hot_bg.png"/*tpa=http://zongzhan.7pk.vip/images/hot_bg.png*/) no-repeat center top;z-index:3000;}
		/*新开游戏*/
		#openGame{float:left;width:260px;overflow:hidden;margin:0 auto;}
		#openGame .opengamebox{width:258px;min-height:564px;border:1px solid #e0e0e0;}
		/*推荐*/
		#Recommend{float:right;width:1240px;overflow:hidden;position:relative;}
		#Recommend .gamepage{position:absolute;bottom:1px;margin:0;left:50%;margin-left:-52px;}
		#Recommend .gamesBox{min-height:546px;padding-top:10px;background-color:#f2f2f2;border:1px solid #e0e0e0;}
	/*活动*/
	#Activity{width:1240px;margin:0 auto 44px auto;}
	#Activity .ActivityBox{padding-top:5px;padding-bottom:5px;background-color:#f2f2f2;border:1px solid #e0e0e0;}
	/*新游戏*/
	#newGame{width:1237px;min-height:320px;margin:0 auto 44px auto;}
	/*保障*/
	#ensure{width:1240px;margin:0 auto 45px auto;margin-bottom:48px;border:1px solid #e0e0e0;}
	/*栏目标题*/
	.PartTitle{line-height:35px;font-size:24px;font-weight:normal;margin-bottom:22px;}
	.PartTitle ._line{width:4px;height:22px;margin-right:5px;vertical-align:middle;background-color:#0248c4;display:inline-block;}
	/*游戏表格样式*/
.gametableStyle{*float:left;width:100%;}
	.gametableStyle li{height:43px;line-height:43px;overflow:hidden; *float:left;width:100%;}
	.gametableStyle li a{color:#0248c4;}
	.gametableStyle li a:hover{text-decoration:underline;}
	.gametableStyle li span{float:left;height:42px;line-height:42px;text-align:center;overflow:hidden;font-size:16px;color:#444444;border-right:1px solid #c7c5c6;border-bottom:1px solid #c7c5c6;}
	.gametableStyle li span i{float:left;width:84px;height:26px;line-height:26px;color:#fff;margin-top:9px;margin-left:14px;background:url("../images/text_bg.png"/*tpa=http://zongzhan.7pk.vip/images/text_bg.png*/) no-repeat left top;}
	.gametableStyle li span em{width:24px;height:24px;line-height:24px;color:#fff;margin-right:2px;margin-left:2px;background-color:#d2d0d1;border-radius:6px;display:inline-block;}
	.gametableStyle li span a{text-decoration:none;display:block;}
	.gametableStyle li span ._color_blue{background-color:#0248c4;}
	.gametableStyle li span ._color_pink{background-color:#fd03bf;}
	.gametableStyle li span:nth-of-type(1){width:9.00%;border-left:1px solid #dddddd;}
	.gametableStyle li span:nth-of-type(2){width:18.23%;}
	.gametableStyle li span:nth-of-type(3){width:5.80%;}
	.gametableStyle li span:nth-of-type(4){width:50.80%;}
	.gametableStyle li span:nth-of-type(5){width:6.54%;}
	.gametableStyle li span:nth-of-type(6){width:9.03%;color:#0248c4;}
	.gametableStyle li:nth-of-type(1) span{background-color:#f2f2f2;}
	.gametableStyle li:nth-of-type(1) span:nth-last-of-type(1){color:#444444;}
	.gametableStyle li._color_LightBlue{background-color:#c2f2ff;}
	.gametableStyle li._color_LightBlue:hover{background-color:#dcf7ff;}
	.gametableStyle li._color_LightBlue span{border-color:#99d7ec;}
	.gametableStyle li._color_yellow{background-color:#fffbdd;}
	.gametableStyle li._color_yellow:hover{background-color:#fffcea!important;}
	.gametableStyle li._color_yellow:nth-child(2n){background-color:#fef9d1;}
	.gametableStyle li._color_yellow span{border-color:#ffe999;}

	
	.Ver{padding:10px;float:left;width:390px;height:600px;position:relative;margin-right:20px;margin-bottom:20px;background-color:#fff;border:1px solid #ece8e5;display:inline;}
	.Ver:nth-child(3){padding:13px 28px;float:left;margin-right:0px;}
	.Ver:hover{border-right-color:#deddd9;border-bottom-color:#deddd9;}
	.Ver h3{padding:0 8px;height:159px;line-height:49px;font-size:23px;font-weight:normal;margin-bottom:10px;border-bottom:1px solid #cac9c7;}
	.Ver .photo{margin:0 auto -6px;width:366px;height:220px;position:relative;overflow:hidden;background:#333;display:block;}
	.Ver .photo span{padding:0 13px;height:50px;line-height:50px;position:absolute;font-size:23px;color:#fff;right:0px;bottom:0px;}
	.Ver .photo img{width:100%;height:100%;display:block;}
	.Ver .quicklink{margin:22px 37px 0 0;position:absolute;top:90px;right:0px;}
	.Ver .quicklink a{margin:0 3px;width:43px;height:43px;line-height:43px;text-align:center;font-size:14px;color:#fff;background-color:#0248c4;border-radius:22px;display:inline-block;}
	.Ver .quicklink a:hover{background-color:#0248c4;}

	.hvr-ripple-out2 a{width:80px;background-color:#0248c4;border-radius:22px;display:inline-block;}
	.hvr-ripple-out2 a:hover{background-color:#0248c4;}

	.NewsList li{color:#0248c4;height:44px;line-height:44px;overflow:hidden;font-size:12px;padding:11px 10px 11px 4px;border-bottom:1px dashed #0248c4;float:left;}
	.NewsList li:last-child{border:0;}
	.NewsList li:hover{background-color:#efebe7;}
	.NewsList li span{float:right;font-size:12px;}
	.NewsList li a:hover{}
	.NewsList li .btn_fl{color:#fff;margin-right:9px;background-color:#fb9600;display:inline-block;}
	
	#news{float:right;width:1220px;height:360px;padding-right:6px;}
	#news .newsbox{float:right;width:690px;padding-left:10px;background:url("../images/dotted_line.png"/*tpa=http://zongzhan.7pk.vip/images/dotted_line.png*/) repeat-y left top;}
	.SubTitle{height:42px;line-height:42px;font-size:24px;font-weight:normal;color:#333;margin-bottom:13px;border-bottom:1px solid #333;font-weight:normal;}
	.SubTitle ._icon_dot{width:4px;height:22px;margin-right:8px;vertical-align:-2px;background-color:#0248c4;display:inline-block;}
	/*焦点新闻*/
	.focusNews{float:left;width:500px;position:relative;margin-top:10px;margin-right:10px;margin-bottom:20px;padding-bottom:10px;}
	.focusNews>a{display: block; text-decoration: none;}
	.focusNews .photo{float:left;width:500px;height:155px;overflow:hidden;margin-bottom:18px; background: #000;}
	.focusNews h5{height:24px;line-height:24px;clear:both;overflow:hidden;font-size:14px;font-weight:normal;text-overflow:ellipsis;white-space:nowrap;}
	.focusNews p{line-height:1.45;overflow:hidden;font-size:14px;color:#adadaf;max-height:4.35em;}
	.hover_focusnews h5{color:#3a67ab;}
	/*新闻*/
	.news{background:url("../images/dotted_line2.png"/*tpa=http://zongzhan.7pk.vip/images/dotted_line2.png*/) repeat-x left bottom;}
	.news:hover{}
	.news:hover h5{color:#0e8aea;}
	.news a{text-decoration:none;display:block;padding-bottom:7px;padding-right:28px;padding-top:9px;}
	.news:nth-last-of-type(1){background:none;}
	.news h5{height:26px;line-height:26px;overflow:hidden;font-size:18px;font-weight:normal;color:#000800;text-overflow:ellipsis;white-space:nowrap;}
	.news p{height:4.2em;line-height:1.40;overflow:hidden;font-size:14px;color:#adadaf;}

	#NewsContent{position:relative;margin:0 auto 0 auto;padding-top:40px;padding-bottom:13px;}
	#NewsContent .news_title{line-height:2.24;text-align:center;overflow:hidden;font-size:25px;font-weight:normal;color:#376cb0;text-overflow:ellipsis;white-space:nowrap;}
	#NewsContent .newsValue{line-height:2.27;text-align:center;overflow:hidden;font-size:12px;color:#cdcdcd;margin:0 auto 28px auto;padding-top:8px;padding-bottom:15px;border-bottom:1px solid #ededed;}
	#NewsContent .newsValue dt{display:inline;}
	#NewsContent .newsValue dd{margin-right:25px;display:inline;}
	#NewsContent .content{line-height:2.07;text-align:justify;font-size:14px;color:#969696;margin-right:31px;margin-bottom:0px;margin-left:31px;text-justify:inter-ideograph;}
	#NewsContent .content img{max-width:100%;margin:0 auto;display:block;}
	#NewsContent .content strong{font-weight:normal;color:#c5a187;}
	#NewsContent .content a{color:#376cb0;}
	#NewsContent .content p{margin-bottom:33px;}
	#NewsContent .doc_copyright{line-height:2.06;text-align:right;font-size:12px;font-weight:normal;color:#3a67ab;margin-top:-14px;margin-bottom:60px;padding:0px 15px 0px 0px;}
	#NewsContent .doc_copyright strong{font-weight:normal;display:block;}
	#NewsContent .doc_copyright em{display:block;}
	
	
	
	.gameproduct{position:relative;color:#656565;border-bottom:1px solid #f1f1f1;}
	.gameproduct a{padding-top:10px;padding-right:5px;padding-bottom:19px;padding-left:10px;background:url("../images/icon_arrow_right.png"/*tpa=http://zongzhan.7pk.vip/images/icon_arrow_right.png*/) no-repeat 353px center;text-decoration:none;display:block;}
	.gameproduct a:hover{background-color:#fcfcfc;box-shadow:0 0 14px rgba(0,0,0,0.2);}
	.gameproduct .photo{float:left;width:70px;height:70px;overflow:hidden;margin-right:20px;background-color:#376cb0;border-radius:14px;}
	.gameproduct h5{height:22px;line-height:22px;overflow:hidden;font-size:16px;font-weight:normal;}
	.gameproduct p{height:24px;line-height:24px;overflow:hidden;font-size:14px;color:#949494;text-overflow:ellipsis;}
	.gameproduct time{height:24px;line-height:24px;color:#949494;padding-left:20px;background:url("../images/icon_time.png"/*tpa=http://zongzhan.7pk.vip/images/icon_time.png*/) no-repeat left center;}
	
	
	/*项目*/
	.items{float:left;width:19.12%;position:relative;padding-top:20px;padding-right:2.94%;padding-bottom:24px;padding-left:2.94%;}
	.items:hover{background:#0248c4;color:#fff;}
	.items:hover ._line{display:none;}
	.items:hover dd{color:inherit;}
	.items:hover ._btn_go{background:#fff;}
	.items ._line{width:0px;height:124px;position:absolute;top:50%;right:0px;margin-top:-62px;border-right:1px solid #e0e0e0;}
	.items dl dt{line-height:40px;text-align:center;font-size:22px;margin-bottom:10px;}
	.items dl dt span{width:34px;height:20px;line-height:20px;font-size:12px;color:#fff;margin-left:6px;vertical-align:middle;background-color:#ff2e2f;border-radius:4px;display:inline-block;}
	.items dl dd{height:3.96em;line-height:1.26;overflow:hidden;font-size:13px;color:#8e8e8e;margin-bottom:8px;}
	.items ._btn_go{width:72px;height:30px;line-height:30px;text-align:center;font-size:14px;color:#0248c4;margin:0 auto;text-decoration:none;border:1px solid #0248c4;border-radius:6px;display:block;}
	.items ._btn_go:hover{color:#ffffff;background-color:#0248c4;}
	/*游戏列表*/
	.gamelist{}
	.gamelist li{height:50px;line-height:24px;padding-top:12px;padding-bottom:12px;border-bottom:1px dashed #e0e0e0;margin-right:10px;margin-left:10px;}
	.gamelist li:hover{background-color:#f2f2f2;margin-left:0;margin-right:0;padding-left:10px;padding-right:10px;}
	.gamelist li a{display:block;text-decoration:none;}
	.gamelist li:nth-last-of-type(1){border:0;}
	.gamelist .photo{float:left;width:50px;height:50px;overflow:hidden;margin-right:10px;border-radius:5px;}
	.gamelist .photo img{width:100%;height:100%;display:block;}
	.gamelist strong{height:25px;line-height:25px;overflow:hidden;font-size:14px;font-weight:normal;display:block;}
	.gamelist em{color:#fc436c;margin-right:19px;}
	.gamelist time{color:#a1a1a1;}
	/*二维码列表*/
	.RQcodeList{float:right;height:130px;border-left:1px solid #e0e0e0;}
	.RQcodeList li{float:left;width:128px;line-height:28px;text-align:center;font-size:14px;padding-top:6px;}
	.RQcodeList li .photo{width:95px;height:95px;margin:0 auto;background:#fff;display:block;}
	.RQcodeList li .photo img{width:100%;height:100%;display:block;}
	/*QQ列表*/
	.qqlist li{text-align:center;font-size:14px;}
	.qqlist li a{line-height:26px;color:#000000;margin-right:20px;margin-left:20px;padding-top:20px;padding-bottom:10px;text-decoration:none;border-bottom:1px solid #a6a6a6;display:block;}
	.qqlist li a .icon_qq{width:45px;height:52px;margin:0 auto;display:block;}
	/*游戏*/
	.games{float:left;width:466px;height:200px;position:relative;margin-bottom:10px;margin-left:6px;background:#000000;box-shadow:0 4px 0px rgba(223,233,233,0.4);}
	.games:hover{box-shadow:0 0 24px rgba(0,0,0,0.2);}
	.games:hover ._text h5{color:#0248c4;}
	.games a{}
	.games .photo{width:466px;height:200px;overflow:hidden;}
	.games .photo img{width:100%;height:100%;display:block;}
	.games ._text{width:300px;position:absolute;top:8px;left:20px;}
	.games ._text h5{line-height:40px;font-size:18px;font-weight:normal;color:#444444;border-bottom:1px solid #e0e0e0;}
	.games ._text p{line-height:26px;color:#333;margin-bottom:19px;}
	.games ._text .btn_go{margin-top:50px;height:32px;line-height:32px;text-align:center;color:#fff;background-color:#0248c4;text-decoration:none;border-radius:30px;display:inline-block;padding-left:10px;padding-right:10px;transition:all 0.4s ease-out;}
	.games a:hover .btn_go{background-color:#1669fd;padding-left:20px;padding-right:20px;}
	/*游戏翻页*/
	.gamepage{width:104px;height:30px;text-align:center;overflow:hidden;margin:17px auto 26px auto;border:1px solid #cccccc;border-radius:5px;}
	.gamepage .btn_gameprev,.gamepage .btn_gamenext{float:left;width:30px;height:30px;line-height:30px;font-size:18px;background:url("../images/icon_arrow.png"/*tpa=http://zongzhan.7pk.vip/images/icon_arrow.png*/) no-repeat left top;text-decoration:none;}
	.gamepage .btn_gameprev:hover,.gamepage .btn_gamenext:hover{background-color:#e0ddde;}
	.gamepage .btn_gameprev{background-position:left top;border-right:1px solid #c7c5c6;}
	.gamepage .btn_gamenext{background-position:right top;border-left:1px solid #c7c5c6;}
	.gamepage input{float:left;width:42px;height:30px;line-height:30px;text-align:center;font-size:14px;border:0;}
	/*活动*/
	.Activity{float:left;width:262px;height:166px;position:relative;margin-left:6px;padding-top:12px;padding-right:20px;padding-left:20px;background:#fff;}
	.Activity:hover{background-color:#0248c4;}
	.Activity:hover h5{color:#fff;}
	.Activity:hover p{color:#fff;}
	.Activity:hover ._btn_blue{background:#fff;color:#0248c4;}
	.Activity:hover ._btn_blue:hover{background-color:#2f79fd;color:#fff;}
	.Activity ._photo{width:150px;height:92px;position:absolute;right:9px;bottom:2px;}
	.Activity ._photo img{width:100%;height:100%;display:block;}
	.Activity h5{height:32px;line-height:2.29;overflow:hidden;font-size:15px;font-weight:normal;margin-bottom:11px;text-overflow:ellipsis;white-space:nowrap;}
	.Activity p{height:3.75em;line-height:1.25;position:relative;overflow:hidden;font-size:12px;color:#878787;margin-bottom:34px;}
	.Activity ._btn_blue{width:72px;height:32px;line-height:32px;text-align:center;font-size:14px;color:#fff;background-color:#0248c4;text-decoration:none;border-radius:30px;display:inline-block;}
	.Activity ._btn_blue:hover{background-color:#1669fd;}
	/*选项卡*/
	.Tab{float:left;width:100%;margin-bottom:8px;}
	.Tab li{float:left;width:50%;}
	.Tab li:nth-last-of-type(1) a{border-right:none;}
	.Tab li a{height:30px;line-height:30px;text-align:center;font-size:15px;color:#3c3c3c;text-decoration:none;border-right:1px solid #e1dfe0;display:block;}
	.Tab li.change a{border-top:2px solid #0248c4;}
	/*选项卡2*/
	.Tab2{float:left;width:100%;color:#a6a6a6;background-color:#333333;border-bottom:3px solid #0248c4;}
	.Tab2 li{float:left;width:210px;}
	.Tab2 li.change a{font-size:24px;font-weight:bold;color:#fff;background-color:#0248c4;}
	.Tab2 li a{height:56px;line-height:56px;text-align:center;font-size:20px;color:inherit;text-decoration:none;display:block;}
	.Tab2 li a:hover{color:#ffffff;}
/*- - - - - - - - -样式属创世网络info.html - - - - - - - -*/
	/*搜索*/
	#Search{min-width:1280px;margin:0 auto;padding-top:42px;padding-bottom:42px;background-color:#0248c4;}
	#Search .Searchform{width:609px;height:46px;position:relative;margin:0 auto;}
	#Search .Searchform ._line{width:0px;height:15px;position:absolute;top:16px;right:122px;border-right:1px solid #a6a6a6;}
	#Search .Searchform .text{float:left;width:485px;height:46px;line-height:46px;font-size:16px;padding-left:20px;background-color:#ffffff;border:none;border-radius:40px 0 0 40px;}
	#Search .Searchform .btn_send{float:left;height:46px;line-height:46px;font-size:16px;color:#0248c4;padding-right:22px;padding-left:22px;background:#ffffff url("../images/icon_search.png"/*tpa=http://zongzhan.7pk.vip/images/icon_search.png*/) no-repeat left top;border:none;border-radius:0 40px 40px 0;}
	#Search .Searchform .btn_send:hover{}
	/**/
	#about_us{width:1240px;position:relative;min-height:560px;margin:0 auto 0px auto;padding-top:48px;padding-bottom:48px;}
	#about_us h3{height:40px;line-height:40px;font-size:18px;margin-bottom:10px;}
	#about_us .companyPIc{float:right;width:606px;height:475px;margin-left:30px;}
	#about_us .companyPIc img{width:100%;height:100%;}
	#about_us ._decorate{width:302px;height:285px;position:absolute;overflow:hidden;top:0px;left:0px;margin-top:220px;margin-left:-260px;}
	#about_us ._decorate img{width:100%;height:100%;}
	/*问题*/
	#Problem{margin:0 auto;padding-top:13px;padding-bottom:26px;}
	/**/
	#hotDocs{margin:0 auto 0px auto;padding-top:19px;padding-bottom:18px;}
	#hotDocs ._box{float:left;width:562px;}
	#hotDocs ._box:nth-of-type(2n){float:right;}
	#hotDocs ._box .SubTitle{border-bottom:1px solid #e0e0e0;}
	/*联系我们*/
	#contact_us{margin:0 auto;padding-top:48px;background-color:#f9f9f9;}
	/*副标题*/
	.SubTitle{line-height:48px;font-size:20px;margin-bottom:20px;}
	/*主标题*/
	.MainTitle{height:129px;line-height:129px;text-align:center;font-size:33px;margin-top:24px;}
/* - - - - - - - - - 文字列表类  - - - - - - - - -*/
	/*文档列表*/
	.DocList{}
	.DocList li{overflow:hidden;margin-bottom:9px;text-overflow:ellipsis;white-space:nowrap;line-height:32px;height:32px;}
	.DocList.row2{float:left;}
	.DocList.row2 li{width:50%;float:left;}
	.DocList li a{font-size:14px;color:#000000;text-decoration:none;transition:all 0.2s ease-in;}
	.DocList li a:hover{color:#0248c4;transform:translatex(5px);}
	.DocList li a span{margin-right:10px;}
	/*列表*/
	.list{text-align:center;}
	.list li{display:inline;}
	.list li a{width:148px;line-height:30px;font-size:16px;color:#555555;padding-top:8px;padding-bottom:8px;text-decoration:none;display:inline-block;}
	.list li a:hover{color:#0248c4;}
	.list li a [class^='icon']{margin:0 auto 4px auto;display:block;}
	.icon_problem{width:76px;height:60px;background:url("../images/icon_problem.png"/*tpa=http://zongzhan.7pk.vip/images/icon_problem.png*/) no-repeat left top;display:inline-block;}
	.icon_problem.icon_problem1x1{background-position:0 0;}
	.icon_problem.icon_problem2x1{background-position:-76px 0;}
	.icon_problem.icon_problem3x1{background-position:-152px 0;}
	.icon_problem.icon_problem4x1{background-position:-228px 0;}
	.icon_problem.icon_problem5x1{background-position:-304px 0;}
	.icon_problem.icon_problem6x1{background-position:-380px 0;}
	.icon_problem.icon_problem7x1{background-position:-456px 0;}
	/*段落文字样式*/
	.contents{text-align:justify;overflow:hidden;font-size:16px;text-justify:inter-ideograph;}
	.contents img{width:100%;max-width:100%;display:block;}
	.contents p{line-height:28px;text-indent:2em;color:#555555;margin-bottom:28px;}
	/*主题*/
	.theme{float:left;width:394px;height:216px;margin-right:28px;margin-bottom:28px;padding-top:20px;background-color:#ffffff;}
	.theme:hover{box-shadow:0 0 14px rgba(0,0,0,0.2);}
	.theme:nth-of-type(3n){margin-right:0px;}
	.theme dl{text-align:center;margin-bottom:58px;}
	.theme dl dt{line-height:38px;font-size:16px;color:#fc9a37;margin-bottom:35px;}
	.theme dl dt [class^='icon']{margin-right:7px;}
	.theme dl dd{line-height:25px;font-size:14px;color:#666666;}
	.theme ._btn{width:130px;height:40px;line-height:40px;text-align:center;color:#ffffff;margin:0 auto;background-color:#65a5fc;text-decoration:none;border-radius:40px;display:block;}
	.theme ._btn:hover{background-color:#0a5acd;}
	.icon_lianxi{width:21px;height:21px;vertical-align:middle;background:url("../images/icon_lianxi.png"/*tpa=http://zongzhan.7pk.vip/images/icon_lianxi.png*/) no-repeat left top;display:inline-block;}
	.icon_lianxi.icon_lianxi1x1{background-position:0 0;}
	.icon_lianxi.icon_lianxi2x1{background-position:-21px 0;}
	.icon_lianxi.icon_lianxi3x1{background-position:-42px 0;}
/* - - - - - - - - - 各浏览器样式默认值标准化  - - - - - - - - -*/
html,body,span,object,iframe,h1,h2,h3,h4,h5,p,blockquote,pre,
a,address,code,
del,em,img,dl,dt,dd,ol,ul,li,
fieldset,form,label{
margin:0;padding:0;border:0;
font-style:inherit;font-family:inherit;vertical-align:baseline;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,audio,video{margin:0;padding:0;display: block;}
html{-webkit-text-size-adjust:none;}
img{border:none;vertical-align:middle;}
input,select,button{padding:0;margin:0;outline:none;font-family:inherit;vertical-align:middle;}
textarea{font-family:inherit;padding:0;margin:0;}
button{cursor:pointer;}
html{overflow-x:hidden;}
body{font-size:12px;background-color:#ffffff;font-family:'Microsoft YaHei';}
ul,ol{list-style-type:none;}
h1{font-size:24px;}
h2{font-size:18px;}
h3,h4{font-size:14px;}
h5{font-size:12px;}
i,em,address{font-style:normal;}
a{ text-decoration:none;color:#4f4f4f;}
a:hover{text-decoration:underline;transition:color 200ms linear 0s,background-color 200ms linear 0s,border-color 200ms linear 0s;}	/*鼠标悬停时*/
a:active{}	/*点击与释放时*/
a:visited{}/* 访问过 */
/*  - - - - - - - - - 常用类样式  - - - - - - - - -*/
.photo img,.photo_fullsize img{display:block;width:100%;height:100%;}	/*图片全尺寸*/
.no_bor{ border:none!important;}	/*无边框*/
.no_bg{ background:none!important;}	/*无背景*/
.clear{ display:block;height:0; line-height:0;overflow:hidden; clear:both;font-size:0;}/*清除浮动*/
.clear_::after{content:"";display:block; clear:both;height:0; line-height:0; overflow:hidden;}/*清除浮动*/
.center{margin:0 auto;width:1240px;}

@-webkit-keyframes hvr-ripple-out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
  }
}
@keyframes hvr-ripple-out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
  }
}
.hvr-ripple-out {
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}
.hvr-ripple-out:before {
  content: '';
  position: absolute;
  border: #0248c4 solid 2px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius:52px;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
.hvr-ripple-out:hover:before, .hvr-ripple-out:focus:before, .hvr-ripple-out:active:before {
  -webkit-animation-name: hvr-ripple-out;
  animation-name: hvr-ripple-out;
}

.hvr-ripple-out2 {
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}
.hvr-ripple-out2:before {
  content: '';
  position: absolute;
  border: #ff0000 solid 2px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius:52px;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
.hvr-ripple-out2:hover:before, .hvr-ripple-out2:focus:before, .hvr-ripple-out2:active:before {
  -webkit-animation-name: hvr-ripple-out;
  animation-name: hvr-ripple-out;
}