@charset "utf-8";
html, body, div, span,azt, 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 {height:100%;color:#333;-webkit-text-size-adjust:none; cursor: default;}*/
body{margin:0;padding:0;font-family:"Microsoft Yahei",Arial;font-size:12px;overflow-x:hidden;min-width:1000px;background: #fff;}
h1, h2, h3, h4, h5, h6{font-size:100%; font-family: "Microsoft YaHei";}
address, cite, em{font-style:normal;}
li{list-style-type:none;color: #b3b3b3;}
a{text-decoration:none;color: #333;}
a:hover{text-decoration:none;}
fieldset, img {border:0;}
label,button{cursor: pointer;}
select,input,textarea,font{font-size:12px; }
.clear{clear:both; line-height:0px; overflow:hidden;}
.clearfix:after {content: " ";display: block;height: 0;clear: both;}
.clearfix {zoom: 1;}
.fl{float:left;}
.fr{float:right;}

/*banner*/
#banner{ width: 100%; height: 307px; background: url(/statics/v1/top/p_banner.jpg) center top no-repeat; }
#banner .time{width: 178px;height: 25px;background: url(/statics/v1/top/gray.png) repeat;border-radius: 4px;position: absolute;top: 300px;left: 50%;margin-left: 375px;line-height: 25px;font-size: 14px;color: #fff;}
#banner .time em{width: 16px;height: 16px;float: left;display: inline-block;background: url(/statics/v1/top/phone_rank.png) no-repeat;margin-left: 7px;margin-top: 4px;margin-right: 4px;}

.weizhi{width: 1200px;margin: 0 auto;color: #888;font-size: 14px;padding: 22px 0;border-bottom: 1px solid #ededed;}
.weizhi a{color: #888;display: inline-block;}
#main{ width: 1200px; margin: 0 auto; }

/*游戏榜单*/
#list{ width: 1200px; overflow: hidden; }
.list_nav{width: 330px;margin: 0 auto;overflow: hidden;margin-top: 46px;border-radius: 5px;overflow: hidden;}
.list_nav a{width: 165px;height: 43px;display: inline-block;float: left;line-height: 43px;background: #f5f5f5;font-size: 15px;font-weight: bold;color: #959595;}
.list_nav a em{display: inline-block;float: left;width: 16px;height: 16px;background: url(/statics/v1/top/phone_rank.png) no-repeat;margin-top: 13px;margin-right: 4px;margin-left: 37px;}
.list_nav a.cur{color: #fff;background: #19b6ff;}
.list_nav a em.az,.list_nav a:hover em.az{background-position: -18px -20px;}
.list_nav a em.app,.list_nav a:hover em.app{background-position: -18px -40px;}
.list_nav a.cur em.az,.list_nav a:hover em.az{ background-position: 0px -19px; }
.list_nav a.cur em.app,.list_nav a:hover em.app{background-position: 0 -40px;}
.list_nav a:hover{ color: #fff; background: #00aaf5; }


.tcon{width: 350px;margin-top: 50px;float: left;margin-right: 72px;}
.tcon h2{color: #444;font-size: 22px;font-weight: normal;height: 40px;margin-bottom: 20px;width: 350px;border-bottom: 3px solid #f8f8f8;position: relative;}
.tcon h2 font{ color: #bcbcbc; font-size: 17px; display: inline-block; margin-left: 6px; font-style: italic; }
.tcon h2 em{width: 112px;height: 3px;display: inline-block;float: left;background: #00aaf5;background-position: 0 -154px;margin-top: 3px;margin-right: 3px;position: absolute;bottom: -3px;left: 0;}
.tcon h2 em.h1{}
.tcon h2 em.h2{ background-position: 0 -177px; }
.tcon h2 em.h3{background-position: 0 -199px;width: 21px;}
.title{overflow:hidden;height: 30px;line-height: 30px;background: #f8f8f8;color: #999;font-size: 13px;margin-bottom: 16px;font-weight: bold;margin-top: 20px;}
.title i{ font-style: normal; display: inline-block;}
.title i.t1{padding-left: 3px;}
.title i.t2{padding-left: 19px;}
.title i.t3{padding-left: 130px;padding-right: 50px;}

.pc_rank ul{overflow:hidden;zoom:1;}
.pc_rank ul li{float: left;width: 350px;}
.pc_rank ul li.open{margin-bottom: 6px;margin-top: 6px;}
.open .pc_new{ display: block!important; }
.open .pc_li{ display: none!important; }
.pc_rank{ overflow: hidden; }


.pc_new{overflow:hidden;zoom:1; display: none;}
.pc_new a.pic{padding-right: 16px;float: left;}
.pc_new a.pic i{width: 20px;height: 92px;display: inline-block;float: left;background: #ededed;color: #888;text-align: center;line-height: 92px;font-style: normal;margin-right: 18px;border-radius: 2px;font-size: 14px;font-family: Arial,'Microsoft Yahei';}
.pc_new a.pic i.r1{background: #eb5836;color: #fff;}
.pc_new a.pic img{width: 92px;height: 92px;border-radius: 18px;}
.pc_new a.name{}
.pc_new span a:hover{ background:#ff7a5f; color:#fff;}
.pc_new b{color: #999;font-size:12px;line-height:20px;font-weight: normal;padding-top: 8px;display: block;font-family: Arial,"Simsun";height: 40px;overflow: hidden;}

.top_con{ float: left; width: 177px; }
.top_con p{
    font-size: 14px;
    font-family: Arial,'Microsoft Yahei';
    color: #999;
}
.top_con p font{width: 1px;height: 12px;display: inline-block;background: #c5c5c5;margin: 0 10px;margin-top: 2px;}
.top_con a{display: inline-block;}
.top_con a.name{color: #555;font-size: 15px;font-weight: bold;display: block;margin-top: 0px;}
.top_con a.name:hover{ color: red; }
.top_con a.tag{color: #999;margin-top: 10px;font-size: 14px;margin-bottom: 12px;}
.top_con a.tag:hover{ color: #dd2f39; }
.top_con span a{width: 58px;height: 25px;border-radius: 4px;background: #fff;border: 1px solid #20b8ff;color: #00a1ec;line-height: 25px;text-align: center;font-size: 13px;}
.top_con span a:hover{background: #20b8ff;color: #fff!important;border: 1px solid #20b8ff;}

.pc_li{overflow:hidden;font-size: 14px;padding: 8px 0;}
.pc_li em{width: 45px;height: 17px;display: inline-block;float: right;line-height: 17px;text-align: center;color: #ff7e00;font-family: Arial;margin-top: 2px;/*font-style: italic;*/margin-right: 12px;}
.pc_li i{font-size: 13px;display: inline-block;width: 21px;height: 19px;border-radius: 2px;background: #ededed;color: #888;font-style: normal;text-align: center;margin-right: 12px;margin-top: 1px;font-family: Arial!important;line-height: 19px;}
.pc_li i.r1,.pc_new a.pic i.r1{background: #eb5836;color: #fff;font-family: arial;}
.pc_li i.r2,.pc_new a.pic i.r2{background: #ff7e00;color: #fff;font-family: arial;}
.pc_li i.r3,.pc_new a.pic i.r3{background: #ffba01;color: #fff;font-family: arial;}
.pc_li a{display: inline-block;color: #494a4b;width: 180px;}
.pc_li span{display: inline-block;color: #aaa;}
.bdcon{ width: 1300px; }
.more{
    width: 237px;
    height: 35px;
    line-height: 35px;
    background: #f2f2f2;
    display: block;
    margin: 0 auto;
    color: #888;
    text-align: center;
    font-size: 14px;
    margin-top: 20px;
    transform: translate(0,0);
    transition: all .2s ease-in 0s;
    border-radius: 30px;
    font-weight: bold;
    margin-bottom: 5px;
    }
.more:hover,#more:hover,.viewmore:hover{  -webkit-transition: all .2s linear; transition: all .2s linear;);
    background: #00aaf5;color: #fff;}
#more{width: 100%;height: 38px;line-height: 38px;background: #f8f8f8;display: block;margin: 0 auto;color: #a1a5a8;text-align: center;font-size: 13px;margin-top: 6px;transform: translate(0,0);
    transition: all .2s ease-in 0s;}
.viewmore{
    width: 260px;
    height: 38px;
    line-height: 38px;
    background: #fff;
    display: block;
    margin: 0 auto;
    color: #36b9f3;
    text-align: center;
    margin-top: 6px;
    font-family: Arial,'Microsoft Yahei';
    transform: translate(0,0);
    transition: all .2s ease-in 0s;
    border: 1px solid #8adbff;
    border-radius: 40px;
    font-size: 14px;
    font-weight: bold;
    margin-top: 23px;
    }

    /*分享*/
.shar_box{width: 40px;position: fixed;bottom: 100px;right: 50%;margin-right: -660px;overflow: hidden;display: none;z-index: 99;}
.bdsharebuttonbox{ width: 40px; }
.bdsharebuttonbox a{display: block;width: 40px!important;height: 40px!important;background-image: url(/statics/v1/top/icons_1.png)!important;background-repeat: no-repeat; margin: 6px 6px 2px 0!important;}
.bdsharebuttonbox a.bds_weixin{ background-position: 0  -37px;}
.bdsharebuttonbox a.bds_tsina{ background-position: -52px  -37px;}
.bdsharebuttonbox a.bds_qzone{ background-position: -107px  -37px;}
.bdsharebuttonbox a.bds_pl{background-position: -208px  -78px;}
.bdsharebuttonbox a.bds_top{background-position: -249px  -37px;}

.bdsharebuttonbox a.bds_weixin:hover{ background-position: 0  -77px;}
.bdsharebuttonbox a.bds_tsina:hover{ background-position: -52px  -77px;}
.bdsharebuttonbox a.bds_qzone:hover{ background-position: -107px  -77px;}
.bdsharebuttonbox a.bds_pl:hover{ background-position: -208px  -78px;}
.bdsharebuttonbox a.bds_top:hover{ background-position: -250px  -78px;}


/*爆款游戏推荐*/
.hotgame{width: 1200px;overflow: hidden;margin-top: 70px;}
.hotgame h2{width: 210px;margin: 0 auto;font-size: 26px;color: #333;font-weight: normal;height: 44px;}
.hotgame h2 em{width: 44px;height: 44px;display: inline-block;float: left;background: url(/statics/v1/top/phone_rank.png) no-repeat;background-position: 0 -59px;margin-right: 5px;}
.hglist{width: 1200px;margin-top: 36px;}
.hglist ul{width: 1300px;overflow: hidden;}
.hglist ul li{width: 275px;float: left;margin-right: 33px;}
.hglist ul li a{width: 275px;display: block;height: 210px;}
.hglist ul li a img{width: 275px;height: 140px;border-radius: 24px;}
.hglist ul li a b{display: block;font-weight: normal;color: #555;font-size: 15px;text-align: center;margin-top: 11px;}
.hglist ul li a:hover b{ color: red; }
.moregame{width: 237px;height: 35px;display: block;margin: 0 auto;line-height: 35px;text-align: center;background: #f2f2f2;color: #888;font-weight: bold;border-radius: 23px;font-size: 14px;}


/*分类排行榜*/
.lbox{width: 1248px;margin-top: 80px;overflow: hidden;margin-bottom: 50px;}
.t_rank{}
.t_rank h2{ color: #555c61; font-size: 15px; font-weight: bold; }
.t_rank h2 em{width: 6px;height: 15px;display: inline-block;float: left;background: #31acf2;margin-top: 3px;margin-right: 6px;}
.l_title{overflow:hidden;height: 38px;line-height: 38px;background: #f8f8f8;color: #afb2b4;font-size: 14px;width: 327px;margin-bottom: 16px;margin-top: 15px;}
.l_title em{font-style: normal;display: inline-block;color: #afb2b4;font-family: Arial,'宋体';font-size: 12px;}
.l_title em.l1{ padding-left: 34px; }
.l_title em.l2{padding-left: 142px;}
.l_title em.l3{padding-left: 36px;}
.tcon span a{}
.tcon span a:hover{ background: #31acf2; color: #fff!important; border: 1px solid #31acf2;}

.t_rank{width: 350px;float: left;padding-left: 30px;border-right: 1px solid #f6f6f6;padding-right: 30px;padding-bottom: 32px;border-bottom: 1px solid #f6f6f6;padding-top: 30px;}
.t_rank ul{overflow:hidden;zoom:1;}
.t_rank ul li{float: left;width: 370px;}
.t_rank ul li.open{ margin: 6px 0; }
.t_rank ul li em{float: left;color: #aaa;margin-top: 9px;font-size: 14px;width: 69px;margin-right: 18px;}
.t_rank ul li font{font-size: 14px;color: #ff7e00;font-style: italic;margin-top: 8px;display: inline-block;}
.t_rank ul li em.date{ margin-top: 8px; color: #aaa; }
.t_rank ul li em.red{ color:#df0000;}
.t_rank ul li a.lname{color: #454646;float:left;display:inline-block;height: 36px;line-height: 36px;width: 183px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;font-size: 14px;}
.t_rank ul li a.lname:hover{ color:#df0000;}
.t_rank ul li a.ldown{width: 40px;height: 20px;background: #fbfaf8;border: 1px solid #e9e9e9;display: inline-block;text-align: center;line-height: 20px;float: left;border-radius: 2px;color: #9d9d9d;font-family: Arial,'Simsun';margin-top: 2px;}
.t_rank ul li a.ldown:hover{ background: #31acf2; border: 1px solid #31acf2; color: #fff; }
.tq{overflow:hidden;}
.open .tq{ display: none; }
.open .t_con{ display: block; }
.t_con{ display: none; }
.tq i{width:20px;height:18px;line-height:18px;color: #fff;background: #c2c2c2;float:left;display:inline-block;font-style:normal;text-align:center;margin-top: 9px;margin-right: 22px;font-size: 14px;font-family: Arial;border-radius: 2px;}
.tq i.t1{ background:#ff4d1d;}
.tq i.t2{ background: #ff9908;}
.tq i.t3{ background: #fbc51f;}
.tq.t3{ background: #fbd167;}

.pt{ padding-left: 0; }
.br{ border-right: none; }

.t_con{overflow:hidden;}
.t_con a.pic{padding-right: 16px;float: left;}
.t_con a.pic i{width: 20px;height: 87px;display: inline-block;float: left;background: #c2c2c2;color: #fff;text-align: center;line-height: 87px;font-style: normal;margin-right: 21px;font-size: 14px;}
.t_con a.pic i.t1{ background: #ff5a19; }
.t_con a.pic i.t2{ background: #fb911f; }
.t_con a.pic i.t3{ background: #fbc51f; }
.t_con a.pic img{width: 87px;height: 87px;border-radius: 16px;}
.t_con a.name{color: #696e7c;font-size: 15px;display: inline-block;width: 196px;font-weight: bold;}
.t_con span{display:block;color:#aaa;padding-top: 9px;white-space: nowrap;overflow: hidden;zoom: 1;height: 27px;}
.t_con span a{display: inline-block;text-align: center;float: left;border-radius: 4px;margin-right: 8px;line-height: 25px;height: 25px;width: 54px;font-size: 13px;border: 1px solid #20b8ff;color: #00a1ec;}
.t_con span a:hover,.t_con span a.hover{ background: #20b8ff; border: 1px solid #20b8ff; color: #fff; }
.t_con a.name:hover{ color:#df0000;}
.t_con b{color: #999;line-height:20px;font-weight: normal;padding-top: 3px;display: block;overflow: hidden;font-size: 14px;}
.t_con b font{width: 1px;height: 12px;background: #d8d8d8;display: inline-block;margin: 0 8px;}
.t_con b a{color: #999;}
.t_con b a:hover{ color: #dd2f39; }

/*页脚*/
#footer{ width:100%; background:#2b2b2b; position: relative; z-index: 1;margin-top: 80px;}
.footnav{width: 1100px;margin:0 auto;overflow:hidden;zoom:1;padding-top:36px;padding-bottom: 12px;}
.footnav ul{ width: 930px; float: left;height: 130px;overflow: hidden;zoom: 1;}
.footnav ul li{width: 163px;border-right:1px solid #3d3d3d;float:left;margin-right: 40px;height: 112px;}
.footnav ul li.yxbox{ width:60px; border-right:none;margin-right: 0px;}
.footnav ul li h3{font-family:"Microsoft Yahei";font-size:15px;font-weight:bold;padding-bottom: 10px;}
.footnav ul li h3 a{color:#a2a2a2;height: 15px;line-height: 15px;}
.footnav ul li p{}
.footnav ul li p a{ color:#777575; font-family:Arial,"Simsun"; width:72px; display:inline-block; height:23px; line-height:23px;}
.qrcode_sy{ width:120px;float: right; text-align: center;}
.qrcode_sy em{ text-align:center;color: #7c7c7c;display: block;font-family: "Simsun";padding-top: 4px;}
.qrcode_sy img{ width: 110px; margin:0 auto; }


.footcon{ background:#1e1e1e; width:100%; font-family:Arial,"Simsun"; padding-top:34px;}
.foot{ width:1100px; margin:0 auto; overflow:hidden; zoom:1; text-align:center; color:#363637;height: 100px;}
.foot span{ padding-bottom: 7px;display: block;}
.foot span a{ color:#797979; padding:0px 15px;}
.foot span a i{ color:#363637;}
.foot p{ color:#606063;height: 22px;line-height: 22px;}
.footnav ul li h3 a:hover,.foot span a:hover,.footnav ul li p a:hover{ color:#ff9500;}