@charset "UTF-8";
/*sy 20160604*/
/*reset*/
* { word-wrap: break-word; }

*html { _background: fixed url(about:blank); }

body { font: 12px/24px "Microsoft YaHei"; _font-family: "SimSun"; color: #989898; background: #f5f5f5; }

body, html, a, img, div, form, select, input, ul, ol, li, h1, h2, h3, h4, h5, h6, dd, dl, dt, p, label, em, span, cude, i { margin: 0; padding: 0; }

a { color: #484848; text-decoration: none; cursor: pointer; outline: none; }

a:hover { color: #2fc26e; text-decoration: underline; outline: none; }

ol, ul, li { list-style: none; }

em, i { font-style: normal; }

img { border: none; vertical-align: top; }

/*common*/
.cf { *zoom: 1; }

.cf:after { content: ''; display: block; height: 0; clear: both; }

.fl { float: left; display: inline; }

.fr { float: right; display: inline; }

.nf { line-height: 999; overflow: hidden; display: block; }

.yahei { font-family: "Microsoft YaHei"; }

.songti { font-family: "SimSun"; }

/*public*/
.w { width: 1190px; margin: 0 auto; }

.top-before a, .top-after .top-user, .top-after .top-list a, .top-after .top-list a:hover { background: url(/images/h5pc2016/topbar.png) no-repeat; }

.search-box { background: url(/images/h5pc2016/icon.png) no-repeat; }

.module { margin-bottom: 10px; background: #fff; border: 1px solid #f0f0f0; }

/*header*/
/*topbar*/
.topbar { height: 40px; line-height: 40px; background: #f5f5f5; }

.topbar .w { position: relative; }

.top-down { position: absolute; top: 0; right: 12px; width: 127px; height: 50px; background: url(/images/h5pc2016/top-down.png) no-repeat; }

.top-down a { display: block; width: 100px; height: 36px; line-height: 36px; padding: 4px 0 0 27px; color: #fff; font-size: 14px; }

.top-down a:hover { text-decoration: none; }

.top-login { float: right; display: inline; margin-right: 138px; }

.top-before a { float: left; display: inline; font-size: 14px; color: #989898; }

.top-before a:hover { color: #008238; }

.top-before .top-log { width: 46px; padding-left: 22px; background-position: 0 -2px; }

.top-before .top-reg { width: 72px; padding-left: 16px; background-position: 0 -454px; }

.top-before a:hover.top-log { background-position: 0 -414px; }

.top-before a:hover.top-reg { background-position: 0 -42px; }

.top-after { margin-right: 18px; position: relative; }

.top-after .top-user { width: 100px; height: 27px; line-height: 27px; padding: 5px 24px 5px 14px; background-position: right -86px; border: 1px #f5f5f5 solid; }

.top-after .top-user img { float: left; display: inline; width: 22px; height: 22px; border: 1px #f5f5f5 solid; }

.top-after .top-user span { float: left; display: inline; width: 76px; height: 24px; text-align: center; overflow: hidden; color: #008238; }

.top-after .top-user a:hover span { text-decoration: none; }

.top-after .hover { border: 1px #2fc26e solid; background-color: #fff; border-top: solid 1px #f5f5f5; border-bottom: solid 1px #f5f5f5; }

.top-after .top-list { display: none; position: absolute; top: 38px; left: 0; border: 1px solid #2fc26e; border-top: none; background-color: #fff; }

.top-after .top-list a { display: block; width: 90px; height: 30px; line-height: 30px; padding-left: 48px; color: #989898; }

.top-after .top-list a:hover { color: #2fc26e; background-color: #dcf8ea; }

.top-after .top-list .top-center { background-position: 0 -118px; }

.top-after .top-list .top-yxb { background-position: 0 -148px; }

.top-after .top-list .top-game { background-position: 0 -176px; }

.top-after .top-list .top-fav { background-position: 0 -202px; }

.top-after .top-list .top-exit { background-position: 0 -230px; }

.top-after .top-list a:hover.top-center { background-position: 0 -264px; }

.top-after .top-list a:hover.top-yxb { background-position: 0 -294px; }

.top-after .top-list a:hover.top-game { background-position: 0 -322px; }

.top-after .top-list a:hover.top-fav { background-position: 0 -348px; }

.top-after .top-list a:hover.top-exit { background-position: 0 -376px; }

/*banner*/
.bnr { height: 150px; }

/*nav*/
.nav { height: 40px; background: #fff; border-bottom: 2px #eaeaea solid; overflow: hidden; }

.nav li { float: left; display: inline; margin: 0 10px; }

.nav li a { float: left; display: inline; height: 38px; line-height: 38px; padding: 0 20px; border-bottom: 2px solid #fff; font-size: 16px; }

.nav li a:hover, .nav .cur a { color: #2fc26e; border-bottom-color: #2fc26e; text-decoration: none; }

.search { margin: 5px 0; /*position:relative*/ }

.search-box { width: 235px; height: 30px; }

.search-box input { border: none; background: none; outline: none; }

.search-box .txt { float: left; display: inline; width: 185px; height: 14px; line-height: 14px; padding: 8px; }

.search-box .btn { float: left; display: inline; width: 34px; height: 30px; }

.search-list { position: absolute; top: 29px; left: 0px; width: 199px; border: 1px solid #bbf3d7; background: #fff; z-index: 999; }

.search-title { height: 26px; line-height: 26px; padding: 0 5px; margin: 0 5px 2px 5px; border-bottom: 1px solid #bbf3d7; }

.search-result a { display: block; height: 30px; line-height: 30px; padding: 0 10px; color: #989898; }

.search-result .cur, .search-result a:hover { background: #dcf8ea; color: #2fc26e; text-decoration: none; }

.search-result em { color: #484848; }

.search-result a:hover em, .search-result .cur em { color: #2fc26e; }

/*footer*/
.footer { background: #ededed; color: #484848; }

.footer-box { padding: 15px 0 30px 0; text-align: center; }

.phone_link { width: 980px; height: 20px; margin: 0 auto; padding: 24px 0 20px 0; overflow: hidden; border-bottom: 1px dashed #d5d5d5; text-align: center; }

.phone_product { height: 20px; font-size: 0; font-family: \5b8b\4f53; display: inline-block; *display: inline; *zoom: 1; }

.phone_product dt { display: none; }

.phone_product dd { background: url(/images/h5pc2016/phone_universal1.png) no-repeat right -231px; float: left; display: inline; color: #333; height: 16px; line-height: 16px; font-size: 12px; padding: 0 8px; *padding: 0 6px; _padding: 0 4px; }

.phone_product dd.last { background: none; }

.phone_product dd a { color: #666; }

.phone_product dd a:hover { color: #f60; }

.phone_product i { background: url(/images/h5pc2016/phone_universal1.png) no-repeat 0 -35px; width: 20px; height: 16px; float: left; display: inline; }

.phone_product .ico_app { background-position: 0 -439px; }

.phone_product .ico_android { background-position: 0 -267px; }

.phone_product .ico_my { background-position: 0 -53px; }

.phone_product .ico_dm { background-position: 0 -89px; }

.phone_product .ico_wg { background-position: 0 -107px; }

.phone_product .ico_news { background-position: 0 -125px; }

.phone_product .ico_api { background-position: 0 -143px; }

.phone_product .ico_android { background-position: 0 -267px; }

/*side*/
.side { position: fixed; bottom: 200px; left: 50%; z-index: 999; width: 48px; height: 148px; margin-left: 620px; _position: absolute; _top: expression(documentElement.scrollTop+documentElement.clientHeight-this.offsetHeight-200); }

/*.side-box{width:48px;height:399px;overflow:hidden;zoom:1;background:url(/images/h5pc2016/side.png) 0 0 no-repeat;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=noscale, src=images/side.png);}*/
.side a { display: block; height: 48px; margin-bottom: 1px; background: url(/images/h5pc2016/icon.png) no-repeat; }

.side .side-wx { background-position: -97px -77px; position: relative; }

.side .side-fk { background-position: -97px -126px; }

.side .side-top { background-position: -97px -175px; }

.side .side-down { background-position: -97px -224px; }

.side a:hover.side-wx { background-position: -154px -77px; }

.side a:hover.side-fk { background-position: -154px -126px; }

.side a:hover.side-top { background-position: -154px -175px; }

.side a:hover.side-down { background-position: -154px -224px; }

.side img { width: 110px; height: 110px; padding: 5px; background: #fff; }

.side p { display: none; position: absolute; top: 5px; left: -150px; width: 120px; height: 170px; padding: 10px; background: #2fc26e; }

.side p span { display: block; height: 20px; line-height: 20px; text-align: center; color: #fff; }

.side p em { display: block; height: 20px; line-height: 20px; text-align: center; color: #fff; margin-bottom: 10px; }

.side p i { display: block; position: absolute; top: 14px; right: -7px; width: 7px; height: 9px; background: url(/images/h5pc2016/side-arrow.png) no-repeat; }

/*page*/
.page { padding: 30px 0; text-align: center; }

.page span { display: inline-block; margin: 0 4px; }

.page a, .page span { display: inline-block; height: 22px; line-height: 22px; padding: 0 8px; margin: 4px 4px; border: 1px #d1d1d1 solid; }

.page a:hover, .page .cur { background: #2fc26e; color: #fff; border-color: #2fc26e; text-decoration: none; }

/*ie6*/
.top-down { _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src="http://h.4399.com/images/h5pc2016/top-down.png"); _background: none; }

/* ����Ӧ */
@media screen and (max-width: 1240px) { .header { min-width: 980px; }
  .w { width: 980px; }
  .side { margin-left: 520px; } }

@media screen and (max-width: 1000px) { .side { display: none; } }

.w980 { width: 980px; }

.side-small { margin-left: 520px; display: none; }