.app-sc-investors-1 { padding: 4em 0; } .app-sc-investors-1 .inner { display: flex; align-items: flex-start; } .app-sc-investors-1 .inner .pic { width: 52%; flex: 0 0 auto; font-size: 0; position: relative; } .app-sc-investors-1 .inner .pic > img { width: 100%; height: auto; } .app-sc-investors-1 .inner .pic .icon { position: absolute; bottom: 35px; right: -25px; display: inline-flex; background: url(../images/sc-bgbox.svg) no-repeat center top / 100% auto; align-items: center; justify-content: center; width: 134px; height: 152px; padding-top: 2%; } .app-sc-investors-1 .inner .pic .icon > img { width: 60%; height: auto; } .app-sc-investors-1 .inner .content { padding-left: 6%; } .app-sc-investors-1 .inner .content .subtitle, .app-sc-investors-2 .head .subtitle, .sc-subtitle { font-size: 18px; font-weight: bold; color: #32C36C; } .app-sc-investors-1 .inner .content .title, .app-sc-investors-2 .head .title { font-size: 28px; color: #333; font-weight: bold; margin-bottom: 1em; } .app-sc-investors-1 .inner .content .intro p { min-height: 1em; font-size: 15px; text-align: justify; color: #646464; } .app-sc-investors-1 .inner .content .intro p + p { margin-top: 1em; } .app-sc-investors-1 .inner .content .download, .app-sc-investors-3 .item .infos .download { margin-top: 2em; } .app-sc-investors-1 .inner .content .download a, .app-sc-investors-3 .item .infos .download a { display: inline-flex; padding: 1.2em 2em; font-size: 14px; line-height: 1; color: #fff; background-color: #32C36C; border-radius: 3px; } .app-sc-investors-1 .inner .content .download a span, .app-sc-investors-3 .item .infos .download a span { white-space: nowrap; } .app-sc-investors-1 .inner .content .download a svg, .app-sc-investors-3 .item .infos .download a svg { width: 1em; height: 1em; fill: currentColor; margin-left: 1em; } .app-sc-investors-2 { padding-bottom: 4em; } .app-sc-investors-2 .head { text-align: center; } .app-sc-investors-2 .lists { display: flex; flex-wrap: wrap; margin: -10px; } .app-sc-investors-2 .lists .item { width: 50%; padding: 10px; } .app-sc-investors-2 .lists .item.active, .app-sc-investors-2 .lists .item:hover { position: relative; z-index: 2; } .app-sc-investors-2 .lists .item .inner { position: relative; } .app-sc-investors-2 .lists .item .inner .top { width: 100%; height: 69px; display: flex; align-items: center; justify-content: space-between; font-size: 18px; background: #fff; border: 1px solid #EBEAEA; border-radius: 2px; box-shadow: 0 2px 4px rgba(0, 0, 0, .05); padding: 0 1em; transition: .3s ease background, .3s ease border-color; } .app-sc-investors-2 .lists .item.active .inner .top { background: #32C36C; border-color: #32C36C; cursor: default; } .app-sc-investors-2 .lists .item .inner .top > div:first-child { display: flex; align-items: flex-end; max-width: 80%; } .app-sc-investors-2 .lists .item .inner .top .num { font-size: 1.33em; color: #32C36C; font-weight: 500; transition: .3s ease color; } .app-sc-investors-2 .lists .item.active .inner .top .num { color: #fff; } .app-sc-investors-2 .lists .item .inner .top .title { color: #283855; margin-left: .6em; transition: .3s ease color; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .app-sc-investors-2 .lists .item.active .inner .top .title { color: #fff; } .app-sc-investors-2 .lists .item .inner .top .icon { width: 1.22em; height: 1.22em; background: url(../images/sc-arrowdown.svg) no-repeat center / 100% 100%; } .app-sc-investors-2 .lists .item.active .inner .top .icon { transform: rotate(180deg); } .app-sc-investors-2 .lists .item .inner .content { height: 0; overflow: hidden; position: absolute; left: 0; right: 0; top: 68px; background-color: #fff; border-radius: 0 0 3px 3px; color: #fff; font-size: 18px; transition: .3s ease height, .3s ease background-color; } .app-sc-investors-2 .lists .item .inner .content .intro { padding: 0 1em; } .app-sc-investors-2 .lists .item .inner .content .intro div { font-size: 14px; } .app-sc-investors-2 .lists .item .inner .content .intro div strong { font-size: 18px; color: #253858; } .app-sc-investors-2 .lists .item .inner .content .more { padding: .8em 1em 0; } .app-sc-investors-2 .lists .item .inner .content .more a { display: inline-flex; align-items: center; padding: 1em 2em; font-size: 14px; background-color: #fff; border-radius: 3px; color: #253858; } .app-sc-investors-2 .lists .item .inner .content .more a::after { content: ''; display: block; width: 1.4em; height: 1.4em; margin-left: 1em; background: url(../images/sc-arrowg.svg) no-repeat center / 100% 100%; } .app-sc-investors-2 .lists .item.active .inner .content { height: 120px; background-color: #32C36C; } .app-sc-investors-3 { background: url(../images/sc005.png) no-repeat center/cover; color: #fff; padding: 6em 0; } .app-sc-investors-3.end { background-image: url(../images//sc-bg11.png); } .sc-title { font-size: 34px; font-weight: bold; text-align: justify; margin-right: 50%; margin-top: .45em; margin-bottom: .45em; line-height: 1.4; } .sc-title-wrap { display: flex; align-items: center; } .sc-title-wrap .sc-title { margin-right: 0 !important; width: 50%; } .sc-title-wrap .sc-intro { font-size: 14px; color: #fff; margin-left: 10%; width: 300px; text-align: justify; } .app-sc-investors-3 .years .carousel-dots, .app-sc-investors-3 .tabs .carousel-dots { display: flex; align-items: flex-end; list-style: none; margin: 3em 0; overflow-x: auto; overflow-y:hidden; -webkit-overflow-scrolling: touch; } .app-sc-investors-3 .years .carousel-dots li, .app-sc-investors-3 .tabs .carousel-dots li { display: flex; align-items: flex-end; color: #bbb; font-size: 20px; cursor: pointer; } .app-sc-investors-3 .tabs .carousel-dots li { padding-bottom: .5em; border-bottom: 2px solid transparent; } .app-sc-investors-3 .years .carousel-dots li::after { content: ''; width: 82px; height: 2px; background-color: currentColor; top: -4px; margin-left: 5px; position: relative; display: block; } .app-sc-investors-3 .years .carousel-dots li button, .app-sc-investors-3 .tabs .carousel-dots li button { font-weight: bold; display: inline; line-height: 1; border: 0; background: none; outline: none; color: currentColor; font-size: 1em; cursor: pointer; } .app-sc-investors-3 .tabs .carousel-dots li button { white-space: nowrap; } .app-sc-investors-3 .years .carousel-dots li + li, .app-sc-investors-3 .tabs .carousel-dots li + li { margin-left: 30px; } .app-sc-investors-3 .years .carousel-dots .carousel-active { color: #32C36C; font-size: 38px; } .app-sc-investors-3 .tabs .carousel-dots .carousel-active { color: #32C36C; border-bottom: 2px solid currentColor; } .app-sc-investors-3 .items { margin: -10px; display: flex; align-items: stretch; } .app-sc-investors-3 .item { padding: 10px; width: 33.33%; } .app-sc-investors-3 .item .inner { background-color: #fff; border-radius: 3px; display: flex; align-items: stretch; justify-content: space-between; font-size: 18px; padding: 1.5em; width: 100%; } .app-sc-investors-3 .item .infos { display: flex; justify-content: space-between; flex-direction: column; } .app-sc-investors-3 .item .infos div:first-child h3 { font-size: 1em; color: #333; margin-bottom: .2em; } .app-sc-investors-3 .item .infos div:first-child span { font-size: 12px; color: #646464; } .app-sc-investors-3 .item .icon { margin-left: 5em; } .app-sc-investors-3 .item .icon img { height: 100%; width: auto; } .app-sc-investors-4 .wrapper { display: flex; align-items: stretch; padding: 4em 0; } .app-sc-investors-4 .wrapper .pic { width: 50%; flex: 0 0 auto; font-size: 0; } .app-sc-investors-4 .wrapper .pic img { width: 100%; height: auto; } .app-sc-investors-4 .wrapper .list { width: 50%; flex: 0 0 auto; padding-left: 2%; } .app-sc-investors-4 .wrapper .sc-subtitle + .item { border-top: 1px solid rgba(151, 151, 151, .22); margin-top: 20px; } .app-sc-investors-4 .wrapper .item { display: flex; align-items: flex-start; justify-content: space-between; color: #333; padding: 1.5em 1em; font-size: 18px; border-bottom: 1px solid rgba(151, 151, 151, .22); transition: .3s ease background-color, .3s ease box-shadow; } .app-sc-investors-4 .wrapper .item div:first-child { display: flex; align-items: flex-start; max-width: 80%; } .app-sc-investors-4 .wrapper .item .num { font-size: 24px; font-weight: bold; color: #32C36C; position: relative; top: -1px; transition: .3s ease color; } .app-sc-investors-4 .wrapper .item .title { color: #333; margin-left: 1em; transition: .3s ease color; } .app-sc-investors-4 .wrapper .item .time { font-size: 14px; color: #32C36C; padding-top: 3px; transition: .3s ease color; } .app-sc-investors-4 .wrapper .item:hover { background-color: #32C36C; border-radius: 3px; box-shadow: 0 13px 26px rgba(0, 0, 0, .17); } .app-sc-investors-4 .wrapper .item:hover .title, .app-sc-investors-4 .wrapper .item:hover .num, .app-sc-investors-4 .wrapper .item:hover .time { color: #fff; } .sc-tabscontent { display: flex; align-items: stretch; margin: -25px; } .sc-tabscontent .sc-item { width: 50%; padding: 25px; } .sc-tabscontent .item-inner { display: flex; flex-wrap: wrap; align-items: stretch; margin: -10px; } .sc-tabscontent .item-inner .itembox { padding: 10px; width: 50%; } .sc-tabscontent .item-inner .itembox .itembox-inner { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; background-color: #fff; border-radius: 4px; text-align: center; font-size: 18px; padding: 1em 1em 2em; } .sc-tabscontent .item-inner .itembox .itembox-inner .num { font-size: 2.1em; color: #32C36C; font-weight: 500; } .sc-tabscontent .item-inner .itembox .itembox-inner .intro { color: #999; } .sc-tabscontent .item-photo { border-radius: 4px; background-repeat: no-repeat; background-position: center; background-size: cover; width: 100%; height: 100%; } @media screen and (max-width: 1400px) { .sc-title { font-size: 30px; } } @media screen and (max-width: 1200px) { .sc-title { font-size: 26px; } .app-sc-investors-1 .inner .content .subtitle, .app-sc-investors-2 .head .subtitle, .sc-subtitle { font-size: 16px; } .app-sc-investors-1 .inner .content .title, .app-sc-investors-2 .head .title { font-size: 24px; } .app-sc-investors-2 .lists .item .inner .top { font-size: 16px; } .app-sc-investors-3 .item .inner { font-size: 14px; } .app-sc-investors-3 .item .infos .download { margin-top: 1em; } .app-sc-investors-3 .item .infos .download a { font-size: 12px; padding: .8em 1.2em; } .app-sc-investors-3 .item .icon { margin-left: 1em; } .app-sc-investors-3 .item .icon img { height: 124px; } .app-sc-investors-4 .wrapper .item { font-size: 16px; } .sc-tabscontent .item-inner .itembox .itembox-inner { font-size: 14px; } .sc-tabscontent { margin: -15px; } .sc-tabscontent .sc-item { padding: 15px; } .sc-tabscontent .item-inner { margin: -8px; } .sc-tabscontent .item-inner .itembox { padding: 8px; } } @media screen and (max-width: 1000px) { .sc-title { font-size: 22px; margin-right: 25%; } .sc-title-wrap { flex-direction: column; } .sc-title-wrap .sc-title { width: 100%; } .sc-title-wrap .sc-intro { font-size: 12px; width: 100%; margin-top: 0; margin-left: 0; } .app-sc-investors-1 .inner .content .subtitle, .app-sc-investors-2 .head .subtitle, .sc-subtitle { font-size: 14px; } .app-sc-investors-1 .inner .content .title, .app-sc-investors-2 .head .title { font-size: 20px; } .app-sc-investors-1 .inner .content .intro p { font-size: 14px; } .app-sc-investors-1 .inner .pic .icon { width: 112px; height: 127px; } .app-sc-investors-2 .lists .item .inner .top { font-size: 14px; } .app-sc-investors-2 .lists .item .inner .content .intro div { font-size: 12px; } .app-sc-investors-2 .lists .item .inner .content .intro div strong { font-size: 14px; } .app-sc-investors-2 .lists .item .inner .content .more a { font-size: 12px; } .app-sc-investors-3 .tabs .carousel-dots { margin: 2em 0; } .app-sc-investors-3 .years .carousel-dots li, .app-sc-investors-3 .tabs .carousel-dots li { font-size: 16px; } .app-sc-investors-3 .years .carousel-dots li::after { width: 40px; } .app-sc-investors-3 .years .carousel-dots .carousel-active { font-size: 24px; } .app-sc-investors-3 .items { margin: -5px; } .app-sc-investors-3 .item { padding: 5px; } .app-sc-investors-4 .wrapper .item { font-size: 14px; } .app-sc-investors-4 .wrapper .item .num { font-size: 20px; } .app-sc-investors-4 .wrapper .item .time { font-size: 12px; } .sc-tabscontent .item-inner .itembox .itembox-inner { font-size: 12px; } .sc-tabscontent { margin: -5px; } .sc-tabscontent .sc-item { padding: 5px; } .sc-tabscontent .item-inner { margin: -5px; } .sc-tabscontent .item-inner .itembox { padding: 5px; } } @media screen and (max-width: 800px) { .app-sc-investors-1 .inner .pic .icon { width: 81px; height: 92px; } .sc-title { margin-right: 0; } .app-sc-investors-3 .items { flex-direction: column; } .app-sc-investors-3 .item { width: 100%; } .app-sc-investors-4 .wrapper { flex-direction: column; } .app-sc-investors-4 .wrapper .pic, .app-sc-investors-4 .wrapper .list { width: 100%; } .app-sc-investors-4 .wrapper .list { margin-left: 0; margin-top: 6%; } .sc-tabscontent { flex-direction: column; } .sc-tabscontent .sc-item { width: 100%; } .sc-tabscontent .item-photo { height: 30vw; } .sc-tabscontent .sc-item:last-child { order: 0; } .sc-tabscontent .sc-item:first-child { order: 1; } .sc-tabscontent .item-inner .itembox .itembox-inner .num { font-size: 1.6em; } } @media screen and (max-width: 700px) { .app-sc-investors-1, .app-sc-investors-3 { padding: 2em 0; } .app-sc-investors-2 { padding-bottom: 2em; } .app-sc-investors-1 .inner { flex-direction: column; } .app-sc-investors-1 .inner .pic { width: 100%; } .app-sc-investors-1 .inner .pic .icon { right: -10px; } .app-sc-investors-1 .inner .content { padding-left: 0; padding-top: 6%; } .app-sc-investors-1 .inner .content .intro p, .app-sc-investors-1 .inner .content .download a, .app-sc-investors-3 .item .infos .download a { font-size: 12px; } .app-sc-investors-1 .inner .content .download, .app-sc-investors-3 .item .infos .download { margin-top: 1em; } .app-sc-investors-2 .lists { margin: -5px; } .app-sc-investors-2 .lists .item { width: 100%; padding: 5px; } }二次元人物桶动漫人物免费,二次元人物桶动漫人物漫画免费,里面也请好好疼爱第五集,欧美成视频在线观看