@charset "UTF-8";

.clearfix::before, .clearfix::after { content: ""; display: table; }



.clearfix::after { clear: both; }



*, *::before, *::after { box-sizing: border-box; /* 修改默认盒模型 */ -webkit-text-size-adjust: 100%; /* IOS 横屏时默认字体为140%；旋转屏幕时，字体大小不变 */ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* 修正 IOS 和 Android 可点击元素的高亮颜色 */ -webkit-tap-highlight-color: transparent; /* i.e. Nexus5/Chrome and Kindle Fire HD 7'' */ -webkit-touch-callout: none; }



/** 尽可能使用系统原生字体，PC上很多字体手机端并没有，保留Arial用于PC端调试; */

html, body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }



html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; }



/* 清除内外边距 */

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, th, td, pre, fieldset, lengend, button, input, textarea { margin: 0; padding: 0; }



h1, h2, h3, h4, h5, h6 { font-weight: normal; line-height: 1.4em; }



h1 { font-size: 2em; }



h2 { font-size: 1.4em; }



h3 { font-size: 1.2em; }



h4, h5, h6 { font-size: 1em; }



/** 重置标签元素 1. Remove the gray background on active links in IE 10. 2. Remove gaps in links underline in iOS 8+ and Safari 8+. 3. 当在iOS上触摸并按住一个元素的时候，Safari会展示一个关于这个链接的callout信息。禁用该属性。 */

a { text-decoration: none; background-color: transparent; /* 1 */ -webkit-text-decoration-skip: objects; /* 2 */ -webkit-touch-callout: none; /* 3 */ color: inherit; }



img { max-width: 100%; -webkit-touch-callout: none; /* 见 <a> */ }



/* 重置列表元素 */

ol, ul { list-style: none; }



/* 重置表格元素 */

table { border-collapse: collapse; border-spacing: 0; }



div { border: none; box-shadow: none; }



/* Add the correct display in IE 9-.*/

article, aside, footer, header, nav, section { display: block; }



/* 统一等宽字体 */

code, kbd, pre, samp, tt { font-family: "Courier New", monospace, Courier; }



/** 1. Remove the bottom border in Chrome 57- and Firefox 39-. 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */

abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ }



/* reset the correct font weight in Chrome, Edge, and Safari. */

b, strong { font-weight: bolder; }



/* Add the correct background and color in IE 9-.*/

mark { background-color: #ff0; color: #000; }



/* Add the correct font size in all browsers.*/

small { font-size: 80%; }



/** Prevent `sub` and `sup` elements from affecting the line height in all browsers. */

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }



sub { bottom: -0.25em; }



sup { top: -0.5em; }



/** Add the correct display in IE 9-. */

audio, video { display: inline-block; }



/* Hide the overflow in IE. */

svg:not(:root) { overflow: hidden; }



/* Add the correct display in IE 9-. */

canvas { display: inline-block; }



/* Add the correct display in IE. */

template { display: none; }



/* Add the correct display in IE 10-.*/

[hidden] { display: none; }



/* Correct the padding in Firefox. */

fieldset { padding: 0.35em 0.75em 0.625em; }



/** 1. Add the correct display in IE 9-. 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. */

progress { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ }



/* ------------------Form------------------ */

/** 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` controls in Android 4. 2. Correct the inability to style clickable types in iOS and Safari. */

button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; /* 2 */ }



/* Remove the inner border and padding in Firefox. */

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }



/* Restore the focus styles unset by the previous rule. */

button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }



/** 1. Add the correct box sizing in IE 10-. 2. Remove the padding in IE 10-. */

[type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }



/* Correct the cursor style of increment and decrement buttons in Chrome. */

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }



/* 取消chrome下默认的文本框聚焦样式 */

input, textarea { outline: none; }



/* 移除 chrome 自动补全时黄色背景 */

input:-webkit-autofill { -webkit-box-shadow: 0 0 0 30px white inset; }



/* 修改占位文字的默认样式 */

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



/* 移除 chrome 自动补全时黄色背景 */

i, em { font-style: normal; }



.g-hd, .m-i-cate, .g-title, .m-art-list .l-a, .m-art-list .info, .m-art-list .detail, .m-mg-tab, .m-app-tab .inner, .m-app-cate-list .item, .m-app-rank a, .m-app-pos .info, .m-app-art .tab ul, .m-news-list .imgs, .m-news-list .inner, .m-n-list .item, .m-n-list .detail, .m-wg-rec, .m-rank-tab .inner, .m-zt-t-img .title, .m-guide-list .imgs, .m-guide-list .inner, .m-guide-list .inner .detail, .m-guide-nav .inner { display: -webkit-box; display: -webkit-flex; display: flex; }



.fl { float: left; }



.fr { float: right; }



.ellipsis, .m-i-p-app p, .m-f-links span, .m-sub-app p, .m-app-rank .title, .m-app-pos .detail span, .m-read-about li a, .m-news-txt, .m-news-list .multi .title, .m-wg-rec .title, .m-sub-cate a, .m-zt-list .list p, .m-s-nec .n-l p, .m-zt-t-img .txt { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }



.full-width { width: 100%; }



.word-break { white-space: normal; word-wrap: break-word; word-break: break-all; }



.ta-l { text-align: left; }



.ta-r { text-align: right; }



.ta-c { text-align: center; }



.ovh { overflow: hidden; }



html { font-size: 20vw; }

@media screen and (max-width: 320px) { html { font-size: 64px; } }

@media screen and (min-width: 540px) { html { font-size: 108px; } }



body { max-width: 540px; min-width: 320px; }



