@charset "utf-8";
/* --------------------------------------------------[Reset] */
body,div,hr,p,blockquote,ul,ol,li,table,th,td,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,input,button,select,textarea,fieldset{ margin:0;padding:0;}
img, fieldset { border: 0; }
img { width: 100%; height: auto; }
main, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section,form { display: block; }
body { background: #202230; color: #fff; font-size:1em; line-height:1.5; font-family: Verdana, Helvetica, Arial, "Microsoft YaHei", SimSun, sans-serif;}
a { color: #fff; text-decoration: none; outline: none;  -webkit-tap-highlight-color: transparent;}
a:hover { color: #fff; text-decoration: none; }
h1, h2, h3, h4, h5, h6 { line-height: 1.2em; margin: 0px 0 .4em; font-size:100%; }
ul,li { list-style: none;}
ul,li { margin:0; padding:0;}
em { font-style:normal;}
var { display:none;}

/**结构**/
.wrap { width:auto; margin:0 auto;}
.hotImg{ width:100%; min-width:320px; position:relative; overflow:hidden; clear:both;}
.hotImg ul{ width:500%; z-index:1;}
.hotImg ul li{ width:20%; float:left;}
.hotImg ul img{ width:100%; float:left;}
.hotImg .Dl{ left:50%; bottom:5%; position:absolute; z-index:2;}
.hotImg dl{ margin-left:-50%;}
.hotImg dl dt{ width:5px; height:5px; box-shadow:0 0 3px #000; float:left; margin:4px; background:#fff; border-radius:50%; display:block; opacity:0.7;}
.hotImg dl dt.hov{ background:#ff8400; opacity:1;}


#page { width:auto; margin:0 auto; clear:both; overflow:hidden;}
#nav {  margin-bottom:2em; clear:both; overflow:hidden;}
#nav ul { width:auto; margin:0 auto; border-bottom:1px solid #37373f; clear:both; overflow:hidden;}
#nav ul li { position:relative; float:left; width:25%; height:4.5em;}
#nav a { display:block; float:left; width:100%; padding:1em 0;/* height:4.5em;*/ border-right:2px solid #5b5c66; text-align:center; }
#nav em { display:block; color:#fff; font-size:160%; font-style:normal; line-height:1;}
#nav span {/* position:relative; top:-1.2em;*/ color:#5b5c66; font-size:90%; line-height:1;}
#nav .home { border-top:0.25em solid #317ac4;  }
#nav .casual { border-top:0.25em solid #28bd8e;  }
#nav .activitie { border-top:0.25em solid #80bb24;  }
#nav .questions { border-top:0.25em solid #d28623; }
	#home .home { background:#317ac4; }
	#casual .casual { background:#28bd8e; }
	#activitie .activitie { background:#80bb24; }
	#questions .questions { background:#d28623; }
	#home .home span { color:#6fa2d6; }
	#casual .casual span { color:#69d1b0;}
	#activitie .activitie span { color:#a6d066; }
	#questions .questions span { color:#e0ab65; }


/*精品游戏*/
#game_jp { width:85%; margin:0 auto;}
/*#game_jp li {  width:100%; margin-bottom:2.5em; box-shadow:1px 3px 5px #000; background-size: 100% auto;}

#game_jp dl { width:55%; margin:0 0 0 auto; padding-right:4%;}
#game_jp dt { clear:both; vertical-align: bottom;}
#game_jp dd { clear:both;}
#game_jp dt em { float:right; display:none; width:30%; height:2em; padding-top:3em; color:#e2e1a5; background:url(../images/ico_tip.png) center  no-repeat;  background-size:50% auto; text-align:center; }
#game_jp dt a { float:right; display:none; width:30%; height:3em; line-height:100em; overflow:hidden; background:url(../images/ico_down.png) center 0 no-repeat; background-size:50% auto; -webkit-tap-highlight-color: transparent;}

#game_jp strong { vertical-align: bottom; float:left; width:50%; height:3em; overflow:hidden; color:#fcca21; font-weight:normal; font-size:180%; line-height:4;}
#game_jp span { display:block; width:100%; height:0.5em; border-top:1px solid #fff; font-size:0; filter:Alpha(opacity=30); opacity: 0.3;}
#game_jp p { color:#fff; font-size:120%;}*/


#game_jp li { width:100%; padding:6% 0 5% 0;/* max-width:64em; height:27em;*/ margin-bottom:2.5em; box-shadow:1px 3px 5px #000; background-size: 100% auto;}
#game_jp .info { position:relative; width:55%; margin:0 0 0 auto; padding:0 2% 0 0;}
#game_jp .info strong { color:#fcca21; font-weight:normal; font-size:200%; line-height:2;}
#game_jp .info span { display:block; width:100%; height:0.8em; font-size:0.8em; border-top:1px solid #fff; filter:Alpha(opacity=30); opacity: 0.3;}
#game_jp .info p { color:#fff; font-size:120%; line-height:1.2;}
#game_jp li em { position: absolute; top:-1em; right:0em; display:none; width:35%; height:2.7em; color:#e2e1a5;padding-top:2.3em; background:url(../images/ico_tip.png) center 0 no-repeat; background-size: auto 50%; text-align:center; }
#game_jp li a { position: absolute; top:-1em; right:0em; display:none; width:35%; height:5em; line-height:100em; overflow:hidden; background:url(../images/ico_down.png) center 0 no-repeat; background-size: auto 50%; -webkit-tap-highlight-color: transparent;}
#game_jp li a { position: absolute; top:-1em; right:0em; display:none; width:35%; height:5em; line-height:100em; overflow:hidden; background:url(../images/ico_down.png) center 0 no-repeat; background-size: auto 50%; -webkit-tap-highlight-color: transparent;}

/*#game_jp .info { width:55%; margin:0 0 0 auto; padding-right:5%;}
#game_jp .info strong { float:left; color:#fcca21; font-weight:normal; font-size:180%; line-height:2.5;}
#game_jp .info span { display:block; width:100%; height:0.5em; border-top:1px solid #fff; font-size:0; filter:Alpha(opacity=30); opacity: 0.3;}
#game_jp .info p { color:#fff; font-size:120%;}

#game_jp li em { position: absolute; top:0.5em; right:0em; display:none; width:20%; padding-top:3em; height:10em; color:#e2e1a5; background:url(../images/ico_tip.png) center 0 no-repeat; background-size:3em 3em; text-align:center; }
#game_jp li a { position: absolute; top:0.5em; right:0em; display:none; width:20%; height:10em; line-height:100em; overflow:hidden; background:url(../images/ico_down.png) center 0 no-repeat; background-size:3em 3em; -webkit-tap-highlight-color: transparent;}

#game_jp li em { position: absolute; top:1em; right:0em; display:none; width:20%; height:10em; color:#e2e1a5; line-height:10em; background:url(../images/ico_tip.png) center 1em no-repeat; background-size:3em 3em; text-align:center; }
#game_jp li a { position: absolute; top:2em; right:0em; display:none; width:20%; height:3em; line-height:100em; overflow:hidden; background:url(../images/ico_down.png) center center no-repeat; background-size:3em 3em; -webkit-tap-highlight-color: transparent;}
*/
.lzqp { background:#000 url(../images/pic_lzqp.gif) 0 0 no-repeat;}
.game_dzpk { background:#000 url(../images/pic_dzpk.jpg) 0 0 no-repeat;}
.game_mfxl { background:#000 url(../images/pic_mfxl.jpg) 0 0 no-repeat;}
.game_sdmbzzgd { background:#000 url(../images/pic_sdmbzzgd.jpg) 0 0 no-repeat;}
.game_ttddz { background:#000 url(../images/pic_ttddz.jpg) 0 0 no-repeat;}
.game_drmj { background:#000 url(../images/pic_drmj.jpg) 0 0 no-repeat;}
.game_fkdz { background:#000 url(../images/pic_fkdz.jpg) 0 0 no-repeat;}
.game_djddz { background:#000 url(../images/pic_djddz.jpg) 0 0 no-repeat;}
.game_mjjt { background:#000 url(../images/pic_mjjt.jpg) 0 0 no-repeat;}
.game_msddz { background:#000 url(../images/pic_msddz.jpg) 0 0 no-repeat;}
.game_gdy { background:#000 url(../images/pic_gdy.jpg) 0 0 no-repeat;}
.game_SiMa { background:#000 url(../images/pic_SiMa.jpg) 0 0 no-repeat;}
.game_winSZ { background:#000 url(../images/pic_winSZ.jpg) 0 0 no-repeat;}
						/*{ background:-moz-linear-gradient(left, rgba(142,23,255,0), rgba(6,80,98,1)), url(../images/pic_drmj.jpg)
						webkit-linear-gradient(left, rgba(142,23,255,0), rgba(6,80,98,1)), url(../images/pic_drmj.jpg);}*/

.gradient{ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#127c79', endColorstr='#73aeab',GradientType=0 );}
/*游戏*/
#game_list { width:85%; margin:0 auto; overflow:hidden;}
#game_list ul { clear:both; overflow:hidden;}
#game_list ul li { position:relative; height:10em; margin-bottom:2.5em; box-shadow:1px 3px 5px #000; clear:both;}
#game_list ul li:nth-child(1n) { background:#3d8c25; }
#game_list ul li:nth-child(2n) { background:#1a3f64; }
#game_list ul li:nth-child(3n) { background:#1e98b8; }
#game_list .pic { float:left; width:28%; max-width:10em; height:100%; margin-right:2%; overflow:hidden;}
#game_list .pic img { height:100%; height:100%;/* width:auto;*/ 
/*-webkit-mask-image: -webkit-linear-gradient(left, transparent, transparent 0%, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 70%, transparent 90%, transparent);)*/}

#game_list .info { float:left; width:48%; padding-top:1em; }
#game_list .info strong { font-size:180%; font-weight:normal; font-family: "Microsoft YaHei";}
#game_list .info>p { /*width:50%;*/ margin-top:0.5em; font-size:120%;}
#game_list .btn_enter {  float:right; width:20%; height:100%;  overflow:hidden; color:#e2e1a5;}
#game_list .btn_enter em { display:none; width:100%; height:30%; padding-top:70%; background:url(../images/ico_tip.png) center 35% no-repeat; background-size: 50% auto; text-align:center; }
#game_list .btn_enter a { display:none; width:100%; height:100%;  line-height:100em; overflow:hidden; background:url(../images/ico_down.png) center 50% no-repeat; background-size: 50% auto; -webkit-tap-highlight-color: transparent;}

#game_list li:nth-child(1n) .btn_enter{ border-left:1px solid #357c25; }
#game_list li:nth-child(2n) .btn_enter{ border-left:1px solid #14314d; }
#game_list li:nth-child(3n) .btn_enter{ border-left:1px solid #1b809d; }
/*#game_list ul li:nth-child(1n) a,
#game_list ul li:nth-child(1n) em { border-left:1px solid #357c25; }
#game_list ul li:nth-child(2n) a,
#game_list ul li:nth-child(2n) em { border-left:1px solid #14314d; }
#game_list ul li:nth-child(3n) a,
#game_list ul li:nth-child(3n) em { border-left:1px solid #1b809d; }*/





/*问题*/
#qa_list #tab_title{/* height:3em;*/ margin-bottom:2.5em; padding:0 12%; clear:both; overflow:hidden;}
#qa_list #tab_title li{ float:left; width:50%; background:#3b3f5e; color:#fff; line-height:2em; /*height:3em; font-weight:bold;*/ font-size:160%; text-align:center; cursor:pointer; }
#qa_list #tab_title li:first-child { border-radius:0.5em 0 0 0.5em;}
#qa_list #tab_title li:last-child { border-radius:0 0.5em 0.5em 0;}

#qa_list #tab_title .tab_on{ background:#d28623; -webkit-tap-highlight-color: transparent;}
#qa_list .con_box { width:85%; margin:0 auto; font-size:140%;}
#qa_list .con_box ul{ overflow:hidden;} 
#qa_list .con_box ul li{ border:1px solid #55565e; padding:0 1em 0 1.25em; margin-bottom:0.7em; border-radius:3px; }
#qa_list .con_box ul li a { display:block; padding:0.4em 2.5em 0.4em 0; /*line-height:2.5em; background: url(../images/ico_state3.png) right center no-repeat;*/}
#qa_list .con_box li p{ display:none; padding:0.5em 0; border-top:1px solid #55565e; color:#bb7925; }

	.stae_no{ background: url(../images/ico_state3.png) right top no-repeat; /*color:#fff;*/}
	.stae_on{ background: url(../images/ico_state4.png) right top no-repeat; /*color:#bb7925;*/}
	


/*活动*/

#act { width:85%; margin:0 auto;}
#act ul {}
#act li { border-bottom:2px solid #999; margin-bottom:1.25em; }
#act li .hd { position:relative; width:100%;  border-bottom:1px solid #999; clear:both;overflow:hidden;  /*height:2.5em;vertical-align: middle;*/ }
	#act li em { display:block; float:left; width:4.5em; height:3em; margin-right:0.5em;}
	/*#act .hd div { float:left; width:85%;}*/
	#act li strong { display: inline-block; margin-right:0.5em;  font-size:140%; font-weight:normal;  font-family: "Microsoft YaHei";line-height:2em; /*height:2.5em; */}
	#act li span{ display: inline-block; margin-right:10px; height:2.5em; font-size:80%; color:#a0a0a0;}
	#act li dfn{ display: block; position:absolute; right:0; top:0; width:2.5em; height:2.5em; border-radius:0.3em; cursor:pointer;}
	#act li .underway { background: url(../images/ico_state1.png) 0 center no-repeat;}
	#act li .end { background: url(../images/ico_state2.png) 0 center no-repeat;}
	#act li.details dfn{ background:#667b8e url(../images/ico_state3.png) center center no-repeat;}
	#act li.no_details dfn{ background:#667b8e url(../images/ico_state3.png) center center no-repeat;-moz-transform: scaleY(-1); -webkit-transform: scaleY(-1); -o-transform: scaleY(-1); transform: scaleY(-1); filter: flipv; /*IE*/ }
	#act li.no_details .bd { display:none;}
	#act li.details .bd { display:block; margin:0.7em 0;}
	#act li .bd>div,
	#act li i { display:none; font-style:normal;}
/*微信*/	
#WeiXin { position:fixed; top:1em; left:5%; width:90%; padding:1em 0; font-size:2em; border-radius:1em; text-align:center; color:#fff; background:#000; filter:Alpha(opacity=80); opacity: 0.8; z-index:10; }
#WeiXin strong { font-weight:bold;}
#WeiXin em { color: #ffff99; font-style:normal;}