dwweb-h5/2018专题/腾讯up专题/dist/scripts.bcf3243b.css

/* 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 */