/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } a{ text-decoration: none; } .banner { width: 100%; } .nav { height: 1.081081rem; background: url("/nav.19a98149.png") 0 0/100% 100% no-repeat; display: flex; align-items: center; } .nav a { flex: 1; display: flex; height: 100%; align-items: center; justify-content: center; font-size: 0.378378rem; color: #fff; transition: all 0.3s ease; } i.icon-play { display: block; width: 1.081081rem; height: 1.081081rem; background: url("/play.8ed3ebf5.png") 0 0/100% 100% no-repeat; } a.guide img { width: 100%; } h1.title { height: 0.918919rem; width: 100%; margin-bottom: 0.540541rem; } h1.title.title1 { background: url("/title1.5a1f657e.png") 0 0/100% 100% no-repeat; } h1.title.title2 { background: url("/title2.53b0571a.png") 0 0/100% 100% no-repeat; } h1.title.title3 { background: url("/title3.aae81641.png") 0 0/100% 100% no-repeat; } h1.title.title4 { background: url("/title4.9a876b00.png") 0 0/100% 100% no-repeat; } h1.title.title5 { background: url("/title5.21676772.png") 0 0/100% 100% no-repeat; } h1.title.title6 { background: url("/title6.6f12d040.png") 0 0/100% 100% no-repeat; } ul.h5-list, ul.list { box-sizing: border-box; padding: 0 0.324324rem; margin-bottom: 0.864865rem; position: relative; } ul.h5-list.flex-wrap, ul.list.flex-wrap { display: flex; flex-wrap: wrap; padding-bottom: 1.081081rem; } ul.h5-list.flex-wrap li, ul.list.flex-wrap li { width: calc(50% - 0.135135rem); margin-bottom: 0.27027rem; } ul.h5-list.flex-wrap li:nth-child(odd), ul.list.flex-wrap li:nth-child(odd) { margin-right: 0.27027rem; } ul.h5-list.flex-wrap li:last-child, ul.list.flex-wrap li:last-child { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); text-align: center; } ul.h5-list.flex-wrap li:last-child a, ul.list.flex-wrap li:last-child a { font-size: 0.324324rem; color: #758d98; } ul.h5-list a.type1, ul.list a.type1 { overflow: hidden; display: flex; border-bottom: 1px solid #ebebeb; padding: 0.27027rem 0; } ul.h5-list a.type1 img, ul.list a.type1 img { width: 3.783784rem; height: 2.108108rem; margin-right: 0.243243rem; flex: 1 1 3.783784rem; } ul.h5-list a.type1 .right, ul.list a.type1 .right { width: 5.405405rem; } ul.h5-list a.type1 .right span:first-child, ul.list a.type1 .right span:first-child { color: #3a5d6d; display: block; overflow: hidden; margin-bottom: 0.216216rem; line-height: 1.3; height: 1rem; font-size: 0.405405rem; } ul.h5-list a.type1 .right span:nth-child(2), ul.list a.type1 .right span:nth-child(2) { color: #758d98; font-size: 0.324324rem; height: 0.756757rem; line-height: 1.2; display: block; overflow: hidden; } ul.h5-list a.type2, ul.list a.type2 { display: flex; flex-direction: column; position: relative; } ul.h5-list a.type2 i, ul.list a.type2 i { position: absolute; left: 50%; top: 40%; transform: translate3d(-50%, -50%, 0); } ul.h5-list a.type2 img, ul.list a.type2 img { width: 100%; } ul.h5-list a.type2 span, ul.list a.type2 span { text-align: center; font-size: 0.378378rem; color: #3a5d6d; padding: 0.216216rem 0; background-color: #f1f1f1; } ul.h5-list.news li.line, ul.list.news li.line { position: absolute; width: calc(100% - 0.648649rem); height: 1px; background-color: #ebebeb; } ul.h5-list.news li.more, ul.list.news li.more { position: absolute; bottom: 0.27027rem; left: 50%; transform: translateX(-50%); text-align: center; } ul.h5-list.news li.more a, ul.list.news li.more a { font-size: 0.324324rem; color: #758d98; } ul.h5-list.news li, ul.list.news li { margin-bottom: 0.432432rem; } ul.h5-list.news a, ul.list.news a { display: flex; align-items: center; justify-content: space-between; } ul.h5-list.news a span:first-child, ul.list.news a span:first-child { color: #3a5d6d; font-size: 0.378378rem; display: block; width: 7.972973rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } ul.h5-list.news a span:last-child, ul.list.news a span:last-child { font-size: 0.324324rem; color: #758d97; } .scroll { width: 100%; height: 7.027027rem; overflow-y: hidden; overflow-x: scroll; white-space: nowrap; margin-bottom: 0.810811rem; } .scroll .guest { display: inline-block; width: 3.675676rem; white-space: normal; } .scroll .guest:first-child { margin-left: 0.27027rem; } .scroll .guest:last-child { margin-right: 0.27027rem; } .scroll .guest img { width: 100%; } .scroll .guest span { display: block; font-family: "PingFang-SC-Bold"; } .scroll .guest span.guest-name { color: #3a5d6d; font-size: 0.405405rem; font-weight: bold; margin: 0.27027rem 0; } .scroll .guest span.guest-desc { font-size: 0.324324rem; color: #758d98; font-weight: bolder; line-height: 1.2; } .top { width: 1.081081rem; height: 1.081081rem; background: url("/top.9a364590.png") 0 0/100% 100% no-repeat; position: fixed; right: 0; bottom: 2.162162rem; } .h5-list > li { overflow: auto; padding: 0.27027rem 0; border-bottom: 1px solid #ebebeb; } .h5-list > li img.pchide { width: 3.783784rem; height: 2.108108rem; margin-right: 0.243243rem; float: left; } .h5-list > li em.item-title { color: #3a5d6d; display: block; overflow: hidden; margin-bottom: 0.216216rem; line-height: 1.3; height: 1rem; font-size: 0.405405rem; } .h5-list > li span:nth-child(2) { color: #758d98; font-size: 0.324324rem; height: 0.756757rem; line-height: 1.2; display: block; overflow: hidden; } /*# sourceMappingURL=/scripts.bcf3243b.css.map */