/*
*游戏库web版样式文件
*/
body,h1,h2,h3,h4,h5,h6,p,pre,
dl,dd,menu,ol,ul,
caption,th,td,
form,fieldset,legend,input,button,textarea{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%}
menu,ol,ul{list-style:none}
table{border-collapse:collapse;border-spacing:0}
input,button,textarea,select{font-size:100%}
a{text-decoration:none;outline:none; white-space:nowrap;}
a:hover{text-decoration:none;color: #3a9ff6}
body,input,button,textarea,select,option,optgroup{font:14px/1.5 'Microsoft YaHei','微软雅黑',arial,tahoma,\5b8b\4f53,sans-serif;color: #212b31}
img,input{border: 0 none}
input::-ms-clear,input::-ms-reveal { display: none;} 
/**{font:14px/1.5 'Microsoft YaHei','微软雅黑',arial,tahoma,\5b8b\4f53,sans-serif}*/
.clb{clear:both}
.fl,.fr{display: block;_display:inline}
.fl{float:left}
.fr{float:right}
.none{display: none}
.w1200{width: 1200px;margin: 0 auto;}
.wsprite,
.wheader div.menus a:hover,
.wheader div.menus a.active{
	background-image: url(../img/p9.yx-s.com/d/inn/13e820e5/common_sprite.png);background-repeat: no-repeat
}
.r5{-moz-border-radius:5px;-webkit-border-radius: 5px;border-radius:5px}
.r10{-moz-border-radius:10px;-webkit-border-radius: 10px;border-radius:10px}
.mr52{margin-right: 52px}
.web_show{display: none}
/*top*/
.wtop{background-color: #FDFDFD;height: 33px;line-height: 33px;overflow: hidden;}
.wtop .fl a.pr{padding-right: 38px}
.wtop .fr a.pr{padding-right: 30px}
.wtop span{color: #e2e2e2;padding: 0px 5px}
.wtop a{font-size: 12px;color: #333}
.wtop a:hover{color: #379ff6}
.wtop a.wsprite{color: #379ff6;background-position: 0 -86px;padding-left: 14px}
.wtop a.wsprite:hover{background-position: 0 -105px}
/*header*/
.wheader{background-color: #212C32;height: 70px;line-height: 70px}
.wheader div.logo,.wheader div.menus{float: left;}
.wheader div.logo{width: 218px;height: 39px;margin:16px 174px 0 0;background:url('../file/img/gslogo.png') no-repeat;background-size: 150px 100%}
.wheader div.logo a{display: block;width: 100%;height: 100%}
.wheader div.menus a{display: inline-block;float: left;width: 130px;height: 100%;margin-right: 22px;text-align: center;font-size: 16px;color: #d2d1cd}
.wheader div.menus a:hover,.wheader div.menus a.active{color: #fff;background-position: -271px -37px}
/*礼包中心*/
.wheader .loginfo{float: right;}
.wheader .loginfo a{font-size: 12px;color: #d2d1cd}
.wheader .loginfo a:hover{color: #379ff6;text-decoration: underline;}
.wheader .loginfo span{color: #e2e2e2;padding: 0px 5px}
.wheader .loginfo .c01{color: #d2d1cd}
.wheader .loginfo a.download{padding: 0 10px 0 14px;background-image: url(../img/p8.yx-s.com/d/inn/e1b02754/game_dl.png);background-repeat: no-repeat;background-position: 0 -5px}
.wheader .loginfo a.download:hover{background-position: 0 -35px}
.login_header{background-color: #fff}
.login_header .w1200{height: 106px;background: url(../img/p5.yx-s.com/d/inn/265ee79e/login_logo.png) no-repeat left center;}
/*footer*/
.footer{width: 100%;height: auto;padding: 35px 0;text-align: center;color: #808080;background-color: #27262a}
.footer p{padding: 5px}
.footer p.links span{padding: 0 5px}
.footer a{color: #808080}
.footer a:hover{color: #379ff6}
.login_footer{background-color: #EEEDE9}
/*下拉*/
.g_game_select,.g_server_select{display: block;float: left;width: 268px;padding-left: 12px;height: 38px;line-height: 38px;border: 1px solid #DDDCD7;background: url(../img/p6.yx-s.com/d/inn/607b3caf/gselect.png) no-repeat right top;cursor: pointer;color: #3c3c3c}
.g_server_select{margin-left: 25px}
.gs_selected{background-position: right bottom!important}
.g_game_pop{width: 280px;height: auto;border: 1px solid #DDDCD7;position: absolute;left: 0px;top:0px;background-color: #fff;z-index: 99}
.g_game_pop a{display: inline-block;width: 100%;height: 30px;line-height: 30px;text-indent: 12px;color: #525252;text-decoration: none;}
.g_game_pop a:hover{color: #379FF6}
.g_server_pop{margin: 0 auto;width: 520px;height: 246px;border: 1px solid #DDDCD7;overflow: hidden;position: absolute;left: 0px;top:0px;background-color: #fff;z-index: 99;display: none}
.g_server_pop .gsp_tab{padding: 12px 12px 2px 12px;}
.g_server_pop .gsp_tab span{display: inline-block;text-align: center;color: #c9c9c9;padding: 0px 5px}
.g_server_pop .gsp_tab a{display: inline-block;width: 70px;height: 28px;text-align: center;line-height: 28px;font-size: 14px;color: #333;text-decoration: none}
.g_server_pop .gsp_tab a:hover,.g_server_pop .gsp_tab a.selected{background-color: #379FF6;color: #fff}
.g_server_pop .gsp_content{display: none;width: 100%;height: 204px;overflow-x: hidden;overflow-y: auto}
.g_server_pop .gsp_content a{width: 70px;overflow-x: hidden;overflow-y: auto;display: inline-block;margin: 8px 18px 0px 12px;font-size: 13px;color: #525252;text-decoration: none}
.g_server_pop .gsp_content a:hover{color: #379ff6}
.g_server_pop .gsp_content p{padding: 20px 0px 0px 12px}
.g_server_pop .gsp_content p span{color: red}
.g_server_pop .gsp_content p a{color: #379ff6;display: inline;text-decoration: underline}
/*select*/
.common_select{width: 297px;height: 36px;border: 1px solid #e1e1e1;text-indent: 10px;color: #555;cursor: pointer;}
.common_select div.txt{width: 260px}
.common_select div.arrow{width:34px; height: 36px;border-left: 1px solid #e1e1e1;background-repeat: no-repeat;background-position: center center}
.common_select div.arrow_up{background-image: url(../img/p8.yx-s.com/d/inn/174efbe0/arrow_up.png)}
.common_select div.arrow_down{background-image: url(../img/p7.yx-s.com/d/inn/174efbe0/arrow_down.png)}
.common_select_content{width: 297px;border: 1px solid #e1e1e1;border-top: 0 none;position: absolute;left:0px;top: 0px;background-color: #fff;display: none;}
.common_select_content a,.common_select_content li{display: block;width: 100%;height: 36px;line-height: 36px;font-size: 12px;color: #555;text-indent: 10px}
.common_select_content a:hover,.common_select_content li.hover{color: #212b31;background-color: #9BCFFA}
/*弹窗*/
.common_pop_mask{position: absolute;left: 0px;top:0px;width: 100%;height: 100%;background: url(../img/p2.qhimg.com/t018f8d0e0a8226d482.png) repeat left top;}
.common_pop{position: absolute;left: 50%;top:50%;width: 445px;min-height: 256px;margin-left: -222px;margin-top: -125px;background-color: #fff;border: 1px solid #E1E1E1;text-align: center}
.common_pop .htitle{height: 36px;line-height: 36px;background-color: #EEEDE9;border-bottom: 1px solid #E1E1E1;text-align: left;}
.common_pop .htitle span,.common_pop .htitle a{display: inline-block}
.common_pop .htitle span{width: 405px;color: #3c3c3c;padding-left: 15px}
.common_pop .htitle a.common_close{width: 17px;height: 16px;background: url(../img/p9.yx-s.com/d/inn/dd799ab3/pop_close.png) no-repeat left top;}
.common_pop .htitle a.common_close:hover{background-position: 0 -24px}
.common_content{padding: 30px 0 0px;}
.common_pop .buttons{height: 36px;text-align: center;padding: 20px 0px}
.common_pop .buttons a{display: inline-block;width: 111px;height: 36px;line-height: 36px;text-align: center;}
.common_pop .buttons a.big_button{width: 170px}
.common_content .msg_notice{text-align: center;}
.common_content .msg_notice p.p1{font-size: 18px;color: #1a2227;padding: 30px 0 50px}
/*buttons*/
a.btn_blue{background-color: #379FF6;color: #fff}
a.btn_blue:hover{background-color: #2EB8FF;color: #fff}
a.btn_orange{background-color: #ff9920;color: #fff}
a.btn_orange:hover{background-color: #FFB820;color: #fff}
a.btn_gray{background-color: #F3F2EF;color: #686868;border:1px solid #d9d8d3}
a.btn_gray:hover{background-color: #fffacd;color: #686868}
a.btn_green{background-color: #62b933;color: #fff}
a.btn_green:hover{background-color: #65cf2b;color: #fff}
/*tips*/
.tips_wrap{height: 39px}
.index_tips{display: none;position: absolute;right: 0px;top: 0px;width: 184px;height: 55px;background: url(../img/p9.yx-s.com/d/inn/4e0d9171/common_tips.png) no-repeat left top}
.wpay_tips{float: right;margin:-14px 12px 0px 0px;padding-top: 14px;text-align: left;width: 226px;height: 25px;background: url(../img/p9.yx-s.com/d/inn/1dec1d10/wpay_tips.png) no-repeat left top}
.common_tips .tips_txt{color: #686868;font-size: 12px}
.common_tips .tips_txt .close a{float: right;display: block;width: 14px;height: 14px;background: url(../img/p7.yx-s.com/d/inn/e39e8092/tips_close.png) no-repeat left top}
.common_tips .tips_txt .close a:hover{background-position: -16px 0px}
.common_tips .tips_txt p{color: #686868;padding-left: 10px}
.common_tips .tips_txt p img{vertical-align: middle;margin-right: 5px}
.common_tips .tips_txt a{color: #333;text-decoration: underline;}
.common_tips .tips_txt a:hover{color: #45aaff}
.wpay_tips .tips_txt p{background: url(../img/p5.yx-s.com/d/inn/acd1ca6b/dengpao.png) no-repeat 10px center;padding-left: 25px}
.ietips{position: absolute;top: 0px;left: 0px;width: 100%;height: 32px;line-height: 32px;background-color: #fcf7ca;color: #3e1102;font-size: 12px;text-align: center;}
.ietips .w{width: 550px;margin: 0 auto;background: url(../img/p7.yx-s.com/d/inn/36250e2a/dp2.png) no-repeat left center;}
.ietips span{padding-right: 30px}
.ietips a{color: #568bb8}
.ietips a:hover{color: #379FF6}

/*激活*/
.activate p{padding-top: 10px;font-size: 12px;color: #6f7375}
.activate p.p1{padding-top: 15px;font-size: 14px}
.activate p span{color: #eb1d22}

/*360同步*/
.autologin360{text-align: center;}
.al360info{width: 118px;height: 118px;margin: 10px auto 0;position: relative;cursor: pointer;}
.al360info div{position: absolute;left: 0px}
.al360info .logo,.autologin360 .al360info .mask{width: 100%;height: 100%}
.al360info .logo{top: 9px;left: 9px;width: 100px;height: 100px;}
.al360info .logo img{width: 100%;height: 100%}
.al360info .txtbg{bottom: 10px;width: 100%;height: 30px;background-color: #3c3c3c;filter:Alpha(opacity=60);-moz-opacity:0.6;opacity: 0.6}
.al360info .txt{bottom: 20px;color: #fff;width: 100%;}
.al360info .mask{top: 0px;background-repeat: no-repeat;background-position: left center;}
.al360info:hover .mask{background-position: right center}
.autologin360 p.p1{color: #333}
.autologin360 p.p2{padding-top: 10px;color: #858585}
.autologin360 p.p3{padding-top: 10px}
.autologin360 p.p3 a{color: #33a1ff;text-decoration: underline;}
.alstyle1{font-size: 12px}
.alstyle2{padding-bottom: 10px}
.alstyle2 .al360info{margin: 15px auto 0}
.alstyle2 p.p1{padding-top: 6px}
.alstyle2 p.p2{padding-top: 4px}
.alstyle2 p.p3{padding-top: 16px}
.alstyle1 .mask,.alstyle2 .mask{background-image: url(../img/cdn-img.ludashi.com/a/201708/17/599554e2195fe.png)}
.alstyle3 .mask{background-image: url(../img/cdn-img.ludashi.com/a/201708/17/599554e21a5a5.png)}
.alstyle3{padding-bottom: 10px}
.alstyle3 p.p1{color: #e3cfba}
.alstyle3 p.p3 a{color: #858585}
.footer {
	width:100%;
	padding:35px 0;
	text-align:right;
	color:#171313;
	font-size:12px;
	background-color:#EFEFEF
}
.footer .content {
	width:886px;
	margin:0 auto
}
.footer .content .logo {
	width:133px;
	height:85px;
	margin-top:13px
}
.footer .content .text p {
	padding:5px
}
.footer .content .text .links span {
	padding:0 20px
}
.footer .content .text a {
	color:#171313
}
.footer .content .text a:hover {
	color:#6d6d6d
}