@charset "utf-8";
/*reset.css*/
html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; font-size: 62.5%; } body { margin: 0; font-size: 1.4rem; line-height: 1.5; color: #333333; background-color: white; height: 100%; overflow-x: hidden; -webkit-overflow-scrolling: touch; } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } svg:not(:root) { overflow: hidden; } a { background: transparent; text-decoration: none; -webkit-tap-highlight-color: transparent; color: #0088cc; } a:active { outline: 0; } a:active { color: #006699; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; vertical-align: middle; } hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } pre { overflow: auto; white-space: pre; white-space: pre-wrap; word-wrap: break-word; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; resize: vertical; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } html, button, input, select, textarea { font-family: 'microsoft yahei'; } h1, h2, h3, h4, h5, h6, p, figure, form, blockquote { margin: 0; } ul, ol, li, dl, dd { margin: 0; padding: 0; } ul, ol { list-style: none outside none; } h1, h2, h3 { line-height: 2; font-weight: normal; } input::-moz-placeholder, textarea::-moz-placeholder { color: #cccccc; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #cccccc; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #cccccc; } em {font-style: normal;} * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .fix {zoom:1;} .fix:after,.fix:before{display:block;content:"clear";height:0;clear:both;overflow:hidden;visibility:hidden;} .none { display: none;} .hidden { width: 0px; height: 0px; overflow: hidden;} .tc { text-align: center;}
/*reset.css*/

.flex {
	display: -webkit-box; /* old Safari, iOS, Android browser, older WebKit browsers. */
	display: -moz-box; /* old Firefox (buggy) */
	display: -ms-flexbox; /* IE 10 */
	display: -webkit-flex; /* new Chrome 21+ */
	display: flex; /* new Opera 12.1, Firefox 22+ */
}
.flex-list {
	 -webkit-box-flex: 1; 
	-moz-box-flex: 1;
	-ms-flex: 1;
	-webkit-flex: 1;
	 flex: 1; 
}
.flex-v {
	-webkit-box-direction: normal;
	-webkit-box-orient: vertical;
	-moz-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
}
.flex-x-between {
	-webkit-box-pack: justify;
	-moz-justify-content: space-between;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.header-topBar {width:100%;height:.7rem;background:#fff; position: fixed;top: 0;left: 0;z-index: 100; box-shadow: 0 2px 2px rgba(0,0,0,.2);}
.header-topBar .logo { height:.5rem; margin:.1rem .15rem; float:left;}
.header-topBar .logo img { width: auto; max-height:100%; }
.header-topBar .top_right { position:absolute; right:.25rem; top:.14rem;}
.header-topBar .top_nav_ico{ width:.38rem; height:.38rem; background:url('../png/top_navc4ce.png') no-repeat; background-size: .42rem 3.09rem; float:left; margin-left: .1rem;}
.header-topBar .app-center { background-position: -.02rem -.03rem; }
.header-topBar .top_gift_ico{ background-position: -.03rem -.53rem; }


.spring_chicken{background:url('../png/slogen.png') center center no-repeat; background-size:contain; width:1.2rem; height:.5rem; margin:.1rem .15rem; float:left; overflow:hidden; position:relative;}
.spring_chicken:after { content: ''; width: 120%; height: 100%; position:absolute; top: 0px; left: -20%; background-image:-webkit-linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 20%); background-image: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 20%); transition: left 1s linear;}
.spring_chicken_ani:after { left: 100%; }

.top-nav { width:auto; position:absolute;top:.56rem;right:-.25rem;background:#fff; box-shadow:0 0 5px rgba(0,0,0,.3);z-index:101;overflow:hidden;opacity:0;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease; display: none;}
#top_gift_nav a{width:2.64rem;height:.9rem;line-height:.9rem;display:block;color:#d70022;border-top:1px solid #efefef; text-align:center;}
#top_gift_nav a:first-child {border-top:none;}
#top_gift_nav a em{display:inline-block; vertical-align:middle; width: .42rem; height: .42rem; margin-right:.1rem; float: none;}
#top_gift_nav a em.l5{background-position:0 -1.07rem;}
#top_gift_nav a em.l6{background-position:0 -1.62rem;}




body { background: #ededed; padding: .7rem 0 1.2rem;}
.laybox { background: #fff; box-shadow: 0 3px 0 #d3d3d3; margin-bottom: .2rem;}
.icon, .w-btn, .header .idx i, .lb-list .btn-get { display:inline-block; vertical-align: top; background: url('../png/gametpl-m-icon.png') no-repeat; background-size: 2.4rem 2.2rem; }
.icon-sound { background-position: -1.20rem 0; }
.icon-table { background-position: -1.60rem 0; }
.icon-gifts { background-position: -2.00rem 0; }
.active .icon-sound { background-position: -1.20rem -.4rem; }
.active .icon-table { background-position: -1.60rem -.4rem; }
.active .icon-gifts { background-position: -2.00rem -.4rem; }
.header { height: 1.6rem; padding: .15rem .2rem; overflow:hidden;}
.header .gicon { width: 1.3rem; height: 1.3rem; float: left; }
.header .gicon img { width: 100%; }
.header .info { color: #333; font-size: .24rem; float: left; margin-left: .1rem; }
.header .info h2 { height: .52rem; line-height: .52rem; font-size: .38rem; }
.header .idx { height: .2rem; margin: .1rem 0 .14rem}
.header .idx i { width: .2rem; height: .2rem; margin-right: .1rem; }
.header .btn-group { float: right; }
.header .btn-group a {display: block;max-width: 2.8rem;height: .6rem;line-height: .6rem;text-align: center;font-size: .28rem;color: #fff;border-radius: 8px;padding: 0px 10px;}
.header .btn-group .btn-android { background: #99d846; margin-bottom: .1rem;}
.header .btn-group .btn-ios { background: #46add8; }

.article-tab { overflow:hidden; }
.article-tab li { width: 33.33%; float: left; }
.article-tab li a { display: block; height: .85rem; line-height: .85rem; text-align: center; color: #a27200; font-size: .36rem; background: #ffdb86; }
.article-tab .active a { color: #fff; background: #f4b92d; }
.article-tab i { width: .36rem; height: .36rem; margin-right: .1rem; vertical-align: middle; position:relative; top: -2px;}

.news-box { padding-bottom: .2rem; }
.news-list { padding: .2rem; }
.news-list a { display: block; line-height: .56rem; color: #333; font-size: .26rem; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.news-list em { float: right; color: #aaa; font-style: normal; }
.w-btn { display: block; width: 1.8rem; height: .6rem; line-height: .6rem; margin: 0 auto; text-align: center; color: #fff; background-position: 0 -.8rem; }

.w-tit { display: block; width: 100%; height: .84rem; line-height: .84rem; overflow:hidden; text-align: center; color: #fff; font-size: .36rem; background: #fff;}
.w-tit i { display:inline-block; width: 2.68rem; height: .84rem; background-size: contain; vertical-align: top;}
.w-tit em { font-style: normal; padding: 0 .1rem; }
.w-tit-sty1 { color: #ff8800; }
.w-tit-sty2 { color: #ff491f; }
.w-tit-sty1 .x1 { background-image: url('../jpg/tit-sty1-x1.jpg');}
.w-tit-sty1 .x2 { background-image: url('../jpg/tit-sty1-x2.jpg');}
.w-tit-sty2 .x1 { background-image: url('../jpg/tit-sty2-x1.jpg');}
.w-tit-sty2 .x2 { background-image: url('../jpg/tit-sty2-x2.jpg');}

.kf-box { margin: .2rem; border-radius: 20px; padding: .2rem; }
.kf-table { width: 100%; line-height: .62rem; text-align: center; font-size: .26rem;}
.kf-table thead { color: #ff8800; }
.icon-lb { width: .32rem; height: .32rem; background-position: 0 -.4rem; margin-top: .1rem;}
.icon-down { width: .32rem; height: .32rem; background-position: -.4rem -.4rem; margin-top: .1rem;}

.lb-list {}
.lb-list li { margin: .2rem; padding: .2rem .3rem; border-radius: .1rem; line-height: .48rem; position:relative;}
.progress-box { }
.progress { display: inline-block; vertical-align: middle; width:3.5rem; height: .2rem; margin-right: .1rem; border-radius: .1rem; overflow: hidden; position: relative; background: #e4e4e4;}
.progress i { width: 80%; height: .2rem; border-radius: .1rem; position: absolute; top: 0px; left: 0px; }
.progress i { background: #ff6b49;
		  background: -moz-linear-gradient(left, #ff6b49 0%, #ffc53a 100%);
		  background: -webkit-linear-gradient(left, #ff6b49 0%,#ffc53a 100%);
		  background: -o-linear-gradient(left, #ff6b49 0%,#ffc53a 100%);
		  background: -ms-linear-gradient(left, #ff6b49 0%,#ffc53a 100%);
		  background: linear-gradient(to right, #ff6b49 0%,#ffc53a 100%);
		  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6b49', endColorstr='#ffc53a',GradientType=0 );
}
.lb-list .btn-get { width: 1.5rem; height: .6rem; line-height: .6rem; text-align: center; color: #fff; font-size: .28rem; background-position: 0 -1.6rem; position:absolute; top: 50%; margin-top: -.3rem; right: .3rem; }


.slideBox { position:relative; margin:0 auto; width:100%; height:auto;}
.slideBox .bd img { width: 100%; }
.slideBox .hd{ position:absolute; height:.3rem; bottom: .1rem; right:0; z-index:1; }
.slideBox .hd li{ display:inline-block; vertical-align: top; width: .24rem; height: .24rem; border-radius:100%; background:#fff; text-indent:-9999px; overflow:hidden; margin:0 .05rem; }
.slideBox .hd li.on{ background:#ff8800;  }

/* 列表页 */
.footer { padding: .3rem 0; background: #fafafa; }
.footer .menu { overflow:hidden; }
.footer .menu a { width: 20%; text-align: center; color: #808080; float: left; }
.footer .menu i { display:block; width: .5rem; height: .5rem; margin: 0 auto .1rem; background: url('../png/menu-2.png') no-repeat; background-size:  2.5rem .5rem; }
.footer .menu .menu1 {}
.footer .menu .menu2 { background-position: -.5rem 0; }
.footer .menu .menu3 { background-position: -1rem 0;}
.footer .menu .menu4 { background-position: -1.5rem 0;}
.footer .menu .menu5 { background-position: -2rem 0;}
.footer .totop { display: block; width: 4rem; height: .7rem; line-height: .7rem; margin: .4rem auto .3rem; text-align: center; border: 2px solid #969696; color: #6d6d6d; border-radius: .35rem; }
.footer .totop:before { display: inline-block; vertical-align: middle; content: ' '; width: .12rem; height: .12rem; margin-right: .1rem; border: .05rem solid #6d6d6d; border-right: 0 none; border-bottom: 0 none; transform: rotate(45deg)}
.footer .copyright { text-align: center; }

.article-wp { padding: .3rem .2rem; }
.article-loc { border-left: .08rem solid #ff8800; height: .38rem; line-height: .38rem; padding-left: .1rem; font-size: .36rem; }
.article-tit { font-size: .3rem; color: #ff8800; text-align: center; }
.article-zz { font-size: .26rem; text-align: center; border-bottom: 1px solid #ddd; padding-bottom: .1rem;}
.article-txt { padding: .3rem 0; }
.article-txt img { max-width: 100%!important; height: auto!important; }
.toback { display: block; width: 1.8rem; height: .6rem; line-height: .6rem; text-align: center; color: #fff; font-size: .28rem; border-radius: .05rem; margin: .3rem auto .1rem; background: #ff941a;}

/* 底栏 */
.url{ height: 1rem; padding:.15rem 0; width:100%; overflow:hidden; background:#f4f4f4; position:fixed; bottom:0; left:0; border-top:1px solid #ebe9e9; z-index: 99;}
.url a{float:left;width:20%; font-size:.24rem; line-height:.24rem; text-align:center; color: #333;}
.url a.on{color:#00a2ff;}
.url a em{ display:block; width:.3rem; height:.36rem; margin:0 auto .05rem; background:url('../png/bottom_navc4ce.png') no-repeat; background-size:.6rem 1.8rem;}
.url .sy{background-position:0 0;}
.url .yx{background-position:0 -.35rem;}
.url .lb{background-position:0 -.72rem;}
.url .hd{background-position:0 -1.09rem}
.url .kf{background-position:0 -1.48rem;}
.url a.on .sy{background-position:-23px 0;}
.url a.on .yx{background-position:-23px -26px;}
.url a.on .lb{background-position:-23px -54px;}
.url a.on .hd{background-position:-23px -82px}
.url a.on .kf{background-position:-23px -110px;}