/*! 版权所有,翻版必究 */ .header-home-wrapper { width: 100%; background: url(../fonts/55b9a3c23aca4ecfaf7a08b66c82b8c2.woff) no-repeat; background-size: 20px; } .search-lb a { float: left; padding: 5px 10px; margin: 0 10px 10px 0; line-height: 15px; background: #f0f2f5; color: #686868; font-size: 14px; border-radius: 4px; } @font-face { font-family: "iconfont"; src: url(../fonts/iconfont.eot); /* IE9*/ src: url(../fonts/iconfont.eot) format("embedded-opentype"), url(../fonts/iconfont.woff) format("woff"), url(../fonts/iconfont.ttf) format("truetype"), url(../fonts/iconfont.svg) format("svg"); /* iOS 4.1- */ } .iconfont { font-family: "iconfont"; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; } * { margin: 0; padding: 0; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .no-scroll { overflow: hidden; } .lazyload { background: url("data:image/gif;base64,R0lGODdhAQABAPAAAMPDwwAAACwAAAAAAQABAAACAkQBADs="); } html { font-size: 62.5%; width: 100%; height: 100%; } html body { width: 100%; height: 100%; background-color: #fff; font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif; min-width: 320px; margin: 0 auto; position: relative; max-width: 640px; /* for Firefox */ } html body header { width: 100%; height: auto; } html body a { color: #333; cursor: pointer; text-decoration: none; } html body a:link, html body a:visited, html body a:hover { text-decoration: none; } html body img, html body select, html body input, html body button { vertical-align: middle; } html body ol, html body ul { list-style: none outside none; } html body blockquote, html body q { quotes: none; } html body blockquote:before, html body blockquote:after, html body q:before, html body q:after { content: none; } html body h1, html body h2, html body h3, html body h4, html body h5, html body h6, html body p, html body ul, html body ol, html body dl { font-weight: normal; } html body ol, html body ul { list-style: none; } html body select, html body input[type="submit"], html body input[type="button"], html body button { cursor: pointer; } html body input[type=text], html body input[type=password], html body input[type=submit] { border-radius: 0; -webkit-appearance: none; -webkit-outline: none; outline: none; } html body input[type=search] { -webkit-appearance: cr; } html body img { border: none; max-width: 100%; vertical-align: middle; border: 0; margin: 0; outline: none; -ms-interpolation-mode: bicubic; -webkit-touch-callout: none; } html body textarea { overflow: auto; } html body em, html body i { font-style: normal; } html body table { border-collapse: collapse; } html body section, html body article { height: auto; } html body aside { float: right; height: auto; } html body :focus { outline: none; } /***************/ body .content { padding-left: 1%; padding-right: 1%; width: 100%; } body .containers { width: 100%; } body .block { width: 98%; margin: 0 1%; } body .bg-g { background-color: #f6f6f6; } body .bg-w { background-color: #fff; } body .ellipsis-text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } body .fl { float: left; } body .fr { float: right; } body .clear { height: 0; clear: both; line-height: 0; font-size: 0; } body .clearfix { zoom: 1; } body .clearfix:after { content: ""; display: block; height: 0; line-height: 0; clear: both; } body .content { padding-left: 1%; padding-right: 1%; width: 100%; } body .containers { width: 100%; } body .block { width: 98%; margin: 0 1%; } body .bg-g { background-color: #f6f6f6; } body .bg-w { background-color: #fff; } body img.valign { vertical-align: middle; } body .clearfix:after { clear: both; content: "."; display: block; height: 0; overflow: hidden; font-size: 0; } body footer .second-nav { background-color: #f6f6f6; padding: 20px 20px 0px 20px; } body footer .second-nav ul li { float: left; width: 20%; text-align: center; border-right: 1px solid #ccc; } body footer .second-nav ul li:last-child { border-right: none; } body footer .second-nav ul li a { font-size: 16px; } body .ellipsis-text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } body .footer { padding: 10px 0 60px; background: #f6f6f6; text-align: center; } body .footer p { line-height: 26px; font-size: 14px; color: #333; } body .bottom-nav { position: fixed; bottom: 0; left: 0; width: 100%; height: 50px; border-top: 1px solid #ddd; background: #fff; z-index: 99; transition: 0.3s; overflow: hidden; box-shadow: rgba(154, 142, 142, 0.6) 0px 0px 10px 0px; } body .bottom-nav.hide { transform: translateY(60px); } body .bottom-nav .tab5 { padding: 4px 1%; } body .bottom-nav ul > li { float: left; width: 20%; text-align: center; } body .bottom-nav ul > li.active span { color: #e50011; } body .bottom-nav ul > li.active .iconfont { color: #e50011; } body .bottom-nav ul > li .bar-img { color: #888; } body .bottom-nav ul > li .bar-img span { display: block; font-size: 12px; width: 100%; height: 18px; line-height: 18px; color: #333; } body .bottom-nav ul > li .bar-img i { font-size: 25px; display: block; width: 100%; height: 25px; line-height: 25px; color: #3d3c3c; } body .get-more { clear: both; display: none; font-size: 16px; text-align: center; height: 60px; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTI4cHgiICBoZWlnaHQ9IjEyOHB4IiAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiIGNsYXNzPSJsZHMtZWxsaXBzaXMiIHN0eWxlPSJiYWNrZ3JvdW5kOiBub25lOyI+PCEtLWNpcmNsZShjeD0iMTYiLGN5PSI1MCIscj0iMTAiKS0tPjxjaXJjbGUgY3g9Ijg0IiBjeT0iNTAiIHI9IjAiIGZpbGw9IiNkYTM3MzIiPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9InIiIHZhbHVlcz0iMTA7MDswOzA7MCIga2V5VGltZXM9IjA7MC4yNTswLjU7MC43NTsxIiBrZXlTcGxpbmVzPSIwIDAuNSAwLjUgMTswIDAuNSAwLjUgMTswIDAuNSAwLjUgMTswIDAuNSAwLjUgMSIgY2FsY01vZGU9InNwbGluZSIgZHVyPSIxLjNzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgYmVnaW49IjBzIj48L2FuaW1hdGU+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giIHZhbHVlcz0iODQ7ODQ7ODQ7ODQ7ODQiIGtleVRpbWVzPSIwOzAuMjU7MC41OzAuNzU7MSIga2V5U3BsaW5lcz0iMCAwLjUgMC41IDE7MCAwLjUgMC41IDE7MCAwLjUgMC41IDE7MCAwLjUgMC41IDEiIGNhbGNNb2RlPSJzcGxpbmUiIGR1cj0iMS4zcyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIGJlZ2luPSIwcyI+PC9hbmltYXRlPjwvY2lyY2xlPjxjaXJjbGUgY3g9Ijg0IiBjeT0iNTAiIHI9IjIuNDU2ODEiIGZpbGw9IiNmN2JlMzMiPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9InIiIHZhbHVlcz0iMDsxMDsxMDsxMDswIiBrZXlUaW1lcz0iMDswLjI1OzAuNTswLjc1OzEiIGtleVNwbGluZXM9IjAgMC41IDAuNSAxOzAgMC41IDAuNSAxOzAgMC41IDAuNSAxOzAgMC41IDAuNSAxIiBjYWxjTW9kZT0ic3BsaW5lIiBkdXI9IjEuM3MiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiBiZWdpbj0iLTAuNjVzIj48L2FuaW1hdGU+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giIHZhbHVlcz0iMTY7MTY7NTA7ODQ7ODQiIGtleVRpbWVzPSIwOzAuMjU7MC41OzAuNzU7MSIga2V5U3BsaW5lcz0iMCAwLjUgMC41IDE7MCAwLjUgMC41IDE7MCAwLjUgMC41IDE7MCAwLjUgMC41IDEiIGNhbGNNb2RlPSJzcGxpbmUiIGR1cj0iMS4zcyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIGJlZ2luPSItMC42NXMiPjwvYW5pbWF0ZT48L2NpcmNsZT48Y2lyY2xlIGN4PSI3NS42NDY4IiBjeT0iNTAiIHI9IjEwIiBmaWxsPSIjZTQ3NjJmIj48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJyIiB2YWx1ZXM9IjA7MTA7MTA7MTA7MCIga2V5VGltZXM9IjA7MC4yNTswLjU7MC43NTsxIiBrZXlTcGxpbmVzPSIwIDAuNSAwLjUgMTswIDAuNSAwLjUgMTswIDAuNSAwLjUgMTswIDAuNSAwLjUgMSIgY2FsY01vZGU9InNwbGluZSIgZHVyPSIxLjNzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgYmVnaW49Ii0wLjMyNXMiPjwvYW5pbWF0ZT48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJjeCIgdmFsdWVzPSIxNjsxNjs1MDs4NDs4NCIga2V5VGltZXM9IjA7MC4yNTswLjU7MC43NTsxIiBrZXlTcGxpbmVzPSIwIDAuNSAwLjUgMTswIDAuNSAwLjUgMTswIDAuNSAwLjUgMTswIDAuNSAwLjUgMSIgY2FsY01vZGU9InNwbGluZSIgZHVyPSIxLjNzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgYmVnaW49Ii0wLjMyNXMiPjwvYW5pbWF0ZT48L2NpcmNsZT48Y2lyY2xlIGN4PSI0MS42NDY4IiBjeT0iNTAiIHI9IjEwIiBmaWxsPSIjZGEzNzMyIj48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJyIiB2YWx1ZXM9IjA7MTA7MTA7MTA7MCIga2V5VGltZXM9IjA7MC4yNTswLjU7MC43NTsxIiBrZXlTcGxpbmVzPSIwIDAuNSAwLjUgMTswIDAuNSAwLjUgMTswIDAuNSAwLjUgMTswIDAuNSAwLjUgMSIgY2FsY01vZGU9InNwbGluZSIgZHVyPSIxLjNzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgYmVnaW49IjBzIj48L2FuaW1hdGU+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giIHZhbHVlcz0iMTY7MTY7NTA7ODQ7ODQiIGtleVRpbWVzPSIwOzAuMjU7MC41OzAuNzU7MSIga2V5U3BsaW5lcz0iMCAwLjUgMC41IDE7MCAwLjUgMC41IDE7MCAwLjUgMC41IDE7MCAwLjUgMC41IDEiIGNhbGNNb2RlPSJzcGxpbmUiIGR1cj0iMS4zcyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIGJlZ2luPSIwcyI+PC9hbmltYXRlPjwvY2lyY2xlPjxjaXJjbGUgY3g9IjE2IiBjeT0iNTAiIHI9IjcuNTQzMTkiIGZpbGw9IiNkYTM3MzIiPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9InIiIHZhbHVlcz0iMDswOzEwOzEwOzEwIiBrZXlUaW1lcz0iMDswLjI1OzAuNTswLjc1OzEiIGtleVNwbGluZXM9IjAgMC41IDAuNSAxOzAgMC41IDAuNSAxOzAgMC41IDAuNSAxOzAgMC41IDAuNSAxIiBjYWxjTW9kZT0ic3BsaW5lIiBkdXI9IjEuM3MiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiBiZWdpbj0iMHMiPjwvYW5pbWF0ZT48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJjeCIgdmFsdWVzPSIxNjsxNjsxNjs1MDs4NCIga2V5VGltZXM9IjA7MC4yNTswLjU7MC43NTsxIiBrZXlTcGxpbmVzPSIwIDAuNSAwLjUgMTswIDAuNSAwLjUgMTswIDAuNSAwLjUgMTswIDAuNSAwLjUgMSIgY2FsY01vZGU9InNwbGluZSIgZHVyPSIxLjNzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgYmVnaW49IjBzIj48L2FuaW1hdGU+PC9jaXJjbGU+PC9zdmc+) no-repeat center center; background-size: 20%; } body .get-more a { display: none; width: 100%; line-height: 40px; color: #f15353; } body .get-more.words { background: none; } body .get-more.words a { display: inline-block; } body .get-more.show { display: block; } body .cover { width: 100%; height: 100%; display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); opacity: 1; z-index: 100; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); cursor: pointer; } body .cover.top { z-index: 200; } body .cover.trans { z-index: 11; background: transparent; } body .footer { padding: 10px 0 60px; background: #f6f6f6; text-align: center; } body .footer p { line-height: 26px; font-size: 14px; color: #333; } .statement { padding-bottom: 10px; background: #fff7f7; } .statement .statits { padding: 10px 10px 5px 10px; position: relative; } .statement .statits h2 { font-size: 14px; color: #b88c71; font-weight: 600; text-indent: 5px; } .statement .stat-cont { padding: 0 10px; } .statement .stat-cont p { padding: 10px; font-size: 13px; color: #d4a385; border-bottom: 1px dashed #dcdcdc; line-height: 20px; } .return-top { width: 50px; height: 50px; position: fixed; right: 2%; bottom: -100px; z-index: 40; text-align: center; line-height: 50px; -webkit-transition: bottom .9s; -moz-transition: bottom .9s; -o-transition: bottom .9s; transition: bottom .9s; } .return-top i { font-size: 38px; color: #ff7777; } .hot-join-prd { margin-bottom: 10px; background-color: #fff; } .hot-join-prd .join-prd-tab { margin: 0 2%; border-bottom: 1px solid red; } .hot-join-prd .join-prd-tab ul { display: flex; display: -webkit-flex; justify-content: space-between; } .hot-join-prd .join-prd-tab ul li { -webkit-flex: 1; -webkit-box-flex: 1; flex-wrap: nowrap; text-align: center; line-height: 40px; position: relative; } .hot-join-prd .join-prd-tab ul li a { font-size: 15px; } .hot-join-prd .join-prd-tab ul li.on a { font-weight: 600; color: red; } .hot-join-prd .join-prd-tab ul li.on b { display: block; position: absolute; top: 84%; left: 43%; width: 24px; height: 18px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAASCAIAAADOjonJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo3NjUwNTRBMzVBRDBFODExQTI0RUVGQjY3MDNBQTNGMCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCQjM4QzY1OEQxMTYxMUU4QjExODkyMUUyNDEwNjYzMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCQjM4QzY1N0QxMTYxMUU4QjExODkyMUUyNDEwNjYzMSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjc2NTA1NEEzNUFEMEU4MTFBMjRFRUZCNjcwM0FBM0YwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjc2NTA1NEEzNUFEMEU4MTFBMjRFRUZCNjcwM0FBM0YwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+NjW04gAAAVRJREFUeNpi/P//PwM1ABN+6V+LlvxiZXtub/9n2UoCJv3HDX4vXfGJlx/oYCB6HhML5OJRzIDHlJfKyhBTIOhdZRXJBgFNeWZnB9H/Kjf3KwcXhP1lwiQSDAKaAvQIROdTPz8g99fCJRDuPwbGnwsXE2vQu5paiLYX6hrwcPk+ay5E8DM3N9bAQjfoy+SpEA3AYEbWAAr4nl6I1GsZGUyzUAwCOvsnMwtE9e+lyzG9/LqwECL7zMwUzSwGZHUf+QQg6r7PW4AzEvz8oGYFByObxYAU2SpQT/X04kkyQKkXmlpQPxYWwlUyQOSeOjhC5XLz8Cc8iPoPgkIQ9R87uqAGgSI7PgEiCkyBBE2BRuK8BcCkANTyh5EJGKFAXYiE+5mLm0hTIOB9UzNyuoclfxFRXCkNjweBmeYbGwfEBEaQq8CAJSqcjNIDXiow0qk8Ih4ABBgApF71FZBdDMEAAAAASUVORK5CYII=) no-repeat; background-size: 12px 9px; } .join-prd-cont-box { padding: 10px 1%; } .join-prd-cont-box .join-cont { overflow: hidden; display: none; } .join-prd-cont-box .join-cont a { float: left; width: 25%; line-height: 22px; padding: 0 3px; font-size: 14px; color: #777; margin-bottom: 4px; text-align: center; overflow: hidden; white-space: nowrap; } .join-prd-cont-box .join-cont:nth-child(1) { display: block; } .jm-navigation { margin-bottom: 10px; background-color: #fff; } .jm-navigation .navigation-cont { margin: 0 1%; } .jm-navigation .navigation-cont a { float: left; width: 24%; margin: 0 0.5% 1%; padding: 6px 3px; text-align: center; background-color: #f9f1ff; border-radius: 3px; font-size: 14px; } .jm-title { padding: 4px 1%; line-height: 40px; position: relative; overflow: hidden; } .jm-title h2 { float: left; margin-left: 10px; font-size: 16px; font-weight: 600; color: #000; } .jm-title a { float: right; color: #777; font-size: 13px; } .jm-title:before { position: absolute; left: 1%; top: 14px; content: ""; width: 0; height: 20px; border-left: 2px solid #e60811; } .chunk { margin-bottom: 10px; padding-bottom: 10px; background-color: #fff; } * { margin: 0; padding: 0; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .no-scroll { overflow: hidden; } .lazyload { background: url("data:image/gif;base64,R0lGODdhAQABAPAAAMPDwwAAACwAAAAAAQABAAACAkQBADs="); } html { font-size: 62.5%; width: 100%; height: 100%; } html body { width: 100%; height: 100%; background-color: #fff; font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif; min-width: 320px; margin: 0 auto; position: relative; max-width: 640px; /* for Firefox */ } html body header { width: 100%; height: auto; } html body a { color: #333; cursor: pointer; text-decoration: none; } html body a:link, html body a:visited, html body a:hover { text-decoration: none; } html body img, html body select, html body input, html body button { vertical-align: middle; } html body ol, html body ul { list-style: none outside none; } html body blockquote, html body q { quotes: none; } html body blockquote:before, html body blockquote:after, html body q:before, html body q:after { content: none; } html body h1, html body h2, html body h3, html body h4, html body h5, html body h6, html body p, html body ul, html body ol, html body dl { font-weight: normal; } html body ol, html body ul { list-style: none; } html body select, html body input[type="submit"], html body input[type="button"], html body button { cursor: pointer; } html body input[type=text], html body input[type=password], html body input[type=submit] { border-radius: 0; -webkit-appearance: none; -webkit-outline: none; outline: none; } html body input[type=search] { -webkit-appearance: cr; } html body img { border: none; max-width: 100%; vertical-align: middle; border: 0; margin: 0; outline: none; -ms-interpolation-mode: bicubic; -webkit-touch-callout: none; } html body textarea { overflow: auto; } html body em, html body i { font-style: normal; } html body table { border-collapse: collapse; } html body section, html body article { height: auto; } html body aside { float: right; height: auto; } html body :focus { outline: none; } /***************/ body .content { padding-left: 1%; padding-right: 1%; width: 100%; } body .containers { width: 100%; } body .block { width: 98%; margin: 0 1%; } body .bg-g { background-color: #f6f6f6; } body .bg-w { background-color: #fff; } body .ellipsis-text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } body .fl { float: left; } body .fr { float: right; } body .clear { height: 0; clear: both; line-height: 0; font-size: 0; } body .clearfix { zoom: 1; } body .clearfix:after { content: ""; display: block; height: 0; line-height: 0; clear: both; } body .content { padding-left: 1%; padding-right: 1%; width: 100%; } body .containers { width: 100%; } body .block { width: 98%; margin: 0 1%; } body .bg-g { background-color: #f6f6f6; } body .bg-w { background-color: #fff; } body img.valign { vertical-align: middle; } body .clearfix:after { clear: both; content: "."; display: block; height: 0; overflow: hidden; font-size: 0; } body footer .second-nav { background-color: #f6f6f6; padding: 20px 20px 0px 20px; } body footer .second-nav ul li { float: left; width: 20%; text-align: center; border-right: 1px solid #ccc; } body footer .second-nav ul li:last-child { border-right: none; } body footer .second-nav ul li a { font-size: 16px; } body .ellipsis-text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } body .footer { padding: 10px 0 60px; background: #f6f6f6; text-align: center; } body .footer p { line-height: 26px; font-size: 14px; color: #333; } body .bottom-nav { position: fixed; bottom: 0; left: 0; width: 100%; height: 50px; border-top: 1px solid #ddd; background: #fff; z-index: 99; transition: 0.3s; overflow: hidden; box-shadow: rgba(154, 142, 142, 0.6) 0px 0px 10px 0px; } body .bottom-nav.hide { transform: translateY(60px); } body .bottom-nav .tab5 { padding: 4px 1%; } body .bottom-nav ul > li { float: left; width: 20%; text-align: center; } body .bottom-nav ul > li.active span { color: #e50011; } body .bottom-nav ul > li.active .iconfont { color: #e50011; } body .bottom-nav ul > li .bar-img { color: #888; } body .bottom-nav ul > li .bar-img span { display: block; font-size: 12px; width: 100%; height: 18px; line-height: 18px; color: #333; } body .bottom-nav ul > li .bar-img i { font-size: 25px; display: block; width: 100%; height: 25px; line-height: 25px; color: #3d3c3c; } body .get-more { clear: both; display: none; font-size: 16px; text-align: center; height: 60px; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTI4cHgiICBoZWlnaHQ9IjEyOHB4IiAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiIGNsYXNzPSJsZHMtZWxsaXBzaXMiIHN0eWxlPSJiYWNrZ3JvdW5kOiBub25lOyI+PCEtLWNpcmNsZShjeD0iMTYiLGN5PSI1MCIscj0iMTAiKS0tPjxjaXJjbGUgY3g9Ijg0IiBjeT0iNTAiIHI9IjAiIGZpbGw9IiNkYTM3MzIiPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9InIiIHZhbHVlcz0iMTA7MDswOzA7MCIga2V5VGltZXM9IjA7MC4yNTswLjU7MC43NTsxIiBrZXlTcGxpbmVzPSIwIDAuNSAwLjUgMTswIDAuNSAwLjUgMTswIDAuNSAwLjUgMTswIDAuNSAwLjUgMSIgY2FsY01vZGU9InNwbGluZSIgZHVyPSIxLjNzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgYmVnaW49IjBzIj48L2FuaW1hdGU+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giIHZhbHVlcz0iODQ7ODQ7ODQ7ODQ7ODQiIGtleVRpbWVzPSIwOzAuMjU7MC41OzAuNzU7MSIga2V5U3BsaW5lcz0iMCAwLjUgMC41IDE7MCAwLjUgMC41IDE7MCAwLjUgMC41IDE7MCAwLjUgMC41IDEiIGNhbGNNb2RlPSJzcGxpbmUiIGR1cj0iMS4zcyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIGJlZ2luPSIwcyI+PC9hbmltYXRlPjwvY2lyY2xlPjxjaXJjbGUgY3g9Ijg0IiBjeT0iNTAiIHI9IjIuNDU2ODEiIGZpbGw9IiNmN2JlMzMiPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9InIiIHZhbHVlcz0iMDsxMDsxMDsxMDswIiBrZXlUaW1lcz0iMDswLjI1OzAuNTswLjc1OzEiIGtleVNwbGluZXM9IjAgMC41IDAuNSAxOzAgMC41IDAuNSAxOzAgMC41IDAuNSAxOzAgMC41IDAuNSAxIiBjYWxjTW9kZT0ic3BsaW5lIiBkdXI9IjEuM3MiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiBiZWdpbj0iLTAuNjVzIj48L2FuaW1hdGU+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giIHZhbHVlcz0iMTY7MTY7NTA7ODQ7ODQiIGtleVRpbWVzPSIwOzAuMjU7MC41OzAuNzU7MSIga2V5U3BsaW5lcz0iMCAwLjUgMC41IDE7MCAwLjUgMC41IDE7MCAwLjUgMC41IDE7MCAwLjUgMC41IDEiIGNhbGNNb2RlPSJzcGxpbmUiIGR1cj0iMS4zcyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIGJlZ2luPSItMC42NXMiPjwvYW5pbWF0ZT48L2NpcmNsZT48Y2lyY2xlIGN4PSI3NS42NDY4IiBjeT0iNTAiIHI9IjEwIiBmaWxsPSIjZTQ3NjJmIj48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJyIiB2YWx1ZXM9IjA7MTA7MTA7MTA7MCIga2V5VGltZXM9IjA7MC4yNTswLjU7MC43NTsxIiBrZXlTcGxpbmVzPSIwIDAuNSAwLjUgMTswIDAuNSAwLjUgMTswIDAuNSAwLjUgMTswIDAuNSAwLjUgMSIgY2FsY01vZGU9InNwbGluZSIgZHVyPSIxLjNzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgYmVnaW49Ii0wLjMyNXMiPjwvYW5pbWF0ZT48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJjeCIgdmFsdWVzPSIxNjsxNjs1MDs4NDs4NCIga2V5VGltZXM9IjA7MC4yNTswLjU7MC43NTsxIiBrZXlTcGxpbmVzPSIwIDAuNSAwLjUgMTswIDAuNSAwLjUgMTswIDAuNSAwLjUgMTswIDAuNSAwLjUgMSIgY2FsY01vZGU9InNwbGluZSIgZHVyPSIxLjNzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgYmVnaW49Ii0wLjMyNXMiPjwvYW5pbWF0ZT48L2NpcmNsZT48Y2lyY2xlIGN4PSI0MS42NDY4IiBjeT0iNTAiIHI9IjEwIiBmaWxsPSIjZGEzNzMyIj48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJyIiB2YWx1ZXM9IjA7MTA7MTA7MTA7MCIga2V5VGltZXM9IjA7MC4yNTswLjU7MC43NTsxIiBrZXlTcGxpbmVzPSIwIDAuNSAwLjUgMTswIDAuNSAwLjUgMTswIDAuNSAwLjUgMTswIDAuNSAwLjUgMSIgY2FsY01vZGU9InNwbGluZSIgZHVyPSIxLjNzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgYmVnaW49IjBzIj48L2FuaW1hdGU+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giIHZhbHVlcz0iMTY7MTY7NTA7ODQ7ODQiIGtleVRpbWVzPSIwOzAuMjU7MC41OzAuNzU7MSIga2V5U3BsaW5lcz0iMCAwLjUgMC41IDE7MCAwLjUgMC41IDE7MCAwLjUgMC41IDE7MCAwLjUgMC41IDEiIGNhbGNNb2RlPSJzcGxpbmUiIGR1cj0iMS4zcyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIGJlZ2luPSIwcyI+PC9hbmltYXRlPjwvY2lyY2xlPjxjaXJjbGUgY3g9IjE2IiBjeT0iNTAiIHI9IjcuNTQzMTkiIGZpbGw9IiNkYTM3MzIiPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9InIiIHZhbHVlcz0iMDswOzEwOzEwOzEwIiBrZXlUaW1lcz0iMDswLjI1OzAuNTswLjc1OzEiIGtleVNwbGluZXM9IjAgMC41IDAuNSAxOzAgMC41IDAuNSAxOzAgMC41IDAuNSAxOzAgMC41IDAuNSAxIiBjYWxjTW9kZT0ic3BsaW5lIiBkdXI9IjEuM3MiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiBiZWdpbj0iMHMiPjwvYW5pbWF0ZT48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJjeCIgdmFsdWVzPSIxNjsxNjsxNjs1MDs4NCIga2V5VGltZXM9IjA7MC4yNTswLjU7MC43NTsxIiBrZXlTcGxpbmVzPSIwIDAuNSAwLjUgMTswIDAuNSAwLjUgMTswIDAuNSAwLjUgMTswIDAuNSAwLjUgMSIgY2FsY01vZGU9InNwbGluZSIgZHVyPSIxLjNzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgYmVnaW49IjBzIj48L2FuaW1hdGU+PC9jaXJjbGU+PC9zdmc+) no-repeat center center; background-size: 20%; } body .get-more a { display: none; width: 100%; line-height: 40px; color: #f15353; } body .get-more.words { background: none; } body .get-more.words a { display: inline-block; } body .get-more.show { display: block; } body .cover { width: 100%; height: 100%; display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); opacity: 1; z-index: 100; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); cursor: pointer; } body .cover.top { z-index: 200; } body .cover.trans { z-index: 11; background: transparent; }