@charset "utf-8";
html, body, div, span,applet, object, 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, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;}
body {width: 100%;height:auto;background: #fff;-webkit-text-size-adjust:none;}
div {text-align:left;}
body{font:14px/1.5em "Microsoft YaHei";color:#444;position: relative;}
h1, h2, h3, h4, h5, h6{font-size:100%;}
address, cite, em{font-style:normal;}
li{list-style-type:none;}
a{text-decoration:none;color:#444;}
a:hover{color: #f0c110;text-decoration:none;}
fieldset, img {border:0;}
label,button{cursor: pointer;}
select,input,textarea,font{font-size:12px;line-height:1.2em;}
.clear{clear:both; line-height:0px; overflow:hidden;}


/*头部*/
.top_new{height:45px;line-height:45px;background:#0877d0;position:relative background-color: #0877d0;overflow:hidden;height: 45px;;}
.top_new .logo{background: url(../images/logo.png) no-repeat;width: 35%;height: 31px;display:inline-block;background-size: 100%;margin: 8px 0 0 15px;}
.top_new .gamelogo{background:url(../images/Logogame.png) no-repeat;width:120px;height:38px;display:inline-block;background-size:120px;margin:4px 0 0 5px;}
.top_new .softlogo{background:url(../images/Logosoft.png) no-repeat;width:120px;height:38px;display:inline-block;background-size:120px;margin:4px 0 0 5px;}
.top_new .search {float: right;margin: 8px 45px 0 10px;height: 30px;width: 42%;background: #fff;overflow: hidden;border-radius: 15px;}
.top_new .search .key {border:0;line-height:28px;overflow: hidden;height: 30px;width: 65%;background: #fff;float:left;padding-left: 10px;font:12px/1.5em "Microsoft YaHei";color:#444;}
.top_new .search .submit {background: url(http://m.52miji.com/Skin/images/icon_search.png) 4px 5px no-repeat #fff;background-size: 20px auto;border:0;height: 30px;width: 34px;float: right;border-radius:0 30px 30px 0;}
.top_new .nav_btn{display: block;width: 10%;height: 45px;background: url(https://m.chuzhaobiao.com/SkinNew/images/nav_btn.png) no-repeat center center;position: absolute;top: 0;right: 5px;}
/*导航*/
.g-web-nav{width:100%;height:auto;padding:0;background:#fff;display:none;overflow:hidden;box-sizing:border-box;position:absolute;left:0;top: 45px;box-shadow:1px 2px 2px #ccc;z-index:9999;}
.g-web-nav .g-nav-btn{width:auto;height:40px;margin:14px;border: 1px solid #0877d0;border-radius:4px;display:-webkit-box;overflow:hidden;}
.g-web-nav .g-nav-btn li{width:auto;height:40px;line-height:40px;font-size:15px;font-weight:normal;color: #0877d0;text-align:center;display:block;overflow:hidden;border-right: 1px solid #0877d0;-webkit-box-flex:1;display:block;overflow:hidden;cursor:pointer;}
.g-web-nav .g-nav-btn li:nth-child(4){ border:0;}
.g-web-nav .g-nav-btn .m-hover{background: #0877d0;color:#fff;}
.g-web-nav .g-nav-ul{ width:100%; height:auto; padding:0 14px 0 0; box-sizing:border-box; display:block; overflow:hidden;}
.g-web-nav .g-nav-ul li{width:33.33%;height:auto;float:left;padding: 0 0 10px 10px;display:inline;overflow:hidden;box-sizing:border-box;}
.g-web-nav .g-nav-ul li a{width:100%;height:auto;padding: 5px;box-sizing:border-box;border:1px solid #d6d6d6;display:block;overflow:hidden;}
.g-web-nav .g-nav-ul li a strong{ width:100%; height:20px; line-height:20px; font-size:14px; font-weight:normal; color:#333; text-align:center; margin:2px 0 0 0; display:block; overflow:hidden}
.g-web-nav .g-nav-ul li a b{ width:100%; height:20px; line-height:20px; font-size:14px; font-weight:normal; color:#999; text-align:center; margin:2px 0 0 0; display:block; overflow:hidden}
.g-web-nav .g-nav-ul li a:active{ background:#60C505; color:#fff; border:1px solid #60C505}
.g-web-nav .g-nav-ul li a:active strong{ color:#fff;}
.g-web-nav .g-nav-ul li a:active b{ color:#fff;}

/*banner*/
.banner{width: 100%;position: relative;height: 3rem;}
.banner > .banner_bg{display: block;overflow: hidden; position: absolute;  width: 100%; bottom:0px; z-index:1; height: 0.2rem;}
.flexslider {margin: 0; padding: 0;}
.flexslider .slides li {display: none; -webkit-backface-visibility: hidden; position: relative;}
.flexslider .slides li a span{ position: absolute;bottom: 0;left: 0; width: 100%;height: 34px;line-height: 35px; text-indent: 10px; text-align: left; background: rgba(0,0,0,0.5); color: #fff;overflow: hidden;}
.flexslider .slides li a span b{font-weight:normal;display:block;width:70%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.flexslider .slides img {width:7.2rem;display: block;height:3rem;}
.flex-pauseplay span {text-transform: capitalize;}
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.no-js .slides > li:first-child {display: block;}
.flexslider { margin: 0; position: relative; zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }
.flex-control-nav {position: absolute;bottom: 10px;right:13px;z-index: 2;text-align: center;height: 0.2rem;/* line-height:0.2rem; */}
.flex-control-nav li {zoom: 1; display: inline-block; margin-right:0.14rem;}
.flex-control-nav li:last-child{ margin-right: 0px;}
.flex-control-paging li a {width: 0.13rem;height: 0.13rem;display: block;background: #fff;text-indent: -9999px;border-radius: 20px}
.flex-control-paging li a.flex-active {background: #0eacf6;cursor: default;width: 0.4rem;height: 0.13rem;}


h3.til {border-bottom: 1px solid #f4f4f4; padding: 10px 10px 7px 10px;  height:37px; font-size: 16px; font-weight: normal; }
h3.til span { float: left; font-size: 16px; font-weight: bold; color: #fff; min-width:40px; text-align: center; padding: 0 15px 4px 15px;line-height:33px; height: 33px; background: url(../images/icon_index.png) no-repeat; }
h3.til span.blue { background-position: -150px 0 }
h3.til a.hmore {float: right;font-size: 13px;color: #999;margin-top:5px; line-height: 30px;}
h3.til a.hmore em { font-family: "宋体"; padding-left: 2px }
/*每日推荐*/
.zq_scroll {clear:both;overflow:hidden;width: 100%;}
ul.gamelist{ width:100%; overflow:hidden; padding: 20px 0}
ul.gamelist li{ width:1.8rem; float:left;}
ul.gamelist .game_con{width:100%;display:block;overflow:hidden;text-align:center;}
ul.gamelist .game_con img{ width:1.3rem; height:1.3rem; display:block; border-radius: 10px; overflow:hidden; margin:0 auto;}
ul.gamelist .game_con span{ font-size:14px; color:#333; display:block;padding: 0 5px; overflow:hidden; height:30px; line-height:30px; margin:5px 0;}
ul.gamelist .game_downbtn{display:block;overflow:hidden;width:80%;height:24px;border: 1px solid #ccc;text-align:center;color: #666;font-size:13px;line-height:24px;border-radius:24px;margin:0 auto;}
 
ul.koflist{ width:100%; overflow:hidden; padding: 20px 0 10px}
ul.koflist li{ width:110px; float:left;}
ul.koflist .game_con{width:100%;display:block;overflow:hidden;text-align:center;}
ul.koflist .game_con img{ width:90px; height:110px; display:block; overflow:hidden; margin:0 auto;}
ul.koflist .game_con span{ font-size:14px; color:#333; display:block;padding: 0 5px; overflow:hidden; height:30px; line-height:30px; margin:5px 0;}
ul.koflist .game_downbtn{display:block;overflow:hidden;width:60px;height:24px;border: 1px solid #ccc;text-align:center;color: #666;font-size:13px;line-height:24px;border-radius:24px;margin:0 auto;}
 

/*近期热门*/
.hotgame{border-bottom: 0.05rem solid #e1e1e1;overflow: hidden;clear: both;}
.hotgame ul{width:100%;overflow:hidden;padding: 10px 0;margin-left: 0.12rem;}
.hotgame ul li {float: left;width: 3.4rem;margin: 0 0.12rem 0.14rem 0;border-bottom: 0.05rem solid #e1e1e1;}
.hotgame ul li:nth-child(4),.hotgame ul li:nth-child(5){border:0px;}
.hotgame ul li a { display: block; overflow: hidden; }
.hotgame ul li img {float: left;width: 1rem;height: 1rem;margin-right: 0.18rem;border-radius: 0.2rem;}
.hotgame ul li p { float: left; width: 1.8rem }
.hotgame ul li span { display: block; font-size: 14px;line-height: 35px; height:35px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.hotgame ul li em { display: block; color: #f05d7d; font-size: 13px; }
.hotgame ul li.top1 {position: relative;border: 0;}
.hotgame ul li.top1 img{width:3.5rem;height: 2.2rem;border-radius: 0;}
.hotgame ul li.top1 p { position: absolute; left: 0; bottom: 0; width:100%; background:rgba(0,0,0,0.5); color: #fff; text-align: center; }

/*每日推荐*/
.dailyrec{border-bottom:4px solid #e1e1e1;overflow: hidden; clear: both;}

/*游戏推荐*/
.recgame{border-bottom:4px solid #e1e1e1;overflow: hidden; clear: both;}
.recgame ul { padding-bottom: 0 }
.recgame li { margin-bottom: 20px; }

/*软件推荐*/
.recsoft{border-bottom:4px solid #e1e1e1;overflow: hidden; clear: both;}
.recsoft ul { padding-bottom: 0 }
.recsoft li { margin-bottom: 20px; }

/*游戏专区*/
.hotzt{border-bottom:4px solid #e1e1e1;overflow: hidden; clear: both;}
.hotzt h3.til ul { float: right; }
.hotzt h3.til ul li { display: inline-block; font-size: 14px; color: #999; padding: 0 3px; line-height: 30px; margin-left: 20px; }
.hotzt h3.til ul li.hover { color: #1da4ea; border-bottom: 3px solid #1da4ea }
.hotzt .hotztcon {height: 135px;overflow: hidden; margin-top: 20px; padding-bottom: 10px}
.hotzt .slide {margin: 0 10px; padding:0px 0 20px 0; overflow: hidden; }
.hotzt .slide ul{}
.hotzt .slide li{ width:140px; margin: 0 10px 0 0; float:left;  overflow: hidden; position: relative;}
.hotzt .slide li i { position: absolute; top: 0; left: 0; display: block; width: 47px; height: 40px; background: url(../images/icon_index.png) 0 -40px no-repeat; }
.hotzt .slide li img { display: block; height: 100px }
.hotzt .slide li p {color: #666;text-align: center;font-size: 14px;line-height: 30px;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.hotzt .slide2 { display:  }

/*排行榜*/
.ranks{border-bottom:4px solid #e1e1e1;overflow: hidden; clear: both;}
.ranks h3.til { height:30px; padding-top: 10px }
.ranks h3.til ul { text-align: center; }
.ranks h3.til li { display: inline-block; margin: 0 20px; }
.ranks h3.til li.hover { border-bottom: 3px solid #1da4ea; color: #1da4ea; line-height: 24px; height: 26px; font-weight: bold; }

.ranks .content ul {padding: 10px 15px 10px 15px }
.ranks .content ul li{padding:7px 0; height: 30px; line-height: 30px;}
.ranks .content ul li em { float: left; margin: 5px 15px 0 0; width: 22px; height: 22px; background: #ccc; color: #fff; text-align: center; line-height: 22px; font-size: 13px; }
.ranks .content ul li.top1 em{background: #fd6c25; line-height: 60px; height: 60px; margin-top: 0}
.ranks .content ul li.top2 em{background: #fe7b3b}
.ranks .content ul li.top3 em{background: #ff9f51}
.ranks .content ul li span { float: left; overflow: hidden; }
.ranks .content ul li span.title { width:32%; font-size: 14px;white-space: nowrap; text-overflow: ellipsis; }
.ranks .content ul li span.cate {width: 20%;height: 30px;color: #999;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ranks .content ul li span.size { width: 17%; color: #999 }
.ranks .content ul li a.downbtn { display: block; float: right; margin: 2px 0 0 0; border: 1px solid #ccc; width: 16%; text-align: center; line-height: 24px; border-radius: 4px; }
.ranks .content ul li.top1 { height:60px; }
.ranks .content ul li.top1 img { float: left; width: 60px; height: 60px; display: block; border-radius: 10px; margin-right: 15px }
.ranks .content ul li.top1 p { float: left; width: 40% }
.ranks .content ul li.top1 p span { line-height: 19px; height: 19px; overflow: hidden; }
.ranks .content ul li.top1 p span.title { width: 100%; font-size: 18px; font-weight: bold; margin-bottom: 5px; }
.ranks .content ul li.top1 p span.cate { width:50%; color: #38bdef}
.ranks .content ul li.top1 p span.size { width: 50% }
.ranks .content ul li.top1 p span.desrc { width: 100% }
.ranks .content ul li.top1 a.downbtn { border: 1px solid #f60; color: #f60; margin-top: 20px}



/*好游快报*/
.gamenews{border-bottom:4px solid #e1e1e1;overflow: hidden; clear: both;}
.gamenews ul{overflow:hidden; padding:10px 15px; height: 200px;}
.gamenews ul li { padding: 5px 0 }
.gamenews ul li a { display: block; line-height: 30px; font-size: 14px; height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.gamenews ul li a i { float: left; width: 4px; height: 4px; background: #dadada; margin: 14px 10px 0 0 }
.gamenews ul li a span { float: right; font-size: 12px; color: #999; margin-left: 10px; }
.gamenews ul li a:hover { color: #f60 }

a.more { display: block; background: #f2f2f2; color: #999; line-height: 40px; height: 40px; text-align: center; font-size: 14px; margin-bottom: 10px; }
a.vmore { display: block; background: #f2f2f2; line-height: 40px; height: 40px; text-align: center; font-size: 14px; margin-bottom: 10px; }
a.vmore:hover { background: #eee; color:#666; }


/*最新资讯*/
.latestnews {border-bottom:4px solid #e1e1e1;overflow: hidden; clear: both;}
.latestnews .rec {padding:20px 15px 0 15px; overflow: hidden; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.latestnews .rec em { float: left; width: 42px; line-height:22px; height: 22px; background: #5cc2e8; color: #fff; text-align: center; position: relative; margin-right: 15px;  }
.latestnews .rec em i { width: 10px; height: 10px; background: #5cc2e8; position: absolute; top: 6px; right: -5px; transform: rotate(45deg); }
.latestnews .rec a { font-size: 20px; line-height: 22px;  font-weight: bold;}
.latestnews .rec_orange { padding-top: 10px; }
.latestnews .rec_orange em { background: #fe7b3b }
.latestnews .rec_orange em i { background: #fe7b3b }

.latestnews .ren {padding:15px 15px 0 15px; color: #999; overflow: hidden;}
.latestnews .ren i {font-style: normal; padding:0 6px 0 3px; font-size: 12px; color: #ccc; float: left;}
.latestnews .ren a { display:block;float: left; font-size: 13px;  color: #444; width: 30%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.latestnews ul{overflow:hidden; padding:10px 15px; height: 200px;}
.latestnews ul li { padding: 5px 0 }
.latestnews ul li a { display: block; line-height: 30px; font-size: 14px; height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.latestnews ul li a em { float: left; font-style: normal; color: #999; font-size: 13px;}
.latestnews ul li a em i {font-style: normal; padding:0 10px; font-size: 12px; color: #ccc}
.latestnews ul li a span { float: right; font-size: 12px; color: #999; margin-left: 10px; }
.latestnews ul li a:hover { color: #f60 }

/*拳皇游戏*/
.gamekof {border-bottom:4px solid #e1e1e1;overflow: hidden; clear: both;}

/*出招表*/
.gameczb {border-bottom:4px solid #e1e1e1;overflow: hidden; clear: both;}
.gameczb .titslide { border-bottom: 1px solid #ddd;  height: 50px; }
.gameczb .titslide ul{ padding:10px 15px; height:40px; white-space: nowrap;}
.gameczb .titslide ul li { display: inline-block; padding:0 5px; margin: 0 10px; font-size: 14px; line-height: 30px  }
.gameczb .titslide ul li.hover { border-bottom: 3px solid #1da4ea; color: #1da4ea }

.gameczb .content ul {overflow:hidden;padding:10px 15px 5px 15px; height: 200px;}
.gameczb .content ul li {padding: 5px 0}
.gameczb .content ul li a { display: block; line-height: 30px; font-size: 14px; height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.gameczb .content ul li a span { float: right; border: 1px solid #ddd; width: 70px; font-size: 13px; margin-top: 2px; text-align: center; line-height: 24px; border-radius: 4px; color: #999; margin-left: 10px; }







 /*底部*/
footer{background: #2f2f2f;text-align: center; color: #ccc; line-height: 20px;padding: 12px 0;}
footer .links { padding:10px 0px 20px 20px;border-bottom: 1px solid #000;}
footer .links h3 { color: #f57239; font-size: 16px; font-weight: bold; line-height: 30px; }
footer .links h3 i { display: block; width:4px; height: 16px; float: left; margin:8px 8px 0 0; background: #f57239; }
footer .links a { font-size: 13px; color: #ccc; line-height: 28px; margin-right:10px;}
footer .copyright { border-top: 1px solid #444; padding: 30px 0 10px 0; }
footer .copyright p {text-align: center; line-height: 24px; color: #888 }

.goTop{display:none;width:40px;height:40px;position:fixed;bottom:110px;right:10px;z-index:99;background:rgba(0,0,0,0.5);border-radius:20px;}
.goTop img{padding:8px 8px;width:25px;height:25px;}