.dot { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .setBetween { display: flex; justify-content: space-between; } .setRowCenter { display: flex; justify-content: center; } .setColumnCenter { display: flex; align-items: center; } .setCenter { display: flex; flex-direction: column; align-items: center; justify-content: center; } .ra { border-radius: 0.2rem; overflow: hidden; } .bs { box-shadow: 0 0 0.5rem #ebebeb; } .box-shadow { box-shadow: 0rem 0.3rem 0.5rem 0rem rgba(36, 65, 116, 0.1); } .btn { padding: 0.3rem 0.9rem; background-color: #3b52f6; color: #fff; border-radius: 2rem; font-size: 0.9rem; } .btn.s1 { background-color: transparent; border: 1px solid #3b52f6; color: #3b52f6; } .a-hover:hover { color: #3b52f6; } .see-banner .main-center { max-width: 100%; background-color: #00db6d; } .see-banner h1 { font-family: "HarmonyOS_Sans_Black" !important; font-size: 2.4rem; font-size: 2rem; line-height: 1.2; padding: 5.4rem 0; text-align: center; position: relative; z-index: 2; } .see-banner h1>span{ color: #ffff1b; } .main-title { margin-bottom: 1.2rem; } .main-title * { text-align: left; } .main-title>span{ display: block; font-size: 1.15rem; line-height: 1.5; text-align: center; } .main-title h2 { font-family: "HarmonyOS_Sans_Black" !important; font-size: 1.9rem; margin-bottom: 0; line-height: 1.4 !important; text-align: center; } .main-title p { font-size: 0.85rem; max-width: 100%; text-align: center; line-height: 1.8; margin-top: 1.8rem !important; } .credit .main-1 { padding: 5rem 0 5rem; background-image: url(../images/credit-main1-bg.jpg); background-repeat: no-repeat; background-size: 100% auto; } .credit .main-1 .main-center{ max-width: 69.53%; } .credit .main-1 .f-img>p{ font-size: 0.85rem; text-align: center; line-height: 1.8; margin-bottom: 0 !important; } .credit .main-1 .tips-credit{ font-size: 0.85rem; text-align: center; margin: 6.5rem 0 1.35rem !important; } .credit .container .item-list1 { display: flex; justify-content: space-between; } .credit .container .item-list1 .item { width: calc(33.33% - 0.9rem); height: 26.5rem; position: relative; margin-top: 0.9rem; padding: 3.5rem 2rem; background-size: 100%; } .credit .container .item-list1 .item:nth-of-type(1){ background-image: url(../images/credit-item-01.jpg); } .credit .container .item-list1 .item:nth-of-type(2){ background-image: url(../images/credit-item-02.jpg); } .credit .container .item-list1 .item:nth-of-type(3){ background-image: url(../images/credit-item-03.jpg); } .credit .container .item-list1 h6 { display: flex; justify-content: center; align-items: center; font-size: 1.25rem; line-height: 1.32; min-height: 5rem; margin-bottom: 1.5rem; color: #ffff1b; } .credit .container .item-list1 p{ font-size: 0.85rem; line-height: 1.42; text-align: center; color: #fff; } .credit .container .item-list1 .item::after { content: ""; display: block; width: 1.5rem; height: 1.5rem; background-image: url(../images/icon-more-2.png); background-repeat: no-repeat; background-size: 100%; position: absolute; bottom: 1.3rem; right: 1rem; font-size: 1.6rem; color: #ffff1b; } .credit .shadow{ width: 79%; border: 1px solid #5b5b5b; border-radius: 1rem; margin: 5rem auto 0; padding: 1rem; text-align: center; } .credit .shadow p{ font-size: 1rem; line-height: 1.4; } .credit.shadow span{ display: block; color: #3456fd; } .credit .shadow .more-btn{ display: flex; justify-content: center; max-width: 70rem; height: 1rem; margin: 1rem auto 0; } .credit .shadow .more-btn>a{ border: 0; color: #838383; font-size: 0.85rem; padding: 0 1rem 0 0; text-align: left; transition: all .6s; position: relative; } .credit .shadow .more-btn>a em{ display: inline-block; margin-left: 0.4rem; position: absolute; top: 50%; right: 0; transform: scaleY(1.8) translateY(-30.5%); transition: all .6s; } .credit .shadow .more-btn>a:hover{ background: none; opacity: .65; } .credit .shadow .more-btn>a:hover em{ right: -0.3rem; } .credit .con2{ background-color: #ffff1b; padding: 4.5rem 0 6rem; } .credit .con2 .main-center{ max-width: 63.96%; } .credit .con2 .main-title>span:nth-of-type(2){ font-size: 0.85rem; color: #505050; margin-top: -0.5rem; } .credit .container .item-list2 .item { display: flex; justify-content: space-between; margin-top: 5.6rem; } .credit .container .item-list2 .item>em{ width: 15.2rem; border-right: 2px solid #323232; } .credit .container .item-list2 .item>span{ width: calc(100% - 17.9rem); font-size: 0.85rem; line-height: 1.45; } .credit .con3{ padding: 6rem 0; } .credit .con3 .main-center{ max-width: 80%; display: flex; justify-content: space-between; align-items: center; } .credit .con3 .main-title h2{ display: flex; align-items: center; height: 2.5rem; padding: 0 1.5rem; background-color: #00db6d; font-size: 1.9rem; } .credit .con3 .f-img{ margin-bottom: 5rem; } .credit .con3 .txt { width: 52%; } .credit .con3 .txt p{ font-size: 0.85rem; line-height: 1.45; margin-bottom: 0 !important; color: #505050; } .credit .con3 .img { display: flex; justify-content: flex-end; width: 48%; } .credit .con3 .bor{ margin-bottom: 1.5rem; padding-top: 0.8rem; } .credit .con3 .img img{ height: 32.3rem; } .credit .con4{ padding: 0 0 5rem; } .credit .con4 .main-center{ max-width: 82.08%; background-color: #dedede; padding: 3.2rem 10%; text-align: center; } .credit .con4 h2{ font-size: 1.9rem; line-height: 1.2; color: #3456fd; } .credit .con4 span{ display: block; font-size: 0.85rem; line-height: 1.4; margin: 1.5rem 0 1.2rem; color: #3456fd; } .credit .con4 p{ font-size: 0.85rem; line-height: 1.4; margin-bottom: 0 !important; color: #505050; } .credit .con4 .shadow{ margin-top: 2.5rem; background-color: #3456fd; width: 100%; } .credit .con4 .shadow p{ color: #ffffff; } .credit .con4 .shadow .more-btn a{ color: #00db6d; } .credit .con4 .bor { border-radius: 0.25rem; padding: 2rem; font-size: 1.3rem; font-weight: bold; max-width: 66rem; margin: 2rem auto; background-image: url(../images/4623.png); background-size: 100% 100%; background-repeat: no-repeat; } .credit .con4 .bor p { margin-top: 0; font-size: 0.9rem; } .credit .con6 * { text-align: center; } .credit .con6 h4 { color: #3b52f6; line-height: 1.2; } @media screen and (max-width: 768px) { .credit .container .f-img img { display: none; } .credit .con4 .bor { background-image: none; box-shadow: 0 0 0.5rem #ebebeb; } .credit .main-1 .container * { font-size: 0.9rem; line-height: 1.6; } .credit .main-1 .container h4 { font-size: 1.3rem; } .credit .main-1 .container strong { font-size: 0.9rem; } .credit .main-1 .container .f-img img { display: none; } .credit .main-1 .container .item-list1 { flex-wrap: nowrap; overflow-x: scroll; } .credit .main-1 .container .item-list1 .item { flex-shrink: 0; width: 15rem; margin-right: 0.9rem; } .credit .main-1 .container .item-list1 .item:last-of-type { margin-right: 0; } .credit .main-2 .c-tit h2 { font-size: 1.3rem; } .credit .main-2 .school h3 { margin-bottom: 0.9rem; font-size: 1.3rem; } .credit .main-2 .item>div { width: 100% !important; } .credit .main-2 .item .img { display: none; } .credit .main-2 .item .text { padding-top: 0.9rem; } .credit .main-2 .item .text div { padding-bottom: 0.9rem; } }