<>
.cid-uVihrXVvM8 {
background-color: transparent;
}
.cid-uVihrXVvM8 .navbar-dropdown {
background-color: #f7fff7 !important;
padding: 0;
background-color: transparent !important;
}
.cid-uVihrXVvM8 .navbar.navbar-expand-lg .dropdown .dropdown-menu {
background-color: #f7fff7 !important;
background-color: transparent !important;
background: #f7fff7;
}
.cid-uVihrXVvM8 .navbar.navbar-expand-lg .dropdown .dropdown-menu .dropdown-submenu {
margin: 0;
left: 100%;
}
.cid-uVihrXVvM8 .navbar {
border-bottom: 3px solid var(--background-text) !important;
min-height: 70px;
padding: 10px 0;
transition: all 0.3s;
border-bottom-width: 0;
}
@media (max-width: 992px) {
.cid-uVihrXVvM8 .navbar {
min-height: 30px;
max-height: none;
}
}
.cid-uVihrXVvM8 .navbar.opened {
transition: all 0.3s;
}
.cid-uVihrXVvM8 .navbar .dropdown-item {
padding: 0;
margin: 8px 0;
}
.cid-uVihrXVvM8 .navbar .navbar-logo img {
max-width: 62px;
min-height: 62px;
object-fit: contain;
border-radius: 100% !important;
}
.cid-uVihrXVvM8 .navbar .navbar-collapse {
justify-content: center;
justify-content: flex-end;
z-index: 1;
}
.cid-uVihrXVvM8 .navbar.collapsed {
justify-content: center;
}
.cid-uVihrXVvM8 .navbar.collapsed .nav-item .nav-link::before {
display: none;
}
.cid-uVihrXVvM8 .navbar.collapsed.opened .dropdown-menu {
top: 0;
}
.cid-uVihrXVvM8 .navbar.collapsed .dropdown-menu .dropdown-submenu {
left: 0 !important;
}
.cid-uVihrXVvM8 .navbar.collapsed .dropdown-menu .dropdown-item:after {
right: auto;
}
.cid-uVihrXVvM8 .navbar.collapsed ul.navbar-nav li {
margin: auto;
}
.cid-uVihrXVvM8 .navbar.collapsed .dropdown-menu .dropdown-item {
padding: 0.25rem 1.5rem;
text-align: left;
}
.cid-uVihrXVvM8 .navbar.collapsed .icons-menu {
padding: 0;
}
@media (max-width: 991px) {
.cid-uVihrXVvM8 .navbar .nav-item {
padding: .5rem 0;
}
.cid-uVihrXVvM8 .navbar .navbar-collapse {
padding: 34px 0;
border-radius: 16px;
width: 100%;
}
.cid-uVihrXVvM8 .navbar .nav-item .nav-link::before {
display: none;
}
.cid-uVihrXVvM8 .navbar.opened .dropdown-menu {
top: 0;
}
.cid-uVihrXVvM8 .navbar .dropdown-menu {
padding: 6px 0 6px 15px;
}
.cid-uVihrXVvM8 .navbar .dropdown-menu .dropdown-submenu {
left: 0 !important;
}
.cid-uVihrXVvM8 .navbar .dropdown-menu .dropdown-item:after {
right: auto;
margin-top: -0.4rem;
}
.cid-uVihrXVvM8 .navbar .navbar-logo img {
height: 3rem !important;
}
.cid-uVihrXVvM8 .navbar ul.navbar-nav {
overflow: hidden;
}
.cid-uVihrXVvM8 .navbar ul.navbar-nav li {
margin: 0;
}
.cid-uVihrXVvM8 .navbar .dropdown-menu .dropdown-item {
padding: 0 !important;
margin: 0;
margin-top: 8px;
text-align: left;
}
.cid-uVihrXVvM8 .navbar .navbar-brand {
flex-shrink: initial;
flex-basis: auto;
word-break: break-word;
padding-right: 0;
width: 100%;
justify-content: space-between;
}
.cid-uVihrXVvM8 .navbar .navbar-toggler {
flex-basis: auto;
}
.cid-uVihrXVvM8 .navbar .icons-menu {
padding: 0;
}
}
.cid-uVihrXVvM8 .navbar.navbar-short {
min-height: 60px;
}
.cid-uVihrXVvM8 .navbar.navbar-short .navbar-logo img {
height: 2.5rem !important;
}
.cid-uVihrXVvM8 .navbar.navbar-short .navbar-brand {
min-height: 60px;
padding: 0;
}
.cid-uVihrXVvM8 .menu_box {
flex-wrap: nowrap;
}
@media (max-width: 991px) {
.cid-uVihrXVvM8 .menu_box {
flex-direction: column;
align-items: flex-start;
}
.cid-uVihrXVvM8 .menu_box .navbar.opened,
.cid-uVihrXVvM8 .menu_box .navbar-collapse {
background-color: #f7fff7 !important;
transition: all 0s ease 0s;
}
}
.cid-uVihrXVvM8 .navbar-dropdown {
position: relative !important;
}
.cid-uVihrXVvM8 .icons-menu-main {
display: flex;
flex-wrap: wrap;
min-width: 150px;
margin-left: 24px;
}
@media (max-width: 991px) {
.cid-uVihrXVvM8 .icons-menu-main {
min-width: auto;
max-width: 100%;
margin: 1rem 0 1rem 1rem;
}
}
@media (max-width: 991px) {
.cid-uVihrXVvM8 .mbr-section-btn-main {
margin-top: 1rem;
}
}
.cid-uVihrXVvM8 .mbr-section-btn-main .btn {
margin: 8px;
min-width: 120px;
white-space: nowrap;
}
.cid-uVihrXVvM8 .btn {
min-height: auto;
margin-top: 0;
}
.cid-uVihrXVvM8 .nav-item {
margin: 4px 0;
}
@media (min-width: 992px) {
.cid-uVihrXVvM8 .nav-item {
margin: 4px 40px 4px 0;
}
}
@media (min-width: 992px) {
.cid-uVihrXVvM8 .nav-item {
margin: 4px 0;
}
}
@media (max-width: 991px) {
.cid-uVihrXVvM8 .nav-item {
margin: 0 !important;
}
}
.cid-uVihrXVvM8 .nav-item .nav-link {
display: flex;
justify-content: center;
padding: 12px;
transition: all 0.3s ease-out;
position: relative;
opacity: .5;
}
@media (max-width: 992px) {
.cid-uVihrXVvM8 .nav-item .nav-link {
justify-content: flex-start;
}
}
.cid-uVihrXVvM8 .nav-item .nav-link:hover,
.cid-uVihrXVvM8 .nav-item .nav-link:focus {
opacity: 1;
}
.cid-uVihrXVvM8 .dropdown-menu {
border-radius: 0;
box-shadow: none;
text-align: left;
}
@media (min-width: 992px) {
.cid-uVihrXVvM8 .dropdown-menu {
padding: 18px 34px 22px;
min-width: 250px;
top: auto !important;
left: -40px !important;
}
.cid-uVihrXVvM8 .dropdown-menu.dropdown-submenu {
left: 215px !important;
top: -45% !important;
}
}
@media (max-width: 991px) {
.cid-uVihrXVvM8 .dropdown-menu .dropdown-toggle[data-toggle="dropdown-submenu"]::after,
.cid-uVihrXVvM8 .link.dropdown-toggle::after {
display: inline-block;
width: 7px;
height: 7px;
margin-left: .5rem;
margin-bottom: 2px;
content: "";
border: 2px solid;
border-left: none;
border-top: none;
transform: rotate(-45deg);
right: 15px;
position: absolute;
margin-top: -2px;
}
.cid-uVihrXVvM8 .show.dropdown-toggle[aria-expanded="true"]::after {
transform: rotate(45deg);
margin-top: -4px;
}
.cid-uVihrXVvM8 .offcanvas_box {
display: none;
}
}
.cid-uVihrXVvM8 .dropdown-item {
border: none;
font-weight: 300 !important;
}
.cid-uVihrXVvM8 .nav-dropdown .link {
font-weight: 400 !important;
padding: 0 !important;
margin: 0 !important;
}
.cid-uVihrXVvM8 .nav-dropdown .link.dropdown-toggle::after {
margin-left: 0.5rem;
margin-top: 0;
}
.cid-uVihrXVvM8 .container {
display: flex;
margin: auto;
}
.cid-uVihrXVvM8 .iconfont-wrapper {
color: #050f0f;
font-size: 26px;
margin-right: 10px;
margin-bottom: 5px;
transition: all 0.3s ease-in-out;
}
.cid-uVihrXVvM8 .iconfont-wrapper:last-child {
margin-right: 0;
}
.cid-uVihrXVvM8 .iconfont-wrapper:hover .mbr-iconfont {
opacity: .7;
}
@media (min-width: 992px) {
.cid-uVihrXVvM8 .navbar-nav {
margin: 0;
}
}
.cid-uVihrXVvM8 .dropdown-menu,
.cid-uVihrXVvM8 .navbar.opened {
background-color: false !important;
}
.cid-uVihrXVvM8 .nav-item:focus,
.cid-uVihrXVvM8 .nav-link:focus {
outline: none;
}
.cid-uVihrXVvM8 .dropdown .dropdown-menu .dropdown-item {
width: auto;
transition: all 0.25s ease-in-out;
}
.cid-uVihrXVvM8 .dropdown .dropdown-menu .dropdown-item::after {
right: 0.5rem;
}
.cid-uVihrXVvM8 .dropdown .dropdown-menu .dropdown-item .mbr-iconfont {
margin-right: 0.5rem;
vertical-align: sub;
}
.cid-uVihrXVvM8 .dropdown .dropdown-menu .dropdown-item .mbr-iconfont:before {
display: inline-block;
transform: scale(11);
transition: all 0.25s ease-in-out;
}
.cid-uVihrXVvM8 .collapsed .dropdown-menu .dropdown-item:before {
display: none;
}
.cid-uVihrXVvM8 .collapsed .dropdown .dropdown-menu .dropdown-item {
padding: 0.235em 1.5em 0.235em 1.5em !important;
transition: none;
margin: 0 !important;
}
.cid-uVihrXVvM8 .navbar-brand {
min-height: 70px;
flex-shrink: 0;
align-items: center;
margin-right: 0;
padding: 10px 0;
transition: all 0.3s;
word-break: break-word;
z-index: 1;
}
.cid-uVihrXVvM8 .navbar-brand .navbar-caption {
line-height: inherit !important;
font-weight: 700;
}
.cid-uVihrXVvM8 .navbar-brand .navbar-logo a {
outline: none;
}
.cid-uVihrXVvM8 .dropdown-item.active,
.cid-uVihrXVvM8 .dropdown-item:active {
background-color: transparent;
}
.cid-uVihrXVvM8 .navbar-expand-lg .navbar-nav .nav-link {
padding: 6px 16px !important;
}
.cid-uVihrXVvM8 .nav-dropdown .link.dropdown-toggle {
margin-right: 1.667em;
}
.cid-uVihrXVvM8 .nav-dropdown .link.dropdown-toggle[aria-expanded="true"] {
margin-right: 0;
padding: 0.667em 1.667em;
}
.cid-uVihrXVvM8 .navbar .dropdown.open>.dropdown-menu {
display: block;
}
.cid-uVihrXVvM8 ul.navbar-nav {
flex-wrap: wrap;
padding: 0;
}
.cid-uVihrXVvM8 .navbar-buttons {
text-align: center;
min-width: 170px;
}
.cid-uVihrXVvM8 button.navbar-toggler {
outline: none;
width: 48px;
height: 48px;
border-radius: 50%;
cursor: pointer;
transition: all 0.2s;
position: relative;
align-self: center;
color: #f7fff7;
background: var(--dominant-color);
}
.cid-uVihrXVvM8 button.navbar-toggler .hamburger span {
position: absolute;
right: 10px;
margin-top: 14px;
width: 26px;
height: 2px;
border-right: 5px;
background-color: var(--dominant-text);
}
.cid-uVihrXVvM8 button.navbar-toggler .hamburger span:nth-child(1) {
top: 0;
transition: all 0.2s;
}
.cid-uVihrXVvM8 button.navbar-toggler .hamburger span:nth-child(2) {
top: 8px;
transition: all 0.15s;
}
.cid-uVihrXVvM8 button.navbar-toggler .hamburger span:nth-child(3) {
top: 8px;
transition: all 0.15s;
}
.cid-uVihrXVvM8 button.navbar-toggler .hamburger span:nth-child(4) {
top: 16px;
transition: all 0.2s;
}
.cid-uVihrXVvM8 nav.opened .hamburger span:nth-child(1) {
top: 8px;
width: 0;
opacity: 0;
right: 50%;
transition: all 0.2s;
}
.cid-uVihrXVvM8 nav.opened .hamburger span:nth-child(2) {
transform: rotate(45deg);
transition: all 0.25s;
}
.cid-uVihrXVvM8 nav.opened .hamburger span:nth-child(3) {
transform: rotate(-45deg);
transition: all 0.25s;
}
.cid-uVihrXVvM8 nav.opened .hamburger span:nth-child(4) {
top: 8px;
width: 0;
opacity: 0;
right: 50%;
transition: all 0.2s;
}
.cid-uVihrXVvM8 a.nav-link {
display: flex;
align-items: center;
justify-content: flex-start;
}
.cid-uVihrXVvM8 .icons-menu {
flex-wrap: nowrap;
display: flex;
justify-content: center;
padding: 0;
text-align: center;
margin-bottom: 35px;
}
@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
.cid-uVihrXVvM8 .navbar {
height: 70px;
}
.cid-uVihrXVvM8 .navbar.opened {
height: auto;
}
.cid-uVihrXVvM8 .nav-item .nav-link:hover::before {
width: 175%;
max-width: calc(100% + 2rem);
left: -1rem;
}
}
.cid-uVihrXVvM8 .navbar-dropdown .navbar-logo {
margin-right: 10px;
}
.cid-uVihrXVvM8 .navbar-caption:hover {
color: var(--background-text);
}
@media (min-width: 992px) {
.cid-uVihrXVvM8 .dropdown-menu.dropdown-submenu {
left: 175px !important;
top: -45% !important;
}
}
.cid-uVihrXVvM8 .text_widget {
margin-bottom: 32px;
}
.cid-uVihrXVvM8 .text_widget a {
transition: all 0.3s ease-out;
}
.cid-uVihrXVvM8 .text_widget a:hover,
.cid-uVihrXVvM8 .text_widget a:focus {
opacity: .8;
}
@media (min-width: 992px) {
.cid-uVihrXVvM8 .navbar-nav.nav-dropdown {
display: -webkit-flex;
width: 100%;
justify-content: flex-start;
min-width: 200px;
padding-left: 48px;
}
}
.cid-uVihrXVvM8 .navbar-caption {
color: var(--background-text);
}
.cid-uVihrXVvM8 .mbr-section-subtitle,
.cid-uVihrXVvM8 .text_widget,
.cid-uVihrXVvM8 .mbr-section-btn {
text-align: center;
}
.cid-uVihrXVvM8 a[class*="text-"]:not(.nav-link):not(.dropdown-item):not([role]):not(.navbar-caption):hover {
background-image: none;
}
.cid-uVihrXVvM8 .nav-link,
.cid-uVihrXVvM8 .dropdown-item {
color: var(--background-text);
}
<>
.cid-uVihrXW7zB {
padding-top: 5rem;
padding-bottom: 5rem;
background-color: transparent;
}
.cid-uVihrXW7zB .mbr-fallback-image.disabled {
display: none;
}
.cid-uVihrXW7zB .mbr-fallback-image {
display: block;
background-size: cover;
background-position: center center;
width: 100%;
height: 100%;
position: absolute;
top: 0;
}
.cid-uVihrXW7zB .content-wrapper {
padding: 80px 90px;
background-color: var(--dominant-color);
}
@media (max-width: 992px) {
.cid-uVihrXW7zB .content-wrapper {
padding: 32px 16px;
}
}
.cid-uVihrXW7zB .content-wrapper .mbr-section-title {
margin-top: 32px;
margin-bottom: 48px;
}
@media (max-width: 992px) {
.cid-uVihrXW7zB .content-wrapper .mbr-section-title {
margin-top: 0;
margin-bottom: 24px;
}
}
.cid-uVihrXW7zB .content-wrapper .text-wrapper .mbr-text {
display: inline-block;
width: 60%;
margin-bottom: 38px;
}
@media (max-width: 992px) {
.cid-uVihrXW7zB .content-wrapper .text-wrapper .mbr-text {
width: 100%;
margin-bottom: 16px;
}
}
.cid-uVihrXW7zB .content-wrapper .mbr-section-btn .btn {
margin-bottom: 0;
}
.cid-uVihrXW7zB .mbr-section-title {
color: #050f0f;
}
.cid-uVihrXW7zB .mbr-text,
.cid-uVihrXW7zB .text-wrapper {
color: var(--dominant-text);
text-align: center;
}
.cid-uVihrXW7zB .mbr-section-title,
.cid-uVihrXW7zB .mbr-section-btn {
text-align: center;
color: var(--dominant-text);
}
<>
.cid-uVihrXWMbb {
padding-top: 5rem;
padding-bottom: 5rem;
background-color: transparent;
}
.cid-uVihrXWMbb .mbr-fallback-image.disabled {
display: none;
}
.cid-uVihrXWMbb .mbr-fallback-image {
display: block;
background-size: cover;
background-position: center center;
width: 100%;
height: 100%;
position: absolute;
top: 0;
}
.cid-uVihrXWMbb .content-wrapper {
padding: 80px 90px;
background-color: var(--dominant-color);
display: flex;
justify-content: space-between;
}
@media (max-width: 992px) {
.cid-uVihrXWMbb .content-wrapper {
display: block;
padding: 32px 16px;
}
}
.cid-uVihrXWMbb .content-wrapper .title-wrapper {
width: 50%;
margin-bottom: 80px;
}
@media (max-width: 992px) {
.cid-uVihrXWMbb .content-wrapper .title-wrapper {
margin-bottom: 24px;
width: 100%;
}
}
.cid-uVihrXWMbb .content-wrapper .title-wrapper .mbr-section-title {
margin-bottom: 32px;
}
@media (max-width: 992px) {
.cid-uVihrXWMbb .content-wrapper .title-wrapper .mbr-section-title {
margin-bottom: 24px;
}
}
.cid-uVihrXWMbb .content-wrapper .title-wrapper .tabs-wrapper {
border-bottom: none;
}
@media (max-width: 992px) {
.cid-uVihrXWMbb .content-wrapper .title-wrapper .tabs-wrapper {
margin-bottom: 24px;
}
}
.cid-uVihrXWMbb .content-wrapper .title-wrapper .tabs-wrapper .nav.nav-tabs {
border: none;
padding: 0;
border-radius: 0 !important;
background-color: transparent;
display: inline-flex;
flex-wrap: wrap;
}
.cid-uVihrXWMbb .content-wrapper .title-wrapper .tabs-wrapper .nav.nav-tabs .nav-item {
padding: 0;
border: none;
display: block;
margin: 0 8px 8px;
}
.cid-uVihrXWMbb .content-wrapper .title-wrapper .tabs-wrapper .nav.nav-tabs .nav-item .nav-link {
color: var(--background-text);
padding: 12px;
border: 3px solid var(--background-text);
box-shadow: 4px 4px 0 0 var(--background-text);
background-color: var(--background);
margin: 0 5px 5px 0;
transition: all 0.3s ease-in-out;
}
.cid-uVihrXWMbb .content-wrapper .title-wrapper .tabs-wrapper .nav.nav-tabs .nav-item .nav-link.active {
box-shadow: none;
transform: translate(0.2rem0.2rem);
}
.cid-uVihrXWMbb .content-wrapper .tab-content {
width: 45%;
}
@media (max-width: 992px) {
.cid-uVihrXWMbb .content-wrapper .tab-content {
width: 100%;
}
}
.cid-uVihrXWMbb .content-wrapper .tab-content .tab-pane .content-wrap .item-title {
margin-bottom: 32px;
}
@media (max-width: 992px) {
.cid-uVihrXWMbb .content-wrapper .tab-content .tab-pane .content-wrap .item-title {
margin-bottom: 24px;
}
}
.cid-uVihrXWMbb .content-wrapper .tab-content .tab-pane .content-wrap .text-wrap .item-text {
margin-bottom: 0;
}
.cid-uVihrXWMbb .mbr-section-title {
color: #050f0f;
}
.cid-uVihrXWMbb .item-title {
color: var(--dominant-text);
}
.cid-uVihrXWMbb .item-text {
color: var(--dominant-text);
}
.cid-uVihrXWMbb .mbr-section-title,
.cid-uVihrXWMbb .tabs-wrapper {
color: var(--dominant-text);
}
每日
每天都有新鲜出炉的大赛，保证你的参与热情永不熄灭！
反差
挑战你的想象力极限，创造令人意想不到的反差效果，让世界惊叹！
创意
我们鼓励脑洞大开，任何奇特的想法都能在这里找到舞台。
<>
.cid-uVihrXWFdO {
padding-top: 5rem;
padding-bottom: 5rem;
background-color: transparent;
}
.cid-uVihrXWFdO .item:focus,
.cid-uVihrXWFdO span:focus {
outline: none;
}
.cid-uVihrXWFdO .item {
cursor: pointer;
}
.cid-uVihrXWFdO .grid-container {
grid-row-gap: 2rem;
}
@media (max-width: 767px) {
.cid-uVihrXWFdO .grid-container {
grid-row-gap: 1rem;
}
}
.cid-uVihrXWFdO .grid-container-1,
.cid-uVihrXWFdO .grid-container-2,
.cid-uVihrXWFdO .grid-container-3 {
gap: 0 2rem;
}
@media (max-width: 767px) {
.cid-uVihrXWFdO .grid-container-1,
.cid-uVihrXWFdO .grid-container-2,
.cid-uVihrXWFdO .grid-container-3 {
gap: 0 1rem;
}
}
.cid-uVihrXWFdO .mbr-section-title {
margin-bottom: 80px;
color: #000000;
text-align: center;
}
@media (max-width: 992px) {
.cid-uVihrXWFdO .mbr-section-title {
margin-bottom: 24px;
}
}
.cid-uVihrXWFdO .mbr-text,
.cid-uVihrXWFdO .mbr-section-btn {
color: #000000;
}
.cid-uVihrXWFdO .content-head {
max-width: 800px;
}
.cid-uVihrXWFdO .container,
.cid-uVihrXWFdO .container-fluid {
overflow: hidden;
}
.cid-uVihrXWFdO .grid-container {
display: grid;
transform: translate3d(-3rem00);
width: 115vw;
grid-column-gap: 1rem;
}
.cid-uVihrXWFdO .grid-item {
display: flex;
justify-content: center;
align-items: center;
padding-bottom: 4px;
}
.cid-uVihrXWFdO .grid-item img {
min-width: 30vw;
max-width: 100%;
height: 550px;
object-fit: cover;
border: 3px solid var(--background-text);
box-shadow: 4px 4px 0 0 var(--background-text);
}
@media (max-width: 1200px) {
.cid-uVihrXWFdO .grid-item img {
height: 350px;
}
}
@media (max-width: 767px) {
.cid-uVihrXWFdO .grid-item img {
min-width: 35vw;
height: 160px;
}
}
.cid-uVihrXWFdO .grid-container-1,
.cid-uVihrXWFdO .grid-container-2,
.cid-uVihrXWFdO .grid-container-3 {
display: grid;
grid-template-columns: repeat(41fr);
grid-auto-columns: 1fr;
grid-auto-flow: column;
}
.cid-uVihrXWFdO .grid-container-1 {
align-items: flex-end;
}
.cid-uVihrXWFdO .grid-container-2 {
align-items: flex-start;
}
<>
.cid-uVihrXWzjo {
padding-top: 5rem;
padding-bottom: 5rem;
background-color: transparent;
}
.cid-uVihrXWzjo .mbr-fallback-image.disabled {
display: none;
}
.cid-uVihrXWzjo .mbr-fallback-image {
display: block;
background-size: cover;
background-position: center center;
width: 100%;
height: 100%;
position: absolute;
top: 0;
}
.cid-uVihrXWzjo .content-wrapper {
padding: 80px 90px;
background-color: var(--primary-color);
}
@media (max-width: 992px) {
.cid-uVihrXWzjo .content-wrapper {
display: block;
padding: 32px 16px;
}
}
.cid-uVihrXWzjo .content-wrapper .title-wrapper .mbr-section-title {
margin-bottom: 80px;
}
@media (max-width: 992px) {
.cid-uVihrXWzjo .content-wrapper .title-wrapper .mbr-section-title {
margin-bottom: 24px;
}
}
.cid-uVihrXWzjo .content-wrapper .list-wrapper {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 56px 32px;
}
@media (max-width: 1200px) {
.cid-uVihrXWzjo .content-wrapper .list-wrapper {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 992px) {
.cid-uVihrXWzjo .content-wrapper .list-wrapper {
grid-template-columns: 1fr;
gap: 24px;
}
}
.cid-uVihrXWzjo .content-wrapper .list-wrapper .item .item-wrapper .card-box .item-text {
margin-bottom: 0;
position: relative;
padding-left: 78px;
}
@media (max-width: 992px) {
.cid-uVihrXWzjo .content-wrapper .list-wrapper .item .item-wrapper .card-box .item-text {
padding-left: 52px;
}
}
.cid-uVihrXWzjo .content-wrapper .list-wrapper .item .item-wrapper .card-box .item-text::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 58px;
height: 58px;
min-width: 58px;
border-radius: 100%;
border: 3px solid var(--background-text);
box-shadow: 3px 3px var(--background-text);
background-color: var(--background);
margin-top: 8px;
}
@media (max-width: 992px) {
.cid-uVihrXWzjo .content-wrapper .list-wrapper .item .item-wrapper .card-box .item-text::before {
width: 32px;
height: 32px;
min-width: 32px;
box-shadow: 2px 2px var(--background-text);
}
}
.cid-uVihrXWzjo .content-wrapper .list-wrapper .list {
list--type: none;
margin: 0;
padding: 0;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 56px 32px;
}
@media (max-width: 1200px) {
.cid-uVihrXWzjo .content-wrapper .list-wrapper .list {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 992px) {
.cid-uVihrXWzjo .content-wrapper .list-wrapper .list {
display: block;
}
}
.cid-uVihrXWzjo .content-wrapper .list-wrapper .list .item-wrap {
margin-bottom: 0;
position: relative;
padding-left: 78px;
}
@media (max-width: 992px) {
.cid-uVihrXWzjo .content-wrapper .list-wrapper .list .item-wrap {
margin-bottom: 32px;
}
}
@media (max-width: 992px) {
.cid-uVihrXWzjo .content-wrapper .list-wrapper .list .item-wrap {
padding-left: 52px;
}
}
.cid-uVihrXWzjo .content-wrapper .list-wrapper .list .item-wrap::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 58px;
height: 58px;
min-width: 58px;
border-radius: 100%;
border: 3px solid var(--background-text);
box-shadow: 3px 3px var(--background-text);
background-color: var(--background);
margin-top: 8px;
}
@media (max-width: 992px) {
.cid-uVihrXWzjo .content-wrapper .list-wrapper .list .item-wrap::before {
width: 32px;
height: 32px;
min-width: 32px;
box-shadow: 2px 2px var(--background-text);
}
}
.cid-uVihrXWzjo .mbr-section-title {
color: var(--primary-text);
}
.cid-uVihrXWzjo .item-text {
color: var(--primary-text);
}
<>
.cid-uVihrXWPev {
padding-top: 5rem;
padding-bottom: 5rem;
background-color: transparent;
}
.cid-uVihrXWPev .mbr-fallback-image.disabled {
display: none;
}
.cid-uVihrXWPev .mbr-fallback-image {
display: block;
background-size: cover;
background-position: center center;
width: 100%;
height: 100%;
position: absolute;
top: 0;
}
.cid-uVihrXWPev .content-wrapper {
position: relative;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 32px;
padding: 80px 60px;
overflow: hidden;
border: 2px solid var(--secondary-color);
}
@media (max-width: 1200px) {
.cid-uVihrXWPev .content-wrapper {
gap: 16px;
}
}
@media (max-width: 1199px) {
.cid-uVihrXWPev .content-wrapper {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 992px) {
.cid-uVihrXWPev .content-wrapper {
display: block;
padding: 32px 16px;
}
}
.cid-uVihrXWPev .content-wrapper .image-wrapper {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.cid-uVihrXWPev .content-wrapper .image-wrapper img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
opacity: 0.5;
animation: none;
}
@media (max-width: 992px) {
.cid-uVihrXWPev .content-wrapper .item {
margin-bottom: 16px;
}
.cid-uVihrXWPev .content-wrapper .item:last-child {
margin-bottom: 0;
}
}
.cid-uVihrXWPev .content-wrapper .item .item-wrapper {
position: relative;
height: 100%;
border: 3px solid var(--background-text);
box-shadow: 4px 4px 0 0 var(--background-text);
transition: all 0.3s ease-in-out;
display: flex;
flex-direction: column;
justify-content: space-between;
overflow: hidden;
}
.cid-uVihrXWPev .content-wrapper .item .item-wrapper:hover,
.cid-uVihrXWPev .content-wrapper .item .item-wrapper:focus {
transform: translate(0.2rem0.2rem);
box-shadow: none;
}
.cid-uVihrXWPev .content-wrapper .item .item-wrapper .item-img {
position: relative;
}
.cid-uVihrXWPev .content-wrapper .item .item-wrapper .item-img img {
height: 530px;
width: 100%;
object-fit: cover;
border-radius: 0 !important;
}
@media (max-width: 1200px) {
.cid-uVihrXWPev .content-wrapper .item .item-wrapper .item-img img {
height: 350px;
}
}
.cid-uVihrXWPev .content-wrapper .item .item-wrapper .item-img::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
opacity: .8;
}
.cid-uVihrXWPev .content-wrapper .item .item-wrapper .item-content {
padding: 32px;
}
@media (max-width: 1440px) {
.cid-uVihrXWPev .content-wrapper .item .item-wrapper .item-content {
padding: 32px 24px;
}
}
@media (max-width: 992px) {
.cid-uVihrXWPev .content-wrapper .item .item-wrapper .item-content {
padding: 32px 16px;
}
}
.cid-uVihrXWPev .content-wrapper .item .item-wrapper .item-content .item-title_1,
.cid-uVihrXWPev .content-wrapper .item .item-wrapper .item-content .item-title_2,
.cid-uVihrXWPev .content-wrapper .item .item-wrapper .item-content .item-title_3 {
margin-bottom: 48px;
}
@media (max-width: 992px) {
.cid-uVihrXWPev .content-wrapper .item .item-wrapper .item-content .item-title_1,
.cid-uVihrXWPev .content-wrapper .item .item-wrapper .item-content .item-title_2,
.cid-uVihrXWPev .content-wrapper .item .item-wrapper .item-content .item-title_3 {
margin-bottom: 24px;
}
}
.cid-uVihrXWPev .content-wrapper .item .item-wrapper .item-content .item-text_1,
.cid-uVihrXWPev .content-wrapper .item .item-wrapper .item-content .item-text_2,
.cid-uVihrXWPev .content-wrapper .item .item-wrapper .item-content .item-text_3 {
margin-bottom: 38px;
}
@media (max-width: 992px) {
.cid-uVihrXWPev .content-wrapper .item .item-wrapper .item-content .item-text_1,
.cid-uVihrXWPev .content-wrapper .item .item-wrapper .item-content .item-text_2,
.cid-uVihrXWPev .content-wrapper .item .item-wrapper .item-content .item-text_3 {
margin-bottom: 16px;
}
}
.cid-uVihrXWPev .content-wrapper .item .item-wrapper .item-content .mbr-section-btn .btn {
margin-bottom: 0;
}
.cid-uVihrXWPev .content-wrapper .item .card_1 {
background-color: var(--dominant-color);
}
.cid-uVihrXWPev .content-wrapper .item .card_1 .item-img::before {
background-color: var(--dominant-color);
}
.cid-uVihrXWPev .content-wrapper .item .card_2 {
background-color: var(--primary-color);
}
.cid-uVihrXWPev .content-wrapper .item .card_2 .item-img::before {
background-color: var(--primary-color);
}
.cid-uVihrXWPev .content-wrapper .item .card_3 {
background-color: var(--secondary-color);
}
.cid-uVihrXWPev .content-wrapper .item .card_3 .item-img::before {
background-color: var(--secondary-color);
}
.cid-uVihrXWPev .item-title_1,
.cid-uVihrXWPev .mbr-section-btn {
color: var(--dominant-text);
}
.cid-uVihrXWPev .item-text_1 {
color: var(--dominant-text);
}
.cid-uVihrXWPev .item-title_2,
.cid-uVihrXWPev .mbr-section-btn {
color: var(--primary-text);
}
.cid-uVihrXWPev .item-text_2 {
color: var(--primary-text);
}
.cid-uVihrXWPev .item-title_3,
.cid-uVihrXWPev .mbr-section-btn {
color: var(--secondary-text);
}
.cid-uVihrXWPev .item-text_3 {
color: var(--secondary-text);
}
<>
.cid-uVihrXWG8e .mbr-fallback-image.disabled {
display: none;
}
.cid-uVihrXWG8e .mbr-fallback-image {
display: block;
background-size: cover;
background-position: center center;
width: 100%;
height: 100%;
position: absolute;
top: 0;
background-image: url("../_images/background1.jpg");
}
<>
.cid-uVihrXWTbU {
padding-top: 5rem;
padding-bottom: 5rem;
background-color: transparent;
}
.cid-uVihrXWTbU .mbr-section-title {
padding: 0 60px;
margin-bottom: 80px;
color: var(--background-text);
}
@media (max-width: 992px) {
.cid-uVihrXWTbU .mbr-section-title {
padding: 0;
margin-bottom: 24px;
}
}
.cid-uVihrXWTbU .embla__slide {
display: flex;
justify-content: center;
position: relative;
min-width: 512px;
max-width: 512px;
}
@media (max-width: 767px) {
.cid-uVihrXWTbU .embla__slide {
min-width: 100%;
max-width: 100%;
}
}
.cid-uVihrXWTbU .embla__slide .slide-content {
width: 100%;
}
.cid-uVihrXWTbU .embla__slide .slide-content .item-wrapper {
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
background-color: var(--primary-color);
border: 3px solid var(--background-text);
overflow: hidden;
}
.cid-uVihrXWTbU .embla__slide .slide-content .item-content .item-img img {
height: 300px;
width: 100%;
object-fit: cover;
border-bottom: 3px solid var(--background-text);
border-radius: 0 !important;
}
.cid-uVihrXWTbU .embla__slide .slide-content .item-content .text-wrapper {
position: relative;
z-index: 1;
padding: 32px;
}
@media (max-width: 992px) {
.cid-uVihrXWTbU .embla__slide .slide-content .item-content .text-wrapper {
padding: 32px 16px 24px 16px;
}
}
.cid-uVihrXWTbU .embla__slide .slide-content .item-content .text-wrapper .item-date {
margin-bottom: 8px;
opacity: .7;
}
.cid-uVihrXWTbU .embla__slide .slide-content .item-content .text-wrapper .item-title {
margin-bottom: 24px;
}
.cid-uVihrXWTbU .embla__slide .slide-content .item-content .text-wrapper .item-text {
margin-bottom: 0;
}
.cid-uVihrXWTbU .embla__slide .slide-content .icon-wrapper {
position: relative;
z-index: 1;
padding: 0 32px 32px 32px;
}
@media (max-width: 992px) {
.cid-uVihrXWTbU .embla__slide .slide-content .icon-wrapper {
padding: 0 16px 32px 16px;
}
}
.cid-uVihrXWTbU .embla__slide .slide-content .icon-wrapper .mbr-iconfont {
width: 56px;
height: 56px;
font-size: 24px;
display: inline-flex;
align-items: center;
justify-content: center;
color: var(--background-text);
background-color: var(--background);
border: 3px solid var(--background-text);
border-radius: 100%;
box-shadow: 2px 2px var(--background-text);
transition: all 0.3s ease-in-out;
}
.cid-uVihrXWTbU .embla__slide .slide-content .icon-wrapper .mbr-iconfont:hover,
.cid-uVihrXWTbU .embla__slide .slide-content .icon-wrapper .mbr-iconfont:focus {
box-shadow: none;
transform: translate(1px1px);
}
.cid-uVihrXWTbU .embla__button--next,
.cid-uVihrXWTbU .embla__button--prev {
display: flex;
}
.cid-uVihrXWTbU .embla__button {
bottom: 0;
width: 56px;
height: 56px;
font-size: 24px;
background-color: var(--background) !important;
color: var(--background-text) !important;
border: 3px solid var(--background-text) !important;
box-shadow: 2px 2px var(--background-text);
border-radius: 50%;
transition: all 0.3s;
position: absolute;
display: flex;
justify-content: center;
align-items: center;
opacity: 1 !important;
}
.cid-uVihrXWTbU .embla__button:hover {
box-shadow: none;
transform: translate(1px1px);
}
.cid-uVihrXWTbU .embla__button.embla__button--prev {
left: 60px;
}
@media (max-width: 992px) {
.cid-uVihrXWTbU .embla__button.embla__button--prev {
left: 0;
}
}
.cid-uVihrXWTbU .embla__button.embla__button--next {
right: 60px;
}
@media (max-width: 992px) {
.cid-uVihrXWTbU .embla__button.embla__button--next {
right: 0;
}
}
.cid-uVihrXWTbU .embla {
position: relative;
width: 100%;
padding: 0 60px;
padding: 0 60px 6rem 60px;
}
@media (max-width: 992px) {
.cid-uVihrXWTbU .embla {
padding: 0;
}
}
@media (max-width: 992px) {
.cid-uVihrXWTbU .embla {
padding: 0 0 6rem 0;
}
}
.cid-uVihrXWTbU .embla__viewport {
overflow: hidden;
width: 100%;
margin-right: 1rem;
}
.cid-uVihrXWTbU .embla__viewport.is-draggable {
cursor: grab;
}
.cid-uVihrXWTbU .embla__viewport.is-dragging {
cursor: grabbing;
}
.cid-uVihrXWTbU .embla__container {
display: flex;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-webkit-tap-highlight-color: transparent;
}
.cid-uVihrXWTbU .item-menu-overlay {
opacity: 0 !important;
}
.cid-uVihrXWTbU .item-date {
color: var(--primary-text);
}
.cid-uVihrXWTbU .item-title {
color: #050f0f;
}
.cid-uVihrXWTbU .item-text {
color: var(--primary-text);
}
.cid-uVihrXWTbU .icon-wrapper {
text-align: right;
}
.cid-uVihrXWTbU .item-title,
.cid-uVihrXWTbU .icon-wrapper {
color: var(--primary-text);
}
2023-10-27
反差之王
回顾上周最令人惊艳的反差作品，看看谁是真正的创意大师！
2023-10-26
创意灵感
如何从平凡中发现不凡？本期分享实用创意技巧。
2023-10-25
用户故事
听听参赛者们的心声，他们的故事同样精彩。
2023-10-24
技术分享
关于反差效果的制作，我们有话要说。
2023-10-23
社区公告
关于近期大赛规则的更新通知。
2023-10-22
奖品揭晓
本月大奖花落谁家？激动人心的时刻即将到来！
<>
.cid-uVihrXXCLf {
padding-top: 5rem;
padding-bottom: 5rem;
background-color: transparent;
}
.cid-uVihrXXCLf .mbr-fallback-image.disabled {
display: none;
}
.cid-uVihrXXCLf .mbr-fallback-image {
display: block;
background-size: cover;
background-position: center center;
width: 100%;
height: 100%;
position: absolute;
top: 0;
}
.cid-uVihrXXCLf .content-wrapper {
display: flex;
position: relative;
padding: 80px 90px;
overflow: hidden;
}
@media (max-width: 992px) {
.cid-uVihrXXCLf .content-wrapper {
padding: 32px 16px;
display: block;
}
}
.cid-uVihrXXCLf .content-wrapper .image-wrapper {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.cid-uVihrXXCLf .content-wrapper .image-wrapper img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
animation: none;
}
.cid-uVihrXXCLf .content-wrapper::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--primary-color);
opacity: 0.8;
z-index: 1;
pointer-events: none;
}
.cid-uVihrXXCLf .content-wrapper .content-wrap {
position: relative;
z-index: 1;
width: 60%;
}
@media (max-width: 992px) {
.cid-uVihrXXCLf .content-wrapper .content-wrap {
width: 100%;
}
}
.cid-uVihrXXCLf .content-wrapper .content-wrap .mbr-section-title {
margin-bottom: 32px;
}
@media (max-width: 992px) {
.cid-uVihrXXCLf .content-wrapper .content-wrap .mbr-section-title {
margin-bottom: 24px;
}
}
.cid-uVihrXXCLf .content-wrapper .content-wrap .mbr-text {
margin-bottom: 24px;
}
@media (max-width: 992px) {
.cid-uVihrXXCLf .content-wrapper .content-wrap .mbr-text {
margin-bottom: 16px;
}
}
.cid-uVihrXXCLf .content-wrapper .content-wrap .mbr-section-btn .btn {
margin-bottom: 0;
}
.cid-uVihrXXCLf .mbr-section-title {
color: #050f0f;
}
.cid-uVihrXXCLf .mbr-text {
color: #050f0f;
}
.cid-uVihrXXCLf .mbr-section-title,
.cid-uVihrXXCLf .mbr-section-btn {
color: var(--primary-text);
}
.cid-uVihrXXCLf .mbr-text,
.cid-uVihrXXCLf .text-wrapper {
color: var(--primary-text);
}
<>
.cid-uVihrXXTLI {
padding-top: 5rem;
padding-bottom: 5rem;
background-color: transparent;
}
.cid-uVihrXXTLI .mbr-fallback-image.disabled {
display: none;
}
.cid-uVihrXXTLI .mbr-fallback-image {
display: block;
background-size: cover;
background-position: center center;
width: 100%;
height: 100%;
position: absolute;
top: 0;
}
.cid-uVihrXXTLI .content-wrapper {
padding: 0 60px;
display: flex;
align-items: center;
justify-content: space-between;
}
@media (max-width: 992px) {
.cid-uVihrXXTLI .content-wrapper {
display: block;
padding: 0;
}
}
.cid-uVihrXXTLI .content-wrapper .title-wrapper {
width: 50%;
margin-bottom: 0;
}
@media (max-width: 992px) {
.cid-uVihrXXTLI .content-wrapper .title-wrapper {
width: 100%;
margin-bottom: 24px;
}
}
.cid-uVihrXXTLI .content-wrapper .title-wrapper .mbr-section-title {
margin-bottom: 32px;
}
@media (max-width: 992px) {
.cid-uVihrXXTLI .content-wrapper .title-wrapper .mbr-section-title {
width: 100%;
margin-bottom: 24px;
}
}
.cid-uVihrXXTLI .content-wrapper .title-wrapper .mbr-text {
margin-bottom: 0;
}
.cid-uVihrXXTLI .content-wrapper .title-wrapper .mbr-section-btn {
margin-top: 22px;
}
@media (max-width: 992px) {
.cid-uVihrXXTLI .content-wrapper .title-wrapper .mbr-section-btn {
margin-top: 16px;
}
}
.cid-uVihrXXTLI .content-wrapper .image-wrap {
width: 40%;
border: 3px solid #000000;
box-shadow: 4px 4px 0 0 #000000;
background-color: #FFFFFF;
padding: 60px 20px;
transform: rotate(3deg);
}
@media (max-width: 992px) {
.cid-uVihrXXTLI .content-wrapper .image-wrap {
padding: 32px 16px;
width: 100%;
transform: rotate(0);
}
}
.cid-uVihrXXTLI .content-wrapper .image-wrap img {
height: 550px;
width: 100%;
object-fit: cover;
}
.cid-uVihrXXTLI .mbr-section-title {
color: #050f0f;
}
.cid-uVihrXXTLI .mbr-text {
color: #050f0f;
}
.cid-uVihrXXTLI .mbr-section-title,
.cid-uVihrXXTLI .mbr-section-btn {
color: var(--background-text);
}
.cid-uVihrXXTLI .mbr-text,
.cid-uVihrXXTLI .text-wrapper,
.cid-uVihrXXTLI .rating-wrapper {
color: var(--background-text);
}
赛场风云
这里是反差的集结地，每日上演精彩对决。看谁能用最出人意料的方式，赢得全场喝彩！
<>
.cid-uVihrXXOE5 {
background-image: url("https://proxy.electricblaze.com/?u=https%3A%2F%2Fimages.unsplash.com%2Fphoto-1529699211952-734e80c4d42b%3Fixid%3DM3w0Mzc5fDB8MXxzZWFyY2h8MTV8fGNvbXBldGl0aW9ufGVufDB8MHx8fDE3NTY0OTE3Mzd8MA%26ixlib%3Drb-4.1.0%26auto%3Dformat%26fit%3Dcrop%26w%3D1200%26q%3D80&e=1759968000&s=nJT12tHb11mtuVEgjpqaHYwbcOKtWURENHJJBLIc2Z0");
}
.cid-uVihrXXOE5 .mbr-fallback-image.disabled {
display: none;
}
.cid-uVihrXXOE5 .mbr-fallback-image {
display: block;
background-size: cover;
background-position: center center;
width: 100%;
height: 100%;
position: absolute;
top: 0;
}
<>
.cid-uVihrXX3H2 {
padding-top: 5rem;
padding-bottom: 5rem;
background-color: transparent;
}
.cid-uVihrXX3H2 .mbr-fallback-image.disabled {
display: none;
}
.cid-uVihrXX3H2 .mbr-fallback-image {
display: block;
background-size: cover;
background-position: center center;
width: 100%;
height: 100%;
position: absolute;
top: 0;
}
.cid-uVihrXX3H2 .items-wrapper {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 32px;
padding: 0 60px;
}
@media (max-width: 992px) {
.cid-uVihrXX3H2 .items-wrapper {
display: block;
padding: 0;
}
}
@media (max-width: 992px) {
.cid-uVihrXX3H2 .items-wrapper .item {
margin-bottom: 16px;
}
}
.cid-uVihrXX3H2 .items-wrapper .item .item-wrapper {
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
background-color: var(--dominant-color);
border: 3px solid #050f0f;
overflow: hidden;
}
.cid-uVihrXX3H2 .items-wrapper .item .item-img img {
height: 400px;
width: 100%;
object-fit: cover;
border-bottom: 3px solid #050f0f;
border-radius: 0 !important;
}
@media (max-width: 992px) {
.cid-uVihrXX3H2 .items-wrapper .item .item-img img {
height: 350px;
}
}
.cid-uVihrXX3H2 .items-wrapper .item .text-wrapper {
position: relative;
z-index: 1;
padding: 32px;
}
@media (max-width: 992px) {
.cid-uVihrXX3H2 .items-wrapper .item .text-wrapper {
padding: 32px 16px 24px 16px;
}
}
.cid-uVihrXX3H2 .items-wrapper .item .text-wrapper .item-price {
margin-bottom: 8px;
opacity: .6;
}
.cid-uVihrXX3H2 .items-wrapper .item .text-wrapper .item-title {
margin-bottom: 24px;
}
.cid-uVihrXX3H2 .items-wrapper .item .text-wrapper .item-text {
margin-bottom: 22px;
}
.cid-uVihrXX3H2 .item-price {
color: var(--dominant-text);
}
.cid-uVihrXX3H2 .item-title {
color: #050f0f;
}
.cid-uVihrXX3H2 .item-text {
color: var(--dominant-text);
}
.cid-uVihrXX3H2 .item-title,
.cid-uVihrXX3H2 .icon-wrapper {
color: var(--dominant-text);
}
¥99
闪耀奖杯
冠军荣耀，独家定制，见证你的辉煌时刻。
¥199
反差秘籍
掌握反差艺术的精髓，成为焦点。
¥299
至尊会员
畅享所有赛事内容，优先参与权。
<>
.cid-uVihrXXqck {
padding-top: 5rem;
padding-bottom: 5rem;
background-color: transparent;
}
.cid-uVihrXXqck .mbr-fallback-image.disabled {
display: none;
}
.cid-uVihrXXqck .mbr-fallback-image {
display: block;
background-size: cover;
background-position: center center;
width: 100%;
height: 100%;
position: absolute;
top: 0;
}
.cid-uVihrXXqck .content-wrapper {
padding: 80px 90px;
background-color: var(--dominant-color);
display: flex;
}
@media (max-width: 992px) {
.cid-uVihrXXqck .content-wrapper {
display: block;
padding: 32px 16px;
}
}
.cid-uVihrXXqck .content-wrapper .content-wrap {
width: 50%;
}
@media (max-width: 992px) {
.cid-uVihrXXqck .content-wrapper .content-wrap {
width: 100%;
margin-bottom: 24px;
}
}
.cid-uVihrXXqck .content-wrapper .content-wrap .text-wrapper {
position: sticky;
top: 32px;
padding: 32px;
}
@media (max-width: 992px) {
.cid-uVihrXXqck .content-wrapper .content-wrap .text-wrapper {
position: static;
padding: 0;
}
}
.cid-uVihrXXqck .content-wrapper .content-wrap .text-wrapper .icon-wrapper {
width: 100%;
position: absolute;
left: -30px;
top: -30px;
}
.cid-uVihrXXqck .content-wrapper .content-wrap .text-wrapper .icon-wrapper .mbr-iconfont {
color: #b5838d;
font-size: 250px;
}
@media (max-width: 992px) {
.cid-uVihrXXqck .content-wrapper .content-wrap .text-wrapper .icon-wrapper .mbr-iconfont {
display: none;
}
}
.cid-uVihrXXqck .content-wrapper .content-wrap .text-wrapper .mbr-section-title {
position: relative;
z-index: 1;
margin-bottom: 32px;
}
@media (max-width: 992px) {
.cid-uVihrXXqck .content-wrapper .content-wrap .text-wrapper .mbr-section-title {
margin-bottom: 24px;
}
}
.cid-uVihrXXqck .content-wrapper .content-wrap .text-wrapper .mbr-text {
position: relative;
z-index: 1;
margin-bottom: 0;
}
.cid-uVihrXXqck .content-wrapper .items-wrapper {
padding-left: 32px;
width: 50%;
}
@media (max-width: 992px) {
.cid-uVihrXXqck .content-wrapper .items-wrapper {
padding-left: 0;
width: 100%;
display: block;
padding: 0;
}
}
.cid-uVihrXXqck .content-wrapper .items-wrapper .item {
margin-bottom: 24px;
}
.cid-uVihrXXqck .content-wrapper .items-wrapper .item:last-child {
margin-bottom: 0;
}
@media (max-width: 992px) {
.cid-uVihrXXqck .content-wrapper .items-wrapper .item {
margin-bottom: 16px;
}
.cid-uVihrXXqck .content-wrapper .items-wrapper .item:last-child {
margin-bottom: 0;
}
}
.cid-uVihrXXqck .content-wrapper .items-wrapper .item .item-wrapper {
position: relative;
background-color: var(--background);
padding: 32px;
border: 3px solid var(--background-text);
}
@media (max-width: 992px) {
.cid-uVihrXXqck .content-wrapper .items-wrapper .item .item-wrapper {
padding: 32px 16px;
}
}
.cid-uVihrXXqck .content-wrapper .items-wrapper .item .item-wrapper .card-box .item-number {
-webkit-text-stroke-width: .125rem;
-webkit-text-stroke-color: var(--background-text);
text-shadow: 4px 4px 0 var(--background-text);
}
.cid-uVihrXXqck .content-wrapper .items-wrapper .item .item-wrapper .card-box .item-title {
margin-bottom: 32px;
}
@media (max-width: 992px) {
.cid-uVihrXXqck .content-wrapper .items-wrapper .item .item-wrapper .card-box .item-title {
margin-bottom: 24px;
}
}
.cid-uVihrXXqck .content-wrapper .items-wrapper .item .item-wrapper .card-box .item-text {
margin-bottom: 0;
}
.cid-uVihrXXqck .mbr-section-title {
color: #050f0f;
}
.cid-uVihrXXqck .mbr-text {
color: var(--dominant-text);
}
.cid-uVihrXXqck .item-number {
color: var(--background);
}
.cid-uVihrXXqck .item-title {
color: var(--background-text);
}
.cid-uVihrXXqck .item-text {
color: var(--background-text);
}
.cid-uVihrXXqck .mbr-section-title,
.cid-uVihrXXqck .icon-wrapper {
color: var(--dominant-text);
}
.cid-uVihrXXqck .item-title,
.cid-uVihrXXqck .icon-wrapper {
color: var(--background-text);
}
赛事亮点
我们汇聚了最疯狂的创意和最令人震惊的反差，让你大开眼界。准备好被震撼了吗？
01
每日更新
新鲜赛事内容永不间断，每天都有新惊喜等你来发现。
02
全民参与
无论你是新手还是老手，都能在这里找到属于你的舞台。
03
惊喜奖励
丰厚奖品等你拿，让你的创意得到应有的回报。
<>
.cid-uVihrXX47e {
padding-top: 5rem;
padding-bottom: 5rem;
background-color: transparent;
}
.cid-uVihrXX47e .mbr-fallback-image.disabled {
display: none;
}
.cid-uVihrXX47e .mbr-fallback-image {
display: block;
background-size: cover;
background-position: center center;
width: 100%;
height: 100%;
position: absolute;
top: 0;
}
.cid-uVihrXX47e .content-wrapper {
padding: 0 60px;
display: flex;
}
@media (max-width: 992px) {
.cid-uVihrXX47e .content-wrapper {
display: block;
padding: 0;
}
}
.cid-uVihrXX47e .content-wrapper .content-wrap {
width: 50%;
padding-right: 80px;
}
@media (max-width: 1199px) {
.cid-uVihrXX47e .content-wrapper .content-wrap {
padding-right: 32px;
}
}
@media (max-width: 992px) {
.cid-uVihrXX47e .content-wrapper .content-wrap {
padding-right: 0;
width: 100%;
margin-bottom: 32px;
}
}
.cid-uVihrXX47e .content-wrapper .content-wrap .text-wrapper {
position: sticky;
top: 32px;
}
@media (max-width: 992px) {
.cid-uVihrXX47e .content-wrapper .content-wrap .text-wrapper {
position: static;
}
}
.cid-uVihrXX47e .content-wrapper .content-wrap .text-wrapper .mbr-section-title {
position: relative;
z-index: 1;
margin-bottom: 32px;
}
@media (max-width: 992px) {
.cid-uVihrXX47e .content-wrapper .content-wrap .text-wrapper .mbr-section-title {
margin-bottom: 24px;
}
}
.cid-uVihrXX47e .content-wrapper .content-wrap .text-wrapper .mbr-text {
position: relative;
z-index: 1;
margin-bottom: 0;
}
.cid-uVihrXX47e .content-wrapper .items-wrapper {
padding-left: 80px;
border-left: 3px solid var(--background-text);
width: 50%;
}
@media (max-width: 1199px) {
.cid-uVihrXX47e .content-wrapper .items-wrapper {
padding-left: 32px;
}
}
@media (max-width: 992px) {
.cid-uVihrXX47e .content-wrapper .items-wrapper {
border-left: none;
border-top: 3px solid var(--background-text);
padding-left: 0;
width: 100%;
}
}
.cid-uVihrXX47e .content-wrapper .items-wrapper .item {
padding: 32px 0;
}
@media (max-width: 992px) {
.cid-uVihrXX47e .content-wrapper .items-wrapper .item {
padding: 32px 0 0;
}
}
.cid-uVihrXX47e .content-wrapper .items-wrapper .item .item-wrapper .card-box .item-title {
margin-bottom: 16px;
}
.cid-uVihrXX47e .content-wrapper .items-wrapper .item .item-wrapper .card-box .item-text {
margin-bottom: 16px;
}
@media (max-width: 992px) {
.cid-uVihrXX47e .content-wrapper .items-wrapper .item .item-wrapper .card-box .item-text {
margin-bottom: 0;
}
}
.cid-uVihrXX47e .mbr-section-title {
color: #050f0f;
}
.cid-uVihrXX47e .mbr-text {
color: var(--background-text);
}
.cid-uVihrXX47e .item-title {
color: var(--background-text);
}
.cid-uVihrXX47e .item-text {
color: var(--background-text);
}
.cid-uVihrXX47e .mbr-section-title,
.cid-uVihrXX47e .icon-wrapper {
color: var(--background-text);
}
为何选择我们
我们不仅仅是比赛，更是创造快乐和惊喜的平台。在这里，一切皆有可能！
创意无限
我们鼓励大胆的想象和独特的视角，让你的创意在这里自由飞翔，没有界限。
互动社区
与其他参赛者交流心得，分享经验，共同进步，建立属于你的精彩圈子。
公平公正
严格的评审机制确保每一场比赛都公平公正，让实力说话。
视觉盛宴
高清画质，震撼音效，为你带来极致的视听享受，沉浸在反差的魅力中。
<>
.cid-uVihrXXxro {
padding-top: 5rem;
padding-bottom: 5rem;
background-color: transparent;
}
.cid-uVihrXXxro .mbr-fallback-image.disabled {
display: none;
}
.cid-uVihrXXxro .mbr-fallback-image {
display: block;
background-size: cover;
background-position: center center;
width: 100%;
height: 100%;
position: absolute;
top: 0;
}
.cid-uVihrXXxro .content-wrapper {
position: relative;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 32px;
padding: 80px 60px;
overflow: hidden;
border: 2px solid var(--secondary-color);
}
@media (max-width: 1200px) {
.cid-uVihrXXxro .content-wrapper {
gap: 16px;
}
}
@media (max-width: 1199px) {
.cid-uVihrXXxro .content-wrapper {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 992px) {
.cid-uVihrXXxro .content-wrapper {
display: block;
padding: 32px 16px;
}
}
.cid-uVihrXXxro .content-wrapper .image-wrapper {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.cid-uVihrXXxro .content-wrapper .image-wrapper img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
opacity: 0.5;
animation: none;
}
@media (max-width: 992px) {
.cid-uVihrXXxro .content-wrapper .item {
margin-bottom: 16px;
}
.cid-uVihrXXxro .content-wrapper .item:last-child {
margin-bottom: 0;
}
}
.cid-uVihrXXxro .content-wrapper .item .item-wrapper {
position: relative;
height: 100%;
border: 3px solid var(--background-text);
box-shadow: 4px 4px 0 0 var(--background-text);
transition: all 0.3s ease-in-out;
display: flex;
flex-direction: column;
justify-content: space-between;
overflow: hidden;
background-color: var(--background);
}
.cid-uVihrXXxro .content-wrapper .item .item-wrapper:hover,
.cid-uVihrXXxro .content-wrapper .item .item-wrapper:focus {
transform: translate(0.2rem0.2rem);
box-shadow: none;
}
.cid-uVihrXXxro .content-wrapper .item .item-wrapper .item-content .item-img {
border-bottom: 3px solid var(--background-text);
}
.cid-uVihrXXxro .content-wrapper .item .item-wrapper .item-content .item-img img {
height: 390px;
width: 100%;
object-fit: cover;
border-radius: 0 !important;
}
@media (max-width: 992px) {
.cid-uVihrXXxro .content-wrapper .item .item-wrapper .item-content .item-img img {
height: 350px;
}
}
.cid-uVihrXXxro .content-wrapper .item .item-wrapper .item-content .item-img::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
opacity: .8;
}
.cid-uVihrXXxro .content-wrapper .item .item-wrapper .item-content .text-wrapper {
padding: 32px;
}
@media (max-width: 1440px) {
.cid-uVihrXXxro .content-wrapper .item .item-wrapper .item-content .text-wrapper {
padding: 32px 24px;
}
}
@media (max-width: 992px) {
.cid-uVihrXXxro .content-wrapper .item .item-wrapper .item-content .text-wrapper {
padding: 32px 16px;
}
}
.cid-uVihrXXxro .content-wrapper .item .item-wrapper .item-content .text-wrapper .item-title {
margin-bottom: 48px;
}
@media (max-width: 992px) {
.cid-uVihrXXxro .content-wrapper .item .item-wrapper .item-content .text-wrapper .item-title {
margin-bottom: 24px;
}
}
.cid-uVihrXXxro .content-wrapper .item .item-wrapper .item-content .text-wrapper .item-text {
margin-bottom: 16px;
}
@media (max-width: 992px) {
.cid-uVihrXXxro .content-wrapper .item .item-wrapper .item-content .text-wrapper .item-text {
margin-bottom: 0;
}
}
.cid-uVihrXXxro .content-wrapper .item .item-wrapper .tags-wrapper {
padding: 0 32px 24px 32px;
}
@media (max-width: 1440px) {
.cid-uVihrXXxro .content-wrapper .item .item-wrapper .tags-wrapper {
padding: 0 24px 24px 24px;
}
}
@media (max-width: 992px) {
.cid-uVihrXXxro .content-wrapper .item .item-wrapper .tags-wrapper {
padding: 0 16px 24px 16px;
}
}
.cid-uVihrXXxro .content-wrapper .item .item-wrapper .tags-wrapper .list {
display: inline-flex;
flex-wrap: wrap;
margin: 0;
padding: 0;
list--type: none;
}
.cid-uVihrXXxro .content-wrapper .item .item-wrapper .tags-wrapper .list .item-wrap {
display: inline-flex;
padding: 11px 20px;
margin: 0 8px 8px 0;
background-color: #d3f2ff;
}
.cid-uVihrXXxro .content-wrapper .item .item-wrapper .tags-wrapper .list .item-wrap:nth-child(2n) {
background-color: #bafca2;
}
.cid-uVihrXXxro .content-wrapper .item .item-wrapper .tags-wrapper .list .item-wrap:nth-child(3n) {
background-color: #fdfd96;
}
.cid-uVihrXXxro .item-title {
color: var(--background-text);
}
.cid-uVihrXXxro .item-text {
color: var(--background-text);
}
.cid-uVihrXXxro .list {
color: #050f0f;
}
<>
.cid-uVihrXXNCu {
padding-top: 5rem;
padding-bottom: 5rem;
background-color: transparent;
}
.cid-uVihrXXNCu .mbr-fallback-image.disabled {
display: none;
}
.cid-uVihrXXNCu .mbr-fallback-image {
display: block;
background-size: cover;
background-position: center center;
width: 100%;
height: 100%;
position: absolute;
top: 0;
}
.cid-uVihrXXNCu .content-wrapper {
padding: 80px 90px;
background-color: var(--dominant-color);
display: flex;
}
@media (max-width: 1199px) {
.cid-uVihrXXNCu .content-wrapper {
display: block;
}
}
@media (max-width: 992px) {
.cid-uVihrXXNCu .content-wrapper {
padding: 32px 16px;
}
}
.cid-uVihrXXNCu .content-wrapper .content-wrap {
width: 45%;
padding-right: 48px;
}
@media (max-width: 1199px) {
.cid-uVihrXXNCu .content-wrapper .content-wrap {
margin-bottom: 32px;
width: 100%;
padding-right: 0;
}
}
@media (max-width: 992px) {
.cid-uVihrXXNCu .content-wrapper .content-wrap {
margin-bottom: 24px;
}
}
@media (max-width: 992px) {
.cid-uVihrXXNCu .content-wrapper .content-wrap .text-wrapper {
position: static;
padding: 0;
}
}
.cid-uVihrXXNCu .content-wrapper .content-wrap .text-wrapper .mbr-section-title {
position: relative;
z-index: 1;
margin-bottom: 32px;
}
@media (max-width: 992px) {
.cid-uVihrXXNCu .content-wrapper .content-wrap .text-wrapper .mbr-section-title {
margin-bottom: 24px;
}
}
.cid-uVihrXXNCu .content-wrapper .content-wrap .text-wrapper .mbr-text {
position: relative;
z-index: 1;
margin-bottom: 0;
}
.cid-uVihrXXNCu .content-wrapper .panel-group {
width: 55%;
}
@media (max-width: 1199px) {
.cid-uVihrXXNCu .content-wrapper .panel-group {
width: 100%;
}
}
.cid-uVihrXXNCu .content-wrapper .panel-group .card {
position: relative;
padding: 24px;
transition: all 0.3s ease-in-out;
overflow: hidden;
margin-top: 16px;
border: 3px solid var(--background-text);
box-shadow: 4px 4px 0 0 var(--background-text);
background-color: var(--background);
}
@media (max-width: 992px) {
.cid-uVihrXXNCu .content-wrapper .panel-group .card {
padding: 16px;
}
}
.cid-uVihrXXNCu .content-wrapper .panel-group .card:first-child {
margin-top: 0;
}
.cid-uVihrXXNCu .content-wrapper .panel-group .card .card-header {
background-color: transparent;
border: none;
border-radius: 0;
padding: 0;
}
.cid-uVihrXXNCu .content-wrapper .panel-group .card .card-header .panel-title {
display: flex;
align-items: center;
justify-content: space-between;
}
.cid-uVihrXXNCu .content-wrapper .panel-group .card .card-header .panel-title .panel-title-edit {
margin-bottom: 0;
}
.cid-uVihrXXNCu .content-wrapper .panel-group .card .card-header .panel-title .icon-wrapper {
width: 45px;
height: 45px;
min-width: 45px;
display: inline-flex;
align-items: center;
justify-content: center;
margin-left: 8px;
transition: all 0.3s ease-in-out;
}
.cid-uVihrXXNCu .content-wrapper .panel-group .card .card-header .panel-title .icon-wrapper .mbr-iconfont {
transition: all 0.3s ease-in-out;
font-size: 26px;
color: var(--background-text);
}
.cid-uVihrXXNCu .content-wrapper .panel-group .card .card-header .panel-title:not(.collapsed) .icon-wrapper {
transform: rotate(-45deg);
}
.cid-uVihrXXNCu .content-wrapper .panel-group .card .panel-collapse .panel-body {
position: relative;
z-index: 1;
margin-top: 20px;
}
@media (max-width: 992px) {
.cid-uVihrXXNCu .content-wrapper .panel-group .card .panel-collapse .panel-body {
margin-top: 16px;
}
}
.cid-uVihrXXNCu .content-wrapper .panel-group .card .panel-collapse .panel-body .panel-text {
margin-bottom: 0;
}
.cid-uVihrXXNCu .mbr-section-title {
color: #050f0f;
}
.cid-uVihrXXNCu .mbr-text {
color: var(--dominant-text);
}
.cid-uVihrXXNCu .panel-title-edit {
color: #050f0f;
}
.cid-uVihrXXNCu .panel-text {
color: var(--background-text);
}
.cid-uVihrXXNCu .mbr-section-title,
.cid-uVihrXXNCu .icon-wrapper {
color: var(--dominant-text);
}
.cid-uVihrXXNCu .panel-title-edit,
.cid-uVihrXXNCu .icon-wrapper {
color: var(--background-text);
}
常见问题解答
您是否有关于我们平台的疑问？我们在这里为您解答所有问题，让您轻松上手。
<>
.cid-uVihrXXGuM {
padding-top: 5rem;
padding-bottom: 5rem;
background-color: transparent;
}
.cid-uVihrXXGuM .mbr-fallback-image.disabled {
display: none;
}
.cid-uVihrXXGuM .mbr-fallback-image {
display: block;
background-size: cover;
background-position: center center;
width: 100%;
height: 100%;
position: absolute;
top: 0;
}
.cid-uVihrXXGuM .content-wrapper {
padding: 80px 90px;
background-color: var(--dominant-color);
}
@media (max-width: 992px) {
.cid-uVihrXXGuM .content-wrapper {
padding: 32px 16px;
}
}
.cid-uVihrXXGuM .content-wrapper .title-wrapper {
margin-bottom: 80px;
}
@media (max-width: 992px) {
.cid-uVihrXXGuM .content-wrapper .title-wrapper {
margin-bottom: 24px;
}
}
.cid-uVihrXXGuM .content-wrapper .title-wrapper .mbr-section-title {
margin-bottom: 32px;
}
@media (max-width: 992px) {
.cid-uVihrXXGuM .content-wrapper .title-wrapper .mbr-section-title {
margin-bottom: 24px;
}
}
.cid-uVihrXXGuM .content-wrapper .title-wrapper .text-wrapper .mbr-text {
width: 75%;
display: inline-block;
margin-bottom: 0;
}
@media (max-width: 992px) {
.cid-uVihrXXGuM .content-wrapper .title-wrapper .text-wrapper .mbr-text {
width: 100%;
}
}
.cid-uVihrXXGuM .content-wrapper .items-wrapper {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 48px;
}
@media (max-width: 1199px) {
.cid-uVihrXXGuM .content-wrapper .items-wrapper {
gap: 32px;
}
}
@media (max-width: 992px) {
.cid-uVihrXXGuM .content-wrapper .items-wrapper {
display: block;
}
}
.cid-uVihrXXGuM .content-wrapper .items-wrapper .item {
transform: rotate(-1deg);
transition: all 0.3s ease-in-out;
}
.cid-uVihrXXGuM .content-wrapper .items-wrapper .item:nth-child(2n) {
transform: rotate(1deg);
}
.cid-uVihrXXGuM .content-wrapper .items-wrapper .item:hover,
.cid-uVihrXXGuM .content-wrapper .items-wrapper .item:focus {
transform: rotate(0) !important;
}
@media (max-width: 992px) {
.cid-uVihrXXGuM .content-wrapper .items-wrapper .item {
margin-bottom: 16px;
transform: rotate(0) !important;
}
.cid-uVihrXXGuM .content-wrapper .items-wrapper .item:last-child {
margin-bottom: 0;
}
}
.cid-uVihrXXGuM .content-wrapper .items-wrapper .item .item-wrapper {
position: relative;
border: 3px solid var(--background-text);
box-shadow: 4px 4px 0 0 var(--background-text);
height: 100%;
padding: 24px;
background-color: var(--background);
}
@media (max-width: 992px) {
.cid-uVihrXXGuM .content-wrapper .items-wrapper .item .item-wrapper {
padding: 32px 16px;
}
}
.cid-uVihrXXGuM .content-wrapper .items-wrapper .item .item-wrapper .item-img {
position: relative;
}
.cid-uVihrXXGuM .content-wrapper .items-wrapper .item .item-wrapper .item-img img {
height: 670px;
width: 100%;
object-fit: cover;
}
@media (max-width: 992px) {
.cid-uVihrXXGuM .content-wrapper .items-wrapper .item .item-wrapper .item-img img {
height: 350px;
}
}
.cid-uVihrXXGuM .content-wrapper .items-wrapper .item .item-wrapper .item-content .name-wrapper {
margin-top: 24px;
display: flex;
justify-content: center;
align-items: center;
}
.cid-uVihrXXGuM .content-wrapper .items-wrapper .item .item-wrapper .item-content .name-wrapper .icon-wrapper {
padding-right: 8px;
}
.cid-uVihrXXGuM .content-wrapper .items-wrapper .item .item-wrapper .item-content .name-wrapper .icon-wrapper .mbr-iconfont {
width: 40px;
height: 40px;
font-size: 40px;
color: var(--background-text);
transition: all 0.3s ease-in-out;
}
.cid-uVihrXXGuM .content-wrapper .items-wrapper .item .item-wrapper .item-content .name-wrapper .icon-wrapper .mbr-iconfont:hover,
.cid-uVihrXXGuM .content-wrapper .items-wrapper .item .item-wrapper .item-content .name-wrapper .icon-wrapper .mbr-iconfont:focus {
color: var(--dominant-color);
}
.cid-uVihrXXGuM .content-wrapper .items-wrapper .item .item-wrapper .item-content .name-wrapper .item-name {
width: 100%;
margin-bottom: 0;
}
.cid-uVihrXXGuM .mbr-section-title {
color: var(--dominant-text);
text-align: center;
}
.cid-uVihrXXGuM .mbr-text,
.cid-uVihrXXGuM .text-wrapper {
color: var(--dominant-text);
text-align: center;
}
.cid-uVihrXXGuM .item-name {
color: var(--background-text);
text-align: center;
}
我们的团队
一群充满激情和创意的年轻人，致力于打造最棒的比赛体验。
<>
.cid-uVihrXY21d {
padding-top: 2rem;
padding-bottom: 2rem;
overflow: hidden;
background-color: var(--dominant-color);
}
.cid-uVihrXY21d .mbr-fallback-image.disabled {
display: none;
}
.cid-uVihrXY21d .mbr-fallback-image {
display: block;
background-size: cover;
background-position: center center;
width: 100%;
height: 100%;
position: absolute;
top: 0;
}
.cid-uVihrXY21d .content-head {
max-width: 800px;
}
.cid-uVihrXY21d .loop-container .item {
min-height: auto;
}
.cid-uVihrXY21d .item {
color: var(--dominant-text);
min-height: 90px;
}
@media (max-width: 768px) {
.cid-uVihrXY21d .item {
min-height: 45px;
}
}
<>
.cid-uVihrXYHxN {
padding-top: 5rem;
padding-bottom: 5rem;
background-color: transparent;
}
.cid-uVihrXYHxN .mbr-fallback-image.disabled {
display: none;
}
.cid-uVihrXYHxN .mbr-fallback-image {
display: block;
background-size: cover;
background-position: center center;
width: 100%;
height: 100%;
position: absolute;
top: 0;
}
.cid-uVihrXYHxN .content-wrapper {
position: relative;
padding: 80px 60px;
display: flex;
justify-content: center;
border: 2px solid var(--secondary-color);
}
@media (max-width: 992px) {
.cid-uVihrXYHxN .content-wrapper {
display: block;
padding: 32px 16px;
}
}
.cid-uVihrXYHxN .content-wrapper .image-wrapper {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.cid-uVihrXYHxN .content-wrapper .image-wrapper img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
opacity: 0.5;
animation: none;
}
.cid-uVihrXYHxN .content-wrapper .card-wrapper {
position: relative;
z-index: 1;
width: 75%;
padding: 48px;
background-color: var(--background);
border: 3px solid var(--background-text);
box-shadow: 4px 4px 0 0 var(--background-text);
-webkit-flex: inherit;
}
@media (max-width: 992px) {
.cid-uVihrXYHxN .content-wrapper .card-wrapper {
width: 100%;
padding: 32px 16px;
}
}
.cid-uVihrXYHxN .content-wrapper .card-wrapper .mbr-section-title {
margin-bottom: 32px;
}
@media (max-width: 992px) {
.cid-uVihrXYHxN .content-wrapper .card-wrapper .mbr-section-title {
margin-bottom: 24px;
}
}
.cid-uVihrXYHxN .content-wrapper .card-wrapper .mbr-text {
margin-bottom: 0;
}
.cid-uVihrXYHxN .mbr-section-title {
color: #ff9063;
text-align: center;
}
.cid-uVihrXYHxN .mbr-text {
color: var(--background-text);
text-align: center;
}
.cid-uVihrXYHxN .mbr-section-title,
.cid-uVihrXYHxN .mbr-section-btn {
color: var(--background-text);
}
赛事亮点
每日都有新挑战，各种意想不到的反差萌瞬间等你来捕捉和分享。在这里，平凡也能闪耀，创意无限可能！
<>
.cid-uVihrXYFxb {
padding-top: 5rem;
padding-bottom: 5rem;
background-color: transparent;
}
.cid-uVihrXYFxb .mbr-fallback-image.disabled {
display: none;
}
.cid-uVihrXYFxb .mbr-fallback-image {
display: block;
background-size: cover;
background-position: center center;
width: 100%;
height: 100%;
position: absolute;
top: 0;
}
.cid-uVihrXYFxb .content-wrapper {
padding: 0 60px;
}
@media (max-width: 992px) {
.cid-uVihrXYFxb .content-wrapper {
padding: 0;
}
}
.cid-uVihrXYFxb .content-wrapper .rating-wrapper {
margin-bottom: 24px;
}
.cid-uVihrXYFxb .content-wrapper .rating-wrapper .list {
margin: 0;
padding: 0;
list--type: none;
display: inline-flex;
justify-content: center;
}
.cid-uVihrXYFxb .content-wrapper .rating-wrapper .list .item-wrap {
padding: 12px;
-webkit-text-stroke-width: .15rem;
-webkit-text-stroke-color: var(--background-text);
margin-bottom: 0;
}
.cid-uVihrXYFxb .content-wrapper .text-wrapper .mbr-text {
display: inline-block;
width: 75%;
margin-bottom: 32px;
}
@media (max-width: 992px) {
.cid-uVihrXYFxb .content-wrapper .text-wrapper .mbr-text {
margin-bottom: 24px;
width: 100%;
}
}
.cid-uVihrXYFxb .content-wrapper .mbr-desc {
margin-bottom: 0;
}
.cid-uVihrXYFxb .list {
color: #ffe66d;
text-align: center;
}
.cid-uVihrXYFxb .mbr-text,
.cid-uVihrXYFxb .text-wrapper {
color: #050f0f;
}
.cid-uVihrXYFxb .mbr-desc {
color: var(--background-text);
text-align: center;
}
.cid-uVihrXYFxb .mbr-text,
.cid-uVihrXYFxb .text-wrapper,
.cid-uVihrXYFxb .rating-wrapper {
text-align: center;
color: var(--background-text);
}
.cid-uVihrXYFxb .list,
.cid-uVihrXYFxb .item-wrap {
color: var(--secondary-color);
}
这里的比赛太刺激了，我每天都期待着新的对决，还能看到各种有趣的投稿，真是太棒了！
张伟
<>
.cid-uVihrXYaMU {
padding-top: 5rem;
padding-bottom: 5rem;
background-color: transparent;
}
.cid-uVihrXYaMU .mbr-fallback-image.disabled {
display: none;
}
.cid-uVihrXYaMU .mbr-fallback-image {
display: block;
background-size: cover;
background-position: center center;
width: 100%;
height: 100%;
position: absolute;
top: 0;
}
.cid-uVihrXYaMU .content-wrapper {
padding: 80px 90px;
background-color: var(--dominant-color);
display: flex;
align-items: center;
justify-content: space-between;
}
@media (max-width: 992px) {
.cid-uVihrXYaMU .content-wrapper {
display: block;
padding: 32px 16px;
}
}
.cid-uVihrXYaMU .content-wrapper .content-wrap {
width: 50%;
}
@media (max-width: 992px) {
.cid-uVihrXYaMU .content-wrapper .content-wrap {
margin-bottom: 24px;
width: 100%;
}
}
.cid-uVihrXYaMU .content-wrapper .content-wrap .card-wrapper {
position: relative;
padding: 48px;
-webkit-flex: inherit;
width: 100%;
background-color: var(--dominant-lighten-color);
}
@media (max-width: 1200px) {
.cid-uVihrXYaMU .content-wrapper .content-wrap .card-wrapper {
padding: 48px 16px;
}
}
@media (max-width: 992px) {
.cid-uVihrXYaMU .content-wrapper .content-wrap .card-wrapper {
padding: 32px 16px;
}
}
.cid-uVihrXYaMU .content-wrapper .content-wrap .card-wrapper .mbr-section-title {
margin-bottom: 32px;
}
@media (max-width: 992px) {
.cid-uVihrXYaMU .content-wrapper .content-wrap .card-wrapper .mbr-section-title {
margin-bottom: 24px;
}
}
.cid-uVihrXYaMU .content-wrapper .content-wrap .card-wrapper .mbr-text {
margin-bottom: 0;
}
.cid-uVihrXYaMU .content-wrapper .content-wrap .card-wrapper .icon-wrapper {
position: absolute;
bottom: -1.8rem;
left: 0;
width: 100%;
padding: 0 48px;
}
@media (max-width: 992px) {
.cid-uVihrXYaMU .content-wrapper .content-wrap .card-wrapper .icon-wrapper {
padding: 0 16px;
bottom: -1rem;
}
}
.cid-uVihrXYaMU .content-wrapper .content-wrap .card-wrapper .icon-wrapper .mbr-iconfont {
font-size: 70px;
-webkit-text-stroke-width: .125rem;
-webkit-text-stroke-color: var(--background-text);
color: var(--background);
}
@media (max-width: 992px) {
.cid-uVihrXYaMU .content-wrapper .content-wrap .card-wrapper .icon-wrapper .mbr-iconfont {
font-size: 48px;
-webkit-text-stroke-width: .1rem;
}
}
.cid-uVihrXYaMU .content-wrapper .content-wrap .mbr-section-btn {
margin-top: 54px;
}
@media (max-width: 992px) {
.cid-uVihrXYaMU .content-wrapper .content-wrap .mbr-section-btn {
margin-top: 16px;
}
}
.cid-uVihrXYaMU .content-wrapper .image-wrapper {
width: 45%;
}
@media (max-width: 992px) {
.cid-uVihrXYaMU .content-wrapper .image-wrapper {
width: 100%;
}
}
.cid-uVihrXYaMU .content-wrapper .image-wrapper img {
height: 580px;
width: 100%;
object-fit: cover;
}
@media (max-width: 992px) {
.cid-uVihrXYaMU .content-wrapper .image-wrapper img {
height: 350px;
}
}
.cid-uVihrXYaMU .mbr-section-title {
color: #050f0f;
}
.cid-uVihrXYaMU .mbr-text {
color: var(--dominant-lighten-text);
}
.cid-uVihrXYaMU .mbr-section-btn {
text-align: center;
}
.cid-uVihrXYaMU .icon-wrapper {
text-align: right;
}
.cid-uVihrXYaMU .mbr-section-title,
.cid-uVihrXYaMU .mbr-section-btn,
.cid-uVihrXYaMU .icon-wrapper {
color: var(--dominant-lighten-text);
}
立即加入，赢取荣耀
别再犹豫了！现在就加入我们，展示你的才华，与其他参赛者一较高下，赢取属于你的荣誉！
<>
.cid-uVihrXYWK1 {
padding-top: 5rem;
padding-bottom: 5rem;
background-color: transparent;
}
.cid-uVihrXYWK1 .mbr-fallback-image.disabled {
display: none;
}
.cid-uVihrXYWK1 .mbr-fallback-image {
display: block;
background-size: cover;
background-position: center center;
width: 100%;
height: 100%;
position: absolute;
top: 0;
}
.cid-uVihrXYWK1 .content-wrapper {
padding: 80px 90px;
background-color: var(--primary-light-color);
}
@media (max-width: 992px) {
.cid-uVihrXYWK1 .content-wrapper {
padding: 32px 16px;
}
}
.cid-uVihrXYWK1 .content-wrapper .title-wrapper {
margin-bottom: 80px;
}
@media (max-width: 992px) {
.cid-uVihrXYWK1 .content-wrapper .title-wrapper {
margin-bottom: 24px;
}
}
.cid-uVihrXYWK1 .content-wrapper .title-wrapper .mbr-section-title {
margin-bottom: 32px;
}
@media (max-width: 992px) {
.cid-uVihrXYWK1 .content-wrapper .title-wrapper .mbr-section-title {
margin-bottom: 24px;
}
}
.cid-uVihrXYWK1 .content-wrapper .title-wrapper .text-wrapper .mbr-text {
width: 75%;
display: inline-block;
margin-bottom: 0;
}
@media (max-width: 992px) {
.cid-uVihrXYWK1 .content-wrapper .title-wrapper .text-wrapper .mbr-text {
width: 100%;
}
}
.cid-uVihrXYWK1 .content-wrapper .items-wrapper {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 32px;
}
@media (max-width: 1200px) {
.cid-uVihrXYWK1 .content-wrapper .items-wrapper {
gap: 16px;
}
}
@media (max-width: 1199px) {
.cid-uVihrXYWK1 .content-wrapper .items-wrapper {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 992px) {
.cid-uVihrXYWK1 .content-wrapper .items-wrapper {
display: block;
}
}
@media (max-width: 992px) {
.cid-uVihrXYWK1 .content-wrapper .items-wrapper .item {
margin-bottom: 16px;
}
.cid-uVihrXYWK1 .content-wrapper .items-wrapper .item:last-child {
margin-bottom: 0;
}
}
.cid-uVihrXYWK1 .content-wrapper .items-wrapper .item .item-wrapper {
position: relative;
border: 3px solid var(--background-text);
display: flex;
flex-direction: column;
justify-content: space-between;
overflow: hidden;
box-shadow: 4px 4px 0 0 var(--background-text);
transition: all 0.3s ease-in-out;
height: 100%;
}
.cid-uVihrXYWK1 .content-wrapper .items-wrapper .item .item-wrapper:hover,
.cid-uVihrXYWK1 .content-wrapper .items-wrapper .item .item-wrapper:focus {
transform: translate(0.2rem0.2rem);
box-shadow: none;
}
.cid-uVihrXYWK1 .content-wrapper .items-wrapper .item .item-wrapper:hover::after,
.cid-uVihrXYWK1 .content-wrapper .items-wrapper .item .item-wrapper:focus::after {
opacity: .5;
}
.cid-uVihrXYWK1 .content-wrapper .items-wrapper .item .item-wrapper::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
opacity: 0;
background-color: var(--background-text);
transition: all 0.3s ease-in-out;
z-index: 1;
}
.cid-uVihrXYWK1 .content-wrapper .items-wrapper .item .item-wrapper .item-img {
position: relative;
}
.cid-uVihrXYWK1 .content-wrapper .items-wrapper .item .item-wrapper .item-img img {
height: 400px;
width: 100%;
object-fit: cover;
border-radius: 0 !important;
}
@media (max-width: 992px) {
.cid-uVihrXYWK1 .content-wrapper .items-wrapper .item .item-wrapper .item-img img {
height: 350px;
}
}
.cid-uVihrXYWK1 .content-wrapper .items-wrapper .item .item-wrapper .item-img::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
opacity: .8;
}
.cid-uVihrXYWK1 .content-wrapper .items-wrapper .item .item-wrapper .item-content {
position: relative;
z-index: 2;
padding: 32px;
}
@media (max-width: 1440px) {
.cid-uVihrXYWK1 .content-wrapper .items-wrapper .item .item-wrapper .item-content {
padding: 32px 24px;
}
}
@media (max-width: 992px) {
.cid-uVihrXYWK1 .content-wrapper .items-wrapper .item .item-wrapper .item-content {
padding: 32px 16px;
}
}
.cid-uVihrXYWK1 .content-wrapper .items-wrapper .item .item-wrapper .item-content .item-title_1,
.cid-uVihrXYWK1 .content-wrapper .items-wrapper .item .item-wrapper .item-content .item-title_2,
.cid-uVihrXYWK1 .content-wrapper .items-wrapper .item .item-wrapper .item-content .item-title_3 {
margin-bottom: 32px;
}
@media (max-width: 992px) {
.cid-uVihrXYWK1 .content-wrapper .items-wrapper .item .item-wrapper .item-content .item-title_1,
.cid-uVihrXYWK1 .content-wrapper .items-wrapper .item .item-wrapper .item-content .item-title_2,
.cid-uVihrXYWK1 .content-wrapper .items-wrapper .item .item-wrapper .item-content .item-title_3 {
margin-bottom: 24px;
}
}
.cid-uVihrXYWK1 .content-wrapper .items-wrapper .item .item-wrapper .item-content .item-text_1,
.cid-uVihrXYWK1 .content-wrapper .items-wrapper .item .item-wrapper .item-content .item-text_2,
.cid-uVihrXYWK1 .content-wrapper .items-wrapper .item .item-wrapper .item-content .item-text_3 {
margin-bottom: 0;
}
.cid-uVihrXYWK1 .content-wrapper .items-wrapper .item .item-wrapper .item-content .mbr-section-btn {
margin-top: 24px;
}
@media (max-width: 992px) {
.cid-uVihrXYWK1 .content-wrapper .items-wrapper .item .item-wrapper .item-content .mbr-section-btn {
margin-bottom: 16px;
}
}
.cid-uVihrXYWK1 .content-wrapper .items-wrapper .item .card_1 {
background-color: var(--dominant-color);
}
.cid-uVihrXYWK1 .content-wrapper .items-wrapper .item .card_1 .item-img::before {
background-color: var(--dominant-color);
}
.cid-uVihrXYWK1 .content-wrapper .items-wrapper .item .card_2 {
background-color: var(--primary-color);
}
.cid-uVihrXYWK1 .content-wrapper .items-wrapper .item .card_2 .item-img::before {
background-color: var(--primary-color);
}
.cid-uVihrXYWK1 .content-wrapper .items-wrapper .item .card_3 {
background-color: var(--secondary-color);
}
.cid-uVihrXYWK1 .content-wrapper .items-wrapper .item .card_3 .item-img::before {
background-color: var(--secondary-color);
}
.cid-uVihrXYWK1 .mbr-section-title {
color: var(--primary-light-text);
text-align: center;
}
.cid-uVihrXYWK1 .mbr-text,
.cid-uVihrXYWK1 .text-wrapper {
color: var(--primary-light-text);
text-align: center;
}
.cid-uVihrXYWK1 .item-title_1,
.cid-uVihrXYWK1 .mbr-section-btn {
color: var(--dominant-text);
}
.cid-uVihrXYWK1 .item-text_1 {
color: var(--dominant-text);
}
.cid-uVihrXYWK1 .item-title_2,
.cid-uVihrXYWK1 .mbr-section-btn {
color: var(--primary-text);
}
.cid-uVihrXYWK1 .item-text_2 {
color: var(--primary-text);
}
.cid-uVihrXYWK1 .item-title_3,
.cid-uVihrXYWK1 .mbr-section-btn {
color: var(--secondary-text);
}
.cid-uVihrXYWK1 .item-text_3 {
color: var(--secondary-text);
}
为何选择我们
我们提供一个充满活力和趣味的平台，让您尽情展示自我，与其他用户互动交流，共同创造精彩内容。
公平竞技
所有比赛规则公开透明，确保每一位参与者都有公平的机会。
创意无限
我们鼓励各种形式的创意表达，让您的独特想法在这里得到充分展现。
互动社区
与其他用户分享您的作品，交流心得，共同营造一个积极向上的社区氛围。
<>
.cid-uVihrXYEXv {
padding-top: 5rem;
padding-bottom: 5rem;
background-color: transparent;
}
.cid-uVihrXYEXv .mbr-fallback-image.disabled {
display: none;
}
.cid-uVihrXYEXv .mbr-fallback-image {
display: block;
background-size: cover;
background-position: center center;
width: 100%;
height: 100%;
position: absolute;
top: 0;
}
.cid-uVihrXYEXv .items-wrapper {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 32px;
padding: 0 60px;
}
@media (max-width: 992px) {
.cid-uVihrXYEXv .items-wrapper {
display: block;
padding: 0;
}
}
@media (max-width: 992px) {
.cid-uVihrXYEXv .items-wrapper .item {
margin-bottom: 12px;
}
.cid-uVihrXYEXv .items-wrapper .item:last-child {
margin-bottom: 0;
}
}
.cid-uVihrXYEXv .items-wrapper .item .item-wrapper {
position: relative;
background-color: var(--dominant-color);
padding: 48px;
height: 100%;
}
@media (max-width: 992px) {
.cid-uVihrXYEXv .items-wrapper .item .item-wrapper {
padding: 32px 16px;
}
}
.cid-uVihrXYEXv .items-wrapper .item .item-wrapper .card-box .item-title {
margin-bottom: 32px;
}
@media (max-width: 992px) {
.cid-uVihrXYEXv .items-wrapper .item .item-wrapper .card-box .item-title {
margin-bottom: 24px;
}
}
.cid-uVihrXYEXv .items-wrapper .item .item-wrapper .card-box .item-text {
margin-bottom: 0;
}
.cid-uVihrXYEXv .items-wrapper .item .item-wrapper .card-box .mbr-section-btn {
margin-top: 24px;
}
@media (max-width: 992px) {
.cid-uVihrXYEXv .items-wrapper .item .item-wrapper .card-box .mbr-section-btn {
margin-bottom: 16px;
}
}
.cid-uVihrXYEXv .items-wrapper .item .item-wrapper .card-box .icon-wrapper {
position: absolute;
bottom: -1.8rem;
left: 0;
width: 100%;
padding: 0 48px;
}
@media (max-width: 992px) {
.cid-uVihrXYEXv .items-wrapper .item .item-wrapper .card-box .icon-wrapper {
padding: 0 16px;
bottom: -1rem;
}
}
.cid-uVihrXYEXv .items-wrapper .item .item-wrapper .card-box .icon-wrapper .mbr-iconfont {
font-size: 70px;
-webkit-text-stroke-width: .125rem;
-webkit-text-stroke-color: var(--background-text);
color: var(--background);
}
@media (max-width: 992px) {
.cid-uVihrXYEXv .items-wrapper .item .item-wrapper .card-box .icon-wrapper .mbr-iconfont {
font-size: 48px;
-webkit-text-stroke-width: .1rem;
}
}
.cid-uVihrXYEXv .item-title {
color: #050f0f;
}
.cid-uVihrXYEXv .item-text {
color: var(--dominant-text);
}
.cid-uVihrXYEXv .icon-wrapper {
text-align: right;
}
.cid-uVihrXYEXv .item-title,
.cid-uVihrXYEXv .icon-wrapper,
.cid-uVihrXYEXv .mbr-section-btn {
color: var(--dominant-text);
}
反差之王
谁是今日最强反差怪？是那个外表斯文内心狂野的，还是那个看似平凡实则惊人的？
每日新赛
每天都有新挑战，每天都有新惊喜！别错过任何一个让你大开眼界的机会。