body { margin: 0 auto; font-family: "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif; line-height: 1.5; font-size: 14px; color: #333; background: #f5f6f8; overflow-x: hidden; }



.modal-open { position: fixed; width: 100%; }



.c-bb, .m-guide-nav { position: relative; z-index: 1; }

.c-bb:after, .m-guide-nav:after { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; pointer-events: none; border-style: solid; border-color: #ededed; border-width: 0 0 1px 0; }

@media only screen and (-webkit-min-device-pixel-ratio: 2) { .c-bb:after, .m-guide-nav:after { width: 200%; height: 200%; -webkit-transform: scale(0.5); transform: scale(0.5); -webkit-transform-origin: 0 0; transform-origin: 0 0; } }



.c-tb, .p-app-art .c-sect, .m-app-art .tab, .m-news-txt, .m-news-list, .m-news-art, .m-xzh, .p-news-art .c-sect { position: relative; z-index: 1; }

.c-tb:after, .p-app-art .c-sect:after, .m-app-art .tab:after, .m-news-txt:after, .m-news-list:after, .m-news-art:after, .m-xzh:after, .p-news-art .c-sect:after { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; pointer-events: none; border-style: solid; border-color: #ededed; border-width: 1px 0 1px 0; }

@media only screen and (-webkit-min-device-pixel-ratio: 2) { .c-tb:after, .p-app-art .c-sect:after, .m-app-art .tab:after, .m-news-txt:after, .m-news-list:after, .m-news-art:after, .m-xzh:after, .p-news-art .c-sect:after { width: 200%; height: 200%; -webkit-transform: scale(0.5); transform: scale(0.5); -webkit-transform-origin: 0 0; transform-origin: 0 0; } }



.c-blue { color: #358ff0; }



.c-l-gray { color: #999; }



.m-art-cont { font-size: 0.2315rem; line-height: 0.4444rem; word-wrap: break-word; word-break: break-all; clear:both;}

.m-art-cont p { text-align: justify; margin-top: 0.1389rem; margin-bottom: 0.1389rem; }

.m-art-cont p img { margin-top: 0; margin-bottom: 0; }

.m-art-cont .intro-tit { margin: 0.2778rem 0 0.1852rem; border-bottom: 2px solid #ededed; }

.m-art-cont .intro-tit span { font-weight: bold; display: inline-block; margin-bottom: -2px; border-bottom: 2px solid #358ff0; }

.m-art-cont img { vertical-align: top; margin: 0.0926rem auto; }



.g-star { display: inline-block; width: 0.9491rem; height: 0.1435rem; background: 0 0 url(../images/c_star.png) no-repeat; background-size: 1.9444rem 0.1435rem; }

.g-star.star-0 { background-position: 100% 0; }

.g-star.star-1 { background-position: 80% 0; }

.g-star.star-2 { background-position: 60% 0; }

.g-star.star-3 { background-position: 40% 0; }

.g-star.star-4 { background-position: 20% 0; }

.g-star.star-5 { background-position: 0 0; }



.ico-see, .m-art-list .detail i, .m-n-list i, .m-guide-list i { display: inline-block; width: 0.2315rem; height: 0.1389rem; background-image: url(../other/YAAAAASUVORK5CYII=); background-repeat: no-repeat; background-size: 100%; background-position: center; }



.ico-search, .c-search .btn { width: 0.4167rem; background: #fff url(../other/cjgYvFU6CzJkLfc+Q6aGaNrAP8AZ3eAhiUe84QNzxUE3R8LS57RI2Hy9BFM0te4CHHqrbGe7PDMLrayyIes1JnGwP1QlhJ4hFveCeeq5U3QhLQSwql3uEVgCFfJzo0zgUblbsvmj8I8AAUG1Mv1ZaGqkAAAAASUVORK5CYII=) center no-repeat; background-size: 0.2407rem 0.2407rem; height: 0.3796rem; }



.ico-cate, .h-soft { width: 0.3241rem; height: 0.3241rem; background: url(../other/dtD8fl0vcT5NMxRQEjz+v6TMpWrmkaTUr2d6VILRxyaxmisiMQ4r4K8AA2kR2bpRSjxcAAAAASUVORK5CYII=) center no-repeat; background-size: 100%; }



.ico-r-arrow, .g-title .more i { width: 0.1019rem; height: 0.2778rem; background: url(../other/AgwAZEdrzpc7duQAAAAASUVORK5CYII=) center no-repeat; background-size: 100%; }



.ico-i-txt, .m-news-list .multi .detail { background: url(../other/BBgAL0lzHWI4PYEAAAAASUVORK5CYII=) 0 center no-repeat; }



.ico-gtop, .m-gtop { width: 0.5556rem; height: 0.5556rem; background: rgba(0, 0, 0, 0.2) url(../other/gAaoDN8TRQBLL835+DcWr8jwADAOgg5VyT7DQFAAAAAElFTkSuQmCC) center no-repeat; background-size: 0.3241rem 0.1667rem; }



.ico-dl, .m-app-rank .btn { background: #358ff0 center url(../other/K2ALt8uP+FlAXq4KBV7mBRgAumyUVac2Rv4AAAAASUVORK5CYII=) no-repeat; background-size: 0.2407rem 0.2407rem; }



.ico_p_l, .m-app-pages .btn.prev { background: url(../other/ip+QqIXOf697dQw00GMw2UfQ2vqQZv3AqAWqSA4nkLeGJSbLtJmpn4CnRbdeaizZoS3mbPFWuzJ5G1sRG128S0V23yfpRt6kbd2n6NvoN522ek4Nr2DRweAJntaTU0FwEGAHF+nij01xJBAAAAAElFTkSuQmCC) center no-repeat; background-size: 0.1111rem 0.1852rem; }



.ico_p_r, .m-app-pages .btn.next { background: url(../other/CmuQ+CbMm4vLaIbZEGhLbFNcDZFtcAZ1tc3otEtoRdgdiWMAEqW4ICiFqtLUEBFfwvezW2FDrklFW7Z1uOXWwJWsErWAQdfGEfsi25KO7SHwEGAPpvm661WFXjAAAAAElFTkSuQmCC) center no-repeat; background-size: 0.1111rem 0.1852rem; }



.ico_tips, .m-app-pos .tips { background: url(../other/5o3PFibwgHtIzKm8qM4caLGwUU3ESHzFW2GS3hU+D8QC+wO+F2w5aFixCQAAAABJRU5ErkJggg==) center no-repeat; background-size: 0.1528rem 0.1528rem; }



.c-hide { display: none; }



.g-hd { background: #358ff0; height: 0.6481rem; padding-left: 0.1389rem; padding-right: 0.1481rem; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; position: relative; z-index: 100; }



.logo { width: 1.4907rem; height: 0.3796rem; display: block; position: relative; top: -0.0093rem; }



.c-search { width: 2.5463rem; border-radius: 0.0185rem; background: #fff; height: 0.3796rem; overflow: hidden; display: block; }

.c-search .btn { float: right; border-left: 1px solid #ededed; border-radius: 0 0.0185rem 0.0185rem 0; }



.h-soft { display: block; }



.g-nav { width: 100%; background: #fff; font-size: 0; position: relative; z-index: 1; }

.g-nav:after { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; pointer-events: none; border-style: solid; border-color: #e0e0e0; border-width: 0 0 1px 0; }

@media only screen and (-webkit-min-device-pixel-ratio: 2) { .g-nav:after { width: 200%; height: 200%; -webkit-transform: scale(0.5); transform: scale(0.5); -webkit-transform-origin: 0 0; transform-origin: 0 0; } }

.g-nav .scroll { overflow: hidden; height: 0.6204rem; }

.g-nav .inner { white-space: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; height: 0.9444rem; margin-left: -0.0926rem; }

.g-nav .n-a { display: inline-block; vertical-align: top; padding: 0.1296rem 0.287rem 0.1111rem; color: #3c3c3c; }

.g-nav .n-a span { display: inline-block; line-height: 0.3611rem; font-size: 0.25rem; }

.g-nav .n-a.cur { color: #358ff0; }

.g-nav .n-a.cur span { border-bottom: 2px solid #358ff0; }



.m-slider { height: 2.3843rem; overflow: hidden; position: relative; z-index: 1; }

.m-slider .npos { position: absolute; z-index: 2; bottom: 0.1389rem; text-align: center; font-size: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.m-slider .npos li { display: inline-block; background: #fff; width: 0.1389rem; height: 0.1389rem; border-radius: 999px; }

.m-slider .npos li + li { margin-left: 0.1389rem; }

.m-slider .npos li.on { background: #358ff0; }



.m-i-cate { text-align: center; background: #fff; border-bottom: 1px solid #ededed; padding-top: 0.2037rem; padding-bottom: 0.0926rem; font-size: 0.1944rem; line-height: 0.4074rem; margin-bottom: 0.1389rem; }

.m-i-cate img { width: 0.7407rem; vertical-align: top; }

.m-i-cate a { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; }



.c-sect {  clear:both;background: #fff; padding-top: 0.1204rem; padding-bottom: 0.1389rem; margin-bottom: 0.1389rem; }

.c-sect.mb0 { margin-bottom: 0; }



.g-title { position: relative; line-height: 0.4444rem; height: 0.4444rem; }

.g-title span { font-size: 0.25rem; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; padding-left: 0.2037rem; display: block; }

.g-title span:before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; height: 0.4444rem; width: 3px; background: #358ff0; }

.g-title .more { padding-right: 0.2037rem; font-size: 0.2222rem; display: block; color: #889396; position: relative; }

.g-title .more em { display: inline-block; vertical-align: middle; height: 0.2778rem; line-height: 0.2778rem; border-top: 1px solid transparent; }

.g-title .more i { content: ''; display: inline-block; vertical-align: middle; margin-left: 0.0463rem; }



.m-i-p-app { font-size: 0; padding-top: 0.0648rem; }

.m-i-p-app .inner { height: 1.3426rem; overflow: hidden; }

.m-i-p-app p { font-size: 0.1944rem; line-height: 0.3333rem; margin-top: 0.0741rem; }

.m-i-p-app a { width: 1.0278rem; margin: 0 0.1111rem; display: inline-block; text-align: center; margin-top: 0.1111rem; position: relative; }

.m-i-p-app img { width: 0.8426rem; height: 0.8426rem; vertical-align: top; }

.m-i-p-app.sort i { width: 0.213rem; height: 0.2963rem; line-height: 0.2778rem; color: #fff; border-radius: 0 0 0.1019rem 0.1019rem; position: absolute; left: 0.2315rem; top: 0; z-index: 2; font-size: 0.1852rem; }

.m-i-p-app.sort a:first-child i { background: #f44334; }

.m-i-p-app.sort a:nth-child(2) i { background: #fe7416; }

.m-i-p-app.sort a:nth-child(3) i { background: #fab805; }

.m-i-p-app.sort a:nth-child(4) i { background: #c4d0db; }



.m-scroll-img { padding-top: 0.1204rem; height: 1.3472rem; overflow: hidden; font-size: 0; }

.m-scroll-img .inner { padding: 0 0.2037rem; height: 1.6204rem; white-space: nowrap; overflow-y: hidden; overflow-x: auto; -webkit-overflow-scrolling: touch; white-space: nowrap; }

.m-scroll-img .inner::-webkit-scrollbar { dislay: none; }

.m-scroll-img a { width: 2.5741rem; display: inline-block; vertical-align: top; border-radius: 0.0185rem; overflow: hidden; }

.m-scroll-img a + a { margin-left: 0.1389rem; }



.m-art-list { padding: 0 0.2037rem; }

.m-art-list .img { width: 1.5rem; border-radius: 0.0093rem; overflow: hidden; }

.m-art-list .l-a { height: 1.5463rem; padding-top: 0.2778rem; padding-bottom: 0.1389rem; }

.m-art-list .l-a + .l-a { border-top: 1px dashed #bdbdbd; margin-top: 0.1389rem; }

.m-art-list .info { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; padding-left: 0.2037rem; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }

.m-art-list .desc { font-size: 0.2222rem; line-height: 0.3889rem; height: 0.7778rem; overflow: hidden; position: relative; top: -0.0556rem; }

.m-art-list .detail { font-size: 0.1667rem; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; line-height: 0.1852rem; color: #a4a4a4; }

.m-art-list .detail i { margin-right: 0.0741rem; }



.m-f-links { font-size: 0; padding-left: 0.0278rem; position: relative; padding-bottom: 0.463rem; z-index: 2; }

.m-f-links a { width: 1.4259rem; margin: 0.1852rem 0 0 0.1667rem; display: inline-block; text-align: center; height: 0.3889rem; position: relative; z-index: 1; }

.m-f-links a:after { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; pointer-events: none; border-style: solid; border-color: #bdbdbd; border-width: 1px 1px 1px 1px; border-radius: 0.1944rem; }

@media only screen and (-webkit-min-device-pixel-ratio: 2) { .m-f-links a:after { border-radius: 0.3889rem; width: 200%; height: 200%; -webkit-transform: scale(0.5); transform: scale(0.5); -webkit-transform-origin: 0 0; transform-origin: 0 0; } }

.m-f-links span { font-size: 0.1944rem; line-height: 0.3889rem; height: 0.3889rem; display: block; padding: 0 0.0463rem; }



.g-ft { padding: 0.2778rem 0 0; text-align: center; height: 1.6204rem; margin-top: 0.2315rem; }

.g-ft .ed { font-size: 0.2407rem; color: #656565; line-height: 0.3056rem; }

.g-ft .line { margin: 0.2685rem 0.463rem 0.1852rem; height: 1px; display: block; background: radial-gradient(#d0d1d1, rgba(255, 255, 255, 0)); }

.g-ft .cpr { font-size: 0.1204rem; color: #414141; line-height: 0.1944rem; }



.m-mg-tab { border: 1px solid #ededed; background: #fff; }

.m-mg-tab li { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; font-size: 0.2407rem; line-height: 0.6296rem; text-align: center; }

.m-mg-tab li + li { border-left: 1px solid #ededed; }

.m-mg-tab li.cur { color: #358ff0; }

.m-mg-tab li.cur span { border-bottom: 2px solid #358ff0; }

.m-mg-tab li span { display: inline-block; }



.m-app-cate { padding: 0.1852rem 0.2037rem; position: fixed; top: 0.6481rem; left: 0; width: 100%; height: 100%; z-index: 99; display: none; }

.m-app-cate .bg { width: 100%; height: 100%; background: #f5f6f8; position: absolute; left: 0; top: 0; z-index: 1; }

.m-app-cate .m-mg-tab, .m-app-cate .ca-l { position: relative; z-index: 2; }

.m-app-cate .ca-l { font-size: 0; margin-left: -0.1389rem; }

.m-app-cate .ca-l a { display: inline-block; text-align: center; width: 1.4352rem; background: #fff; border: 1px solid #ededed; font-size: 0.2222rem; margin-top: 0.1389rem; line-height: 0.5833rem; margin-left: 0.1389rem; }



.m-app-tab { margin: 0.1852rem 0.2037rem; background: #fff; position: relative; z-index: 1; height: 0.6389rem; }

.m-app-tab:after { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; pointer-events: none; border-style: solid; border-color: #ededed; border-width: 1px 1px 1px 1px; }

@media only screen and (-webkit-min-device-pixel-ratio: 2) { .m-app-tab:after { width: 200%; height: 200%; -webkit-transform: scale(0.5); transform: scale(0.5); -webkit-transform-origin: 0 0; transform-origin: 0 0; } }

.m-app-tab li { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; width: 0%; font-size: 0.2315rem; line-height: 0.6389rem; text-align: center; }

.m-app-tab li + li { position: relative; z-index: 1; }

.m-app-tab li + li:after { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; pointer-events: none; border-style: solid; border-color: #ededed; border-width: 0 0 0 1px; }

@media only screen and (-webkit-min-device-pixel-ratio: 2) { .m-app-tab li + li:after { width: 200%; height: 200%; -webkit-transform: scale(0.5); transform: scale(0.5); -webkit-transform-origin: 0 0; transform-origin: 0 0; } }

.m-app-tab li span { display: inline-block; vertical-align: top; position: relative; z-index: 3; padding: 0 0.1389rem; height: 0.6389rem; }

.m-app-tab li.cur { color: #358ff0; }

.m-app-tab li.cur span { border-bottom: 2px solid #358ff0; }



.m-sub-app { font-size: 0; text-align: center; background: #fff; margin: 0 0.2037rem 0.1389rem; padding: 0.0556rem 0 0.1389rem; }

.m-sub-app .s-a { display: inline-block; width: 1.1343rem; margin: 0.1852rem 0.1481rem 0; }

.m-sub-app img { width: 0.6713rem; height: 0.6713rem; display: block; overflow: hidden; margin: 0 auto 0.0463rem; border-radius: 999px; }

.m-sub-app p { font-size: 0.1944rem; line-height: 0.2963rem; }



.m-app-cate-list { text-align: center; }

.m-app-cate-list .item { -webkit-box-align: center; -webkit-align-items: center; align-items: center; background: #fff; margin: 0 0.2037rem 0.1389rem; height: 1.9444rem; overflow: hidden; }

.m-app-cate-list .icon { width: 1.5278rem; display: block; }

.m-app-cate-list .icon p { font-size: 0.213rem; color: #9297ff; line-height: 0.2778rem; }

.m-app-cate-list .cate { font-size: 0; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; height: 1.9444rem; overflow: hidden; }

.m-app-cate-list .cate a { font-size: 0.2037rem; display: block; }

.m-app-cate-list .cate li { display: inline-block; vertical-align: top; width: 50%; line-height: 0.6574rem; height: 0.6574rem; position: relative; z-index: 1; }

.m-app-cate-list .cate li:after { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; pointer-events: none; border-style: solid; border-color: #ededed; border-width: 0 0 1px 1px; }

@media only screen and (-webkit-min-device-pixel-ratio: 2) { .m-app-cate-list .cate li:after { width: 200%; height: 200%; -webkit-transform: scale(0.5); transform: scale(0.5); -webkit-transform-origin: 0 0; transform-origin: 0 0; } }

.m-app-cate-list img { width: 0.6481rem; height: 0.5556rem; margin-bottom: 0.0694rem; }



.m-app-rank { padding: 0 0.2037rem; }

.m-app-rank li { background: #fff; padding: 0.1389rem 0.1389rem 0.1389rem 0.1852rem; position: relative; margin-bottom: 0.1389rem; }

.m-app-rank a { -webkit-box-align: center; -webkit-align-items: center; align-items: center; }

.m-app-rank img { width: 0.8426rem; height: 0.8426rem; display: block; }

.m-app-rank .info { padding-left: 0.1389rem; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; position: relative; }

.m-app-rank .title { font-size: 0.2222rem; line-height: 0.2778rem; margin-bottom: 0.0694rem; width: 2.5926rem; }

.m-app-rank .size { margin-bottom: 0.0694rem; }

.m-app-rank .desc, .m-app-rank .size { font-size: 0.1852rem; color: #999; line-height: 0.213rem; }

.m-app-rank .btn { width: 0.4444rem; height: 0.4444rem; border-radius: 999px; overflow: hidden; position: absolute; right: 0.2037rem; top: 50%; margin-top: -0.2222rem; }

.m-app-rank.sort .title { width: 2.1296rem; }

.m-app-rank.sort i { width: 0.2778rem; height: 0.3333rem; position: absolute; left: 0.1389rem; top: 0; z-index: 2; background: #b6cadd; color: #fff; text-align: center; font-style: italic; font-size: 0.1667rem; line-height: 0.2778rem; }

.m-app-rank.sort i:after { content: ''; width: 0; height: 0; border-style: solid; border-width: 0 0.1389rem 0.0556rem 0.1389rem; border-color: transparent transparent #fff transparent; position: absolute; left: 0; bottom: 0; }

.m-app-rank.sort li { padding-left: 0.5556rem; }

.m-app-rank.sort li:first-child i { background: #ff6b66; }

.m-app-rank.sort li:nth-child(2) i { background: #ff8652; }

.m-app-rank.sort li:nth-child(3) i { background: #ffa742; }



.p-s-rank .m-app-rank { margin-bottom: 0.4167rem; }



.p-s-new .m-scroll-img { margin-top: -0.1389rem; margin-bottom: 0.1852rem; }



.m-app-pos { margin-top: 0.1389rem; }

.m-app-pos .inner { padding-top: 0.2315rem; margin: 0.1389rem 0.2037rem 0; border-top: 1px solid #ededed; }

.m-app-pos .info { margin-bottom: 0.2315rem; }

.m-app-pos .img { width: 0.9722rem; height: 0.9722rem; border-radius: 0.1852rem; overflow: hidden; }

.m-app-pos .detail { padding-left: 0.1389rem; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; }

.m-app-pos .detail span { width: 50%; font-size: 0.1944rem; display: inline-block; vertical-align: top; }

.m-app-pos .title { font-size: 0.2407rem; font-weight: bold; line-height: 0.3704rem; margin-bottom: 0.0463rem; width: 3.4259rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.m-app-pos p { font-size: 0; color: #999; line-height: 0.3009rem; }

.m-app-pos .btn-group { text-align: center; margin-bottom: 0.1944rem; font-size: 0; }

.m-app-pos .btn { border-radius: 0.2546rem; overflow: hidden; background: #358ff0; color: #fff; font-size: 0.1944rem; line-height: 0.5093rem; height: 0.5093rem; display: inline-block; text-align: center; width: 1.9444rem; background-image: -moz-linear-gradient(0deg, #2ac5fd 0%, #37a3f9 56%, #4481f4 100%); background-image: -webkit-linear-gradient(0deg, #2ac5fd 0%, #37a3f9 56%, #4481f4 100%); background-image: -ms-linear-gradient(0deg, #2ac5fd 0%, #37a3f9 56%, #4481f4 100%); margin: 0 0.1389rem; }

.m-app-pos .tips { background-color: #fef8e2; background-position: 0.2222rem 0.1065rem; color: #ec6236; padding: 0.0694rem 0.2778rem 0.0694rem 0.463rem; line-height: 0.25rem; font-size: 0.1574rem; }

.m-app-pos .tips a { color: #358ff0; }



.m-rec-slide { height: 2.1574rem; }



.p-app-art .c-sect { padding-bottom: 0.1852rem; }



.m-app-art { margin-bottom: 0.1389rem; border-top: 1px solid #ededed; border-bottom: 1px solid #ededed; background: #fff; }

.m-app-art .tab { text-align: center; background: #fff; }

.m-app-art .tab ul { -webkit-box-align: center; -webkit-align-items: center; align-items: center; padding: 0 0.2037rem; position: relative; z-index: 3; }

.m-app-art .tab li { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; font-size: 0.2222rem; }

.m-app-art .tab li.cur span { border-bottom: 2px solid #358ff0; }

.m-app-art .tab li.cur span:after { content: ''; position: absolute; bottom: -4px; left: 50%; z-index: 2; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 0; height: 0; border-style: solid; border-width: 2px 2px 0 2px; border-color: #358ff0 transparent transparent transparent; }

.m-app-art .tab span { display: inline-block; vertical-align: top; line-height: 0.6389rem; height: 0.6389rem; position: relative; }

.m-app-art .m-art-cont { margin: 0 0.2037rem 0.2778rem; overflow: hidden; height: 1.7593rem; }

.m-app-art .m-art-cont.all { height: auto; }

.m-app-art .slide { padding-left: 0.2037rem; font-size: 0; margin-top: 0.1852rem; margin-bottom: 0.0926rem; height: 3.2593rem; overflow: hidden; }

.m-app-art .slide .inner { overflow: hidden; white-space: nowrap; -webkit-overflow-scrolling: touch; overflow-x: auto; padding-right: 0.2037rem; height: 4.1667rem; }

.m-app-art .slide img { width: 1.8519rem; display: inline-block; }

.m-app-art .slide img + img { margin-left: 0.1852rem; }

.m-app-art .show-btn { border-radius: 0.0278rem; overflow: hidden; background: #86bcf6; color: #fff; font-size: 0.2222rem; line-height: 0.463rem; display: block; text-align: center; margin: 0 0.2037rem 0.1852rem; }

.m-app-art .show-btn:before { content: '展开全部内容'; }

.m-app-art .show-btn:after { content: '》'; display: inline-block; width: 0.2778rem; height: 0.2778rem; line-height: 0.2778rem; text-indent: 0.0833rem; transform: rotate(90deg); }

.m-app-art .show-btn.show:before { content: '收起内容'; }

.m-app-art .show-btn.show:after { transform: rotate(270deg); }



.m-read-about { padding-bottom: 0 !important; }

.m-read-about ul { margin-top: 0.1852rem; border-top: 1px solid #ededed; }

.m-read-about li { line-height: 0.463rem; padding: 0.0463rem 0; position: relative; }

.m-read-about li + li { border-top: 1px dashed #ededed; }

.m-read-about li:after { content: ''; font-size: 0; line-height: 0; width: 10px; height: 10px; border-radius: 50%; border: 1px solid #a7a7a7; position: absolute; left: 0.2037rem; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.m-read-about li a { padding: 0 0.0926rem 0 0.4167rem; display: block; font-size: 0.2037rem; }



.m-t-slide { height: 2.3843rem; overflow: hidden; position: relative; z-index: 1; margin-bottom: 0.1389rem; }

.m-t-slide img { display: block; }

.m-t-slide li { position: relative; height: 2.3843rem; }

.m-t-slide .title { background: -webkit-linear-gradient(to bottom, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.7)); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.7)); line-height: 0.5185rem; position: absolute; left: 0; bottom: 0; width: 100%; height: 0.5185rem; font-size: 0.2222rem; color: #fff; padding: 0 0.2037rem; }

.m-t-slide .title em { float: right; margin-left: 0.0926rem; }



.m-news-nav { margin-top: 0.1389rem; line-height: 0.6481rem; background: #fff; font-size: 0; position: relative; z-index: 1; }

.m-news-nav:after { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; pointer-events: none; border-style: solid; border-color: #e0e0e0; border-width: 1px 0 0 0; }

@media only screen and (-webkit-min-device-pixel-ratio: 2) { .m-news-nav:after { width: 200%; height: 200%; -webkit-transform: scale(0.5); transform: scale(0.5); -webkit-transform-origin: 0 0; transform-origin: 0 0; } }

.m-news-nav .scroll { overflow: hidden; height: 0.6481rem; }

.m-news-nav .inner { white-space: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; height: 0.9444rem; }

.m-news-nav .n-a { display: inline-block; vertical-align: top; padding: 0 0.1389rem; color: #3c3c3c; }

.m-news-nav .n-a span { display: inline-block; font-size: 0.2315rem; height: 0.6481rem; padding: 0 0.1389rem; }

.m-news-nav .n-a.cur { color: #358ff0; }

.m-news-nav .n-a.cur span { border-bottom: 2px solid #358ff0; }



.m-news-txt { font-size: 0.1944rem; font-weight: bold; line-height: 0.6481rem; padding: 0 0.2037rem; background: #fff; margin-bottom: 0.1389rem; }



.m-news-list { padding: 0 0.2037rem 0.2315rem; background: #fff; }

.m-news-list .item { padding: 0.1852rem 0; border-bottom: 1px solid #ededed; }

.m-news-list .title { font-size: 0.1944rem; line-height: 0.3333rem; height: 0.6667rem; overflow: hidden; margin-bottom: 0.0694rem; }

.m-news-list .imgs { -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; margin-bottom: 0.1389rem; }

.m-news-list img { width: 1.5rem; height: 1.1296rem; display: block; }

.m-news-list span { font-size: 0.1667rem; color: #999; }

.m-news-list span + span { margin-left: 0.2315rem; }

.m-news-list .inner .info { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; padding-right: 0.1852rem; }

.m-news-list .detail { line-height: 0.2778rem; }

.m-news-list .multi { padding: 0 0 0.1389rem; }

.m-news-list .multi .title { padding: 0.1111rem 0; height: 0.5556rem; margin-bottom: 0; }

.m-news-list .multi .detail { padding-left: 0.3935rem; background-size: 0.3009rem; }



.m-n-list { padding-bottom: 0; }

.m-n-list .inner { padding-top: 0.1759rem; margin: 0 0.2037rem; }

.m-n-list .item { border-top: 1px solid #ededed; padding: 0.1852rem 0; }

.m-n-list .img { display: block; }

.m-n-list img { width: 1.5rem; height: 1.1296rem; display: block; }

.m-n-list .info { padding-left: 0.1852rem; height: 0.9815rem; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; }

.m-n-list .info .title { font-size: 0.2222rem; height: 0.6667rem; line-height: 0.3333rem; overflow: hidden; text-align: justify; margin-bottom: 0.1157rem; word-break: break-all; }

.m-n-list .detail { color: #999; font-size: 0.1667rem; line-height: 0.25rem; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }

.m-n-list i { margin-right: 0.0741rem; }



.m-news-art { background: #fff; margin-top: 0.1389rem; margin-bottom: 0.1389rem; }

.m-news-art .info { padding: 0.1389rem 0.2037rem; border-bottom: 1px solid #ededed; }

.m-news-art .info .title { font-size: 0.3056rem; font-weight: bold; line-height: 0.463rem; margin-bottom: 0.0926rem; }

.m-news-art .info .sub { color: #999; font-size: 0.1944rem; }

.m-news-art .info span + span { margin-left: 0.3704rem; }

.m-news-art .m-art-cont { padding: 0.0926rem 0.2037rem 0.1389rem; }



.m-wg-rec { -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; padding: 0.2315rem 0.2037rem; border-bottom: 1px solid #ededed; }

.m-wg-rec .title { font-size: 0.25rem; font-weight: bold; line-height: 0.2778rem; position: relative; max-width: 2.3148rem; }

.m-wg-rec .title span { color: #999; font-size: 0.1852rem; font-weight: normal; margin-left: 0.0926rem; }

.m-wg-rec .img { display: block; width: 0.8426rem; height: 0.8426rem; }

.m-wg-rec .r-inf { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; padding: 0 0.1389rem; height: 0.8426rem; }

.m-wg-rec .r-inf p { font-size: 0.1852rem; line-height: 0.2963rem; }

.m-wg-rec .r-inf em { font-size: 0.25rem; color: #358ff0; font-style: italic; margin-left: 0.2778rem; }

.m-wg-rec .btn { width: 1.1574rem; height: 0.463rem; line-height: 0.463rem; font-size: 0.2222rem; text-align: center; color: #fff; background: #358ff0; border-radius: 2px; }



.m-xzh { background: #fff url(../images/c_xzh.jpg) no-repeat; background-size: 100%; height: 2.9444rem; text-align: center; }

.m-xzh p { padding-top: 1.6204rem; font-size: 0.1944rem; line-height: 0.2315rem; margin-bottom: 0.1852rem; color: #999; }

.m-xzh .btn { display: inline-block; width: 2.3519rem; height: 0.5556rem; line-height: 0.5556rem; background: #5a8cfc; border-radius: 0.2778rem; overflow: hidden; color: #fff; font-size: 0.2222rem; box-shadow: 0 0.0926rem 0 #efeeee; }



.m-gtop { position: fixed; right: 0.1944rem; bottom: 0.9259rem; z-index: 999; border-radius: 0.2778rem; overflow: hidden; opacity: 0; -webkit-transition: opacity 0.3s linear 0s; transition: opacity 0.3s linear 0s; }

.m-gtop.show { opacity: 1; }



.m-rank-tab { margin: 0.1852rem 0 0.1389rem; padding: 0 0.2037rem; background: #fff; border-top: 1px solid #ededed; border-bottom: 1px solid #ededed; }

.m-rank-tab li { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; width: 0%; font-size: 0.2315rem; line-height: 0.6389rem; text-align: center; }

.m-rank-tab li + li { border-left: 1px solid #ededed; }

.m-rank-tab li span { display: inline-block; vertical-align: top; position: relative; z-index: 3; padding: 0 0.1389rem; height: 0.6389rem; }

.m-rank-tab li.cur { color: #358ff0; }

.m-rank-tab li.cur span { border-bottom: 2px solid #358ff0; }



.m-sub-cate { font-size: 0; background: #fff; padding: 0.1111rem 0.2037rem 0.1111rem 0.1852rem; margin-bottom: 0.1389rem; border-top: 1px solid #ededed; border-bottom: 1px solid #ededed; }

.m-sub-cate li { display: inline-block; height: 0.2593rem; border-left: 1px solid #ededed; width: 1.5185rem; margin: 0.1111rem 0 0.1111rem 0.0185rem; text-align: center; }

.m-sub-cate li.cur a { background: #358ff0; color: #fff; }

.m-sub-cate li:nth-child(3n+1) { border-left: 0; }

.m-sub-cate a { font-size: 0.1944rem; display: inline-block; min-width: 1.037rem; padding: 0 0.0694rem; max-width: 1.3889rem; position: relative; line-height: 0.3796rem; height: 0.3796rem; margin-top: -0.0556rem; }



.m-rank-list .m-app-rank { margin-top: 0.162rem; padding: 0; }

.m-rank-list .m-app-rank li { border-top: 1px solid #ededed; border-bottom: 1px solid #ededed; padding-left: 0.6019rem; }

.m-rank-list .m-app-rank.sort i { left: 0.1852rem; }

.m-rank-list .m-app-rank .g-star { display: block; margin-bottom: 0.1389rem; }

.m-rank-list .m-app-rank .btn { right: 0.1389rem; }



.m-zt-list { margin: 0.2037rem; }

.m-zt-list .m-mg-tab { margin-bottom: 0.1852rem; }

.m-zt-list .list { font-size: 0; margin-left: -0.1389rem; margin-top: -0.1389rem; }

.m-zt-list .list a { display: inline-block; width: 2.2222rem; margin-left: 0.1389rem; margin-top: 0.1389rem; background: #fff; }

.m-zt-list .list img { width: 2.2222rem; height: 1.0648rem; border-radius: 3px 3px 0 0; overflow: hidden; }

.m-zt-list .list p { line-height: 0.4167rem; font-size: 0.1944rem; padding: 0 0.0694rem; text-align: center; }



.m-s-nec { margin-bottom: 0.1852rem; }

.m-s-nec .n-t span { display: inline-block; min-width: 1.3889rem; padding: 0 0.1111rem; background: #358ff0; color: #fff; font-size: 0.2222rem; line-height: 0.4444rem; height: 0.4444rem; position: relative; }

.m-s-nec .n-t span:after { content: ''; position: absolute; width: 0; height: 0; right: -0.1852rem; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); border-style: solid; border-width: 0.2222rem 0 0.2222rem 0.1852rem; border-color: transparent transparent transparent #358ff0; }

.m-s-nec .n-l { font-size: 0; margin: 0 0.1944rem; padding-top: 0.0463rem; }

.m-s-nec .n-l img { width: 0.8426rem; height: 0.8426rem; vertical-align: top; margin-left: auto; margin-right: auto; display: block; }

.m-s-nec .n-l p { font-size: 0.1944rem; line-height: 0.3704rem; margin-top: 0.0694rem; text-align: center; }

.m-s-nec .n-l a { display: inline-block; width: 1.537rem; padding: 0 0.0463rem; margin-top: 0.1389rem; }



.m-nec-img { display: block; margin: 0 auto 0.1852rem; }



.m-zt-t-img { margin-bottom: 0.1852rem; position: relative; }

.m-zt-t-img img { display: block; }

.m-zt-t-img .title { color: #fff; height: 0.5556rem; position: absolute; left: 0; bottom: 0; width: 100%; z-index: 2; background: rgba(0, 0, 0, 0.5); padding: 0 0.2037rem 0 0.2685rem; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }

.m-zt-t-img .txt { font-size: 0.1944rem; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; padding-right: 0.1389rem; line-height: 0.2778rem; display: block; }

.m-zt-t-img .btn { background: #358ff0; width: 0.8333rem; height: 0.2778rem; line-height: 0.2778rem; text-align: center; border-radius: 2px; display: block; font-size: 0.1667rem; opacity: .9; }



.p-zt-art .m-n-list .inner { border-top: 1px solid #ededed; border-bottom: 1px solid #ededed; margin: 0.1759rem 0 0 0; padding: 0 0.2037rem; }

.p-zt-art .m-n-list .item:first-child { border: 0; }



.m-zt-layer { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; overflow: hidden; display: none; }

.m-zt-layer .layer { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 1; }

.m-zt-layer .cont { width: 90%; background: #fff; border-radius: 0.0926rem; position: absolute; top: 20%; left: 5%; z-index: 2; margin: auto; }

.m-zt-layer h3 { text-align: center; font-size: 0.25rem; line-height: 0.3704rem; border-bottom: 1px dashed #ededed; padding: 0.1852rem 0.0694rem; }

.m-zt-layer .desc { font-size: 0.213rem; line-height: 0.3426rem; padding: 0.1389rem 0.2037rem 0 0.2037rem; min-height: 1.713rem; margin-bottom: 0.1389rem; }

.m-zt-layer .btn { font-size: 0.2315rem; text-align: center; display: block; line-height: 0.5463rem; border-top: 1px solid #ededed; color: #358ff0; }



.m-guide-list { padding: 0 0.2037rem; background: #fff; border-bottom: 1px solid #ededed; margin-bottom: 0.1389rem; }

.m-guide-list .item { padding: 0.1852rem 0; }

.m-guide-list .item + .item { border-top: 1px solid #ededed; }

.m-guide-list .title { font-size: 0.2222rem; line-height: 0.3333rem; height: 0.6667rem; overflow: hidden; margin-bottom: 0.0694rem; text-align: justify; word-break: break-all; }

.m-guide-list .imgs { -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; margin-bottom: 0.1389rem; }

.m-guide-list img { width: 1.5rem; height: 1.1296rem; display: block; }

.m-guide-list span { font-size: 0.1667rem; color: #a4a4a4; display: inline-block; }

.m-guide-list .detail { line-height: 0.2778rem; }

.m-guide-list .inner .info { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; padding-left: 0.1852rem; }

.m-guide-list .inner .detail { color: #999; font-size: 0.1852rem; line-height: 0.25rem; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }

.m-guide-list i { margin-right: 0.0741rem; }

.m-guide-list .multi { padding: 0 0 0.1389rem; }

.m-guide-list .multi .title { padding: 0.1111rem 0; height: auto; margin-bottom: 0; text-align: justify; }

.m-guide-list .multi .cmt { float: right; }

.m-guide-list .top { float: right; margin-top: 0.0278rem; font-size: 0.1667rem; line-height: 0.2037rem; padding: 0 0.0231rem; background: #358ff0; color: #fff; border-radius: 2px; }



.m-guide-nav { margin-top: 0.1389rem; height: 0.6481rem; }

.m-guide-nav .inner { line-height: 0.6481rem; height: 0.6481rem; background: #fff; text-align: center; padding: 0 0.2037rem; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }

.m-guide-nav .n-a { color: #3c3c3c; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; }

.m-guide-nav .n-a span { display: inline-block; font-size: 0.2315rem; height: 0.6481rem; position: relative; z-index: 3; }

.m-guide-nav .n-a.cur { color: #358ff0; }

.m-guide-nav .n-a.cur span { border-bottom: 2px solid #358ff0; }



.p-idx-guide .m-t-slide { margin-bottom: 0; }



.p-idx-course .m-sub-cate { margin: 0.1389rem 0 0; }

.p-idx-course .m-t-slide { margin-bottom: 0; }



.p-zt-d .m-zt-t-img { margin-bottom: 0.1852rem; }

.p-zt-d .m-app-rank { margin-bottom: 0.1852rem; padding: 0.0926rem 0 0 0; border-bottom: 1px solid #ededed; }

.p-zt-d .m-app-rank .inner { margin-top: 0.1852rem; }

.p-zt-d .m-app-rank li { padding: 0.1389rem 0.2037rem; margin-bottom: 0; border-top: 1px solid #ededed; }

.p-zt-d .m-app-rank .btn { right: 0.1574rem; }

.p-zt-d .m-zt-list { margin: 0 0 0.1852rem 0; }

.p-zt-d .m-zt-list .list { margin-left: 0.0556rem; }

.p-zt-d .m-zt-list .g-title { margin-bottom: 0.2315rem; }



.m-app-pages { text-align: center; font-size: 0.2222rem; line-height: 0.787rem; background: #fff; margin: 0.1389rem 0.2037rem; }

.m-app-pages .btn { width: 1.1574rem; height: 0.787rem; display: inline-block; vertical-align: top; }

.m-app-pages .btn.prev { background-position: 0.6944rem center; }

.m-app-pages .btn.next { background-position: 0.3519rem center; }

.m-app-pages span { display: inline-block; width: 1.8519rem; vertical-align: top; }



#SOHUCS #SOHU_MAIN .module-mobile-cmt-header { width: 92% !important; margin: 0.1852rem 4% 0; }



#SOHUCS #SOHU_MAIN .module-mobile-cmt-list .list-wrapper-wap .list-header-wap .list-header-side { width: 4px !important; background: #358ff0; }



#SOHUCS #SOHU_MAIN .module-mobile-cmt-header .mobile-header-head .header-comment-number .comment-text, #SOHUCS #SOHU_MAIN .module-mobile-cmt-header .mobile-header-head .header-login { font-size: 1.1em !important; font-weight: normal !important; }



#SOHUCS #SOHU_MAIN .module-mobile-cmt-list .list-wrapper-wap .list-header-wap .list-header-txt { font-size: 1.2em !important; }



#SOHUCS #SOHU_MAIN .module-mobile-cmt-list .list-wrapper-wap .list-header-wap .list-header-side { margin-top: 0 !important; }



#SOHUCS #SOHU_MAIN .module-mobile-cmt-header .mobile-header-head .header-comment-number .comment-number { padding: 0 0.5em !important; }



#SOHUCS #SOHU_MAIN .module-mobile-cmt-float-bar .float-wrapper .comment-number .has-comment .comment-num { height: auto !important; line-height: 1em !important; }



/*search*/

.container { -webkit-transform-origin: left top; overflow: hidden; min-width: 320px; }



.container .main { overflow: hidden; width: 100%; background: #fff; }



/*头部*/

.header_index { height: 28px; padding: 10px 3%; background: url(../images/azsy_top.png) repeat-x 0 0; background-size: 100% 48px; position: relative; z-index: 9; }



#loadingbox { clear: both; text-align: center; height: 16px; margin-top: 10px; margin-bottom: 5px; }



#loadingbox span { display: inline-block; height: 16px; font-size: 12px; color: #CCC; margin-left: 6px; }



/*搜索页面*/

.searchbody { background-color: #f8f8f8; }



.searchbody *, .searchbody *::before, .searchbody *::after { box-sizing: content-box; /* 修改默认盒模型 */ }



.header_index .searchprev { width: 97px; height: 29px; line-height: 29px; background: url(../images/azsearch_prev.png) no-repeat 12px center; background-size: auto 22px; position: absolute; left: 0; }



.search_ul { background: #f8f8f8; overflow: hidden; height: auto; padding: 12px 12px 0 12px; border-bottom: 1px solid #cccccc; }



.search_ul li { width: 31.3%; float: left; margin-right: 3%; }



.search_ul li:nth-child(3n) { margin-right: 0; float: right; }



.search_ul li a { display: block; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border: 1px solid #cccccc; background: #ffffff; text-align: center; line-height: 44px; color: #666666; font-size: 14px; margin-bottom: 12px; padding: 0 2px 0 2px; overflow: hidden; white-space: nowrap; word-break: break-all; }



.search_ul li a:hover { color: #666666; }



.search_history { margin: 0 12px; overflow: hidden; height: auto; }



.search_history li { background: url(../images/azsearch_ico.png) left center no-repeat #ffffff; font-size: 14px; color: #222222; padding-left: 29px; line-height: 42px; background-size: auto 20px; border-bottom: 1px solid #cccccc; }



.history_pic { margin: 10px 12px 0 12px; height: 28px; line-height: 28px; border: 1px solid #cccccc; }



.history_pic a { width: 100%; display: block; text-align: center; color: #666666; }



.history_pic a:hover { color: #666666; text-decoration: none; }



.history_main { padding-bottom: 10px; border-bottom: 1px solid #cccccc; }



/*下载按钮样式*/

.xzbtn { font-size: 12px; background: #4db7f9; display: block; width: 60px; text-align: center; height: 28px; line-height: 28px; color: #ffffff; border-radius: 2px; position: absolute; right: 0; top: 13px; }



.mgtop { color: #666666; font-size: 11px; position: absolute; bottom: 8px; overflow: hidden; white-space: nowrap; word-break: break-all; text-overflow: ellipsis; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; text-size-adjust: none; width: 68%; }



.spantop { color: #969696; font-size: 12px; position: absolute; top: 35px; overflow: hidden; white-space: nowrap; word-break: break-all; }



.spantop font { margin-left: 15px; }



/*底部样式*/

.footer { width: 100%; height: 100px; background: url(../images/azsy_bottom.png) repeat-x 0 0; background-size: 100% 100px; text-align: center; overflow: hidden; white-space: nowrap; margin-top: 10px; color: #ffffff; font-size: 14px; }



.footer a { color: #ffffff; font-size: 14px; }



.footer .jbsx { background: url(../images/azsy_bottom1.png) no-repeat center center; width: 90%; height: 1px; margin: 0 auto; background-size: 100% 1px; }



.footer .h60 { height: 38px; line-height: 38px; }



.footer .a18 { font-size: 18px; }



.footer .bottombq { font-size: 9px; color: #ffffff; margin-top: 0px; }



.footer .bottombq span { margin-right: 12px; }



.backtop { position: fixed; width: 48px; height: 48px; right: 10px; bottom: 60px; background: url(../images/top.png) no-repeat; background-size: 48px 48px; z-index: 200; display: none; z-index: 99; }



/*图文列表样式*/

.msoft ul { margin: 0 12px 0 12px; }



.msoft ul li { padding: 13px 0 13px 0; border-bottom: 1px solid #e5e5e5; overflow: hidden; position: relative; }



.msoft ul.blue { margin: 0; padding: 0 12px 0 12px; border-bottom: 1px solid #45b4f8; }



.msoft ul.blue li { border-bottom: 0 none; }



.msoft .mpic_jp { display: block; width: 60px; height: 60px; }



.msoft .mpic_jp img { width: 60px; height: 60px; }



.msoft .mart_jp { margin-left: 10px; width: 58%; font-size: 14px; color: #222222; }



.msoft .mart_jp a { font-size: 14px; color: #222222; overflow: hidden; display: block; white-space: nowrap; text-overflow: ellipsis; word-break: keep-all; }



.msoft .mart_jp span { display: block; overflow: hidden; }



#search_page a { text-decoration: none; /*  color: #000;*/ display: block; }



#page_outer { position: fixed; top: 0px; right: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 1000; display: none; }



#page_outer.show { display: block; }



#search_page { position: fixed; top: 0px; z-index: 1001; right: -100%; width: 84.375%; height: 100%; background: #fff; -webkit-transform: translateX(100%); -webkit-transition: .2s -webkit-transform ease-in-out .2s; /*-webkit-transition: .2s -webkit-transform cubic-bezier(0, 0, 0.25, 1) .2s;*/ }



#search_page.hide { display: block; -webkit-transform: translateX(100%); }



#search_page.show { right: 0px; -webkit-transform: translateX(0); }



#search_page.mach-width { width: 100%; }



.search_head { height: 48px; padding: 10px 52px 0px 10px; background: url(../images/azsy_top.png) repeat-x 0 0; background-size: 100% 48px; position: relative; }



.search_mg { margin: -4px 12px 0 12px; }



.search_head1 { padding: 0px 42px 8px 0px; position: relative; margin-left: 34px; }



.search_btn1, .search_btn1:hover { border: none; background: transparent; text-decoration: none; padding: 0px; color: #666; line-height: 30px; font-size: 16px; position: absolute; top: 0px; right: 0px; color: #fff; cursor: pointer; }



#search_page.mach-width .search_head { padding: 8px 52px 0px 40px; }



.input_outer { border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; height: 24px; background: #fff; padding: 4px 0px 0px 30px; position: relative; }



.search_input { border: none; background: transparent; padding: 0px; color: #999; font-size: 14px; width: 100%; }



.search_btn, .search_btn:hover { border: none; background: transparent; text-decoration: none; padding: 0px; color: #666; line-height: 30px; font-size: 16px; position: absolute; top: 10px; right: 10px; color: #fff; cursor: pointer; }



.search_icon { width: 15px; height: 15px; position: absolute; top: 6px; left: 10px; }



@media only screen and (min-width: 769px) { .search_head1 { padding: 6px 42px 8px 34px; position: relative; }

  .search_btn1, .search_btn1:hover { border: none; background: transparent; text-decoration: none; padding: 0px; color: #666; line-height: 30px; font-size: 16px; position: absolute; top: 4px; right: 0px; color: #fff; cursor: pointer; } }

.codepre { line-height: 0.3241rem; white-space: pre-wrap; background: #f8f8f8; padding: 0.1389rem; font-size: 0.1944rem; }



.contmg1 center { line-height: 0; }


.xiazai ul li a{display: block;
color: #fff;
font-size: .73rem;
background: #32abff;
text-align: center;
height: 1.5rem;
line-height: 1.5rem;
margin-bottom: .67rem;
width: 100%;}

.xtnr_sm {
	height: auto;
	overflow: hidden;
	zoom: 1;
	border-bottom: 1px solid #f3f3f3;
padding-bottom:.75rem;
margin-bottom:.45rem
}
.xtnr_sm .sm_img {
	width: 45%;
	float: left
}
.xtnr_sm .sm_img img {
	width: 100%
}
.xtnr_sm .sm_info {
	width: 55%;
	float: left
}
.xtnr_sm .sm_info ul {
	margin-top: -0.26rem;
	margin-left: 1.07rem
}
.xtnr_sm .sm_info li {
	position: relative;
	color: #737373;
font-size: 0.2315rem;
line-height: 0.4444rem;
}
.xtjc_nr {
margin:0 .44rem
}
.xt_cont {
	color: #282828;
	word-break: break-all;
	text-align: center;
font-size: 0.3056rem;
font-weight: bold;
line-height: 0.463rem;
margin-bottom: 0.0926rem;
}
.xx5 {
	background: url(../images/xxs1_01.png) no-repeat 0 0;
background-size:auto .50rem;
	background-position: 5px 0
}
.xxs_rjxz {
	width: 4.15rem;
height:.50rem;
	display: inline-block;
	margin-left: -5px
}
.xtnr_bt {
	background: #fff
}
.xtnr_bt span {
font-size: 0.2315rem;
line-height: 0.4444rem;
	display: inline-block;
border-left:.24rem solid #23a8ec;
	height: 1.1rem;
margin:.34rem 0 .81rem 0;
	color: #3c3c3c;
padding-left:.36rem
}
.xt_nry {
	color: #3c3c3c;
font-size:.71rem;
	line-height: 1.54rem;
	word-break: break-all
}
.xt_nry strong {
	font-weight: bold
}
.xt_nry div {
	color: #3c3c3c;
font-size:.71rem;
	line-height: 1.54rem;
	word-break: break-all
}
.xt_nry img {
	display: inline;
	width: 100%
}

<script type="text/javascript">
            for(let i = 0; i<$("img").length; i++ ){
                $("img").eq(i).attr("data-src",$("img").eq(i).attr("src")).attr("src","https://img.8495.cn/uploads/allimg/200101/1-200101111142305.jpg").addClass("lazyload");
            }
                $("img").attr("onerror","imgerror()");
                function imgerror(){
                    var img=event.srcElement;
                    img.src="https://img.8495.cn/uploads/allimg/200101/1-200101111142305.jpg";
                    img.onerror=null;
                }
            </script>
            <script src="https://img.8495.cn/m/static/js/lazyload.js"></script>