@media screen and (max-width:370px){
    .mes{font-size:16px;}
    .checkin div.code input.short{width:32%}
}
@media screen and (min-width:380px) and (max-width:480px){
    .top-news .first span.hap{width:68%}
    .actives dl dd{width:75%}
    .actives dl dd.fr{color:#999;font-size:12px;}
}
@media screen and (min-width:350px) and (max-width:380px){
    .top-news .first span.hap{width:65%}
    .actives dl dd{width:70%}
}
@media screen and (min-width:351px){
    .checkin div.code img{height:50px;width:100px;}
}
@media screen and (max-width:350px){
    .checkin div.code img{height:50px;width:82px;}
}

@media screen and (max-width:479px){
.newsPart .n-list dl,.top-news .first dl{height: 75px;padding:15px 0;}
.newsPart .n-list dl dt,.top-news .first dl dt{top:15px;width:105px; height:75px;}
.newsPart .n-list dl dt img,.top-news .first dl dt img{width: 105px; height: 75px;}
.newsPart .n-list dl dd,.top-news .first dl dd{ padding-left: 125px; padding-right:10px;}
.newsPart .n-list dl dd .title,.top-news .first dl dd .title{font-size: 16px;height: 20px; line-height:20px; overflow:hidden;}
.newsPart .n-list dl dd .info,.top-news .first dl dd .info{line-height: 18px; height: 36px; font-size: 12px; }
.newsPart .n-list dl dd .pf,.top-news .first dl dd .pf{font-size: 12px; margin-top: 3px;}
.newsPart .n-list dl dd .score,.top-news .first dl dd .score{left: 37px;width: 25px; height: 16px}
#menu  div,.tip,.ways{font-size: 16px;}
.actives dl{height:30px; width:100%; border-top:1px solid #e5e5e5; clear:both; overflow:hidden; position:relative;font-size: 12px;}
.actives dl dt{ position:absolute; left:10px; top:5px;display: block;text-align: center; color:#fff;-webkit-border-radius:4px;border-radius:4px; height:20px; line-height:20px; padding:0 4px;}
.actives dl dt.hd{ background:#ff4200;}
.actives dl dt.gl{ background:#117ab3;}
.actives dl dt.xw{ background:#6aa71b;}
.actives dl dd{ margin-left:50px;line-height: 30px;width:70%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.article_detail article div.det,.article_detail article div.det div,.article_detail article div.det p{font-size: 14px;line-height:25px}
.gameMes .sim-intro{font-size:14px; line-height:25px;}
.searchBar{ height: 30px;}
.searchBar input{font-size:14px; height:30px; line-height: 30px;}
.searchBar span{width:30px; height: 30px;}

.searchList li{ height: 30px; line-height: 30px;}
.searchList li a{font-size: 14px;}
.searchList li img{width: 12px;}
.top-news ul#morePack li span.st{width:85%;}



}
@media screen and (max-width:320px){
.searchBar{ height: 26px;}
.searchBar span{width: 26px; height: 26px;}
.searchBar input{ font-size:12px; height: 26px; line-height: 26px;}
.searchList li{ height: 26px; line-height: 26px;}
.searchList li a{font-size: 12px;}
.searchList li img{width: 10px;}
#header .head span.phone {
	width:15px;
	height:20px;
}
#header .head span.phone i.q{
	width:11px;
	height:13px;
	top:2px;
	left:2px;
}
#header .head span.phone i.c{
	width:3px;
	height:3px;
	bottom:1px;
	margin-left:-1px;
	-webkit-border-radius:1.5px;
	-moz-border-radius:1.5px;
	border-radius:1.5px;
}
#header .head span.font {
	margin-top: 19px;
	height:18px;
	line-height:18px;
}

















.mygame div.outer .mess .fr{padding:6px;}
.mygame div.outer .mess .fr a{font-size:12px;}
.gm-topest .tbody td.dlgame img,.gm-topest .tbody td.pack img{width:24px}
.game-info .row .free{font-size:14px;}
.newsPart .n-list dl,.top-news .first dl{height:65px;}
.newsPart .n-list dl dt,.top-news .first dl dt{ left:5px;}
.newsPart .n-list dl dd .info,.top-news .first dl dd .info {line-height: 26px;height: 26px;font-size: 12px;}
.newsPart .n-list dl dt img,.top-news .first dl dt img {width: 90px;height: 65px;}
.newsPart .n-list dl dd,.top-news .first dl dd{padding-left: 105px;padding-right: 10px;}
.newsPart .n-list dl dd .title,.top-news .first dl dd .title{font-size: 14px;height:18px; line-height:20px;}
.mygame div.outer .mess .apack span em.tt{font-size: 14px;}
.mygame div.outer .mess .apack span em,.tip,.ways{font-size: 12px;}
.mygame div.outer .mess .apack span{width:72%;}
.gn-list .lo{padding:4px 0;}
.mygame div.outer .mess .fl label{width:54px;}
.actives dl dd{width:64%}
.gm-topest td img{width:14px;}
.gm-topest .thead td{padding:5px 0 5px 4px}
.gm-topest .tbody td{padding:5px 0 5px 4px;}
#menu  div{font-size: 14px; line-height: 24px;}
#menu  div label{width:24px; height: 24px;}
#menu  div span em{color: #f00;font-size: 12px;margin-left: 4px;}
.article_detail article div.det,.article_detail article div.det div,.article_detail article div.det p{font-size: 14px}
div.detail h3.bs{font-size:16px;margin-top:0px;}
.game-info .row .packcont div.detail p.start{margin-bottom:0;}
.packlist .row .packcont div.detail p.start img{width:13px;}
.packlist .row .packcont div.detail p.hapi img{width:14px !important;}

}
@media screen and (min-width:320px) and (max-width:479px) {
.mygame div.outer .mess .apack span{width:57%;}
.packlist .row .packcont div.detail{width:67%}
.top-news ul#morePack li span.st{width:85%;}
#appDownload a{	font-size:14px;}
#appDownload img{width:16px;vertical-align:-2px;}

}

@media screen and (min-width:430px){
.checkin div.code input{width:50%;}
}
@media screen and (max-width:429px){
.checkin div.code input{width:45%;}
.bindmgetcode div input{width:42% !important;padding:11px 2px !important;}
.checkin div.code label, .checkin div.code input,.ulogin div.register input{font-size: 12px;}
.ulogin div.register label{width:50px;font-size: 12px;}
.checkin div.code span{font-size: 12px;}
.hot-games .games .line .gmdl dl dt{ font-size:12px;}
.hot-games .games .line .gmdl dl dt h3{ font-size:12px;}
.hot-games .games .line .gmdl dl dt p,.hot-games .games .line .gmdl dl dt p a{font-size:12px;}
.hot-games .games .line .gmdl dl dt.lg{width:54px;}
.hot-games .games .line .gmdl dl dt.lb{left:74px;}
.gamepacks .packlist .row{height:75px}
.gamepacks .packlist .row .packcont div.logo{width:55px;}
.gamepacks .packlist .row .packcont div.detail{left:65px;}
}


@media screen and (min-width:400px){
    .hot-games .games .line .bdcont label{width:45%}
}
@media screen and (max-width:320px){
/*屏幕小于320*/
#header .head{width:95%; margin:0 auto;height:50px;}
#header .head label{ float:left;margin-top:10px;width:120px;}
#header .head span{float:right; width:20px;display:block;margin-top:18px;}
#header .head span.uc{margin-right:8px;width:36px;}
#appDownload a{	font-size:14px;}
#appDownload img{width:16px;vertical-align:-2px;}
.hot-games .games .line .bdcont label h3 a{font-size: 14px;}
.hot-games .games .line .bdcont label p{font-size: 12px;}
.quickNav li a{ font-size:14px; padding:6px 0;}
.game-detail,.article_detail,.game-info,.mine,.service,.ucenter,.ulogin{margin-top:60px;}
.game-list li h3{font-size: 12px;}
.game-list li p{font-size: 10px;}
/*快捷导航*/
.addWrap{width:95%;background:#fff;margin:60px auto 0; position:relative}
.quickNav{top:50px;}
#menu{top:50px;}
.quickNav li{width:16.2%;}
.top-news .first span.t{ display:block; font-size:16px; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#2b2b2b}
.top-news .first span.b{ display:block; font-size:12px; width:100%; color:#626a77;white-space:nowrap;overflow: hidden;text-overflow: ellipsis;}
.top-news .first span.d{ font-size:14px; position:absolute; color:#ccc; bottom:0; right:0;}
.top-news ul li span{ float:left;height:30px; line-height:30px; font-size:12px}
.top-news ul li span.hd{ background:#ff4200; color:#fff;-webkit-border-radius:4px;border-radius:4px; height:1.4em; line-height:1.4em; margin:0.7em 0.5em 0 0; padding:0 0.2em;}
.top-news ul li span.gl{ background:#117ab3; color:#fff;-webkit-border-radius:4px;border-radius:4px; height:1.4em; line-height:1.4em; margin:0.7em 0.5em 0 0; padding:0 0.2em;}
.top-news ul li span.fr{ color:#ccc;font-size:12px;}
.top-news ul li span.st{width:64%; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.top-news h2,.gm-topest h2,.ucenter h1,.ulogin h1,.hot-game h2,.mine h2,.hot-games h2,.tops h2{ font-size:20px;font-weight:normal;width:100%; height:40px; line-height:40px}
.top-news h2 span,.gm-topest h2 span,.ucenter h1 span,.ulogin h1 span,.hot-game h2 span,.mine h2 span,.hot-games h2 span,.tops h2 span{width:6px; background:#fb882a; display:block; float:left; height:24px; margin-top:8px; margin-right:1%}
.hot-game h2 a img{width:6px; vertical-align:middle;}
.game-list li p a{  padding:4px 0; margin:4px auto; font-size:12px;}
.newsPart .leader li{font-size:16px;padding:8px 0;}
.newsPart .n-list .bdbtm div span h2{width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:14px; font-weight:normal}
.gm-topest .thead td{font-size:16px;}
.gm-topest .tbody td{font-size:12px;}
.newsPart .n-list .more a,.mine .more a,.top-news .more a{ font-size:16px; font-weight: normal;}
.tops,.topper{margin-top:60px;}
#footer{font-size:12px;}
.article_detail article h1{font-size: 18px;}
.article_detail article h2{font-size: 14px;}
.article_detail article div.det{margin-top:15px;padding-bottom: 20px;}
.packlist .row .packcont div.logo{width:70px;}
.packlist .row .packcont div.detail{width:60%;}
.game-info .row .packcont div.detail p{font-size:14px;width:100%; overflow:hidden;text-overflow: ellipsis;white-space: nowrap}
.game-info .row .packcont div.detail p.start span{
    margin: 4px 4px 4px 0;
    width: 0px;
    height: 0px;
    border-right:  10px solid transparent;
    border-bottom: 7px  solid #bbb;
    border-left:   10px solid transparent;
    -moz-transform:    rotate(35deg);
    -webkit-transform: rotate(35deg);
    -ms-transform:     rotate(35deg);
    -o-transform:      rotate(35deg);
}
.game-info .row .packcont div.detail p.start span:before{
    border-bottom: 8px solid #bbb;
    border-left: 3px solid transparent;
    border-right:3px solid transparent;
    height: 0;
    width: 0;
    top: -4.5px;
    left: -6.5px;
    -webkit-transform: rotate(-35deg);
    -moz-transform:    rotate(-35deg);
    -ms-transform:     rotate(-35deg);
    -o-transform:      rotate(-35deg);
}
.game-info .row .packcont div.detail p.start span:after{
    top: 0.3px;
    left: -10.5px;
    width: 0px;
    height: 0px;
    border-right:10px solid transparent;
    border-bottom: 7px solid #bbb;
    border-left: 10px solid transparent;
    -webkit-transform: rotate(-70deg);
    -moz-transform:    rotate(-70deg);
    -ms-transform:     rotate(-70deg);
    -o-transform:      rotate(-70deg);
}
.game-info .row .packcont div.detail p.start span.red{
    border-bottom: 7px solid #fb882a;
}
.game-info .row .packcont div.detail p.start span.red:before{
    border-bottom: 7px solid #fb882a;
}
.game-info .row .packcont div.detail p.start span.red:after{
    border-bottom: 7px solid #fb882a;
}
.packlist .row .packcont div.logo{width:65px;}
.game-info .row .dlbtn a{font-size: 16px;width:30.5%}
div.detail h3{font-size: 14px;margin-bottom:2px;margin-top:0;}
.packlist .row .packcont div.detail p{font-size: 12px;}
.packlist .row .packcont div.get a{font-size: 12px;height:25px;width:40px; line-height: 25px;margin-top:20px;}
.packlist .row .packcont div.detail{width:70%}
.hot-games .more a,.topper .more a,.gm-topest .more a,.mine .more a,.top-news .more a{ font-size:16px;}
.game-info .row .getcode{float: right;margin-right:4%;margin-top:-60px;}
.hot-games .games .line .bdcont span{width:10%;float:left;}
.hot-games .games .line .bdcont span.lg{width:30%;margin:4px;}
.hot-games .games .line .bdcont span img{width:100%;}
.hot-games .games .line .bdcont label{float:left;margin-top:10px;line-height:16px;width:50%; overflow: hidden;text-overflow: ellipsis; white-space: nowrap}
#header .head span.name{width:60px;margin-top:26px;}
.top-news .first span.hap,.newsPart .n-list .bdbtm div span{width:56%; }
.top-news .first label img,.newsPart .n-list .bdbtm div label img{width:80px;height:52.4px;}
.mes{font-size: 14px;}
.gn-list .lo div span em{width:90px;white-space: nowrap;display: inline-block;overflow: hidden;text-overflow: ellipsis;}
.topper .selects p{font-size: 14px;}
}


@media screen and (min-width:480px){

#header .head span.phone {
	width:26px;
	height:34px;
}
#header .head span.phone i.q{
	width:22px;
	height:24px;
	top:2px;
	left:2px;
}
#header .head span.phone i.c{
	width:4px;
	height:4px;
	bottom:2px;
	margin-left:-2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
}
#header .head span.font {
	margin-top: 22px;
  height: 28px;
  line-height: 28px;
  font-size: 16px;
}

/*屏幕大于480*/ 
.game-detail,.article_detail,.game-info,.mine,.service,.ulogin,.ucenter{margin-top:80px;}
#header .head{width:95%; margin:0 auto;height:70px;}
#header .head label{ float:left;margin-top:12px;width:175px;}
#header .head span{float:right; width:34px;display:block;margin-top:18px;}
#header .head span.uc{margin-right:8px;width:60px;}
.addWrap{width:95%;background:#fff;margin:80px auto 0; position:relative}
.quickNav{top:71px;}
.quickNav li{width:16.38%; float: left;}
#menu{top:70px;}
.tops,.topper{margin-top:80px;}
.newsPart .n-list .more a,.gm-topest .more a,.mine .more a,.top-news .more a{ font-size:20px; font-weight: normal;width:100%; display:block;}
#footer{font-size:16px;}
.article_detail article h1{font-size: 22px;}
.article_detail article h2{font-size: 16px;}
.article_detail article div.det{margin-top:15px;padding-bottom: 20px;}
.game-info .row .getcode a{font-size:18px;padding:6px;}
#header .head span.name{width:210px;margin-top:38px;font-size: 14px;}
.top-news .first span.hap,.newsPart .n-list .bdbtm div span{{width:62%; }
.hot-games .games .line .bdcont label{width:50%}
}

@media screen and (min-width:640px){
/*屏幕大于640*/
.top-news .first span.hap,.newsPart .n-list .bdbtm div span{width:74%; }
.top-news .first label img,.newsPart .n-list .bdbtm div label img{width:145px;height:95px;}

}
@media screen and (min-width:450px){
    .packlist .row .packcont div.detail{width:66%;}
}

@media screen and (orientation:landscape){
    /*下拉菜单*/
    #menu{background: #303537;position: fixed;top:70px;right:0;z-index: 100000000;display:none;width:100%;}
    #menu  div{border-bottom: 1px solid #191b1c;font-size:18px; line-height: 50px;width:33.333%;float:left;height:50px;padding:0;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
    #menu  div h2{font-weight: normal;}
    #menu  div label{width:30px; height: 30px;float:left;margin-top:10px;}
    #menu  div label img{width:100%;}
    #menu  div span{margin-left:5px;height:50px;line-height:53px;width:175px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
    #menu  div span.orz{color:#f18505;}
    #menu  div a{ display: block;color: #fff;z-index: 1;width:100%;height:100%;}
    #menu  div span em{color: #f00;font-size: 14px;margin-left: 4px;}
    #menu  div a:before,#menu  div a:after{content: '';display: table;}
    #menu  div a:after{clear: both;}
    #menu  div:active{background: #191b1c;}
    #menu  div a:active{color:#fff;background: none;}
    #menu  div a:focus{outline: none;}
}

@media screen and (orientation:landscape) and (max-width:640px){
    #menu{top:64px;}
    #menu  div{font-size:16px; line-height: 45px;height:45px;padding:0;}
    #menu  div label{width:25px; height: 25px;float:left;margin-top:6px;}
    #menu  div span{height:45px;line-height:45px;width:130px;}
    #menu  div span em{font-size: 12px;margin-left:2px;}
}
@media screen and (orientation:landscape) and (max-width:480px){
    #menu{top:64px;}
    #menu  div span{height:45px;line-height:45px;width:120px;}
}