@charset "UTF-8";
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: rgba(0, 0, 0, 0); }

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: 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; }

.line1, .lay1 .swiper-slide .item .infor .xq .js, .lay2 .rList li .list-name, .cList li .item .name, .cList li .item .type span, .cList li .item .js, .xwlist li .item .infor span, .idx-hj .hj-container .item .item-b ul li .name, .idx-hj .hj-container .item .item-b .title a, .rank .rankList .cList li .item .name, .rank .rankList .cList li .item .type span, .rank .rankList .cList li .item .js, .rank-xq .rankList ul li .item .name, .rank-xq .rankList ul li .item .type span, .rank-xq .rankList ul li .item .js, .hj-list .item .item-b ul li .name, .hj-list .item .item-b .title a, .hj-xq .xq-top .top-list .rList li .list-name, .hj-xq .xq-middle .hj-infor span, .wz-title .author span, .wz-title ul li .item .type span, .xzxq-top .game-infor .name, .xzxq-top .game-infor .js, .xzxq-top .game-infor .infor li { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.line2, .xwlist li .item .title, .idx-hj .hj-container .item .item-b .title .js, .hj-list .item .item-b .title .js { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; white-space: pre-wrap; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

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

.content.on { height: 100vh; overflow: hidden; }
.content.on .header .menu { background: url(../images/menu.png) -60px -10px; }
.content.on .header .menulist { display: block; }

::-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: 6px 0; 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 #FF9966; text-indent: 12px; }
.basebox > .bt .more { float: right; font-size: 14px; color: #888; line-height: 25px; text-decoration: none; }

.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%; }

.layout { width: 100%; margin: 0 auto; }
.layout a { display: inline-block; }

.footer { margin-top: 6px; }
.footer .foot { background: #333; padding: 35px 0; text-align: center; }
.footer .foot p { margin-top: 12px; font-size: 13px; color: #999; }

/*page*/
.page { background-color: #FFF; padding: 0px 10px 10px; 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: #FF9966; 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; }

.title-container { width: 100%; display: flex; justify-content: space-between; align-items: center; }
.title-container .text { padding-left: 22px; font-size: 15px; font-weight: bold; color: #222; position: relative; }
.title-container .text::before { content: ''; width: 17px; height: 19px; position: absolute; left: 0; top: 0; background: url(../images/css_sprites.png) -55px -63px; }
.title-container .more { font-size: 12px; color: #9a9a9a; padding-right: 12px; position: relative; }
.title-container .more::before { content: ''; position: absolute; top: 6px; right: 6px; width: 4px; height: 4px; border-radius: 50%; background-color: #AAAAAA; }
.title-container .more::after { content: ''; position: absolute; top: 6px; right: 0; width: 4px; height: 4px; border-radius: 50%; background-color: #CCCCCC; }

.bread {padding: 12px 0 10px;margin: 0 12px;height: 20px;line-height: 20px;white-space: nowrap;overflow: hidden;}
.bread span { font-size: 12px; color: #999; }
.bread a { font-size: 12px; color: #999; position: relative; }
.bread a + a { padding-left: 16px; }
.bread a + a::before { content: '→'; display: inline-block; width: 10px; height: 10px; position: absolute; left: 0; top: 0; color: #999; }

.header { height: 70px; padding: 0 12px; background: linear-gradient(135deg, #e6a15c 30%, #f2d649 70%); overflow: hidden; text-align: center; display: flex; justify-content: space-between; align-items: center; }
.header .logo { height: 36px; width: 16px; }
.header .logo img { height: 36px; width: auto; }
.header .pageTitle { font-size: 16px; color: #FFF; flex: 1; }
.header .menu { width: 30px; height: 30px; display: block; background: url(../images/menu.png) -10px -10px; }
.header .menulist { display: none; padding: 12px; position: absolute; top: 70px; left: 0; z-index: 99; background: #fff; height: calc(100vh - 94px); width: calc(100% - 24px); }
.header .menulist .list1 { width: 100%; overflow: hidden; }
.header .menulist .list1 .menu-nav { margin-top: 13px; }
.header .menulist .list1 .menu-nav li { width: 33%; float: left; text-align: center; display: flex; flex-direction: column; align-items: center; margin-bottom: 20px; }
.header .menulist .list1 .menu-nav li .img { display: inline-block; width: 50%; }
.header .menulist .list1 .menu-nav li .img img { width: 24px; height: 24px; }
.header .menulist .list1 .menu-nav li .img p { font-size: 12px; color: #9a9a9a; margin-top: 5px; }
.header .menulist .list2 { margin-top: 0px; }
.header .menulist .list2 + .list2 { margin-top: 20px; }
.header .menulist .list2 .tablist { display: flex; flex-wrap: wrap; }
.header .menulist .list2 .tablist li { width: 25%; text-align: center; margin-top: 10px; }
.header .menulist .list2 .tablist li a { display: block; width: 90%; height: 24px; border: 1px solid #F1EDED; border-radius: 12px; line-height: 24px; text-align: center; overflow: hidden; margin: 0 auto; color: #656565; }
.header .menulist .close-nav { width: 60%; margin: 0 auto; height: 30px; line-height: 30px; text-align: center; border-radius: 15px; background-color: #FF9966; color: #FFF; margin-top: 20px; }

.lay1 { margin-top: 6px; padding: 10px; background-color: #FFF; }
.lay1 .swiper-slide { overflow: hidden; border-radius: 6px 6px 7px 7px; }
.lay1 .swiper-slide .swiperimg { width: 100%; height: 100%; display: block; border-radius: 6px 6px 7px 7px; overflow: hidden; }
.lay1 .swiper-slide .swiperimg img { width: 100%; height: auto; border-radius: 6px 6px 7px 7px; display: block; }
.lay1 .swiper-slide .item { position: absolute; bottom: 0; left: 0; height: 90px; width: calc(100% - 20px); padding: 0 10px; background: linear-gradient(0deg, #f1eded, white); border-radius: 0 0 6px 6px; }
.lay1 .swiper-slide .item .name { font-size: 14px; color: #333; margin: 10px 0 8px; }
.lay1 .swiper-slide .item .infor { display: flex; align-items: center; }
.lay1 .swiper-slide .item .infor .item-img { width: 45px; height: 45px; border-radius: 6px; }
.lay1 .swiper-slide .item .infor .item-img img { width: 45px; height: 45px; border-radius: 6px; }
.lay1 .swiper-slide .item .infor .xq { flex: 1; margin: 0 9px; overflow: hidden; }
.lay1 .swiper-slide .item .infor .xq .xq-item { overflow: hidden; line-height: 20px; }
.lay1 .swiper-slide .item .infor .xq .xq-item .type { font-size: 12px; color: #999; padding-right: 10px; margin-right: 10px; position: relative; float: left; }
.lay1 .swiper-slide .item .infor .xq .xq-item .type::after { content: ''; position: absolute; right: 0; top: 5px; width: 2px; height: 10px; background-color: #ccc; }
.lay1 .swiper-slide .item .infor .xq .xq-item .score { position: relative; float: left; width: 61px; }
.lay1 .swiper-slide .item .infor .xq .xq-item .score span { position: absolute; width: 61px; height: 9px; display: block; margin-top: 6px; }
.lay1 .swiper-slide .item .infor .xq .xq-item .score span.starGray { background: url(../images/star.png) no-repeat; background-position: 0px -11px; }
.lay1 .swiper-slide .item .infor .xq .xq-item .score span.starGold { background: url(../images/star.png) no-repeat; background-position: 0px 0px; }
.lay1 .swiper-slide .item .infor .xq .js { line-height: 20px; padding-right: 10px; margin-top: 5px; color: #999; }
.lay1 .swiper-slide .item .infor .btn { width: 60px; height: 24px; background-color: #FF9966; border-radius: 12px; color: #FFF; text-align: center; line-height: 24px; }

.pagenav { padding: 10px; background: #FFF; }
.pagenav .nav { display: flex; justify-content: space-between; }
.pagenav .nav li { width: 20%; text-align: center; }
.pagenav .nav li .img { display: inline-block; width: 50%; }
.pagenav .nav li .img img { width: 24px; height: 24px; }
.pagenav .nav li .img p { font-size: 12px; color: #9a9a9a; margin: 5px 0; }

.lay2 { margin-top: 6px; padding: 10px; background: #FFF; overflow: hidden; }
.lay2 .rList { display: flex; flex-wrap: wrap; overflow: hidden; }
.lay2 .rList li { width: 25%; display: flex; flex-direction: column; align-items: center; margin: 12px 0 8px 0; }
.lay2 .rList li .list-img { width: 60px; height: 60px; border-radius: 12px; overflow: hidden; }
.lay2 .rList li .list-img img { width: 60px; height: 60px; border-radius: 12px; }
.lay2 .rList li .list-name { font-size: 12px; color: #333; display: block; padding: 0 5px; width: calc(100% - 10px); margin: 6px 0; text-align: center; }
.lay2 .rList li .list-btn { width: 60px; height: 22px; border: 1px solid #FFDDCC; border-radius: 11px; color: #FF9059; text-align: center; line-height: 22px; }

.lay3 { padding: 10px; margin-top: 6px; background-color: #FFF; }

.cList li { padding: 15px 0; display: flex; align-items: center; }
.cList li + li { border-top: 1px solid #eee; }
.cList li i { width: 25px; height: 33px; display: block; float: left; background: url(../images/css_sprites.png) no-repeat; background-position: -100px -10px; margin-right: 12px; color: #fff; text-align: center; line-height: 45px; font-weight: bold; }
.cList li i.num1 { background-position: -10px -63px; }
.cList li i.num2 { background-position: -10px -10px; }
.cList li i.num3 { background-position: -55px -10px; }
.cList li .c-img { width: 60px; height: 60px; border-radius: 12px; overflow: hidden; }
.cList li .c-img img { width: 60px; height: 60px; border-radius: 12px; }
.cList li .item { display: flex; flex-direction: column; justify-content: space-between; flex: 1; margin: 0 12px; overflow: hidden; }
.cList li .item .name { font-size: 16px; color: #212121; display: block; }
.cList li .item .type { font-size: 12px; color: #999; overflow: hidden; height: 18px; line-height: 18px; }
.cList li .item .type span { max-width: 40%; display: block; }
.cList li .item .type .lineRight { padding-left: 10px; margin-left: 10px; position: relative; }
.cList li .item .type .lineRight::after { position: absolute; left: 0; top: 3px; content: ''; width: 1px; height: 10px; background-color: #CBCBCB; }
.cList li .item .score { position: relative; display: block; height: 9px; width: 61px; margin: 4px 0; }
.cList li .item .score::after { display: block; clear: both; content: ''; }
.cList li .item .score span { position: absolute; width: 61px; height: 9px; display: block; }
.cList li .item .score span.starGray { background: url(../images/star.png) no-repeat; background-position: 0px -11px; }
.cList li .item .score span.starGold { background: url(../images/star.png) no-repeat; background-position: 0px 0px; }
.cList li .item .js { height: 18px; line-height: 18px; color: #999; }
.cList li .c-btn { width: 50px; height: 22px; background: #FF9966; border-radius: 11px; color: #FFF; line-height: 22px; text-align: center; }

.xwlist li { display: flex; padding: 15px 0; }
.xwlist li + li { border-top: 1px solid #eee; }
.xwlist li .xw-img { width: 105px; height: 60px; border-radius: 4px; overflow: hidden; }
.xwlist li .xw-img img { width: 105px; height: 60px; border-radius: 4px; }
.xwlist li .item { flex: 1; margin-left: 12px; overflow: hidden; }
.xwlist li .item .title { font-size: 14px; color: #343434; }
.xwlist li .item .infor { margin-top: 2px; font-size: 12px; color: #999; height: 20px; line-height: 20px; overflow: hidden; }
.xwlist li .item .infor span { font-size: 12px; color: #9A9A9A; max-width: 45%; display: block; }
.xwlist li .item .infor span i { color: #565656; }

.lay4 { padding: 10px; margin-top: 6px; background-color: #fff; }

.idx-hj { padding: 10px; margin-top: 6px; background-color: #FFF; }
.idx-hj .hj-container { margin-top: 10px; }
.idx-hj .hj-container .swiper-slide { width: 150px; }
.idx-hj .hj-container .item { border: 1px solid #E6E2E1; float: left; width: 150px; }
.idx-hj .hj-container .item .hj-img { width: 150px; height: 75px; }
.idx-hj .hj-container .item .hj-img img { width: 150px; height: 75px; }
.idx-hj .hj-container .item .item-b { padding: 10px; }
.idx-hj .hj-container .item .item-b ul { overflow: hidden; margin-bottom: 5px; display: flex; justify-content: space-between; }
.idx-hj .hj-container .item .item-b ul li { width: 30%; float: left; text-align: center; }
.idx-hj .hj-container .item .item-b ul li .img { width: 100%; height: auto; border-radius: 6px; overflow: hidden; display: block; }
.idx-hj .hj-container .item .item-b ul li .img img { width: 100%; height: auto; border-radius: 6px; }
.idx-hj .hj-container .item .item-b ul li .name { margin-top: 8px; font-size: 12px; color: #666; display: block; line-height: 20px; }
.idx-hj .hj-container .item .item-b .title { border-top: 1px solid #eee; }
.idx-hj .hj-container .item .item-b .title a { display: block; width: 100%; font-size: 14px; color: #333333; font-weight: bold; margin: 10px 0; }
.idx-hj .hj-container .item .item-b .title .js { font-size: 12px; color: #666; line-height: 20px; height: 40px; overflow: hidden; }

.lay5 { padding: 10px; margin-top: 6px; background: #FFF; }
.lay5 .tabs { display: flex; justify-content: space-between; }
.lay5 .tabs span { display: block; width: 110px; height: 24px; border-radius: 12px; color: #666; line-height: 24px; text-align: center; border: 1px solid #F2EEED; }
.lay5 .tabs span.on { border: none; background: linear-gradient(135deg, #e6a15c 30%, #f2d649 70%); color: #FFF; }

.alink { padding: 10px; margin-top: 6px; background-color: #FFF; }
.alink .linkList { margin-top: 12px; }
.alink .linkList a { font-size: 12px; color: #555; display: inline-block; margin: 0 8px 8px; }

.head-nav { padding: 0 10px; white-space: nowrap; overflow-x: auto; background-color: #FFF; height: 40px; line-height: 40px; overflow-y: hidden; display: flex; flex-wrap: nowrap; }
.head-nav a { flex: 1; font-size: 14px; text-align: center; text-decoration: none; display: inline-block; position: relative; color: #333; }
.head-nav a + a { margin-left: 10px; }
.head-nav a.on { color: #ff9159; }

.rank { padding: 10px; background: #FFF; }
.rank .rankList .cList { display: none; }
.rank .rankList .cList.on { display: block; }
.rank .rankList .cList li { padding: 15px 0; display: flex; align-items: center; }
.rank .rankList .cList li + li { border-top: 1px solid #eee; }
.rank .rankList .cList li i { width: 25px; height: 33px; display: block; float: left; background: url(../images/css_sprites.png) no-repeat; background-position: -100px -10px; margin-right: 12px; color: #fff; text-align: center; line-height: 45px; font-weight: bold; }
.rank .rankList .cList li i.num1 { background-position: -10px -63px; }
.rank .rankList .cList li i.num2 { background-position: -10px -10px; }
.rank .rankList .cList li i.num3 { background-position: -55px -10px; }
.rank .rankList .cList li .c-img { width: 60px; height: 60px; border-radius: 12px; overflow: hidden; }
.rank .rankList .cList li .c-img img { width: 60px; height: 60px; border-radius: 12px; }
.rank .rankList .cList li .item { display: flex; flex-direction: column; justify-content: space-between; flex: 1; margin: 0 12px; overflow: hidden; }
.rank .rankList .cList li .item .name { font-size: 12px; color: #212121; display: block; }
.rank .rankList .cList li .item .score { position: relative; display: block; height: 9px; width: 61px; margin: 7px 0; }
.rank .rankList .cList li .item .score::after { display: block; clear: both; content: ''; }
.rank .rankList .cList li .item .score span { position: absolute; width: 61px; height: 9px; display: block; }
.rank .rankList .cList li .item .score span.starGray { background: url(../images/star.png) no-repeat; background-position: 0px -11px; }
.rank .rankList .cList li .item .score span.starGold { background: url(../images/star.png) no-repeat; background-position: 0px 0px; }
.rank .rankList .cList li .item .type { font-size: 12px; color: #999; line-height: 16px; }
.rank .rankList .cList li .item .type span { max-width: 40%; display: block; }
.rank .rankList .cList li .item .type .lineRight { padding-left: 10px; margin-left: 10px; position: relative; }
.rank .rankList .cList li .item .type .lineRight::after { position: absolute; left: 0; top: 3px; content: ''; width: 1px; height: 10px; background-color: #CBCBCB; }
.rank .rankList .cList li .item .js { color: #555; }
.rank .rankList .cList li .c-btn { width: 50px; height: 22px; background: #FF9966; border-radius: 11px; color: #FFF; line-height: 22px; text-align: center; }
.rank .tabs { display: flex; justify-content: space-between; }
.rank .tabs .rTabs { flex: 1; cursor: pointer; display: block; margin: 0 10px; height: 24px; border-radius: 12px; color: #666; line-height: 24px; text-align: center; border: 1px solid #F2EEED; }
.rank .tabs .rTabs.on { border: none; background: linear-gradient(135deg, #e6a15c 30%, #f2d649 70%); color: #FFF; }

.rm-rank { padding: 10px; margin-top: 6px; background-color: #FFF; }
.rm-rank .rank-list { display: flex; flex-wrap: wrap; }
.rm-rank .rank-list li { width: 33%; margin-top: 10px; text-align: center; }
.rm-rank .rank-list li a { width: 90%; height: 24px; background-color: #FAF6F5; color: #666; text-align: center; line-height: 24px; border-radius: 4px; width: calc(100% - 10px); overflow: hidden;}

.rank-xq { padding: 10px; background-color: #fff; }
.rank-xq .xq-top { padding-bottom: 10px; border-bottom: 1px solid #F2EEED; }
.rank-xq .xq-top h1 { font-size: 16px; text-align: center; color: #222; }
.rank-xq .xq-top .js { margin-top: 10px; font-size: 12px; line-height: 24px; color: #333; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; white-space: pre-wrap; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.rank-xq .rankList ul li { padding: 15px 0; display: flex; align-items: center; }
.rank-xq .rankList ul li + li { border-top: 1px solid #F2EEED; }
.rank-xq .rankList ul li i { width: 25px; height: 33px; display: block; float: left; background: url(../images/css_sprites.png) no-repeat; background-position: -100px -10px; margin-right: 12px; color: #fff; text-align: center; line-height: 45px; font-weight: bold; }
.rank-xq .rankList ul li i.num1 { background-position: -10px -63px; }
.rank-xq .rankList ul li i.num2 { background-position: -10px -10px; }
.rank-xq .rankList ul li i.num3 { background-position: -55px -10px; }
.rank-xq .rankList ul li .c-img { width: 60px; height: 60px; border-radius: 12px; overflow: hidden; }
.rank-xq .rankList ul li .c-img img { width: 60px; height: 60px; border-radius: 12px; }
.rank-xq .rankList ul li .item { display: flex; flex-direction: column; justify-content: space-between; flex: 1; margin: 0 12px; overflow: hidden; }
.rank-xq .rankList ul li .item .name { font-size: 12px; color: #212121; display: block; }
.rank-xq .rankList ul li .item .score { position: relative; display: block; height: 9px; width: 61px; margin: 7px 0; }
.rank-xq .rankList ul li .item .score::after { display: block; clear: both; content: ''; }
.rank-xq .rankList ul li .item .score span { position: absolute; width: 61px; height: 9px; display: block; }
.rank-xq .rankList ul li .item .score span.starGray { background: url(../images/star.png) no-repeat; background-position: 0px -11px; }
.rank-xq .rankList ul li .item .score span.starGold { background: url(../images/star.png) no-repeat; background-position: 0px 0px; }
.rank-xq .rankList ul li .item .type { font-size: 12px; color: #999; line-height: 16px; }
.rank-xq .rankList ul li .item .type span { max-width: 40%; display: block; }
.rank-xq .rankList ul li .item .type .lineRight { padding-left: 10px; margin-left: 10px; position: relative; }
.rank-xq .rankList ul li .item .type .lineRight::after { position: absolute; left: 0; top: 3px; content: ''; width: 1px; height: 10px; background-color: #CBCBCB; }
.rank-xq .rankList ul li .item .js { color: #555; }
.rank-xq .rankList ul li .c-btn { width: 50px; height: 22px; background: #FF9966; border-radius: 11px; color: #FFF; line-height: 22px; text-align: center; }

.hj-list { padding: 10px; background-color: #FFF; display: flex; flex-wrap: wrap; justify-content: space-between; }
.hj-list .item { border: 1px solid #E6E2E1; width: 48.2%; background-color: #FFF; margin-bottom: 15px; }
.hj-list .item .hj-img { width: 100%; min-height: 86px; }
.hj-list .item .hj-img img { width: 100%; height: 100%; display: block; }
.hj-list .item .item-b { padding: 10px; }
.hj-list .item .item-b ul { overflow: hidden; margin-bottom: 5px; display: flex; justify-content: space-between; }
.hj-list .item .item-b ul li { width: 30%; float: left; text-align: center; }
.hj-list .item .item-b ul li .img { width: 100%; height: auto; border-radius: 6px; overflow: hidden; display: block; }
.hj-list .item .item-b ul li .img img { display: block; width: 100%; height: 100%; border-radius: 6px; max-width: 70px; margin: 0 auto; }
.hj-list .item .item-b ul li .name { margin-top: 8px; font-size: 12px; color: #666; display: block; line-height: 20px; }
.hj-list .item .item-b .title { border-top: 1px solid #eee; }
.hj-list .item .item-b .title a { display: block; width: 100%; font-size: 14px; color: #333333; font-weight: bold; margin: 10px 0; }
.hj-list .item .item-b .title .js { font-size: 12px; color: #999; line-height: 20px; height: 40px; overflow: hidden; }

.hj-xq .xq-top { background-color: #FFF; display: flex; padding: 10px 10px 0; justify-content: center; }
.hj-xq .xq-top .top-list { border-radius: 10px; overflow: hidden; width: 100%; position: relative; }
.hj-xq .xq-top .top-list .top-img {width: 100%;height: 100%;display: block;position: absolute;left: 0;top: 0;filter: blur(3px);}
.hj-xq .xq-top .top-list .rList {display: flex;flex-wrap: wrap;justify-content: center;overflow: hidden;padding: 10px 10px 15px;position: relative;left: 0;background: linear-gradient(to top, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9), transparent);}
.hj-xq .xq-top .top-list .rList li { width: 30%; display: flex; flex-direction: column; align-items: center; padding-top: 20px; }
.hj-xq .xq-top .top-list .rList li:nth-child(odd) { margin-top: 30px; }
.hj-xq .xq-top .top-list .rList li .list-img { width: 60px; height: 60px; border-radius: 12px; overflow: hidden; }
.hj-xq .xq-top .top-list .rList li .list-img img { width: 60px; height: 60px; border-radius: 12px; }
.hj-xq .xq-top .top-list .rList li .list-name { font-size: 14px; color: #222; display: block; padding: 0 5px; width: calc(100% - 10px); margin: 6px 0; text-align: center; }
.hj-xq .xq-top .top-list .rList li .lx { font-size: 12px; color: #666; }
.hj-xq .xq-top .top-list .rList li .list-btn { width: 60px; height: 22px; margin-top: 6px; background-color: #FF9966; border-radius: 11px; color: #fff; text-align: center; line-height: 22px; }
.hj-xq .xq-middle { padding: 10px; background-color: #fff; padding-bottom: 10px; margin-bottom: 10px; }
.hj-xq .xq-middle h1 { font-size: 18px; text-align: center; color: #222; }
.hj-xq .xq-middle .hj-infor { text-align: center; border-bottom: 1px solid #F2EEED; }
.hj-xq .xq-middle .hj-infor span { display: inline-block; margin: 14px 10px; font-size: 12px; color: #9A9A9A; max-width: 40%; }
.hj-xq .xq-middle .hj-infor span i { color: #565656; font-size: 12px; }
.hj-xq .xq-middle .js { margin-top: 14px; line-height: 24px; font-size: 12px; color: #333; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; white-space: pre-wrap; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.hj-xq .cList { padding: 0 15px; background-color: #fff; }

.wzlist { padding: 0 10px; background-color: #fff; }
.wzlist .xwlist li { padding: 15px 0; }

.wz-title { padding: 10px; background-color: #FFF; }
.wz-title h1 { font-size: 16px; color: #343434; line-height: 32px; }
.wz-title .author { font-size: 12px; padding: 15px 0 15px; border-bottom: 1px solid #F2EEED; }
.wz-title .author span { color: #9a9a9a; display: inline-block; width: 46%; margin-right: 2%; }
.wz-title .author span i { color: #565656; }
.wz-title ul { padding: 14px 0; border-radius: 0 0 6px 6px; background: linear-gradient(to top, #F2EEED, #FFF); }
.wz-title ul li { display: flex; margin: 0 10px; }
.wz-title ul li img { width: 36px; height: 36px; border-radius: 6px; }
.wz-title ul li .item { flex: 1; margin: 0 12px; }
.wz-title ul li .item .name { line-height: 18px; }
.wz-title ul li .item .type { font-size: 12px; color: #999; overflow: hidden; height: 16px; line-height: 16px; }
.wz-title ul li .item .type span { max-width: 40%; display: block; }
.wz-title ul li .item .type .lineRight { padding-left: 10px; margin-left: 10px; position: relative; }
.wz-title ul li .item .type .lineRight::after { position: absolute; left: 0; top: 3px; content: ''; width: 1px; height: 10px; background-color: #CBCBCB; }
.wz-title ul li .c-btn { width: 60px; height: 24px; background: #FF9E02; border-radius: 12px; line-height: 24px; text-align: center; color: #FFF; margin-top: 6px; }

.wzd-text { padding: 0 12px 12px; background-color: #FFF; font-size: 14px; line-height: 28px;  position: relative; }
.wzd-text.on { height: initial; }
.wzd-text img { max-width: 80%; width: auto; display: block; margin: 8px auto; }
.wzd-text p { padding-top: 5px; font-size: 14px; line-height: 28px; }
.wzd-text p a{ color: #F66; }
.wzd-text h3 { height: 40px; line-height: 45px; font-size: 16px; color: #F66; }
.wzd-text .openAll { width: 100%; height: 60px; background-color: #FFF; position: absolute; bottom: 0; left: 0; }
.wzd-text .openAll .text { width: 86%; height: 30px; background-color: #F2EEED; border-radius: 15px; text-align: center; line-height: 30px; padding: 0; margin: 10px auto; }
.wzd-text table{border-spacing: 0;    border-collapse: collapse;  }
.wzd-text table td{border: 1px solid #333}

.xz-typelist { margin-bottom: 6px; padding: 10px; background-color: #FFF; display: flex; flex-wrap: wrap; }
.xz-typelist li { width: 25%; text-align: center; margin: 5px 0; }
.xz-typelist li.on a { background-color: #FF9966; color: #FFF; }
.xz-typelist li a { font-size: 12px; width: 84%; height: 24px; border-radius: 4px; border: 1px solid #F2EEED; text-align: center; line-height: 24px; }

.xzxq-top { height: 290px; background: linear-gradient(135deg, #88b4e1, #8ae9b8); padding: 0 10px; overflow: hidden; }
.xzxq-top .game-infor { height: 215px; margin-top: 60px; border-radius: 2px; background-color: #FFF; display: flex; flex-direction: column; align-items: center; }
.xzxq-top .game-infor img { width: 70px; height: 70px; border-radius: 12px; margin-top: -35px; }
.xzxq-top .game-infor .name { font-size: 18px; color: #333; width: 90%; text-align: center; margin: 8px 0; }
.xzxq-top .game-infor .js { font-size: 12px; color: #555; width: 90%; text-align: center; margin-bottom: 5px; }
.xzxq-top .game-infor .game-btn { width: 90%; height: 26px; line-height: 26px; text-align: center; color: #FFF; font-weight: bold; font-size: 12px; background: linear-gradient(-45deg, #F48249, #F2B560); border-radius: 13px; display: none; }
.xzxq-top .game-infor .game-btn.on { display: block; }
.xzxq-top .game-infor .game-no { width: 90%; height: 26px; line-height: 26px; text-align: center; color: #FFF; font-size: 12px; background: #F1EDED; border-radius: 13px; color: #656565; }
.xzxq-top .game-infor .game-no.on { display: block; }
.xzxq-top .game-infor .infor { display: flex; flex-wrap: wrap; justify-content: space-between; width: 90%; margin-top: 5px; }
.xzxq-top .game-infor .infor li { width: 40%; padding: 3px 0; color: #999; }
.xzxq-top .game-infor .infor li i { color: #333; }
.xzxq-top .game-infor .infor li .pf { float: left; }
.xzxq-top .game-infor .infor li .score { position: relative; float: left; width: 61px; }
.xzxq-top .game-infor .infor li .score span { position: absolute; width: 61px; height: 9px; display: block; margin-top: 4px; }
.xzxq-top .game-infor .infor li .score span.starGray { background: url(../images/star.png) no-repeat; background-position: 0px -11px; }
.xzxq-top .game-infor .infor li .score span.starGold { background: url(../images/star.png) no-repeat; background-position: 0px 0px; }

.imgslide { padding: 12px; background-color: #FFF; margin: 6px 0; }
.imgslide ul { white-space: nowrap; overflow-y: scroll; }
.imgslide ul li { display: inline-block; }
.imgslide ul li + li { margin-left: 5px; }
.imgslide ul li img { width: auto; height: 180px; }

.namejs { padding: 12px 12px 0; background-color: #FFF; }

.error { height: calc(100vh - 224px); background: #FFF url(../images/error.png) no-repeat center; background-size: 100% auto; }