@charset "utf-8";
html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,section,summary,time,audio,video {padding:0;margin:0;border:0;border-collapse:collapse;}
input[type="text"],input[type="password"],button,html input[type="button"]{-webkit-appearance:none;appearance:none;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}html,body{position:relative}html{ font-size:12px;}ul,ol,li{list-style:none}em{font-style:normal}
body{font-family:"Microsoft YaHei",Helvetica,STHeiti,Droid Sans Fallback;-webkit-user-select:none;-webkit-text-size-adjust:none;-webkit-text-size-adjust:100%;-ms-text-size-adjust: 100%;min-width:320px;_width:expression(document.body.clientWidth < 320 ? "320px" : "auto");overflow-x:hidden; background-color:#fff; color:#323232}
img{border:0 none}
a {text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,.5);-webkit-user-select:none}
a {-webkit-touch-callout:none}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
*:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
/*布局*/
.container,.main{width:100%;height:auto; position:relative;}
/*header*/
header{height:5rem;width:100%;padding:1rem;position:relative;background:#fff; z-index:11}
header.head{ position:absolute;top:0;left:0; z-index:1000}
header img{ float:left;height:3rem;}
#menu{ width:5rem; height:5rem; position:absolute;top:0;right:0;z-index:100;}
#menu span{width:1.8rem;height:0.15rem; background:#8a8a8a;display:block;position: absolute;left:1.6rem;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
#menu span:first-child{top:1.75rem;}
#menu span:nth-child(2){top:2.4rem;}
#menu span:nth-child(3){top:3.1rem;}
#menu.menu_show{}
#menu.menu_show span{ background:#f90}
#menu.menu_show span:first-child{-webkit-transform:rotate(225deg) translate(-0.4rem,-0.4rem);-moz-transform:rotate(225deg) translate(-0.4rem,-0.4rem);-ms-transform:rotate(225deg) translate(-0.4rem,-0.4rem);-o-transform:rotate(225deg) translate(-0.4rem,-0.4rem);transform:rotate(225deg) translate(-0.4rem,-0.4rem);}
#menu.menu_show span:nth-child(2){display:none}
#menu.menu_show span:last-child{-webkit-transform:rotate(-225deg) translate(-0.5rem,-0.5rem);-moz-transform:rotate(-225deg) translate(-0.5rem,-0.5rem);-ms-transform:rotate(-225deg) translate(-0.5rem,-0.5rem);-o-transform:rotate(-225deg) translate(-0.5rem,-0.5rem);transform:rotate(-225deg) translate(-0.5rem,0.5rem);}
#nav{ position:absolute;top:5rem;height:3.8rem;width:100%; background-color:rgba(255,255,255,1);left:0; -webkit-transition:all .3s linear; -moz-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear;display:none;z-index:1000;border-top:1px solid #ccc}
#nav a{ width:25%; float:left; height:3.2rem;line-height:3.2rem; font-size:1.1rem;text-align:center;color:#333; display:block}
#nav a:hover{ background-color:grba(0,0,0,.01);}
#media{ background:rgba(0,0,0,.3); width:100%;height:100%;position:fixed; display:none; z-index:10;top:0;left:0}
#nav.nav_show{ animation:fadeIn 0.3s ease-in-out both;}
#nav.nav_hide{animation:fadeOut 0.3s ease-in-out both;}
#media.bg_show{ animation:fadeIn 0.3s ease-in-out both;}
#media.bg_hide{ animation:fadeOut 0.3s ease-in-out both;}
@-webkit-keyframes fadeIn {
	0% { opacity: 0;filter:alpha(opacity=0)}
	100% {opacity: 1;filter:alpha(opacity=100)}
}
@-moz-keyframes fadeIn{
	0% { opacity: 0;filter:alpha(opacity=0)}
	100% {opacity: 1;filter:alpha(opacity=100)}
}
@-o-keyframes fadeIn{
	0% { opacity: 0;filter:alpha(opacity=0)}
	100% {opacity: 1;filter:alpha(opacity=100)}
}
@-ms-keyframes fadeIn{
	0% { opacity: 0;filter:alpha(opacity=0)}
	100% {opacity: 1;filter:alpha(opacity=100)}
}
@keyframes fadeIn {
	0% { opacity: 0;filter:alpha(opacity=0)}
	100% {opacity: 1;filter:alpha(opacity=100)}
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
@-webkit-keyframes fadeOut {
	0% {opacity: 1;filter:alpha(opacity=100)}
	100% { opacity: 0;filter:alpha(opacity=0)}
}
@-moz-keyframes fadeOut{
	0% {opacity: 1;filter:alpha(opacity=100)}
	100% { opacity: 0;filter:alpha(opacity=0)}
}
@-o-keyframes fadeOut{
	0% {opacity: 1;filter:alpha(opacity=100)}
	100% { opacity: 0;filter:alpha(opacity=0)}
}
@-ms-keyframes fadeOut{
	0% {opacity: 1;filter:alpha(opacity=100)}
	100% { opacity: 0;filter:alpha(opacity=0)}
}
@keyframes fadeOut {
	0% {opacity: 1;filter:alpha(opacity=100)}
	100% { opacity: 0;filter:alpha(opacity=0)}
}
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

/*焦点图*/
.swiper-container{ width:100%;position:relative; height:15rem}
.swiper-wrapper img{ width:100%; height:100%}
.swiper-slide{ width:100%; float:left}
/*news*/
.cartext{background:#1f1f1f;width:100%;padding:1.2rem 0 0; height:auto;}
.cartext h2{ font-size:1.5rem;color:#f90; line-height:2.4rem;padding:0 1rem;}
.cartext h2 a{ color:#f90; font-weight:700;}
.cartext p{ color:#fff; padding-top:0.3rem; line-height:1.6rem; display:none}
.cartext ul{width:100%;margin-top:1rem;}
.cartext li{ height:3rem;line-height:3rem;border-top:1px solid #333;padding:0 1rem;}
.cartext li a{ color:#fff; font-size:1.1rem;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;
display: block;}
/*标题*/ 
.conbox,.gamebox{ width:100%; height:auto;}
.h2{ font-size:1.3rem; color:#242222;padding:0 1rem;margin-top:1.2rem; font-weight:700}
.gamebox{ margin-top:0.8rem;border-top:1px solid #dadada;}
.line{height:auto;border-bottom:1px solid #dadada;}
.line li{ width:33.333%; float:left; height:3.1rem;text-align:center;border-right:1px solid #dadada;}
.line li:nth-child(3n){border-right:0;}
.line a{ display:block;color:#323232; width:100%; height:100%;font-size:1.1rem;padding:1rem 0;line-height:1.1rem;}
/*newslist*/
.newslist,.gamelist{ width:100%; height:auto;/*padding:0 1rem;*/}
.newslist_item{border-top:1px solid #dadada;}
.newslist_item a{padding:1rem;display:block; position:relative; min-height:6rem;}
.newslist_item img{width:6rem; height:6rem; float:right; margin-left:1rem;}
.gamelist_item dl dt,.mlist_item dl dt{font-size:1.2rem;color:#1a1a1a;height:1.6rem;line-height:1.6rem; font-weight:700; overflow:hidden;}
.gamelist_item dl dd,.mlist_item dl dd{font-size:1.2rem;color:#999;padding-top:0.4rem; line-height:1.9rem; text-align:justify}
.newslist_item dl dt{font-size:1.2rem;color:#1a1a1a;line-height:1.6rem; font-weight:700;}
.newslist_item dl dd{ display:none}
.channel{ font-size:1rem; color:#999; position:absolute;bottom:1rem;left:1rem}
.more{background:#e0e0e0;padding:1.5rem; font-size:1.2rem; color:#323232; line-height:1.4rem; text-align:center;display:block;cursor:pointer}
.hot,.new{ width:11px; height:11px; background:url(http://stc.kongzhong.com/kongzhong/images/2016m/ico.png) no-repeat; display:inline-block; margin-left:5px;}
.hot{ background-position:0 0;}
.new{ background-position:-22px 0;}
/*gamelist*/
.tabs{ width:100%; height:auto;border-bottom:2px solid #f90}
#mtab li{ width:50%;}
.tabs li{ width:25%; float:left; height:3rem; line-height:3rem; font-size:1.2rem; color:#323232; text-align:center;border-top:1px solid #dadada;border-left:1px solid #dadada}
.tabs li:first-child{border-left:0}
.tabs li.active{ background:#f90;color:#fff;border:0;}
.tabs li.active + li{border-left:0}
.cons{ width:100%;height:auto; display:none}
.cons.cons_show{ display:block;animation:fadeInRight 0.5s linear both;}
.cons.cons_hide{ display:none;animation:fadeOutLeft 0.5s linear both;}
@-webkit-keyframes fadeInRight {
  from {opacity: 0;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);}
  to {opacity: 1;-webkit-transform: none;transform: none;}
}
@-moz-keyframes fadeInRight {
  from {opacity: 0;-moz-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);}
  to {opacity: 1;-moz-transform: none;transform: none;}
}
@-ms-keyframes fadeInRight {
  from {opacity: 0;-ms-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);}
  to {opacity: 1;-ms-transform: none;transform: none;}
}
@-o-keyframes fadeInRight {
  from {opacity: 0;-o-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);}
  to {opacity: 1;-o-transform: none;transform: none;}
}
@keyframes fadeInRight {
  from {opacity: 0;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);}
  to {opacity: 1;-webkit-transform: none;transform: none;}
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

.gamelist_item,.mlist_item{border-bottom:1px solid #dadada;padding:1rem; position:relative;}
.gamelist_item{height:7rem; overflow:hidden;}
.gamelist_item img,.mlist_item img{ width:6rem;}
.gamelist_item img{height:5rem; position:absolute;top:1rem;left:1rem;}
.mlist_item img{ height:8rem; float:left;}
.gamelist_item dl,.mlist_item dl{padding:0.25rem 0 0 7rem;}
.gamelist_item dl{padding-right:7rem;}
.gamelist_item dl dd,.mlist_item dl dd{ font-size:1rem; line-height:1.4rem;}
.gameindex{ position:absolute;top:1rem;right:1rem; width:6rem; height:100%;}
.btn{ width:100%; height:2.25rem; line-height:2.25rem;color:#fff; text-align:center;border-radius:2px;display:block; margin-bottom:0.5rem;}
.btn:last-child{ margin-bottom:0}
.btn.bntop{margin-top:1.375rem;}
.btn:hover{ color:#fff;}
.comein{ background-color:#f90;}
.comein:hover{ background-color:#f27201;}
.down{background-color:#00b7ee;}
.down:hover{ background-color:#009dee;}
#tabs-container .swiper-container {width: 100%;height: auto;}
/*#tabs-container .swiper-slide{ display: none}
#tabs-container .swiper-slide.swiper-slide-active{ display:block}*/
/*content*/
.content{padding:1rem;border-top:1px solid #dadada;}
.content h1{font-size:1.8rem;color:#323232; line-height:2.5rem;}
.content .date{border-bottom:1px solid #dadada;height:3.5rem; line-height:3.5rem;text-align:center;font-size:1.2rem; color:#1d1d1d;}
.content p{ color:#555;padding-top:1rem; font-size:1.2rem; line-height:2.4rem; text-indent:2.4rem; text-align:justify}
.content p.img{ text-indent:0; line-height:0;}
.content p.img img{ width:100%;}
.xgred{ color:#8a8a8a;padding:1rem;}
.xgred p{ font-size:1rem; height:2rem; line-height:2rem;}
.xgred p a{color:#8a8a8a;}
/*foot*/
footer{ background:#eee;padding:1.2rem 1rem;text-align:center}
footer a{ color:#323232; line-height:0.8rem; font-size:1rem;margin:0 0.6rem;}
footer a:last-child{box-shadow:none}
footer p{ color:#333; font-size:1rem;font-weight:normal}
footer p:last-child{padding-top:0.6rem; font-size:0.8rem;}
/*清*/
.container:after,header:after,.swiper-container:after,.cartext:after,.conbox:after,.line:after,.gamebox:after,.newslist:after,.newslist_item:after,.newslist_item a:after,.tabs:after,.gamelist_item:after,.mlist_item:after,.cons:after{clear: both;content: "";display: block;height: 0;visibility: hidden;}
@media only screen and (min-width:370px) and (max-width:480px){
	html{ font-size:14px;}
}
@media only screen and (min-width:480px) and (max-width:540px){
	html{ font-size:16px;}
	
}
@media only screen and (min-width:540px) and (max-width:640px){
	html{ font-size:18px;}
}
@media only screen and (min-width:640px){
	html{ font-size:20px;}
	#menu.menu_show span:last-child{-webkit-transform:rotate(-225deg) translate(-0.54rem,-0.54rem);-moz-transform:rotate(-225deg) translate(-0.54rem,-0.54rem);-ms-transform:rotate(-225deg) translate(-0.54rem,-0.54rem);-o-transform:rotate(-225deg) translate(-0.54rem,-0.54rem);transform:rotate(-225deg) translate(-0.54rem,0.54rem);}
}