body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, form, th, tr, td, tbody, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { margin: 0; padding: 0; border: none; }

body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, form, th, tr, td, tbody, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { -webkit-tap-highlight-color: transparent; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body { font: 12px Helvetica Regular, Microsoft YaHei,sans-serif,Tahoma; color: #434343; }

input { outline: none; }

em, i { font-style: normal; }

ul, ol { list-style: none; }

a { text-decoration: none; color: #969696; font-family: STHeiti,'Microsoft YaHei',Helvetica,Arial,sans-serif; outline: 0; }

a:hover { text-decoration: none; }

img { border: none; width: 100%; height: auto; width: auto\9; -ms-interpolation-mode: bicubic; }

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

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

.gray { -webkit-filter: grayscale(100%); -moz-filter: grayscale(1); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; }

#content { min-width: 320px; max-width: 768px; margin: 0 auto; background: #f5f5f5; position: relative; }

::-webkit-scrollbar { width: 6px; height: 6px; border-radius: 4px; }

::-webkit-scrollbar-thumb { background-color: #ccc; border-radius: 4px; }

.basebox { background: #fff; margin-top: 6px; overflow: hidden; position: relative; }
.basebox > .bt { display: block; overflow: hidden; margin: 0 12px 6px; padding: 10px 0 6px; border-bottom: 1px solid #eee; }
.basebox > .bt p, .basebox > .bt h2 { float: left; color: #333; font-size: 16px; font-weight: bold; line-height: 22px; border-left: 4px solid #077cf5; text-indent: 12px; }
.basebox > .bt .more { float: right; font-size: 14px; color: #888; line-height: 25px; text-decoration: none; }
.basebox .list { float: left; margin-left: 10px; }
.basebox .list a { display: inline-block; color: #232323; margin: 0 5px 5px; padding: 3px 2px 0; position: relative; }
.basebox .list .on::before { display: block; position: absolute; width: 50%; height: 5px; border-radius: 3px; background: #077cf5; content: ''; position: absolute; bottom: -6px; left: 22%; }

.QZ-up { display: none; position: fixed; z-index: 10; top: 80%; right: 5%; width: 32px; height: 32px; background: url(../images/btn-up.png) no-repeat; background-size: 100%; }

.footer .foot { background: #333; padding: 35px 0; text-align: center; }
.footer .foot .foot-menu { margin-bottom: 10px; }
.footer .foot .foot-menu a { font-size: 13px; position: relative; padding-right: 10px; margin-right: 5px; }
.footer .foot .foot-menu a:after { content: ''; position: absolute; right: 0; top: 5px; width: 1px; height: 10px; background: #999; }
.footer .foot .foot-menu a:last-child { padding: 0; }
.footer .foot .foot-menu a:last-child:after { display: none; }
.footer .foot p { font-size: 13px; color: #aaa; line-height: 24px; }
.footer .foot p a { color: #aaa; }
.footer .foot p img { width: 14px; vertical-align: text-bottom; }

/*page*/
.page { padding: 6px 12px 6px 6px; margin: 6px; border-radius: 5px; display: flex; position: relative; }

.page span:before { display: block; content: ''; position: absolute; right: 5px; top: 11px; width: 15px; height: 10px; background-size: auto  100%; transform: rotate(180deg); -webkit-transform: rotate(180deg); }

.page > a { flex: 1; margin: 6px 0 6px 6px; display: inline-block; line-height: 30px; border-radius: 4px; background: #f5f5f5; text-align: center; color: #333; }

.page > a:active, .page span .cbtn a:active { background: #ddd; }

.page > span { flex: 1; margin: 6px 0 6px 6px; display: inline-block; line-height: 30px; border-radius: 4px; text-align: center; background: #077cf5; color: #fff; font-size: 14px; position: relative; }

.page > span .cbtn { display: none; width: 100%; position: absolute; top: -62px; left: 0; z-index: 10; height: 92px; overflow-y: scroll; background: #fff; border-radius: 4px; -webkit-box-shadow: 0 0 3px #bbb; -moz-box-shadow: 0 30 3px #bbb; box-shadow: 0 0 3px #bbb; }

.page > span .cbtn a { display: inline-block; text-align: center; line-height: 30px; margin-bottom: 1px; float: left; width: 100%; background: #f6f6f6; font-size: 14px; color: #666; }

.imgshow { display: none; background: rgba(0, 0, 0, 0.5); position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 2019521; }

.swiperbox { height: 100vh; z-index: 3; }

.swiperbox .swiper-container, .swiper-wrapper, .swiper-slide { height: 100% !important; }

.swiperbox img { width: initial; position: relative; z-index: 2; }

.swiper-zoom-container:before { width: 100%; height: 100%; content: ' '; position: absolute; z-index: 1; display: block; top: 0; left: 0; cursor: pointer; }

.imgshow .closebtn { position: absolute; z-index: 22; background: url(../images/newclose.png) no-repeat 11px 0px; width: 60px; height: 60px; bottom: 0 !important; top: initial; left: 10px; background-size: 40px; }

.header { background: #fff; height: 55px; position: relative; z-index: 98; max-width: 768px; }
.header .logo { float: left; margin: 12px 12px 0; display: block; height: 30px; overflow: hidden; }
.header .logo img { height: 30px; width: inherit; }
.header .menu { width: 30px; height: 30px; background: url(../images/icon-menu.png) no-repeat; background-size: 100%; margin: 12px 12px 0; cursor: pointer; }
.header .search_wrap { width: 38%; height: 26px; border: none; background: #f5f5f5; margin: 15px 0 0; border-radius: 14px; overflow: hidden; }
.header .search_wrap form { display: flex; }
.header .search_wrap .search_ksy { flex: 1; min-width: 80px; font-size: 12px; color: #222; padding: 0 10px; line-height: 26px; background: none; border: none; outline: none; }
.header .search_wrap .search_btn { height: 26px; width: 28px; background: none; text-align: center; border: none; outline: none; }
.header .search_wrap .search_btn .icon_s { background: url(../images/icon_search.png) no-repeat; background-size: 100%; width: 16px; height: 16px; display: block; margin: 5px 6px; }

.nav { height: 40px; overflow: hidden; position: relative; background: #077cf5; }

.nav .icon { width: 24px; height: 40px; background: url(../images/icon_arr1.png) no-repeat; right: 0; top: 0; display: block; position: absolute; }

.nav .lis { display: flex; height: 40px; overflow-x: auto; overflow-y: hidden; white-space: nowrap; -webkit-overflow-scrolling: touch; }

.nav a { flex: 1; color: #fff; font-weight: 600; font-size: 15px; text-align: center; line-height: 40px; text-decoration: none; display: inline-block; padding: 0 10px; }

.nav a { height: 38px; }

.nav a.on span { border-bottom: solid #fff; display: inline-block; height: 33px; }

.burger { display: none; position: absolute; top: 50px; z-index: 99; width: 100vw; max-width: 768px; box-shadow: 0 8px 25px #f5f5f5; padding: 12px 0 20px; background: rgba(255, 255, 255, 0.98); }
.burger .bur_title { line-height: 30px; font-size: 16px; padding: 0 20px; }
.burger .item { margin: 6px 12px; overflow: hidden; }
.burger .item a { width: 25%; text-align: center; display: block; float: left; margin: 6px 0; }
.burger .item a span { line-height: 32px; height: 32px; overflow: hidden; font-size: 12px; color: #363636; background: #f2f2f3; border-radius: 16px; width: 90%; display: block; margin: 0 auto; }

.QZ-nav { background: #fff; }

.QZ-nav ul { padding: 15px 6px; overflow: hidden; }

.QZ-nav li { width: 25%; display: block; float: left; margin-bottom: 15px; text-align: center; }

.QZ-nav li a { overflow: hidden; display: block; text-decoration: none; }

.QZ-nav li a span { display: inline-block; width: 49px; height: 48px; margin-bottom: 10px; }

.QZ-nav li a p { font-size: 14px; color: #888; }

.QZ-nav li:nth-child(1) a span { background: url(../images/hot_rank.png) no-repeat; background-size: 100%; }

.QZ-nav li:nth-child(2) a span { background: url(../images/new_info.png) no-repeat; background-size: 100%; }

.QZ-nav li:nth-child(3) a span { background: url(../images/game_open.png) no-repeat; background-size: 100%; }

.QZ-nav li:nth-child(4) a span { background: url(../images/game_check.png) no-repeat; background-size: 100%; }

.banner { overflow: hidden; margin: 6px 0; background: #fff; }
.banner .swiper-container { overflow: hidden; }
.banner .index_pagination { width: auto; left: calc(50% - 40px); }
.banner .index_pagination .swiper-pagination-bullet { background: #fff; margin: 0 4px 1px; border-radius: 6px; }
.banner .index_pagination .swiper-pagination-bullet-active { background: #fff; width: 20px; }
.banner .index_pagination .swiper-pagination-bullet-active { background: #fff; }
.banner .swiper-slide { position: relative; overflow: hidden; }
.banner .swiper-slide img { display: block; }
.banner .swiper-slide p { position: absolute; bottom: 0; color: #fff; height: 50px; line-height: 50px; font-size: 14px; overflow: hidden; width: 100%; text-indent: 10px; background: linear-gradient(top, transparent, rgba(0, 0, 0, 0.8)); background: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.8)); }

.yxjx { background: url(../images/rmyx_bg.png) top center no-repeat; min-height: 220px; padding-top: 12%; background-size: 100% auto; border-radius: 6px; margin: 12px; }
.yxjx .tt { text-align: center; font-size: 22px; margin-top: 5%; margin-bottom: 24%; color: #f00; }

.games { overflow: hidden; margin: 12px 12px 0; }
.games li { float: left; width: 25%; margin-bottom: 16px; }
.games li .info { display: block; margin: 0 auto; }
.games li .info img { width: 64px; height: 64px; border-radius: 12px; display: block; margin: 0 auto; }
.games li .info p { font-size: 14px; color: #111111; text-align: center; line-height: 20px; height: 20px; overflow: hidden; margin-top: 5px; }
.games li .info span { font-size: 12px; color: #666; line-height: 16px; height: 16px; text-align: center; display: block; }
.games li .downl { display: block; margin: 5px auto 0; width: 60px; height: 24px; line-height: 24px; background: #077cf5; color: #fff; font-size: 12px; text-align: center; border-radius: 15px; }

.listA { overflow: hidden; padding: 0 12px; }
.listA li { display: flex; padding: 12px 0; }
.listA li .num { width: 30px; height: 30px; background: url(../images/phb4.jpg) no-repeat; background-size: 100%; text-align: center; line-height: 30px; font-size: 12px; font-weight: bold; margin: 20px 10px 0  0; color: #666; }
.listA li .num1 { background: url(../images/phb1.jpg) no-repeat; background-size: 100%; }
.listA li .num2 { background: url(../images/phb2.jpg) no-repeat; background-size: 100%; }
.listA li .num3 { background: url(../images/phb3.jpg) no-repeat; background-size: 100%; }
.listA li .img { display: block; margin-right: 12px; position: relative; }
.listA li .img, .listA li .img img { width: 74px; height: 74px; border-radius: 12px; }
.listA li .info { flex: 1; margin-right: 12px; }
.listA li .info .bt { display: block; font-size: 14px; color: #1b1b1b; line-height: 26px; height: 26px; }
.listA li .info span, .listA li .info p { color: #7d7d7d; font-size: 12px; line-height: 22px; overflow: hidden; height: 26px; }
.listA li .btn { width: 62px; height: 24px; line-height: 24px; text-align: center; font-size: 14px; color: #077cf5; border: 1px solid #077cf5; border-radius: 4px; margin-top: 25px; }
.listA li + li { border-top: 1px solid #eee; }

.listB { padding: 10px 0; overflow: hidden; }
.listB li { line-height: 30px; height: 30px; overflow: hidden; font-size: 14px; color: #333; white-space: nowrap; text-overflow: ellipsis; padding: 4px 0; }
.listB li + li { border-top: 1px solid #eee; }

.tab_hd { margin: 12px; display: flex; border: 1px solid #077cf5; border-radius: 4px; }
.tab_hd span { flex: 1; display: block; text-align: center; color: #333; font-weight: 600; line-height: 36px; font-size: 14px; }
.tab_hd span + span { border-left: 1px solid #077cf5; }
.tab_hd .on { background: #077cf5; color: #fff; }

.tab_bd { overflow: hidden; }
.tab_bd ul + ul { display: none; }
.tab_bd .gm_class { overflow: hidden; padding-bottom: 10px; }
.tab_bd .gm_class li { width: 25%; float: left; margin: 4px 0; }
.tab_bd .gm_class li a { font-size: 14px; color: #7d7d7d; text-align: center; height: 30px; line-height: 30px; width: 84%; display: block; margin: 0 auto; overflow: hidden; background: #f6f7fb; }
.tab_bd .gm_class .on a { background: #077cf5; border-color: #077cf5; color: #fff; }

.Brdnav { overflow: hidden; height: 36px; line-height: 36px; padding: 0 12px; font-size: 12px; color: #7d7d7d; background: #fff; margin-top: 2px; }

.Brdnav a { color: #7d7d7d; }

.Brdnav span { margin: 0 6px; font-family: initial; }

.news_list { overflow: hidden; margin: 0 12px; }

.news_list li:last-child { border: none; }

.news_list li { overflow: hidden; display: flex; padding: 12px 0; border-bottom: 1px solid #f5f5f5; }

.news_list li .img { display: block; margin-right: 12px; }

.news_list li .img, .news_list li .img img { width: 108px; height: 67px; border-radius: 5px; }

.news_list li .text { flex: 1; }

.news_list li .text .bt { display: block; height: 40px; line-height: 20px; overflow: hidden; font-size: 14px; color: #333; }

.news_list li .text span { float: left; display: block; line-height: 20px; font-size: 12px; color: #999; margin: 8px 10px 0 0; padding-left: 20px; background: url(../images/fm12.png) left no-repeat; background-size: 12px; }

.fenlei_wrap { overflow: hidden; padding: 0 0 15px; }
.fenlei_wrap li { float: left; display: block; width: 25%; margin-top: 15px; text-align: center; }
.fenlei_wrap li a { display: inline-block; width: 94%; margin: 0 auto; height: 30px; line-height: 30px; background: #f6f7fb; color: #555; }
.fenlei_wrap li.on a { background: #077cf5; color: #fff; }
.fenlei_wrap .btn { display: block !important; }

.list_tab { overflow: hidden; margin: 12px 0 6px; text-align: center; }
.list_tab a { margin: 0 25px; color: #7d7d7d; font-size: 14px; display: inline-block; line-height: 30px; }
.list_tab a.on { color: #077cf5; border-bottom: 3px solid #077cf5; }

.downl_head { overflow: hidden; padding: 12px; background: #fff; margin: 6px 0; }
.downl_head .item { overflow: hidden; width: 100%; display: flex; }
.downl_head .item .img { display: block; }
.downl_head .item .img, .downl_head .item .img img { width: 70px; height: 70px; border-radius: 12px; }
.downl_head .item .info { flex: 1; height: 70px; margin: 0 12px; }
.downl_head .item .info .bt { font-size: 16px; color: #333; overflow: hidden; height: 24px; line-height: 24px; font-weight: 600; display: block; }
.downl_head .item .info .bt span { font-size: 12px; color: #999; }
.downl_head .item .info ul { overflow: hidden; margin-top: 2px; }
.downl_head .item .info ul li { width: 50%; float: left; height: 24px; line-height: 24px; }
.downl_head .btn { display: block; height: 32px; line-height: 32px; color: #ffff; text-align: center; font-size: 14px; border-radius: 3px; background: #077cf5; margin-top: 15px; }

.img_list { margin: 6px 0 0 6px; overflow-x: auto; overflow-y: hidden; white-space: nowrap; -webkit-overflow-scrolling: touch; }

.img_list ul li { position: relative; margin-right: 6px; display: inline-block; height: 240px; overflow: hidden; background: #f5f5f5; }

.img_list ul li img { height: 240px; border-radius: 6px; width: initial; position: relative; z-index: 1; }

.game_tags { padding: 0 12px; overflow: hidden; margin-top: 12px; }
.game_tags a { float: left; padding: 0 10px; height: 22px; line-height: 22px; border-radius: 12px; font-size: 12px; border: 1px solid #f2f2f2; color: #999; margin: 0 8px 8px 0; }

.Gm_desc { padding: 12px; }
.Gm_desc .tt { font-size: 16px; font-weight: bold; }
.Gm_desc .desc_cont { margin: 12px;}
.Gm_desc .desc_cont h3 { font-size: 15px; color: #077cf5; padding: 10px; position: relative; font-weight: normal; }
.Gm_desc .desc_cont h3:before { content: ''; position: absolute; width: 3px; height: 16px; background: #077cf5; top: 12px; left: 0px; }
.Gm_desc .desc_cont p { font-size: 14px; color: #666; line-height: 26px; }
.Gm_desc .desc_cont p img { max-width: 100%; margin: 4px auto; max-height: 600px; display: block; margin: 0 auto; width: auto; }
.Gm_desc .more_btn { display: block; margin: 10px auto; font-size: 16px; width: 200px; text-align: center; box-shadow: 0 6px 6px #eee; border-radius: 20px; height: 36px; line-height: 36px; background: #fafafa; }
.Gm_desc .art_page { overflow: hidden; margin: 30px auto 0; }
.Gm_desc .art_page p { float: left; width: 50%; line-height: 30px; display: flex; overflow: hidden; }
.Gm_desc .art_page p a { flex: 1; margin-right: 10px; display: inline-block; height: 30px; }

.more_link { line-height: 36px; height: 30px; margin: 10px auto; border-top: 1px solid #eee; font-size: 16px; color: #333; text-align: center; display: block; }

.art_content { overflow: hidden; padding: 12px; }
.art_content h1 { font-size: 16px; color: #111; line-height: 26px; text-align: center; }
.art_content .det_info { overflow: hidden; font-size: 12px; color: #999; line-height: 24px; text-align: left; padding: 10px 0; border-bottom: 1px solid #eee; }
.art_content .det_info span { margin-right: 10px; }
.art_content .art_cont { margin: 10px 0; line-height: 22px; font-size: 14px; color: #555; }
.art_content .art_cont p { margin: 4px auto; }
.art_content .art_cont img { max-width: 98%; margin: 8px auto; width: initial; display: block; }
.art_content .art_cont a { color: #077cf5; }
.art_content .art_cont iframe { max-width: 100%; }
.art_content .art_cont h3 { height: 100%; line-height: 30px; font-size: 18px; color: #333333; padding-left: 12px; background: #EBEBEB; margin: 15px auto; border-left: 10px solid #077cf5; }
.art_content .art_page { overflow: hidden; margin: 30px auto 0; }
.art_content .art_page p { float: left; width: 100%; line-height: 35px; display: flex; overflow: hidden; }
.art_content .art_page p a { flex: 1; margin-right: 10px; display: inline-block; height: 35px; }
.art_content .btn_vide{display: block;margin: 12px auto 16px;background: #077cf5;color: #fff;font-size: 16px;text-align: center;line-height: 36px;border-radius: 8px;width: 60%;box-shadow: 0 4px 5px 2px rgba(0,0,0,.2);font-weight: bold;}

.downl_box { background: #f2f2f3; padding: 12px; position: relative; }
.downl_box .img { display: block; position: absolute; left: 24px; bottom: 12px; z-index: 2; }
.downl_box .img img { width: 100px; height: 100px; border-radius: 16px; display: block; }
.downl_box .info { width: 100%; height: 40px; padding: 5px 0; background: #000; margin-top: 52px; position: relative; z-index: 1; }
.downl_box .info p { padding-left: 130px; color: #fff; line-height: 20px; }
.downl_box .info .btn { position: absolute; right: 12px; bottom: 8px; display: block; padding: 6px 12px; color: #fff; background: #077cf5; border-radius: 3px; }
.downl_head .anzhu,.downl_head .iosp{display: none}