@charset "utf-8";
/* CSS Document */

/*icon样式集*/
.icon1,.icon2,.icon3,.icon4,.icon5,.icon8{background:url(icons.png-140710.png)/*tpa=https://sy-cdnres.unionsy.com/platform/media/web/v2/images/icons.png?140710*/ no-repeat;width: 14px;height: 16px;display: -moz-inline-stack;display: inline-block;vertical-align: middle;*vertical-align:auto;zoom: 1;*display:inline;overflow: hidden;margin: 9px 4px 0 10px; float:left;}
.icon2{ margin:9px 4px 0 4px;}
.icon3{ margin:5px 4px 0 4px;}
.icon4{ width:23px; height:24px;}
.icon5{ width:20px; height:17px; margin:2px 0 0 0;}
.icon9{ margin-top:8px;}

.my_info .icon5{margin: 7px 2px 0 6px;}

.icon6,.icon7{ width:14px; height:16px; background:url(icons2.png)/*tpa=https://sy-cdnres.unionsy.com/platform/media/web/v2/images/icons2.png*/ no-repeat; display:inline-block;zoom: 1;*display:inline;overflow: hidden; float:left; margin:11px 4px 0 0;}
.icon7{ width:78px; height:88px; margin:0 25px 0 0;}
.icon8{ width:20px; height:17px; margin:7px 0 0 0;}

.android_g_ico {background-position:-55px 0px;}
.ios_g_ico{background-position:-72px 0px;}
.desktop{ background-position:0 1px;}
.collect{ background-position:-18px 1px;}
.users{ background-position:-36px 0px;}
.register{ background-position:-35px -36px;}
.drop_ico{ background-position:-20px -68px;}
.enter_gw{ background-position:-107px 1px; margin-right:4px;}
.lb_ico{ background-position:-86px 0;}

.qq_gray{ background-position:-263px -54px;}
.weibo_gray{ background-position:-291px -55px;}
.qq_white_o{ background-position:-145px -99px;}
.qq_white_g{ background-position:-160px -99px;}

.s_list_box .btn_orange:hover .qq_white_o{ background-position:-145px -117px;}
.s_list_box .btn_green:hover .qq_white_g{ background-position:-160px -117px;}

.b_andriod{ background-position:0 0;}
.b_ios{ background-position:0 -89px;}

.androidgames{ background-position:-176px 2px;}
.iosgames{ background-position:-202px 0px;}

.top_nav a:hover .android_g_ico{background-position:-55px -16px;}
.top_nav a:hover .ios_g_ico{background-position:-72px -16px;}
.top_nav a:hover .desktop{ background-position:0px -15px;}
.top_nav a:hover .collect{background-position:-18px -15px;}
.top_nav a:hover .users{background-position:-36px -16px;}
.top_nav a:hover .register{ background-position:-35px -52px;}

.home_slide:hover a,.list_box li.list_pic_box:hover a{transition: all 0.25s ease-out 0s;}

