
/*===reset-star===*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,tr,td,section,a,input,span{margin:0;padding:0;}
html{height:100%;}
html,body{}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0}
address,caption,cite,code,dfn,em,th,var {font-style:normal;font-weight:normal}
ol,ul,li {list-style:none}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;-webkit-user-select: none;user-select: none;}
q:before,q:after {content:''}
a,input,img,select{outline: none;}
a,a:hover{text-decoration:none;}
/* clear */
.clearfix:before, .clearfix:after {content:"";display:table;}
.clearfix:after {clear:both;}
*.clearfix {zoom:1;}
.clear { clear:both; overflow:hidden; height:0px; font-size:0;}
/*===reset-end===*/

body{font:14px/1.2 "microsoft yahei",arial;}
.hidden{visibility:hidden;opacity:0;filter:alpha(opacity=0);text-indent:-9999px;overflow:hidden;position:absolute;}
.show{display:block !important;}
.hide{display:none !important;}


/**common*/
.header-wrap,.container-wrap,.footer-wrap{width:100%;position:relative;z-index: 1;}
.header-content,.container-content,.footer-content{width:1214px;margin:0 auto;}

.header-wrap{background:#fff;box-shadow:0 0 5px #8E8E8E;z-index:2}
.header-content{height:82px;}
.search-wrap{background:#EEEFF3;padding-bottom:1px;}
.gamefz-logo{display:block;overflow:hidden;width:184px;height:60px;float:left;margin-top: 11px;margin-left: 8px;}
.gamefz-logo img{width:100%;display: block;}
.header-nav {float: left;margin-left: 420px;overflow: hidden;}
.header-nav a {color: #686868;display: block;float: left;font-size: 18px;height: 94px;line-height: 94px;margin-left: 5px;text-align: center;width: 144px;}
.header-nav a.on, .header-nav a:hover {background: #6553DB;color: #fff;}
.header-btn {float: left;margin: 28px 0 0 44px;}
.header-btn li {display: block;float: left;margin: 0 8px;position: relative;}
.header-btn li .btn {border: 1px solid #49cdb8;border-radius: 18px;color: #42ccba;display: inline-block;height: 36px;line-height: 36px;text-align: center;width: 124px;}
.header-btn li .btn:before {background: url(../Images/nav-ios.png) no-repeat center;content: '';display: inline-block;height: 22px;margin-right: 6px;overflow: hidden;position: relative;vertical-align: text-bottom;width: 18px;}
.header-btn li .btn:hover,.header-btn li .btn.on {background: #42ccba;color: #fff;}
.header-btn li .btn:hover:before,.header-btn li .btn.on:before{background-image:url(../Images/nav-ios-on.png);}
.header-btn li .pc-btn:before{background-image:url(../Images/nav-pc.png);top:2px;}
.header-btn li .pc-btn:hover:before,.header-btn li .pc-btn.on:before{background-image:url(../Images/nav-pc-on.png);}
.header-btn li .android-btn:before{background-image:url(../Images/nav-android.png);top: 2px;}
.header-btn li .android-btn:hover:before,.header-btn li .android-btn.on:before{background-image:url(../Images/nav-android-on.png);}
.header-btn li .btn-popup {display: none;overflow: hidden;position: absolute;right: -94px;top: -19px;z-index: 99;}
.header-btn li .btn-popup .container {background: #fff;border: 2px solid #49ccba;border-radius: 2px;overflow: hidden;padding: 4px 6px;}
.header-btn li .btn-popup:before {border-top: 6px solid transparent;border-right: 6px solid #49ccba;border-bottom: 6px solid transparent;content: '';display: block;float: left;position: relative;top: 32px;}
.header-btn li .btn-popup img {font-size: 0;height: 64px;overflow: hidden;vertical-align: middle;width: 64px;}
.header-btn li.show .btn-popup {display: block;}
.gamefz-search{float:right;width:225px;margin-top:26px;margin-right: 46px;}
.gamefz-search-input{font-family: "microsoft yahei";position:relative;height:36px;padding-right:50px;border: 2px solid #5A47B9;border-radius:60px;padding: 2px 50px 2px 10px;overflow: hidden;}
.gamefz-search-input .text{font-family: "microsoft yahei";display:block;border:none;background:#fff;width:170px;padding: 10px 0;line-height: 1;height: 16px;color: #666;text-indent: 10px;-moz-box-sizing: content-box;-webkit-box-sizing: content-box;box-sizing: content-box;}
.gamefz-search-input .text.place{font-size:12px;color:#c7c7c7}
.gamefz-search-input .text::-webkit-input-placeholder {color:#c2c2c2;}
.gamefz-search-input .text:-moz-placeholder {color:#c2c2c2;}
.gamefz-search-input .text::-moz-placeholder {color:#c2c2c2;}
.gamefz-search-input .text:-ms-input-placeholder {color:#c2c2c2;}
.gamefz-search-input .submit{font-size:0;background:url(../Images/sprite.png) no-repeat -260px 10px;position:absolute;height: 40px; width:30px;border: 0;right: 0;top: 0;cursor: pointer;
-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-ms-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear;margin-right: 10px;}
.gamefz-hotsearch{font-size:14px;color:#959595;padding-top: 5px;}
.gamefz-hotsearch a{color:#959595;padding:0 4px;font-family: Arial,Microsoft YaHei,sans-serif; font-size: 14px;}
.gamefz-hotsearch a:hover{text-decoration:underline;}

.footer-content {padding: 0 42px 0 29px;width: 1143px;}
.footer-wrap{background:#0C072A;}
.footer-content .friendlink{border-bottom:1px solid rgba(108,106,119,.37);padding-top:10px;*height:146px;}
.footer-content .friendlink .title{cursor:default;color:#95939E;font-size:20px;text-indent:40px;font-weight:bold;padding:20px 0;}
.footer-content .friendlink .link{padding-left: 40px; margin: 0px 0 15px;font-size:14px;color:#95939E;line-height: 2;}
.footer-content .friendlink .link a{color:#95939E;margin-right:15px;
	-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-ms-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear;}
	.footer-content .friendlink .link a:hover{color:#fff;}
.footer-content .friendlink+.copyright{border-top:1px solid #7D7E7E;}
.footer-content .copyright{ padding:22px 0; }
.footer-content .copyright p{font-size:12px;color:#9A9A9A; padding:5px 0;text-align:center;cursor:default;}
.footer-content .copyright a{color:#9A9A9A;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear;}
.footer-content .copyright a:hover{color:#fff;}
