@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;margin: 0 auto;}
div {text-align:left;}
body{font:12px/1.5em "Microsoft YaHei";color:#d5d4d4;position: relative;}
h1, h2, h3, h4, h5, h6{font-size:100%;}
ba{font-style:normal;}
li{list-style-type:none;}
a{text-decoration:none;color:#666;}
a:hover{color: #f0c110;text-decoration:none;}
fieldset, img {border:0;}
label,button{cursor: pointer;}
select,input,textarea,font{font-size: 11px;line-height:1.2em;}
.clear{clear:both; line-height:0px; overflow:hidden;}
#top{ width:100%}
#header{width:100%;background:#0da6ed; height:45px;overflow:hidden;zoom:1; position: relative;z-index: 999;}
#header a.home_btn{display:inline-block;width:25px; height:21px; padding:12px; position:absolute; top:0px;left:0px;}
#header a.nav_btn{display:inline-block;width:25px; height:21px;padding:12px;position:absolute; top:0px; right:0px;}
#header a span{width:25px; height:21px;display:block;  }
#header a.home_btn span{background-position: 0 0;  background-image: url(../images/home_icon.png);  background-size: 25px 21px;}
#header a.nav_btn span{background-position: 0 0;  background-image: url(../images/search_icon.png);  background-size: 25px 21px;}
#header .title{text-align: center; line-height: 45px; margin:0px 30%; font-size:20px;color:#fff;background: url(../images/yx_logo.png) no-repeat 50% 12px;  background-size: 75px 23px;  text-indent: -999em;}
/*fnbox*/
#fnbtn{overflow:hidden;zoom:1; background:#f1f1f1;border:1px #e3e3e3 solid;width: 302px;margin: 8px auto 0px auto;-webkit-border-radius: 3px;  -moz-border-radius: 3px;  border-radius: 3px;}
#fnbtn a{float:left;display:inline;width:100px;line-height:32px; height:32px; text-align: center;color: #1a1a1a;font-size: 14px;}
#fnbtn a.fbmiddle{border-left:1px #e3e3e3 solid;border-right:1px #e3e3e3 solid;}
#fnbtn a.hover{background:#fcfcfc; color:#058fcf;font-weight: bold;}
#fnbtn_ph{overflow:hidden;zoom:1; background:#f1f1f1;border:1px #e3e3e3 solid;width: 301px;margin: 8px auto 0px auto;-webkit-border-radius: 3px;  -moz-border-radius: 3px;  border-radius: 3px;}
#fnbtn_ph a{float:left;display:inline;width:150px;line-height:32px; height:32px; text-align: center;color: #1a1a1a;font-size: 14px;}
#fnbtn_ph a.fbleft{border-right: 1px #e3e3e3 solid;}
#fnbtn_ph a.hover{background:#fcfcfc; color:#058fcf;font-weight: bold;}

/*infolist*/
#wrapper { z-index: 1;overflow: hidden;}
#wrapper #thelist li .gameinfo_title{line-height: 30px; height:30px; color:#ff630e;font-size:16px;padding-bottom: 5px; margin-left:3%;}
/* #thelist .thelist_li #infocon{ overflow:hidden; height:1720px; }
#thelist .thelist_li #infocon2{ overflow:hidden; height:1720px; } */

/*更改切换方式*/
#thelist .thelist_li_2{ display: block !important; }
#thelist{ width:200%; overflow: hidden;zoom:1; }
#thelist .thelist_li{ width:50%; float: left;}


.conlist{top: 45px !important;}
#infocon .infobox,#infocon2 .infobox{display:block;overflow:hidden;padding: 14px 4% 11px 4%; height: 61px;position: relative;}
#infocon .infobox .phmub,#infocon2 .infobox .phmub{display:block; width:15px; height:26px; overflow:hidden; position:absolute; left: 3.1%; top: 12px; background-image:url(../images/phtb.png);background-repeat:no-repeat; background-size:auto 26px;font-size: 12px;font-style: normal;text-align: center;color: #fff;line-height: 23px;}
#infocon .infobox .mub1,#infocon2 .infobox .mub1{background-position:0px 0px;}
#infocon .infobox .mub2,#infocon2 .infobox .mub2{background-position:-15px 0px;}
#infocon .infobox .mub3,#infocon2 .infobox .mub3{background-position:-30px 0px;}
#infocon .infobox .mubother,#infocon2 .infobox .mubother{background-position:-45px 0px;}
.infobox {overflow:hidden;zoom:1; position:relative;}
.infobox .gimg{float:left;display:inline;}
.phbox .gimg {margin-left: 22px;}
.infobox .gimg{width: 55px; height: 55px; overflow:hidden;margin-right: 10px;margin-top: 0px;}
.infobox .gimg img{width: 55px; height: 55px;border-radius: 10px;overflow: hidden;}
.infobox .ginfo {margin: 0px 74px 0px 65px;}
.infobox .ginfo .gname{ line-height: 20px; height:20px; font-size: 15px;display:block; font-style:normal;color:#1a1a1a; margin-bottom: 2px; overflow: hidden;}
.infobox .ginfo b{font-weight:300; line-height: 18px; height: 18px;  font-size: 11px;display: block;color: #08c;}
.infobox .ginfo b font{margin-left: 2px;font-size: 10px;font-family: arial,tahoma;line-height: 18px;}
.infobox .ginfo .gstar{line-height: 20px; height:20px;display:block; float: left;display:inline; font-style:normal; }
.infobox .ginfo .gstar strong{float:left;display:inline; width:89px; height: 16px;  overflow:hidden; background: url(../images/list_img.png) no-repeat 0px 0px;background-size: 89px 32px;margin-top: 1px;}
.infobox .ginfo .gstar i{float:left;display: inline; height: 16px;  overflow:hidden; background: url(../images/list_img.png) no-repeat 0px -16px;background-size: 89px 32px;}
.infobox .ginfo .gstar font{float:left;display:inline; line-height: 17px; height:17px; overflow:hidden; font-size:14px;color:#ff3600;font-weight: bold;margin-left: 6px;}
.infobox .gbtn{ display: block; width: 56px; height: 28px; line-height: 28px; font-size: 14px; color: #0da6ed; overflow: hidden; position: absolute; right: 4%; top: 27px; text-align: center; border: 1px #0da6ed solid; border-radius: 3px;  }
.infobox .linghaobtn{display:block;width: 22px; height: 22px; line-height: 22px; font-size: 14px; color:#fff; overflow:hidden;position:absolute;right: 67px;top: 27px;background: #86CD2C url(../images/list_lbtb.png) no-repeat 3px 3px;text-align: center;border: 1px #78B828 solid;-webkit-border-radius: 2px;  -moz-border-radius: 2px;border-radius: 2px;background-size: 16px auto;text-indent: -999em;}
.infobox .ginfo .ginfoset{font-weight: 300;  line-height: 18px;  height: 18px;  font-size: 11px;  display: block;color: #aaa;font-style: normal;overflow: hidden;zoom: 1;font-family: arial,tahoma;}
.infobox .ginfo .ginfoset i{font-style:normal; margin: 0px 4px;font-size: 10px;line-height: 20px;width: 1px;overflow: hidden;zoom: 1;background: #B9B9B9;height: 10px;margin-top: 3px;}
.infobox .ginfo .ginfoset span,.infobox .ginfo .ginfoset i{float:left;display:inline;}
.infobox .pl1,#infocon .infobox .pl2{height:1px; width:100%; position: absolute; left:0px;}
.infobox .pl1{background:#f2ebeb; bottom:1px;}
.infobox .pl2{background:#fefcfc;bottom:0px;}

.infobox_fn{display:block;overflow:hidden;padding: 12px 3% 14px 3%; height: 62px;position: relative;}
.infobox_fn {overflow:hidden;zoom:1; position:relative;}
.infobox_fn em{font-style:normal;}
.infobox_fn .gimg{float:left;display:inline;}
.infobox_fn .gimg{width: 62px; height: 62px; overflow:hidden;margin-right: 10px;}
.infobox_fn .gimg img{width: 62px; height: 62px;}
.infobox_fn .ginfo {font-size: 22px; color: #696969; line-height: 66px;height: 62px;display: block;}
.infobox_fn .ginfo .gname{ line-height: 20px; height:20px; font-size:18px;display:block; font-style:normal;color:#1a1a1a; margin-bottom: 5px;}
.infobox_fn .ginfo b{font-weight:300; line-height: 20px; height:20px; color: #A0A0A0; font-size:12px;display: block;}
.infobox_fn .ginfo .gstar{line-height: 20px; height:20px;display:block; float: left;display:inline; font-style:normal; }
.infobox_fn .ginfo .gstar strong{float:left;display:inline; width:89px; height:17px;  overflow:hidden; background: url(../images/list_img.png) no-repeat 0px 1px;}
.infobox_fn .ginfo .gstar i{float:left;display: inline; height:17px;  overflow:hidden; background: url(../images/list_img.png) no-repeat 0px -15px;}
.infobox_fn .ginfo .gstar font{float:left;display:inline; line-height: 17px; height:17px; overflow:hidden; font-size:14px;color:#ff3600;font-weight: bold;margin-left: 6px;}
.infobox_fn .gbtn{display:block;width: 16px; height: 24px; line-height: 26px; font-size:16px;  overflow:hidden;position:absolute;right: 7%;top: 31px;background: url(../images/go_btn.png);-webkit-border-radius: 3px;  -moz-border-radius: 3px;border-radius: 3px;text-indent: -999em;background-size: 16px 24px;}
.infobox_fn .pl1,#infocon .infobox_fn .pl2{height:1px; width:100%; position: absolute; left:0px;}
.infobox_fn .pl1{background:#f2ebeb; bottom:1px;}
.infobox_fn .pl2{background:#fefcfc;bottom:0px;}
a.gopclink {line-height: 30px;height: 30px;display: block;background: url(../images/yxdown_pc_btn.png) no-repeat center 12px; background-size: 108px 12px;}
#header_back{width:100%;background: #0DA6ED; height:45px;overflow:hidden;zoom:1; position: relative;z-index: 999;}
#header_back a.back_btn{display:inline-block;width: 96px; height:21px; padding: 12px 10px 12px 8px; position:absolute; top:0px;left:0px;font-size: 16px;color: #fff;line-height: 21px;}
#header_back a.nav_btn{display:inline-block;width: 61px; height: 45px;position:absolute; top:0px; right:0px;border-left: 1px #049ae0 solid;}
#header_back a span{width:25px; height:21px;display:block; background-image:url(../images/nav_tb.png); background-repeat:no-repeat;float: left;display: inline;}
#header_back a.back_btn span{background-position: 0 -44px;}
#header_back a.nav_btn span{background: none;font-size: 16px;color: #fff;width: 52px;text-align: center;line-height: 45px;height: 45px;border-left: 1px #01ABFA solid;padding-right: 8px;background: url(../images/dh_tb.png) no-repeat 46px 22px;}
#header_back .title{text-align: center; line-height: 45px; margin:0px 30%; font-size:20px;color:#fff;}
#navbox_con{background: #0098DF; height:38px;text-align: center;width: 100%;position: relative;z-index: 999;}
.divfloat{position:fixed;top:0px;left:0px;z-index:999;}
#navbox_con a{width:25%;float:left;display:inline-block; line-height: 38px; height:38px; position: relative;}
#navbox_con a span{ display: inline-block; padding: 3px 13px;color:#0f0f0f; background-repeat:no-repeat; line-height: 20px; height: 20px; font-size: 15px; margin: 6px 0px; color: #fff;}
#navbox_con a.nav1 span{background-position: -170px -21px;}
#navbox_con a.nav2 span{background-position: -170px -69px;}
#navbox_con a.nav3 span{background-position: -170px -117px;}
#navbox_con a.nav4 span{background-position: -170px -165px;}
.nav_btn_hover{background:#0098DF !important;border-left: 1px #0DA6ED solid !important;border-left: 1px #0098DF solid !important;}
.nav_btn_hover span{background: url(../images/dh_tb_click.png) no-repeat 46px 22px !important;border-left: 1px #0098DF solid !important;}
span.title {display: block; line-height: 20px; height: 20px; font-size: 15px; text-align: center; color: #3A3A3A; font-weight: bold; padding: 8px 0px 9px; border-bottom: 1px #E2E2E2 solid; }
div#infocon h3 {line-height: 20px; height: 20px; color: #2E2E2E; font-size: 15px; margin: 0px 12px; margin-top: 5px; font-weight: 400; border-bottom: 1px #e3e3e3 solid; padding-left: 24px; border-top: 1px #e3e3e3 solid; padding-top: 10px; padding-bottom: 10px; background: url(http://m.yxdown.com/static/images/like_tit.png) no-repeat 3px 15px; background-size: 15px auto; }

/*顶部nav*/
#wrapper .fl_nav{ margin: 10px 0; height:88px; overflow: hidden;border-bottom: 1px solid #f2ebeb;}
#wrapper .fl_nav ul{ overflow:hidden;zoom:1; }
#wrapper .fl_nav ul li{ width: 25%; height: 34px line-height:34px;margin-bottom: 10px; float: left;}
#wrapper .fl_nav ul li a{ display: block; width: 90%; margin: 0 auto; height: 34px; line-height: 34px;text-align: center;color: #fff; background: #0da6ed;font-size: 15px; border-radius: 8px; overflow: hidden;}
#wrapper .fl_nav ul li.fl_last_nav em{ display: inline-block; width:12px; height: 7px; background: url(../images/game_list_icon.png) no-repeat;margin-right: 5px;  }
#wrapper .fl_nav ul li.fl_last_nav.active em{ background-position: 0 -8px; }
.rank_nav_list{height: 35px;display: block;overflow: hidden;position: relative;border: 1px solid #0da6ed;margin: 13px 10px;border-radius: 4px;}
.rank_nav_list li{float: left;width:50%;text-align: center;display: block;height: 35px;line-height: 35px;position: relative;}
.rank_nav_list li span{display: block;overflow: hidden;color: #0da6ed;height: 35px;line-height: 35px;font-size: 16px;}
.rank_nav_list li.hover span{height: 35px;line-height: 35px;background: #0da6ed; color: #fff;}

/*点击查看更多*/
#more{height: 35px; line-height: 35px; text-align: center; background-color: #f6f6f6; margin: 10px; display: block; border-radius: 3px;color: #666; font-size: 15px;}
#more2{height: 35px; line-height: 35px; text-align: center; background-color: #f6f6f6; margin: 10px; display: block; border-radius: 3px;color: #666;font-size: 15px; }