/*.header{ height: 84px; background: #b9dff7 url(../../root/img/index/header_bg.png) no-repeat center bottom; }*/
@font-face{
    font-family: 'SourceHanSansCN-Regular';
    src: url("../../fonts/SourceHanSansCN-Regular.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
}
#display { position:relative; width:100%; height:618px; min-width: 1000px;_width:expression((document.documentElement.clientWidth||document.body.clientWidth)<1000?"1000px":"100%"); overflow-x:hidden;}
#display #cycle-num{width:300px; position: absolute; left: 25px; top: 3px;  margin: 0; padding: 0; overflow: hidden; }
#display #cycle-num li { background: none repeat scroll 0 0 #272836;border-radius: 6px;cursor: pointer;display: inline-block;*display:inline; *zoom:1; font-size: 1px;height: 12px; line-height: 1px;margin: 0 5px 0 0;overflow: hidden;vertical-align: top;width: 12px; cursor:pointer;}
#display #cycle-num li.current {background:#ff3d0d; width:30px;}
#display #cycle-num li.current {background:#ff3d0d; width:30px;}
.focusbox{position:absolute; left:50%; top:0px; margin-left:-960px;width:1920px; height:618px;}
#focus { width:1920px; height:618px; overflow:hidden; position:relative; z-index: 1; }
#focus a{ display: block; position:absolute; left:0; top:0; width:1920px; height:618px;}
#focus_num { position:absolute; right:50%; top:580px;z-index: 20; margin-right:-800px; width:300px; height:30px; overflow:hidden; }
#focus a.focus01 { z-index:2;}
/* .contenter{position:relative; z-index: 5; height:418px; background:url(../../root/img/index/bg2.jpg) no-repeat center top;} */
.contenter{background:url(../../root/img/index/bg2.jpg) no-repeat center top;}
.contenter_mt{width:100%; overflow-x:hidden; }
/* .contenter_mt{width:100%; height:479px; overflow-x:hidden; position:absolute; top:0px;} */
.content{width:960px;margin:0 auto;}
/* .content{width:960px;height:479px; margin:0 auto; position:relative;} */
/* .list_box{width:960px; height:400px; position:absolute; right:0px;} */
.list_box{width:1080px;}
.list_item_box {width: 30%;height: 300px;display: inline-block;position: relative;overflow: hidden;vertical-align: top;margin: 15px;}
.list_img_box{position: relative;display: block;margin: 0 auto;width: 100%;max-width: 290px;overflow: hidden;}
.list_img_box .img {position: relative;display: block;width: 100%;height: 230px;}
.list_img_box .img img{position: relative;display: block;width: 100%;height: 100%;}
.list_name_box {display: flex;line-height: 38px;}
.list_name_box .list_name {position: relative;display: block;height: 50px;font-size: 15px;flex: 1;box-sizing: border-box;text-align: center;}
.list_name_box .list_btn {font-size: 14px;text-align: center;display: flex;align-items: flex-end;flex: 0 0 68px;}
.list_name_box .list_btn:hover{cursor: pointer;color: #3da1f2;}
.box_shadow {position: absolute;display: block;bottom: 0;left: 50%;width: 173px;height: 0;box-shadow: 30px 125px 30px 130px rgb(0 0 0 / 29%);background-color: #000;transform: translate(-50%);}

/* 应用详情 */
.app_detail_mask {
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	background-color: rgba(0, 0, 0, .5);
	z-index: 101;
	color: #000;
}

.app_detail_box {
	width: 80%;
	height: 80%;
	border-radius: 5px;
	padding: 20px 20px 40px 20px;
	margin: 4vh auto;
	background-color: #fff;
	position: relative;
	z-index: 101;
	overflow: hidden;
}

.app_detail_head_box {
	text-align: right;
}

.head_close_box {
	cursor: pointer;
}

.app_detail_title {
	font-size: 20px;
	font-weight: bold;
}

.app_detail_desc_box { 
	padding: 5px 0;
	word-wrap: break-word;
	text-indent: 32px;
}

.app_detail_imgs_box {
	max-height: 80%;
	width: 100%;
	overflow-y: auto;
}

.app_detail_img {
	width: 200px;
	height: 350px;
	object-fit: cover;
	margin-right: 30px;
	margin-top: 30px;
}

.game{display:none; width:320px;   height:200px; position:absolute; top:0px;
	-webkit-transition:0.6s;
	-webkit-transform:perspective(1000px);
	-webkit-transform-style:preserve-3d;	
	-moz-transition:0.6s;
	-moz-transform:perspective(1000px);
	-moz-transform-style:preserve-3d;
	-ms-transform:perspective(1000px);
	-ms-transition:0.6s;
	-ms-transform-style:preserve-3d;
	transition:0.6s;
	transform-style:preserve-3d;
}
.game a{display:block; width:320px; height:200px; position:relative;
	-moz-transform-style:preserve-3d;
}
.game a:hover{z-index: 20;}
.game a:hover .back{z-index: 10;}
.game img{vertical-align: top;}
.orderby{display:none;}
.game .front{cursor:pointer; backface-visibility: hidden;width:320px; height:200px; background:#fff;position:absolute; top:0px; left:0px; z-index: 1;}
.game .back p{position:absolute; top:30px;width:320px; line-height: 20px; left:0px; text-align: center; color:#fff; font-size:16px; font-weight: bold; }
.game .front b{position:absolute;width:268px; font-weight: normal; left:52px; bottom:2px; height:20px; line-height: 20px; font-size: 12px;  color:#353535;}
.game .back{cursor:pointer; backface-visibility: hidden;width:320px; height:200px; background:#000;position:absolute; top:0px; left:0px;}
.game a:hover:not(.switch) .back{
	-webkit-transform:rotateY(0deg);
	-moz-transform:rotateY(0deg);
	-o-transform:rotateY(0deg);
	-ms-transform:rotateY(0deg);
	transform:rotateY(0deg)
 display:block; }
.game a:hover:not(.switch) .front {
	-webkit-transform:rotateY(180deg);
	-moz-transform:rotateY(180deg);
	-o-transform:rotateY(180deg);
	-ms-transform:rotateY(180deg);
	transform:rotateY(180deg)
}
.game .game_status{display:none;position:absolute; width:76px;height:76px; top:0px; left:0px;}
.game .new_game .game_status{display:block; background:url(../../root/img/index/new_p24.png);_background:0;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../root/img/index/new_p24.png',sizingMethod='scale');}
.game .hot_game .game_status{display:block; background:url(../../root/img/index/hot_p24.png);_background:0;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../root/img/index/hot_p24.png',sizingMethod='scale');}
.game .other_game .game_status{display:block; background:url(../../root/img/index/other_p24.png);_background:0;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../root/img/index/other_p24.png',sizingMethod='scale');}
.front,.back {
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	backface-visibility:hidden;
	-webkit-transition:0.6s;
	-webkit-transform-style:preserve-3d;
	-moz-transition:0.6s;
	-moz-transform-style:preserve-3d;
	-o-transition:0.6s;
	-o-transform-style:preserve-3d;
	-ms-transition:0.6s;
	-ms-transform-style:preserve-3d;
	transition:0.6s;
	transform-style:preserve-3d;
	position:absolute;
	top:0;
	left:0;
	background-color:#fff;
	display:table;
	background-size:cover;
	background-position:center
}
/*
.front {
	-webkit-transform:rotateY(0deg);
	-moz-transform:rotateY(0deg);
	-o-transform:rotateY(0deg);
	-ms-transform:rotateY(0deg);
	transform:rotateY(0deg)
}
*/
.back {
	-webkit-transform:rotateY(-180deg);
	-moz-transform:rotateY(-180deg);
	-o-transform:rotateY(-180deg);
	-ms-transform:rotateY(-180deg);
	transform:rotateY(-180deg)
}
.newsbox{position:relative; margin:0 auto;margin-top:90px; width:1000px; height:406px; background:url(../../root/img/index/bg4.jpg) no-repeat center top;}
.threebox{padding:2px 0 0 21px;}
.th_com{width:535px; height:120px; border-right: solid 1px #d1d1d1; position:relative; border-bottom: solid 1px #d1d1d1; overflow:hidden;}
.th_com h3{ width:435px; height:34px; overflow:hidden;position:relative;z-index: 5; padding-top: 22px; line-height: 30px; padding-left: 17px; font-size: 20px;  color:#000;}
.th_com h3 a{ color:#272936; font-size:20px; font-weight:bold;}
.th_com h3 a:hover{color:#660099; text-decoration: underline;}
.th_com p{width:435px; overflow:hidden; position:relative;z-index: 5; font-size: 14px; padding-left: 17px;line-height: 26px;}
.th_com p a{color:#7d7d7d; font:14px/16px 'SourceHanSansCN-Regular'; }
.th_com a:hover{text-decoration: underline;}
.th_com span{ position:absolute; top:0px; right:0px; z-index: 1; display: none; }
.th_com span img{vertical-align: top;}
.news_list_panel{position:absolute; top:0px; right:20px; width:410px; height:303px;border-bottom: solid 1px #d1d1d1;}
.news_title a.more{position: absolute; top: 14px; right: 20px; color: #8a8a8a; }
.news_list li{ padding:0 15px 0 20px; line-height: 28px; _float:left; background:url(../../root/img/index/yuan.png) no-repeat 5px center;}
.news_list .news_h{height:68px; width: 373px; text-align: center; padding:0px 5px;line-height: 68px; margin-bottom: 20px; border-bottom: dashed 1px #d1d1d1;font-size: 20px; color:#660099; background:none; overflow:hidden;}
.news_list li span.time{ float:right; color:#7d7d7d;}
.news_list .news_h .time{display:none;}
.news_list li a{ color:#7d7d7d; font:14px/20px 'SourceHanSansCN-Regular'; color:#7d7d7d;}
.news_list .news_h a{color:#272936;font:16px/30px 'SourceHanSansCN-Regular'; font-weight:bold;text-overflow: ellipsis;word-wrap: normal;}
.news_list li a:hover{ text-decoration: underline; }
.news_list { position:relative;}
.news_list .more{ display:block; width:47px; height:24px;  position:absolute; right:-6px; top:58px; font:12px/18px 'SourceHanSansCN-Regular'; color:#7d7d7d; text-indent:-999em; background:url(../../root/img/index/morelink.jpg) no-repeat;}
.news_list .more:hover{}
.sharebox{position:absolute; top:303px; width:344px; height:60px; right:20px;}
.sharebox span{width:96px;height:32px; position:absolute; top:11px; left:173px;background:url(../../root/img/index/sprite.png) no-repeat 0px -168px;}
.sharebox a{display:block; position:absolute; width:35px; height:35px;  top:11px; background-image:url(../../root/img/index/sprite.png); background-repeat: no-repeat;
-webkit-transition: -webkit-transform .4s ease-out;
-moz-transition: -moz-transform .4s ease-out;
transition: transform .4s ease-out;}
.sharebox .rote:hover{transform: rotate(360deg);
-ms-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);}
.sharebox .s_sina{ left:181px;background-position: 0px -26px;}
.sharebox .s_sina:hover{background-position: -36px -26px;}
.sharebox .s_tx{ left:234px;background-position: 0px -62px;}
.sharebox .s_tx:hover{ background-position: -36px -62px;}
.sharebox .s_wx{ left:288px;background-position: 0px -98px;}
.sharebox .s_wx:hover{ background-position: -36px -98px;}
.s_wx img{position:absolute; width:172px;height:172px; top:-172px; left:-116px; display:none;}
.s_wx:hover img{display: block;}
.all_game_box{margin:30px auto; width:1000px;}

.all_game_box .ico{background-image: url(../../root/img/index/sprite.png);}
.all_game_box .gtype1{padding:5px 0 5px 20px;}
.all_game_box ul{width:192px; float:left;}
/*.all_game_box .gtype1{width:160px;}*/
.all_game_box .gtype2{ padding-left: 0;}
.all_game_box ul li{ line-height: 28px; width:136px; padding-left: 56px; position: relative;}

.all_game_box ul li a{ display:inline-block; vertical-align:top; color:#787878; }
.all_game_box ul li a:hover{text-decoration: underline;}
.all_game_box ul li .ico{ overflow: hidden; display:inline-block; padding:0; width:11px; height:11px; line-height:0; font-size:0; vertical-align:top; margin-top:8px; margin-left: 3px; float: right;}
.all_game_box ul li i{display: block; width: 33px; height: 28px; position: absolute; left: 16px; top: 0; }
.all_g_tit{height:47px; position:relative; background:url(../../root/img/index/glist_tit.jpg);}

.all_g_tit h3{position:absolute; width:192px;/* width:140px;*/height:46px;color:#fff;text-align: center; top:1px; line-height: 46px; font-size: 14px; font-weight: bold;}
.all_g_tit .gtitle1{left:20px;}
.all_g_tit .gtitle2{left:212px;}
.all_g_tit .gtitle3{left:404px;}
.all_g_tit .gtitle4{left:596px;}
.all_g_tit .gtitle5{left:788px;}
/*.all_g_tit .gtitle1{left:32px;}
.all_g_tit .gtitle2{left:192px;}
.all_g_tit .gtitle3{left:353px;}
.all_g_tit .gtitle4{left:509px;}
.all_g_tit .gtitle5{left:669px;}*/
.all_g_tit .gtitle6{left:826px;}
.all_g_panel{padding:10px 0; background:url(../../root/img/index/glist_repeat.png) repeat-y;}
/*清除浮动*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
.gtype1 li{float:left; }
.game_tag{position:relative; height:49px; background:url(../../root/img/index/glist_bot.jpg) no-repeat;}
.game_tag .ico{ overflow: hidden; display:inline-block; *zoom: 1; padding:0; width:11px; height:11px; line-height:0; font-size:0; vertical-align:top; margin-top:8px; }
.game_tag .game_tag_demo{width:280px; height:28px; line-height: 28px; position:absolute; top:10px; right:10px;text-align:right;}
.game_tag b{margin-left: 5px; margin-right: 15px; font-weight: normal; color: #787878;display: inline-block;vertical-align: top;}