LRank@charset "gb2312";
*html{background-image:url(about:blank);background-attachment:fixed;}
html {font-size:100px;}
* {padding: 0;margin: 0;font-family: 'Microsoft YaHei', "΢���ź�", "PingFang SC", 'Arial', 'Heiti SC';font-size: .14rem;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,,p,block,th,td,iframe{margin:0;padding:0; font-family:}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,iframe,input{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{ font-style:normal;font-weight:normal;}
li{list-style:none;}
html,body{width:100%;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight: bold; color:#212121;}
a{color:#333;text-decoration:none;-webkit-tap-highlight-color: rgba(0,0,0,0);}
body{margin:0;font-family: 'Microsoft YaHei', "΢���ź�", "PingFang SC", 'Arial', 'Heiti SC';font-size: .14rem;font-size:12px;line-height:1.5;position:relative;color:#333;background:#fff;height:100%;font-size:.24rem;}
ul,li {list-style: none;}
a {text-decoration: none;color: black;}
.icon{background-image:url("../images/icon.png");background-size:8rem 8rem;}
.hide{display: none;}

.wrap{width:100%;max-width:7.5rem;min-width:3.2rem;margin:0 auto;overflow: hidden; background: #fff; }



/* header */
header {  width: 7.5rem;position: fixed;top: 0;z-index: 99;float: left; }
header .headlogo { width: 100%; height: 1.1rem; background-color:#fff;border-bottom: 2px solid #eee;}
header .logo { float: left; width: 2.02rem; height: 0.66rem; font-size: 0.52rem; font-weight: bold; line-height: 0.66rem; color: #FFFFFF;  text-align: center;margin-left: .1rem; }
header .logo img{padding: 8px 5px;width: 160px;}

/* nav */
nav { position: relative;width: 100%;height: 0.68rem;line-height: 0.68rem;float: left;margin-bottom: .3rem;}
nav ul { display: flex; overflow-x: auto;width: 100%;background: #f7f7f7; }
nav ul li a { display: block;position: relative; height: 0.68rem; line-height: 0.68rem; font-size: 0.28rem; color: #171717;opacity: .9; white-space: nowrap;margin: 0 0.28rem; }
nav ul li:first-child a { margin-left: 0.31rem;}
nav ul li a.current { font-weight: bold;font-size: 0.28rem;opacity: 1; }
nav ul li a::after { infoent: "";display: none; position: absolute; width: 50%; height: 0.07rem; background: #ffc400; left: 0;right: 0;margin: auto;bottom: 0.05rem; font-weight: 600;}
nav ul li a.current::after { display: block; }


/* �ֲ� */



.box{width: 7.3rem;height: 3.2rem;overflow: hidden;position: relative; margin: 0 auto; z-index: 1;box-shadow:0 0 5px #ccc; border-radius: .1rem;margin-top: 1.52rem;}
.box-1 ul{}
.box-1 ul li{width: 7.5rem;height: 3.2rem;position: relative;overflow: hidden;}
.box-1 ul li img{display:block;width: 100%; height: 3.2rem;}
.box-1 ul li h2{position: absolute;left: 0;bottom: 0;height: .4rem;width:2.5rem;background: rgba(125,125,120,.4);text-indent: 2em;padding-right:5rem ;font-size: .15rem;line-height: .4rem;text-overflow: ellipsis;overflow: hidden;
				white-space: nowrap;font-weight: normal;color: ghostwhite}
.box-2{position: absolute;right: .1rem;bottom: .14rem;}
.box-2 ul li{float:left;width: .12rem;height: .12rem;overflow: hidden; margin: 0 .05rem; border-radius: 50%;
				background: rgba(0,0,0,0.5);text-indent: 1rem;cursor: pointer;}
.box-2 ul .on{background: rgba(255,255,255,0.6);}
.box-3 span{position: absolute;color: white;background: rgba(255,255,255,.4);width: .4rem;height: .4rem;border-radius: .3rem;
				top:55%; font-family: "����";line-height: .4rem;font-size:.25rem;margin-top: -.4rem;
				text-align: center;cursor: pointer;}
.box-3 .prev{left: .1rem;}
.box-3 .next{right: .1rem;}
.box-3 span::selection{background: transparent;}
.box-3 span:hover{background: rgba(125,125,120,.8);}


/*������Ϸ*/	

.hotNet1{ margin:0.3rem auto;}
.hotNet1 .title{ width:100%; overflow: hidden;  margin-left: .3rem;}
.hotNet1  p em{position: relative;height:.07rem;font-size:.36rem;font-weight:bold;white-space: nowrap;text-overflow: ellipsis;flex: 1;background: #ffc400;width: .5rem;margin-left: .1rem;margin-top: .05rem;border-radius: .1rem;}
.hotNet1  p {width: 5rem;z-index:3;z-index: 3;}



.hotNet1 ul{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-wrap: wrap;margin-top: .08rem;padding-top: .18remx;border-radius: .04rem;margin-top: .25rem;}
.hotNet1 li{width: 23%;margin-left:.12rem;margin-bottom: .15rem;}
.hotNet1 li a{display: block;text-align: center;height:1.70rem ;padding:.06rem 0 .24rem 0;background: #f7f7f7;border-radius: .1rem;}
.hotNet1 li a img{display:block;width:0.9rem;height:0.9rem; border-radius:50%;margin: 0 auto;margin-top: .1rem;}
.hotNet1 li a p{display: block;max-width: 90%;font-size:.24rem;color:#333;height:.36rem;line-height:.36rem;margin: 0 auto;margin-top: .01rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-top: .1rem;}
.hotNet1 li span{display: block;margin: 0 auto;font-size: .22rem;color: #999;text-align: left;width: 1.6rem;height: .28rem;line-height: .28rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.hotNet1 li span.no{background: linear-gradient(135deg, #FDC830 0%, #F37335 100%); }



/*������Ϸ*/	


.title{padding:.12rem 0;line-height:.25rem;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex; font-size: .25rem; margin-left: .15rem;color: #222;font-weight: 700;float: left;width: 7.1rem; }

.title h3{  font-size: .25rem;text-align: left;line-height:.25rem;width: 6.4rem;}
.title a{display: block;width: .6rem;text-align: center;font-weight: 400;color: #ffc400;}







/*���а�*/	




















/*������Ѷ*/	
.pxbnewinfo{overflow: hidden;padding-bottom: .2rem;width: 7.3rem;margin-left: .1rem;border-radius: .1rem;margin-bottom: .3rem;}
.indtit{position: relative;margin-bottom: .05rem;}
.indtit p{width: 5rem;font-size: .30rem;color: #333;font-weight: 600;line-height: .36rem;margin-top: .2rem;margin-left: .2rem;position: relative;}



.indtit em{width: .1rem;height: .25rem;display: block;border-radius: .14rem;position: absolute;left: .17rem;}
.indtit a{font-size:.16rem;color: #ffc400;float: right;line-height: .16rem;margin-top: -.2rem;margin-right: .25rem;}

.pxbnewinfo{overflow: hidden;}
.pxbnewinfo ul {background-color: #999;}
.pxbnewinfo ul li a {display: block;overflow: hidden;width: 2.32rem;background: #fff;float: left;margin-left: .1rem;margin-top: .2rem;border-radius: .1rem;}
.pxbnewinfo ul li{}
.pxbnewinfo ul li a img {float: left;;width: 2.32rem;height: 1.25rem;border-radius: .01rem;margin-right: .16rem;}
.pxbnewinfo ul li a .info {float: left;height: .95rem;width: 2.32rem; margin-top: .05rem;}

.pxbnewinfo ul li a .info h3{ width: 2.1rem; height:0.4rem;line-height: 0.25rem;font-size: .22rem;color: #00121a;margin-bottom: .2rem;margin-left: .1rem;font-weight: 400;margin-top: .05rem; }
.pxbnewinfo ul li a .info p{ width: 100%;font-size: .14rem; margin-top: .10rem;
	color: #4e4e4e;background-position:-.31rem -3.98rem;margin-left: .1rem; }
.pxbnewinfo ul li a .info span{font-size: .15rem;margin-left: .22rem;margin-top: .10rem;}



/*�ײ�*/	
footer{background-color: #303030;height: 2.00rem;float: left;width: 7.5rem;padding-top: .1rem;}
footer div{display: flex;margin-bottom: .1rem;}

footer div:first-of-type{margin-bottom: .05rem;}
footer img{margin-left: 2.7rem;width: 3.52rem;height: .88rem;margin-right: .14rem;}
footer div>a{flex: 1;}
footer div  p{position: relative;line-height: .22rem;height: .04rem;}
footer p,footer a{font-size: .28rem;color: #ccc;text-align: center;line-height: .32rem;}
footer p:last-of-type,footer p:last-of-type a{font-size: .24rem;}


/*��*/

.pyxgamehot{float: left;width: 100%;margin-bottom: .3rem;}
ul::-webkit-scrollbar {width: 0;height: 0;display: none;-webkit-appearance: none;border-radius: 0}
.pyxgame_tlt { height: 0.97rem; line-height: 0.97rem; font-size: 0.32rem; color: #222; font-weight: bold; text-indent: 0.22rem; position: relative; }
.pyxgame_tlt .more { position: absolute; font-size: 0.22rem; font-weight: normal; color: #ffc400; top: 0; bottom: 0; right: 0.25rem; margin: auto 0; }
.pyxgame_tlt .more em { color: #ffc400; }
.pyxgame_zontal { width: 100%; display: flex; overflow-x: auto; margin-left: .05rem;}
.pyxgame_zontal a { display: block; width: 1.4rem; margin: 0.02rem 0.01rem 0; position: relative;margin-right: .15rem; }
.pyxgame_zontal a img { display: block; width: 1.3rem; height: 1.3rem; border-radius: 0.36rem; margin: 0 auto; }
.pyxgame_zontal a p { height: 0.53rem; width: 100%; line-height: 0.53rem; font-size: 0.24rem; color: #1a1c1d; text-align: center; white-space: nowrap; overflow: hidden; }

/*sypxb*/
.sectionEight_index_qd{width: 7.5rem;float: left;margin-top: .2rem;}
.sectionEight_index_qd .tlt_c_1 { height: 0.9rem; line-height: 0.9rem; }
.sectionEight_index_qd .tabNews { width: 7.06rem; height: 0.78rem; line-height: 0.74rem; border: 0.01rem solid #dadada; border-radius: 0.4rem; margin: 0 auto 0.17rem; }
.sectionEight_index_qd .tabNews div { float: left; width: 3.53rem; height: 0.78rem; font-size: 0.3rem; color: #666666; text-align: center; position: relative; }
.sectionEight_index_qd .tabNews div.current { color: #222222;}
.sectionEight_index_qd .tabNews div.current::before { content: ""; position: absolute; width: 0.56rem; height: 0.04rem; border-radius: 0.02rem; bottom: 0.14rem; left: 0; right: 0; margin: auto; background: #ffc400; }
.sectionEight_index_qd .tabNews div.current i { position: absolute; width: 0.2rem; height: 0.14rem; top: 0.24rem; right: 0.28rem; background-position: -3.25rem -1.33rem; }
.sectionEight_index_qd .tabNews div:last-child { box-sizing: border-box; border-left: 0.01rem solid #dadada; }
.sectionEight_index_qd ul li a { padding: 0.2rem 0 0.4rem; }
.sectionEight_index_qd ul li:first-child a { border-top: none; }
.sectionEight_index_qd ul li:last-child a { border-bottom: none; padding-bottom: 0.54rem; }



.psygame_sypxb_l { margin-bottom: 0.08rem; }
.psygame_sypxb_l li a { display: block; height: 1.3rem;  border-top: 0.01rem solid #ececec; }
.psygame_sypxb_l li:last-child a { border-bottom: 0.01rem solid #ececec; }
.psygame_sypxb_l li a img, .psygame_sypxb_l li a .cont, .psygame_sypxb_l li a .down, .psygame_sypxb_l li a .order { float: left; }
.psygame_sypxb_l li a img { width: 1.28rem; height: 1.28rem; border-radius: 0.28rem; margin-right: 0.31rem; }
.psygame_sypxb_l li a b{float: left;font-size: .25rem;margin-left: .3rem;margin-right: .2rem;margin-top: .5rem;font-style: italic;color: #222;}


.psygame_sypxb_l li a .cont { width: 3.5rem; white-space: nowrap; overflow: hidden; }
.psygame_sypxb_l li a .cont .name { height: 0.36rem; line-height: 0.36rem; font-size: 0.3rem; color: #333333; font-weight: bold; }
.psygame_sypxb_l li a .cont .name span { color: #222222; }
.psygame_sypxb_l li a .cont .msg { height: 0.54rem; line-height: 0.54rem; font-size: 0.22rem; color: #9f9fa4;white-space: nowrap; overflow: hidden; }

.psygame_sypxb_l li a .cont .update { height: 0.32rem; line-height: 0.32rem; font-size: 0.22rem; color: #9f9fa4; }
.psygame_sypxb_l li a .cont .icon { height: 0.4rem; line-height: 0.4rem; font-size: 0.18rem; overflow: hidden; }
.psygame_sypxb_l li a .cont .type .icon { float: left; height: 0.25rem;width: .25rem; color: #be68cb;background-position:-7.71rem -.01rem;  border-radius: 0.08rem; margin: 0 0.02rem 0.0rem 0; }
.psygame_sypxb_l li a .cont .type i{font-size: .21rem;font-style: normal;line-height: .28rem;margin-left: .1rem;color: #ffc400;font-weight: 800;}
.psygame_sypxb_l li a .cont .type em{font-size: .21rem;margin-left: .1rem;}

.psygame_sypxb_l li a .down, .psygame_sypxb_l li a .order { width: 1.2rem; height: 0.5rem; line-height: 0.5rem; font-size: 0.24rem; color: #ffc400; text-align: center; background: #fcf9f0; border-radius: 0.24rem; margin: 0.77rem 0 0 0.21rem; }




/*�������а�*/
/*������Ϸ*/	




/*������Ϸ*/
.gamepyx_pxbwarp{float: left;width:7.5rem;margin-top: .4rem;}
.gamepyx_pxb { margin-bottom: 0.08rem; }
.gamepyx_pxb li{7.5rem; float: left;}

.gamepyx_pxb li a { display: block; height: 1.1rem; padding: 0.25rem 0 0.27rem;  border-top: 0.01rem solid #ececec; }
.gamepyx_pxb li:last-child a { border-bottom: 0.01rem solid #ececec; }
.gamepyx_pxb li a img, .gamepyx_pxb li a .info, .gamepyx_pxb li a .down, .gamepyx_pxb li a .order { float: left; }
.gamepyx_pxb li i{float: left;width: .3rem;height: .4rem;margin-left: .15rem;font-size: .28rem;text-align: center;margin-right: .25rem;margin-top: .3rem;font-weight: bold;color: #222;}
.gamepyx_pxb li a img { width: 1.1rem; height: 1.1rem; border-radius: 50%; margin-right: 0.31rem; }
.gamepyx_pxb li a .info { width: 3.8rem; white-space: nowrap; overflow: hidden; }
.gamepyx_pxb li a .info .name { height: 0.36rem; line-height: 0.36rem; font-size: 0.3rem; color: #333333; font-weight: bold;margin-top: .2rem; }
.gamepyx_pxb li a .info .name span { color: #ffff; }
.gamepyx_pxb li a .info .msg { height: 0.54rem; line-height: 0.54rem; font-size: 0.22rem; color: #000;white-space: nowrap; overflow: hidden;}
.gamepyx_pxb li a .info .msg em{ float: left; color: #fff; width: 0.9rem; background: #ffc400; line-height: .3rem;margin-top: .05rem;border-radius: .03rem;font-size: .18rem;text-align: center;}
.gamepyx_pxb li a .info .msg b{float: left; font-size: .22rem;color:#90969c;line-height: .39rem;margin-left: .1rem;width: 2.7rem;white-space: nowrap; overflow: hidden;font-weight: 400;}
.gamepyx_pxb li a .info .update { height: 0.32rem; line-height: 0.32rem; font-size: 0.22rem; color: #9f9fa4; }

.gamepyx_pxb li a .down, .gamepyx_pxb li a .order { width: 1.1rem; height: 0.5rem; line-height: 0.5rem; font-size: 0.24rem; color: #ffc400; text-align: center; background: #fffaeb; border-radius: 0.24rem; margin: 0.27rem 0 0 0.25rem; }
.gamepyx_pxb li a .order { background: #ff9933; }



.tab_c_rank { width: 7.08rem; height: 0.72rem; bottom:0; left: 0; right: 0; margin: auto; background: #f4f5f7; border-radius: 0.18rem 0.18rem 0 0; }
.tab_c_rank div, .rank_c_1 .tab_c_rank a { float: left; width: 3.54rem; height: 0.72rem; line-height: 0.72rem; font-size: 0.3rem; color: #222; text-align: center; }
.tab_c_rank div i, .rank_c_1 .tab_c_rank a i { display: inline-block; height: 0.33rem; width: 0.36rem; background-position: -5.12rem -0.53rem; vertical-align: top; margin: 0.18rem 0.11rem 0 0; }
.tab_c_rank div:last-child i, .rank_c_1 .tab_c_rank a:last-child i { width: 0.33rem; background-position: -5.62rem -0.54rem; vertical-align: top; margin: 0.2rem 0.11rem 0 0; }
.tab_c_rank div.current, .rank_c_1 .tab_c_rank a.current { border-radius: 0.2rem 0.2rem 0 0; background: #ffc400; color: #fff; position: relative; top: -0.1rem; padding-top: 0.1rem; }
.tab_c_rank div.current i, .rank_c_1 .tab_c_rank a.current i { background-position: -4.6rem -0.53rem; }
.tab_c_rank div.current:last-child i, .rank_c_1 .tab_c_rank a.current:last-child i { background-position: -6.11rem -0.54rem; }

.sectionFive_index_qd .seeRankMore { display: block; width: 7.07rem; height: 0.66rem; line-height: 0.66rem; font-size: 0.26rem; color: #4b4b4b; background: #f5f5f5; border-radius: 0.32rem; margin: 0.06rem auto 0.1rem; text-align: center;float: left;margin-left: .15rem;}
.sectionFive_index_qd .seeRankMore i { display: inline-block; width: 0.31rem; height: 0.31rem; background-position: -2.63rem -1.24rem; vertical-align: top; margin: 0.19rem 0.12rem 0 0; }

/*��*/

.pyxgamesb{float: left;width: 100%;margin-top: .35rem;}
ul::-webkit-scrollbar {width: 0;height: 0;display: none;-webkit-appearance: none;border-radius: 0}
.pyxgame_tlt { height: 0.6rem; line-height: 0.3rem; font-size: 0.32rem; color: #222; font-weight: bold; text-indent: 0.22rem; position: relative; }
.pyxgame_tlt .more { position: absolute; font-size: 0.22rem; font-weight: normal; color: #ffc400; top: 0; bottom: 0; right: 0.25rem; margin: auto 0; }
.pyxgame_tlt .more em { color: #ffc400; }
.pyxgame_zoninfo { width: 100%; display: flex; overflow-x: auto; margin-left: .05rem;}
.pyxgame_zoninfo li{margin-right: .1rem;}
.pyxgame_zoninfo a { display: block; width: 1.45rem; margin: 0.02rem 0.01rem 0; position: relative;margin-right: .15rem; }
.pyxgame_zoninfo a img { display: block; width: 1.55rem; height: 1.9rem; border-radius: 0.1rem; margin: 0 auto; }
.pyxgame_zoninfo a p { height: 0.53rem; width: 100%; line-height: 0.53rem; font-size: 0.25rem; color: #1a1c1d; text-align: center; white-space: nowrap; overflow: hidden; }



/*������Ϸ*/	

.pxygamelb{float: left;width: 100%;margin-top: .35rem;margin-bottom: .3rem;border-top:1px solid #ebecee;}
ul::-webkit-scrollbar {width: 0;height: 0;display: none;-webkit-appearance: none;border-radius: 0}
.pxygamelb_tlt { height: 0.8rem; line-height: 0.8rem; font-size: 0.32rem; color: #222; font-weight: bold; text-indent: .21rem; position: relative; }


.pxygamelb_tlt .more { position: absolute; font-size: 0.22rem; font-weight: normal; color: #ffc400; top: 0; bottom: 0; right: 0.10rem; margin: auto 0; }

.pxygamelb_info { width: 100%; display: flex; overflow-x: auto; margin-left: .05rem;}
.pxygamelb_info li{margin-right: .1rem;}
.pxygamelb_info a { display: block; width: 6.05rem;height: 1.4rem; margin: 0.02rem 0.01rem 0; position: relative;margin-right: .15rem;margin-bottom: .1rem; }
.pxygamelb_info a img { display: block; width: 1.1rem; height: 1.1rem; border-radius: 10%; margin: 0 auto; float: left;margin-left: .2rem;margin-top: .15rem;}
.pxygamelb_info a h2 {width:2.5rem;float: left; height: 0.33rem;  line-height: 0.33rem; font-size: 0.28rem; color: #1a1c1d; text-align: left; white-space: nowrap; overflow: hidden;margin-left: .15rem;margin-top: .17rem;font-weight: 400;margin-bottom: .03rem; }
.pxygamelb_info a p{float: left;width: 3.2rem;font-size: .22rem;margin-left: .15rem;color: #757575;}
.pxygamelb_info a i{width: .35rem;height: .3rem;float: left;font-size: .25rem;text-align: center;line-height: .29rem;color: #fff;font-weight: 400;margin-top: -.05rem;background-position: -815px 0px;margin-left: .5rem;}
.pxygamelb_info a b{width: .2rem;height: .3rem;float: left;font-size: .25rem;text-align: center;line-height: .20rem;color: #ffc400;font-weight: 400;}

