@charset "utf-8";
/*reset.css*/
html{ font-size:100%;} body { margin:0; color: #666; font:12px/1.5 "microsoft yahei", Arial, sans-serif;} dl, dd, h1, h2, h3, h4, h5, h6, p, ul, ol { margin:0;} ul, ol { padding-left:0; list-style-type:none;} img { border:0;} a { color: #333; text-decoration:none; outline: 0 none;} a:hover { color: #000; text-decoration:none;} a, button { cursor:pointer} table { border-collapse:collapse; border-spacing:0} input, select, img { vertical-align:middle;} a, input, button { padding:0; margin:0; outline:0} i,em {font-style: normal;} .fl { float: left; display: inline;} .fr { float: right; display: inline;} .dib { display: inline-block; vertical-align: top; *display: inline; *zoom: 1;} .tc { text-align: center;} .fz14 { font-size: 14px;} .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;}

/* 游戏官网模版 */
body { background: #eee; min-width: 1130px;}
.icon, .slide-next:before, .slide-prev:before, .x-box .idx i { width: 36px; height: 36px; background: url('../png/gametpl-icon.png') no-repeat; float: left;}
.g-main, .top_sub_nav { width: 1130px; }
.banner { width: 100%; height: 400px; overflow:hidden; position:relative; background: #e1e1e1;}
.banner img { position:absolute; top: 0px; left: 50%; margin-left: -960px; }
.game-wp .g-main { width: 1090px; padding: 20px; background: #fff; }
.game-lbar { width: 660px; float: left; }
.w-tit { width: 100%; height: 48px; margin-bottom: 10px; overflow:hidden; }
.w-tit .icon-sound { background-position: 0 0; }
.w-tit .icon-table { background-position: -40px 0; }
.w-tit .icon-pic { background-position: -80px 0; }
.w-tit .icon-gift { background-position: -120px 0; }
.w-tit .w-tit-box { width: 624px; height: 46px; line-height: 24px; border-bottom: 2px solid #e1e1e1; position:relative; float: left;}
.w-tit .w-tit-box span { font-size: 24px; color: #333; }
.w-tit .w-tit-box em { font-size: 18px; color: #aaa; }
.w-tit .w-tit-box .more { font-size: 16px; color: #333; height: 100%; position:absolute; top: 0px; right: 0px; }
.w-box { padding-left: 36px; margin-bottom: 25px;}
.news-list { min-height: 216px; }
.news-list a { display: block; height: 36px; line-height: 36px; width: 100%; font-size: 16px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.news-list a:hover { color: #f58927; }
.news-list a em { float: right; color: #aaa; }
.kf-table { width: 100%; margin: 20px 0; text-align: center;}
.kf-table thead { font-size: 18px; color: #f58927; }
.kf-table tbody { font-size: 16px; color: #333; }
.kf-table tbody td { padding: 20px 0 0; }
.kf-table .icon-lb { background-position: -240px -40px; width: 24px; height: 24px; margin: 0 2px; float: none;}
.kf-table .icon-down { background-position: -240px -80px; width: 24px; height: 24px; margin: 0 2px; float: none;}

.gamepic-box { position: relative;} 
.gamepic-box .slide-in { width: 588px; height: 284px; margin-top: 20px; overflow: hidden; position: relative;}
.gamepic-box .slide-bd { width: 2000px; position: relative;}
.gamepic-box .slide-bd li { width: 182px; height: 284px; padding: 0 7px; float: left;}

.slide-next, .slide-prev { width: 10px; height: 30px; padding: 10px 15px; line-height: 40; overflow: hidden; position: absolute; top: 120px; left: -36px;opacity: 0.8;filter:alpha(opacity=80);}
.slide-next { left: auto; right: -4px;}
.slide-next:hover, .slide-prev:hover { opacity: 1;}
.slide-next:before, .slide-prev:before { display: block; width: 10px; height: 30px; content: '';}
.slide-prev:before { background-position: -160px 0;}
.slide-next:before { background-position: -200px 0;}

.game-rbar { width: 356px; float: right; }
.game-rbar .w-box { padding-left: 0; }
.x-box { margin-bottom: 20px; }
.x-box .img { width: 100px; height: 100px; float: left; }
.x-box .info { width: 236px; color: #333; float: right; }
.x-box .name { min-height: 46px; line-height: 46px; font-size: 36px; font-weight: normal;}
.x-box .idx { padding: 6px 0; }
.x-box .idx i { display:inline-block; width: 16px; height: 16px; background-position: -240px 0; float: none;}
.x-box .desc { font-size: 16px; }
.x-box-a { padding: 20px 0; }
.x-box-b { padding: 20px 0; border-top: 2px solid #e1e1e1; }
.x-box-b .g-qr { width: 100px; font-size: 16px; float: left; }
.x-box-b .g-qr .qrbox { width: 100px; height: 100px; }
.x-box-b .btn-group { width: 236px; float: right; }
.x-box-b .btn-group a { display: block; width: 236px; height: 55px; line-height: 55px; color: #fff; font-size: 22px; text-indent: 92px; float: none;}
.x-box-b .btn-group a:hover { opacity: .8; }
.icon-android { background-position: 0 -40px; margin-bottom: 10px;}
.icon-ios { background-position: 0 -105px;}
.gift-list { min-height: 340px; }
.gift-list li { margin-top: 20px; overflow:hidden; }
.gift-list .img { width: 100px; height: 100px; float: left; }
.gift-list .info { width: 234px; color: #333; float: right; }
.gift-list .gname { font-size: 20px; }
.gift-list .name { font-size: 14px; margin: 2px 0 10px;}
.gift-list .btn-get { display: block; width: 112px; height: 36px; line-height: 36px; text-align: center; color: #fff; font-size: 18px; border-radius: 5px; background: #f58927; }


.x-qr { padding: 20px 0;}
.x-qr .t1 { font-size: 16px; color: #333; margin: 8px 0 10px 0; padding-left: 20px;}
.x-qr .t2 { font-size: 14px; color: #666; padding-left: 20px;}

.g-footer { margin-top: 60px;}
.body-index .g-footer { color: #fff; background: #0e0c0d; margin-top: 60px;}
.g-sidefun { display: none; }

/* 列表页 */
.article-tab { height: 60px; border-bottom: 2px solid #e1e1e1; }
.article-tab li { float: left; }
.article-tab li a { display: block; width: 118px; height: 60px; line-height: 60px; text-align: center; font-size: 24px; color: #333;  }
.article-tab li a:hover, .article-tab .active a { height: 57px; color: #f58927; border-bottom: 4px solid #f58927; position:relative; z-index: 2;}
.article-list li a { height: 56px; line-height: 56px; font-size: 16px; border-bottom: 1px dashed #e1e1e1; }
/* 内容页 */
.article-loc { height: 58px; padding-left: 12px; border-left: 6px solid #f58927; }
.article-loc h3 { color: #f58927; font-size: 30px; height: 30px; line-height: 30px; font-weight: normal;}
.article-loc p { color: #999; font-size: 16px; height: 16px; line-height: 16px; margin-top: 12px; }
.article-loc a { color: #999; }

.article-tit { font-size: 24px; color: #333; font-weight: normal; text-align: center; margin-top: 10px; border-top: 2px solid #e1e1e1; padding: 30px 0 10px;}
.article-zz { font-size: 16px; color: #999; text-align: center; }
.article-txt { font-size: 16px; color: #5f5f5f; padding: 20px 100px;}
.prev_next { padding: 50px 100px; overflow:hidden; }
.prev_next li { width: 50%; font-size: 16px; color: #999; float: left; }
.prev_next li:last-child { text-align: right; }
.prev_next li a { font-size: 16px; color: #999;}