form server 17.04
This commit is contained in:
parent
3304be94fc
commit
e43891d60e
|
|
@ -4,6 +4,160 @@
|
|||
gap: 4rem;
|
||||
}
|
||||
|
||||
.article-wrap {
|
||||
padding-top: 30px;
|
||||
}
|
||||
|
||||
|
||||
.article {
|
||||
&_desc {
|
||||
&-title {
|
||||
color: #292929;
|
||||
font-weight: 600;
|
||||
font-size: 17px;
|
||||
line-height: 1.4;
|
||||
}
|
||||
|
||||
&-result {
|
||||
font-weight: 600;
|
||||
font-size: 20px;
|
||||
line-height: 1.4;
|
||||
margin: 50px 0 40px;
|
||||
color: #00822c;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
&-photo {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 450px;
|
||||
margin-bottom: 20px;
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: contain;
|
||||
-o-object-fit: contain;
|
||||
object-position: left;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&_btn {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
// justify-content: ;
|
||||
margin-top: 40px;
|
||||
|
||||
a {
|
||||
font-weight: 600;
|
||||
font-size: 15px;
|
||||
line-height: 1.4;
|
||||
border: 1px solid transparent;
|
||||
background: #00822C;
|
||||
color: #fff;
|
||||
display: block;
|
||||
padding: 8px 30px;
|
||||
transition: .2s linear;
|
||||
|
||||
&:hover {
|
||||
background: transparent;
|
||||
border-color: #00822C;
|
||||
color: #00822C;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&-test {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
|
||||
button {
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
font-weight: 600;
|
||||
font-size: 14px;
|
||||
line-height: 1.4;
|
||||
|
||||
width: 200px;
|
||||
padding: 5px 14px;
|
||||
margin-bottom: 12px;
|
||||
color: #00822c;
|
||||
border: 1px solid #00822c;
|
||||
transition: 0.2s linear;
|
||||
|
||||
&::before {
|
||||
content: "";
|
||||
display: inline-block;
|
||||
width: 5px;
|
||||
height: 5px;
|
||||
border-radius: 50%;
|
||||
background: #00822c;
|
||||
margin-right: 10px;
|
||||
text-align: center;
|
||||
align-self: center;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
border-color: #000;
|
||||
color: #000;
|
||||
|
||||
&::before {
|
||||
background: #000;
|
||||
}
|
||||
}
|
||||
|
||||
&.true {
|
||||
background: #00822c;
|
||||
border-color: #00822c;
|
||||
color: #fff;
|
||||
|
||||
&::before {
|
||||
background: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
&.false {
|
||||
background: #ff0c00;
|
||||
border-color: #ff0c00;
|
||||
color: #fff;
|
||||
|
||||
&::before {
|
||||
background: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
&.disabled {
|
||||
pointer-events: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&-hint {
|
||||
display: none;
|
||||
position: relative;
|
||||
|
||||
&.active {
|
||||
display: block;
|
||||
animation: hint 0.2s linear;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes hint {
|
||||
0% {
|
||||
top: 50px;
|
||||
}
|
||||
|
||||
100% {
|
||||
top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.article-content-top {
|
||||
@include flex(column);
|
||||
gap: 1.2rem;
|
||||
|
|
@ -12,8 +166,8 @@
|
|||
.article-item {
|
||||
@include imgStyle($objFit: cover);
|
||||
@include flex;
|
||||
align-items: center;
|
||||
max-height: 55rem;
|
||||
align-items: flex-start;
|
||||
height: 40rem;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
|
|
@ -25,6 +179,7 @@
|
|||
.article-head {
|
||||
@include flex(column);
|
||||
gap: 1.2rem;
|
||||
|
||||
h2 {
|
||||
font-size: 2.4rem;
|
||||
font-weight: bold;
|
||||
|
|
@ -47,6 +202,11 @@
|
|||
padding-top: 1.8rem;
|
||||
@include flex(column);
|
||||
gap: 2.4rem;
|
||||
|
||||
a {
|
||||
color: rgb(59, 59, 255);
|
||||
}
|
||||
|
||||
p,
|
||||
h5 {
|
||||
font-size: 1.7rem;
|
||||
|
|
@ -92,12 +252,42 @@
|
|||
display: none;
|
||||
}
|
||||
|
||||
.align-center {
|
||||
align-items: center;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
// Media
|
||||
|
||||
@media screen and (max-width: 1080px) {
|
||||
.article-aside {
|
||||
display: none;
|
||||
|
||||
&.test-aside {
|
||||
border-top: 0.1rem solid rgb(3, 159, 55);
|
||||
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
margin: 80px 0 0;
|
||||
|
||||
.aside {
|
||||
&-ad {
|
||||
&-wrapper {
|
||||
width: calc(33.33% - 2.4rem);
|
||||
|
||||
&-title {
|
||||
width: 100%;
|
||||
padding-top: 20px;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
.article-inner {
|
||||
display: block;
|
||||
}
|
||||
|
|
@ -107,6 +297,7 @@
|
|||
.article-inner {
|
||||
padding: 2.2rem 0 5rem;
|
||||
}
|
||||
|
||||
.article-head {
|
||||
flex-direction: column-reverse;
|
||||
|
||||
|
|
@ -119,19 +310,39 @@
|
|||
color: $mild-gray;
|
||||
}
|
||||
}
|
||||
|
||||
.article-content-top {
|
||||
gap: 2.5rem;
|
||||
}
|
||||
|
||||
.article-content-bottom {
|
||||
gap: 2.5rem;
|
||||
|
||||
h3 {
|
||||
font-size: 2rem;
|
||||
letter-spacing: 0.1em;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
.article-aside {
|
||||
&.test-aside {
|
||||
.aside {
|
||||
&-ad {
|
||||
&-wrapper {
|
||||
width: calc(50% - 2.4rem);
|
||||
|
||||
&:nth-of-type(n+3) {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@media screen and (max-width: 700px) {
|
||||
// .article-swiper-wrapper-lower {
|
||||
// display: none;
|
||||
|
|
@ -140,16 +351,54 @@
|
|||
@include flex(column);
|
||||
gap: 2.5rem;
|
||||
}
|
||||
|
||||
.article {
|
||||
&_desc {
|
||||
&-photo {
|
||||
height: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.article-content-info {
|
||||
font-size: 1.7rem;
|
||||
}
|
||||
|
||||
.article-bottom-head {
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
|
||||
.sub-news-left-content-item-content {
|
||||
gap: 0.5rem;
|
||||
}
|
||||
|
||||
.article-bottom-item {
|
||||
gap: 1.4rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 600px) {
|
||||
|
||||
.article-aside {
|
||||
&.test-aside {
|
||||
margin-top: 50px;
|
||||
|
||||
.aside {
|
||||
&-ad {
|
||||
&-wrapper {
|
||||
width: calc(100% - 2.4rem);
|
||||
|
||||
a {
|
||||
height: 200px;
|
||||
}
|
||||
|
||||
img {
|
||||
object-fit: contain;
|
||||
object-position: left;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -23,6 +23,7 @@
|
|||
.aside-btns {
|
||||
list-style-type: disc;
|
||||
@include grid(false, 1fr 1fr);
|
||||
|
||||
button {
|
||||
// font-size: 1.2rem;
|
||||
font-size: 1.5rem;
|
||||
|
|
@ -116,6 +117,7 @@
|
|||
h4:not(:last-child) {
|
||||
display: none;
|
||||
}
|
||||
|
||||
//
|
||||
|
||||
h4,
|
||||
|
|
@ -169,10 +171,30 @@
|
|||
|
||||
.aside-ad-wrapper {
|
||||
@include imgStyle($objFit: cover);
|
||||
margin-bottom: 20px;
|
||||
|
||||
&:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
&-title {
|
||||
font-weight: 600;
|
||||
font-size: 24px;
|
||||
line-height: 1.4;
|
||||
color: #242424;
|
||||
// margin-bottom: 30px;
|
||||
}
|
||||
|
||||
a {
|
||||
display: block;
|
||||
}
|
||||
|
||||
&-txt {
|
||||
font-weight: 400;
|
||||
font-size: 13px;
|
||||
line-height: 1.4;
|
||||
margin-top: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
.aside-banner {
|
||||
|
|
@ -202,11 +224,13 @@
|
|||
max-width: 22rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1070px) {
|
||||
.aside {
|
||||
display: none;
|
||||
max-width: unset;
|
||||
}
|
||||
|
||||
.aside-ad-wrapper {
|
||||
a {
|
||||
@include stretch;
|
||||
|
|
@ -214,6 +238,7 @@
|
|||
justify-content: center;
|
||||
}
|
||||
}
|
||||
|
||||
.aside-container {
|
||||
max-width: 174rem;
|
||||
padding: 0 3rem;
|
||||
|
|
@ -226,6 +251,7 @@
|
|||
text-align: center;
|
||||
font-size: 2rem;
|
||||
}
|
||||
|
||||
.aside-content-wrapper {
|
||||
gap: 2.2rem;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -24,6 +24,8 @@
|
|||
|
||||
.main-news-bg {
|
||||
@include imgStyle($objFit: cover);
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
||||
.main-news-overlay {
|
||||
|
|
@ -101,7 +103,8 @@
|
|||
|
||||
.main-news-min-bg {
|
||||
@include imgStyle($objFit: cover);
|
||||
// height: 40rem;
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
||||
.main-news-min-info {
|
||||
|
|
@ -204,7 +207,7 @@
|
|||
// Media
|
||||
@media screen and (max-width: 1070px) {
|
||||
.main-news-min-bg {
|
||||
height: 40rem;
|
||||
height: 54rem;
|
||||
}
|
||||
.mainNewsSwiper {
|
||||
display: block;
|
||||
|
|
@ -227,6 +230,9 @@
|
|||
}
|
||||
|
||||
@media screen and (max-width: 950px) {
|
||||
.main-news-min-bg {
|
||||
height: 52vw;
|
||||
}
|
||||
.main-news-min {
|
||||
display: none;
|
||||
}
|
||||
|
|
@ -248,8 +254,8 @@
|
|||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 500px) {
|
||||
.main-news-min-bg {
|
||||
height: 30rem;
|
||||
}
|
||||
}
|
||||
// @media screen and (max-width: 500px) {
|
||||
// .main-news-min-bg {
|
||||
// height: 30rem;
|
||||
// }
|
||||
// }
|
||||
|
|
|
|||
|
|
@ -33,7 +33,7 @@
|
|||
overflow: hidden;
|
||||
|
||||
img {
|
||||
height: 14rem;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -32,6 +32,7 @@
|
|||
}
|
||||
|
||||
.trending-head {
|
||||
width: 205% !important;
|
||||
@include flex;
|
||||
align-items: center;
|
||||
gap: 1.5rem;
|
||||
|
|
@ -160,7 +161,10 @@
|
|||
|
||||
@media screen and (max-width: 950px) {
|
||||
.trending-inner {
|
||||
@include flex(column-reverse);
|
||||
@include flex(column);
|
||||
}
|
||||
.trending-head {
|
||||
width: 100% !important;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -9,9 +9,11 @@
|
|||
display: grid;
|
||||
gap: 8rem;
|
||||
}
|
||||
|
||||
.rubric-item {
|
||||
align-items: center;
|
||||
gap: 1.5rem;
|
||||
|
||||
.sub-news-left-content-item-date-content-info {
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 4;
|
||||
|
|
@ -21,15 +23,19 @@
|
|||
font-size: 1.7rem;
|
||||
line-height: 2.5rem;
|
||||
}
|
||||
|
||||
.sub-news-left-content-item-img {
|
||||
@include imgStyle(35rem, 20rem, cover);
|
||||
}
|
||||
|
||||
.sub-news-left-content-item-content {
|
||||
gap: 0.8rem;
|
||||
|
||||
h3 {
|
||||
font-size: 2rem;
|
||||
}
|
||||
}
|
||||
|
||||
.sub-news-left-content-item-date-content-head {
|
||||
font-size: 1.6rem;
|
||||
color: $base-gray;
|
||||
|
|
@ -38,6 +44,7 @@
|
|||
|
||||
.rubric-bottom {
|
||||
padding: 0 6.7rem;
|
||||
margin-top: 50px;
|
||||
gap: 1rem;
|
||||
|
||||
span {
|
||||
|
|
@ -48,6 +55,7 @@
|
|||
.heading__footer-input {
|
||||
max-width: 8rem;
|
||||
height: 4rem;
|
||||
|
||||
input {
|
||||
text-align: center;
|
||||
font-size: 20px;
|
||||
|
|
@ -62,6 +70,7 @@
|
|||
}
|
||||
|
||||
@media screen and (max-width: 1080px) {
|
||||
|
||||
.rubric-items,
|
||||
.rubric-bottom {
|
||||
padding: 0;
|
||||
|
|
|
|||
|
|
@ -754,6 +754,8 @@ a {
|
|||
max-height: unset;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
}
|
||||
.main-news-bg img {
|
||||
width: 100%;
|
||||
|
|
@ -834,6 +836,8 @@ a {
|
|||
max-height: unset;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
}
|
||||
.main-news-min-bg img {
|
||||
width: 100%;
|
||||
|
|
@ -950,7 +954,7 @@ a {
|
|||
|
||||
@media screen and (max-width: 1070px) {
|
||||
.main-news-min-bg {
|
||||
height: 40rem;
|
||||
height: 54rem;
|
||||
}
|
||||
.mainNewsSwiper {
|
||||
display: block;
|
||||
|
|
@ -973,6 +977,9 @@ a {
|
|||
}
|
||||
}
|
||||
@media screen and (max-width: 950px) {
|
||||
.main-news-min-bg {
|
||||
height: 52vw;
|
||||
}
|
||||
.main-news-min {
|
||||
display: none;
|
||||
}
|
||||
|
|
@ -993,11 +1000,6 @@ a {
|
|||
gap: 2.5rem;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 500px) {
|
||||
.main-news-min-bg {
|
||||
height: 30rem;
|
||||
}
|
||||
}
|
||||
.aside {
|
||||
position: -webkit-sticky;
|
||||
position: sticky;
|
||||
|
|
@ -1158,6 +1160,7 @@ a {
|
|||
max-height: unset;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.aside-ad-wrapper img {
|
||||
width: 100%;
|
||||
|
|
@ -1165,9 +1168,24 @@ a {
|
|||
-o-object-fit: cover;
|
||||
object-fit: cover;
|
||||
}
|
||||
.aside-ad-wrapper:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.aside-ad-wrapper-title {
|
||||
font-weight: 600;
|
||||
font-size: 24px;
|
||||
line-height: 1.4;
|
||||
color: #242424;
|
||||
}
|
||||
.aside-ad-wrapper a {
|
||||
display: block;
|
||||
}
|
||||
.aside-ad-wrapper-txt {
|
||||
font-weight: 400;
|
||||
font-size: 13px;
|
||||
line-height: 1.4;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.aside-banner {
|
||||
max-width: 30rem;
|
||||
|
|
@ -1460,6 +1478,7 @@ a {
|
|||
}
|
||||
|
||||
.trending-head {
|
||||
width: 205% !important;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
|
|
@ -1601,7 +1620,10 @@ a {
|
|||
@media screen and (max-width: 950px) {
|
||||
.trending-inner {
|
||||
display: flex;
|
||||
flex-direction: column-reverse;
|
||||
flex-direction: column;
|
||||
}
|
||||
.trending-head {
|
||||
width: 100% !important;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 800px) {
|
||||
|
|
@ -1642,7 +1664,7 @@ a {
|
|||
overflow: hidden;
|
||||
}
|
||||
.posts-item.sm .trending-img img {
|
||||
height: 14rem;
|
||||
height: 100%;
|
||||
}
|
||||
.posts-item.big {
|
||||
grid-area: big;
|
||||
|
|
@ -1729,7 +1751,7 @@ a {
|
|||
.video img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
height: 24rem;
|
||||
height: 32rem;
|
||||
-o-object-fit: cover;
|
||||
object-fit: cover;
|
||||
}
|
||||
|
|
@ -2327,6 +2349,7 @@ a {
|
|||
|
||||
.rubric-bottom {
|
||||
padding: 0 6.7rem;
|
||||
margin-top: 50px;
|
||||
gap: 1rem;
|
||||
}
|
||||
.rubric-bottom span {
|
||||
|
|
@ -2371,6 +2394,143 @@ a {
|
|||
gap: 4rem;
|
||||
}
|
||||
|
||||
.article-wrap {
|
||||
padding-top: 30px;
|
||||
}
|
||||
|
||||
.article_desc-title {
|
||||
color: #292929;
|
||||
font-weight: 600;
|
||||
font-size: 17px;
|
||||
line-height: 1.4;
|
||||
}
|
||||
.article_desc-result {
|
||||
font-weight: 600;
|
||||
font-size: 20px;
|
||||
line-height: 1.4;
|
||||
margin: 50px 0 40px;
|
||||
color: #00822c;
|
||||
text-align: center;
|
||||
}
|
||||
.article_desc-photo {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 450px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.article_desc-photo img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: contain;
|
||||
-o-object-fit: contain;
|
||||
-o-object-position: left;
|
||||
object-position: left;
|
||||
}
|
||||
.article_btn {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-top: 40px;
|
||||
}
|
||||
.article_btn a {
|
||||
font-weight: 600;
|
||||
font-size: 15px;
|
||||
line-height: 1.4;
|
||||
border: 1px solid transparent;
|
||||
background: #00822c;
|
||||
color: #fff;
|
||||
display: block;
|
||||
padding: 8px 30px;
|
||||
transition: 0.2s linear;
|
||||
}
|
||||
.article_btn a:hover {
|
||||
background: transparent;
|
||||
border-color: #00822c;
|
||||
color: #00822c;
|
||||
}
|
||||
.article-test {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
}
|
||||
.article-test button {
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
font-weight: 600;
|
||||
font-size: 14px;
|
||||
line-height: 1.4;
|
||||
width: 200px;
|
||||
padding: 5px 14px;
|
||||
margin-bottom: 12px;
|
||||
color: #00822c;
|
||||
border: 1px solid #00822c;
|
||||
transition: 0.2s linear;
|
||||
}
|
||||
.article-test button::before {
|
||||
content: "";
|
||||
display: inline-block;
|
||||
width: 5px;
|
||||
height: 5px;
|
||||
border-radius: 50%;
|
||||
background: #00822c;
|
||||
margin-right: 10px;
|
||||
text-align: center;
|
||||
align-self: center;
|
||||
}
|
||||
.article-test button:hover {
|
||||
border-color: #000;
|
||||
color: #000;
|
||||
}
|
||||
.article-test button:hover::before {
|
||||
background: #000;
|
||||
}
|
||||
.article-test button.true {
|
||||
background: #00822c;
|
||||
border-color: #00822c;
|
||||
color: #fff;
|
||||
}
|
||||
.article-test button.true::before {
|
||||
background: #fff;
|
||||
}
|
||||
.article-test button.false {
|
||||
background: #ff0c00;
|
||||
border-color: #ff0c00;
|
||||
color: #fff;
|
||||
}
|
||||
.article-test button.false::before {
|
||||
background: #fff;
|
||||
}
|
||||
.article-test button.disabled {
|
||||
pointer-events: none;
|
||||
}
|
||||
.article-hint {
|
||||
display: none;
|
||||
position: relative;
|
||||
}
|
||||
.article-hint.active {
|
||||
display: block;
|
||||
-webkit-animation: hint 0.2s linear;
|
||||
animation: hint 0.2s linear;
|
||||
}
|
||||
|
||||
@-webkit-keyframes hint {
|
||||
0% {
|
||||
top: 50px;
|
||||
}
|
||||
100% {
|
||||
top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes hint {
|
||||
0% {
|
||||
top: 50px;
|
||||
}
|
||||
100% {
|
||||
top: 0;
|
||||
}
|
||||
}
|
||||
.article-content-top {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
|
@ -2384,15 +2544,15 @@ a {
|
|||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
max-height: 55rem;
|
||||
align-items: flex-start;
|
||||
height: 55rem;
|
||||
overflow: hidden;
|
||||
}
|
||||
.article-item img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
-o-object-fit: cover;
|
||||
object-fit: cover;
|
||||
-o-object-fit: contain;
|
||||
object-fit: contain;
|
||||
}
|
||||
|
||||
.article-prev,
|
||||
|
|
@ -2428,6 +2588,9 @@ a {
|
|||
flex-direction: column;
|
||||
gap: 2.4rem;
|
||||
}
|
||||
.article-desc a {
|
||||
color: rgb(59, 59, 255);
|
||||
}
|
||||
.article-desc p,
|
||||
.article-desc h5 {
|
||||
font-size: 1.7rem;
|
||||
|
|
@ -2467,10 +2630,29 @@ a {
|
|||
display: none;
|
||||
}
|
||||
|
||||
.align-center {
|
||||
align-items: center;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1080px) {
|
||||
.article-aside {
|
||||
display: none;
|
||||
}
|
||||
.article-aside.test-aside {
|
||||
border-top: 0.1rem solid rgb(3, 159, 55);
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
margin: 80px 0 0;
|
||||
}
|
||||
.article-aside.test-aside .aside-ad-wrapper {
|
||||
width: calc(33.33% - 2.4rem);
|
||||
}
|
||||
.article-aside.test-aside .aside-ad-wrapper-title {
|
||||
width: 100%;
|
||||
padding-top: 20px;
|
||||
}
|
||||
.article-inner {
|
||||
display: block;
|
||||
}
|
||||
|
|
@ -2500,6 +2682,12 @@ a {
|
|||
letter-spacing: 0.1em;
|
||||
text-align: center;
|
||||
}
|
||||
.article-aside.test-aside .aside-ad-wrapper {
|
||||
width: calc(50% - 2.4rem);
|
||||
}
|
||||
.article-aside.test-aside .aside-ad-wrapper:nth-of-type(n + 3) {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 700px) {
|
||||
.article-items {
|
||||
|
|
@ -2507,6 +2695,9 @@ a {
|
|||
flex-direction: column;
|
||||
gap: 2.5rem;
|
||||
}
|
||||
.article_desc-photo {
|
||||
height: auto;
|
||||
}
|
||||
.article-content-info {
|
||||
font-size: 1.7rem;
|
||||
}
|
||||
|
|
@ -2520,6 +2711,23 @@ a {
|
|||
gap: 1.4rem;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 600px) {
|
||||
.article-aside.test-aside {
|
||||
margin-top: 50px;
|
||||
}
|
||||
.article-aside.test-aside .aside-ad-wrapper {
|
||||
width: calc(100% - 2.4rem);
|
||||
}
|
||||
.article-aside.test-aside .aside-ad-wrapper a {
|
||||
height: 200px;
|
||||
}
|
||||
.article-aside.test-aside .aside-ad-wrapper img {
|
||||
-o-object-fit: contain;
|
||||
object-fit: contain;
|
||||
-o-object-position: left;
|
||||
object-position: left;
|
||||
}
|
||||
}
|
||||
.affiche-inner {
|
||||
padding: 4.4rem 0 8rem 0;
|
||||
display: flex;
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1,8 @@
|
|||
title = "test"
|
||||
url = "/test"
|
||||
layout = "new/master"
|
||||
is_hidden = 0
|
||||
robot_index = "index"
|
||||
robot_follow = "follow"
|
||||
==
|
||||
{% partial 'newHome/main-popular' %}
|
||||
Loading…
Reference in New Issue