.new_games .game_list:hover .ngl_icon{background-position:1px -56px}
.new_games .game_list2:hover .button_box2{border:1px solid #ff7a0e; background-color:#ff7a0e; border-radius:2px; color:#fffff3;}
.new_games .game_list2:hover .button_box2 a{color:#fffff3;}
.new_games .game_list2:hover .lb_ico{background-position:-86px -17px;}

.with_other_login li:hover .qq_gray,.cur_drop_menu .qq_gray{ background-position:-263px -71px;}
.with_other_login li:hover .weibo_gray,.cur_drop_menu .weibo_gray{ background-position:-291px -71px;}

.btn:hover .icon2,.btn:hover .icon2{-webkit-animation: 0.15s ease-in 0s alternate none infinite stariconBeat;
-moz-animation: 0.15s ease-in 0s alternate none infinite stariconBeat;
-ms-animation: 0.15s ease-in 0s alternate none infinite stariconBeat;
-o-animation: 0.15s ease-in 0s alternate none infinite stariconBeat;
animation: 0.15s ease-in 0s alternate none infinite stariconBeat}
@-webkit-keyframes stariconBeat {
0% {
-webkit-transform:translateX(-2px);
-moz-transform:translateX(-2px);
-ms-transform:translateX(-2px);
-o-transform:translateX(-2px);
transform:translateX(-2px)
}
100% {
-webkit-transform:translateX(2px);
-moz-transform:translateX(2px);
-ms-transform:translateX(2px);
-o-transform:translateX(2px);
transform:translateX(2px)
}
}
@-moz-keyframes stariconBeat {
0% {
-webkit-transform:translateX(-2px);
-moz-transform:translateX(-2px);
-ms-transform:translateX(-2px);
-o-transform:translateX(-2px);
transform:translateX(-2px)
}
100% {
-webkit-transform:translateX(2px);
-moz-transform:translateX(2px);
-ms-transform:translateX(2px);
-o-transform:translateX(2px);
transform:translateX(2px)
}
}
@-ms-keyframes stariconBeat {
0% {
-webkit-transform:translateX(-2px);
-moz-transform:translateX(-2px);
-ms-transform:translateX(-2px);
-o-transform:translateX(-2px);
transform:translateX(-2px)
}
100% {
-webkit-transform:translateX(2px);
-moz-transform:translateX(2px);
-ms-transform:translateX(2px);
-o-transform:translateX(2px);
transform:translateX(2px)
}
}
@-o-keyframes stariconBeat {
0% {
-webkit-transform:translateX(-2px);
-moz-transform:translateX(-2px);
-ms-transform:translateX(-2px);
-o-transform:translateX(-2px);
transform:translateX(-2px)
}
100% {
-webkit-transform:translateX(2px);
-moz-transform:translateX(2px);
-ms-transform:translateX(2px);
-o-transform:translateX(2px);
transform:translateX(2px)
}
}
@keyframes stariconBeat {
0% {
-webkit-transform:translateX(-2px);
-moz-transform:translateX(-2px);
-ms-transform:translateX(-2px);
-o-transform:translateX(-2px);
transform:translateX(-2px)
}
100% {
-webkit-transform:translateX(2px);
-moz-transform:translateX(2px);
-ms-transform:translateX(2px);
-o-transform:translateX(2px);
transform:translateX(2px)
}
}
.btn:hover .enter_gw{background-position:-105px 2px;}

/*按钮*/
.btn{ display:inline-block; *display:inline; zoom:1; height:32px; line-height:32px; border-radius:2px; color:#FFF;font-weight:bold; padding:0 12px; float:left; margin-right:8px; cursor:pointer;}
.btn:hover{ text-decoration:none; }
.green{ background-color:#53b05e;}
.orange{ background-color:#ff7a0e;}
.white{ background:#ffffff;
	-webkit-box-shadow: inset 0 0 0 2px #fff;
	-moz-box-shadow: inset 0 0 0 2px #fff;
	box-shadow: inset 0 0 0 2px #fff;
	border: solid 1px #cecece;
	background-image: -webkit-linear-gradient(bottom, #f7f7f7, #fff);
	background-image: -moz-linear-gradient(bottom, #f7f7f7, #fff);
	background-image: -o-linear-gradient(bottom, #f7f7f7, #fff);
	background-image: linear-gradient(to top, #f7f7f7, #fff);}
.white:hover{ background-color: #53b05e;transition: all 0.2s ease-out 0s;
	-webkit-box-shadow: inset 0 0 0 2px #53b05e;
	-moz-box-shadow: inset 0 0 0 2px #53b05e;
	box-shadow: inset 0 0 0 2px #53b05e;
	border: solid 1px #53b05e;
	background-image: -webkit-linear-gradient(bottom, #53b05e,#53b05e);
	background-image: -moz-linear-gradient(bottom, #53b05e,#53b05e );
	background-image: -o-linear-gradient(bottom, #53b05e,#53b05e );
	background-image: linear-gradient(to top, #53b05e,#53b05e );}
.green:hover{ background:#34c445;}
.orange:hover{ background:#fc8f36;}
.green:hover .enter_gw{background-position:-107px -16px;}

/*右飘动画*/
.r_pendant .rp_link {-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out}