html {
font-size: 37.5px;
}
.page {
background-color: rgba(255, 255, 255, 1);
/*position: relative;*/
width: 51.2rem;
/*height: 241.5rem;*/
overflow: hidden;
}
.block_1 {
position: relative;
width: 51.2rem;
height: 75.094rem;
}
.box_1 {
background-color: rgba(169, 27, 51, 1);
width: 51.2rem;
height: 1.387rem;
}
.group_1 {
background-color: rgba(255, 255, 255, 0.2);
border-radius: 18px;
width: 2.774rem;
height: 0.96rem;
margin: 0.214rem 0 0 35.894rem;
}
.label_1 {
width: 0.64rem;
height: 0.64rem;
margin: 0.16rem 0 0 0.427rem;
}
.text_1 {
width: 0.854rem;
height: 0.64rem;
overflow-wrap: break-word;
color: rgba(255, 255, 255, 1);
font-size: 0.426rem;
font-family: PingFangSC-Regular;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 0.64rem;
margin: 0.16rem 0.64rem 0 0.214rem;
}
.label_2 {
width: 0.96rem;
height: 0.96rem;
margin: 0.214rem 10.454rem 0 1.12rem;
}
.box_2 {
box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.06);
background-color: rgba(240, 240, 240, 1);
position: relative;
width: 51.2rem;
height: 2.347rem;
}
.image_1 {
width: 3.947rem;
height: 1.814rem;
margin: 0.267rem 0 0 10.88rem;
}
.group_2 {
width: 1.707rem;
height: 0.88rem;
margin: 0.427rem 0 0 1.334rem;
}
.text_2 {
width: 1.707rem;
height: 0.64rem;
overflow-wrap: break-word;
color: rgba(89, 89, 89, 1);
font-size: 0.426rem;
font-family: PingFangSC-Semibold;
font-weight: 600;
text-align: left;
white-space: nowrap;
line-height: 0.64rem;
}
.thumbnail_1 {
width: 0.534rem;
height: 0.534rem;
margin: 0.347rem 0.427rem 0 -0.96rem;
}
.text-wrapper_1 {
width: 1.707rem;
height: 1.494rem;
margin: 0.427rem 0 0 0.854rem;
}
.text_3 {
width: 1.707rem;
height: 0.64rem;
overflow-wrap: break-word;
color: rgba(89, 89, 89, 1);
font-size: 0.426rem;
font-family: PingFangSC-Regular;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 0.64rem;
}
.text_4 {
width: 1.707rem;
height: 0.64rem;
overflow-wrap: break-word;
color: rgba(89, 89, 89, 1);
font-size: 0.426rem;
font-family: PingFangSC-Regular;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 0.64rem;
margin-top: 0.214rem;
}
.text-wrapper_2 {
width: 1.707rem;
height: 1.494rem;
margin: 0.427rem 0 0 0.854rem;
}
.text_5 {
width: 1.707rem;
height: 0.64rem;
overflow-wrap: break-word;
color: rgba(89, 89, 89, 1);
font-size: 0.426rem;
font-family: PingFangSC-Regular;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 0.64rem;
}
.text_6 {
width: 1.707rem;
height: 0.64rem;
overflow-wrap: break-word;
color: rgba(89, 89, 89, 1);
font-size: 0.426rem;
font-family: PingFangSC-Regular;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 0.64rem;
margin-top: 0.214rem;
}
.text-wrapper_3 {
width: 1.707rem;
height: 1.494rem;
margin: 0.427rem 0 0 0.854rem;
}
.text_7 {
width: 1.707rem;
height: 0.64rem;
overflow-wrap: break-word;
color: rgba(89, 89, 89, 1);
font-size: 0.426rem;
font-family: PingFangSC-Regular;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 0.64rem;
}
.text_8 {
width: 1.707rem;
height: 0.64rem;
overflow-wrap: break-word;
color: rgba(89, 89, 89, 1);
font-size: 0.426rem;
font-family: PingFangSC-Regular;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 0.64rem;
margin-top: 0.214rem;
}
.text-wrapper_4 {
width: 2.134rem;
height: 1.494rem;
margin: 0.427rem 0 0 0.854rem;
}
.text_9 {
width: 2.134rem;
height: 0.64rem;
overflow-wrap: break-word;
color: rgba(89, 89, 89, 1);
font-size: 0.426rem;
font-family: PingFangSC-Regular;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 0.64rem;
}
.text_10 {
width: 1.6rem;
height: 0.64rem;
overflow-wrap: break-word;
color: rgba(89, 89, 89, 1);
font-size: 0.426rem;
font-family: PingFangSC-Regular;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 0.64rem;
margin: 0.214rem 0 0 0.267rem;
}
.text-wrapper_5 {
width: 1.707rem;
height: 1.494rem;
margin: 0.427rem 0 0 0.854rem;
}
.text_11 {
width: 1.707rem;
height: 0.64rem;
overflow-wrap: break-word;
color: rgba(89, 89, 89, 1);
font-size: 0.426rem;
font-family: PingFangSC-Regular;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 0.64rem;
}
.text_12 {
width: 1.707rem;
height: 0.64rem;
overflow-wrap: break-word;
color: rgba(89, 89, 89, 1);
font-size: 0.426rem;
font-family: PingFangSC-Regular;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 0.64rem;
margin-top: 0.214rem;
}
.text-wrapper_6 {
width: 1.707rem;
height: 1.494rem;
margin: 0.427rem 0 0 0.854rem;
}
.text_13 {
width: 1.707rem;
height: 0.64rem;
overflow-wrap: break-word;
color: rgba(89, 89, 89, 1);
font-size: 0.426rem;
font-family: PingFangSC-Regular;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 0.64rem;
}
.text_14 {
width: 1.707rem;
height: 0.64rem;
overflow-wrap: break-word;
color: rgba(89, 89, 89, 1);
font-size: 0.426rem;
font-family: PingFangSC-Regular;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 0.64rem;
margin-top: 0.214rem;
}
.text-wrapper_7 {
width: 2.107rem;
height: 1.494rem;
margin: 0.427rem 0 0 0.854rem;
}
.text_15 {
width: 2.107rem;
height: 0.64rem;
overflow-wrap: break-word;
color: rgba(89, 89, 89, 1);
font-size: 0.426rem;
font-family: PingFangSC-Regular;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 0.64rem;
}
.text_16 {
width: 1.707rem;
height: 0.64rem;
overflow-wrap: break-word;
color: rgba(89, 89, 89, 1);
font-size: 0.426rem;
font-family: PingFangSC-Regular;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 0.64rem;
margin: 0.214rem 0 0 0.214rem;
}
.image_2 {
width: 1.974rem;
height: 1.387rem;
margin: 0.427rem 11.094rem 0 1.52rem;
}
.text_17 {
position: absolute;
left: 16.16rem;
top: 1.28rem;
width: 1.707rem;
height: 0.64rem;
overflow-wrap: break-word;
color: rgba(89, 89, 89, 1);
font-size: 0.426rem;
font-family: PingFangSC-Regular;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 0.64rem;
}
.box_3 {
width: 51.2rem;
height: 17.067rem;
background: url(./img/SketchPnge8eda618ea641f9b3dffcf33836a414dbb143ecca00a4fd13df95fb45510ed03.png) 100% no-repeat;
background-size: 100% 100%;
}
.text_18 {
width: 9.654rem;
height: 3.467rem;
overflow-wrap: break-word;
color: rgba(250, 250, 250, 1);
font-size: 2.666rem;
font-family: YouSheBiaoTiHei;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 3.467rem;
margin: 5.44rem 0 0 10.454rem;
}
.text_19 {
width: 12rem;
height: 1.014rem;
overflow-wrap: break-word;
color: rgba(250, 250, 250, 1);
font-size: 0.906rem;
font-family: Arial-BoldMT;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 1.04rem;
margin: 0.16rem 0 0 10.454rem;
}
.text_20 {
width: 11.76rem;
height: 0.454rem;
overflow-wrap: break-word;
color: rgba(250, 250, 250, 1);
font-size: 0.426rem;
font-family: ArialMT;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 0.48rem;
margin: 0.427rem 0 0 10.454rem;
}
.box_4 {
width: 29.707rem;
height: 2.88rem;
margin: 2.374rem 0 0.854rem 10.827rem;
}
.group_3 {
border-radius: 8px;
background-image: url(./img/4d5b86b54d2442c4af70878a0b9b6017_mergeImage.png);
background-size: cover;
background-repeat: no-repeat;
height: 2.88rem;
border: 6px solid rgba(255, 255, 255, 0.4);
width: 5.12rem;
}
.text-wrapper_8 {
height: 0.747rem;
background: url(./img/SketchPngb887c9389c1251995d1eecfa86cd1698df78392a06685ec6d333fa855005497e.png) 100% no-repeat;
background-size: 100% 100%;
margin-top: 2.134rem;
width: 5.12rem;
}
.text_21 {
width: 2.4rem;
height: 0.534rem;
overflow-wrap: break-word;
color: rgba(250, 250, 250, 1);
font-size: 0.373rem;
font-family: PingFang-SC-Medium;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 0.534rem;
margin: 0.107rem 0 0 0.214rem;
}
.group_4 {
border-radius: 8px;
background-image: url(./img/e4b2da1f23b64f768776b66eecf38c38_mergeImage.png);
background-size: cover;
background-repeat: no-repeat;
height: 2.4rem;
border: 4px solid rgba(255, 255, 255, 0.4);
width: 4.267rem;
margin: 0.24rem 0 0 0.694rem;
}
.text-wrapper_9 {
height: 0.747rem;
background: url(./img/SketchPng135d8d82d439b0ffab4e57ca2b77ffbc61a61f74af9bbf2b27a3879fd3cb3b67.png) 100% no-repeat;
background-size: 100% 100%;
margin-top: 1.654rem;
width: 4.267rem;
}
.text_22 {
width: 1.867rem;
height: 0.534rem;
overflow-wrap: break-word;
color: rgba(250, 250, 250, 1);
font-size: 0.373rem;
font-family: PingFang-SC-Medium;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 0.534rem;
margin: 0.107rem 0 0 0.214rem;
}
.group_5 {
border-radius: 8px;
background-image: url(./img/82d83d5ebbc64799aff2ff71587f815a_mergeImage.png);
background-size: cover;
background-repeat: no-repeat;
height: 2.4rem;
border: 4px solid rgba(255, 255, 255, 0.4);
width: 4.267rem;
margin: 0.24rem 0 0 0.64rem;
}
.text-wrapper_10 {
height: 0.747rem;
background: url(./img/SketchPng135d8d82d439b0ffab4e57ca2b77ffbc61a61f74af9bbf2b27a3879fd3cb3b67.png) 100% no-repeat;
background-size: 100% 100%;
margin-top: 1.654rem;
width: 4.267rem;
}
.text_23 {
width: 2.24rem;
height: 0.534rem;
overflow-wrap: break-word;
color: rgba(250, 250, 250, 1);
font-size: 0.373rem;
font-family: PingFang-SC-Medium;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 0.534rem;
margin: 0.107rem 0 0 0.214rem;
}
.group_6 {
border-radius: 8px;
background-image: url(./img/f993d91ae0e24821a730e286ba6f4e33_mergeImage.png);
background-size: cover;
background-repeat: no-repeat;
height: 2.4rem;
border: 4px solid rgba(255, 255, 255, 0.4);
width: 4.267rem;
margin: 0.24rem 0 0 0.64rem;
}
.text-wrapper_11 {
height: 0.747rem;
background: url(./img/SketchPng135d8d82d439b0ffab4e57ca2b77ffbc61a61f74af9bbf2b27a3879fd3cb3b67.png) 100% no-repeat;
background-size: 100% 100%;
margin-top: 1.654rem;
width: 4.267rem;
}
.text_24 {
width: 2.614rem;
height: 0.534rem;
overflow-wrap: break-word;
color: rgba(250, 250, 250, 1);
font-size: 0.373rem;
font-family: PingFang-SC-Medium;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 0.534rem;
margin: 0.107rem 0 0 0.214rem;
}
.group_7 {
border-radius: 8px;
background-image: url(./img/dbe0a6aff2ed429684a3a00f9106730e_mergeImage.png);
background-size: cover;
background-repeat: no-repeat;
height: 2.4rem;
border: 4px solid rgba(255, 255, 255, 0.4);
width: 4.267rem;
margin: 0.24rem 0 0 0.64rem;
}
.text-wrapper_12 {
height: 0.747rem;
background: url(./img/SketchPng135d8d82d439b0ffab4e57ca2b77ffbc61a61f74af9bbf2b27a3879fd3cb3b67.png) 100% no-repeat;
background-size: 100% 100%;
margin-top: 1.654rem;
width: 4.267rem;
}
.text_25 {
width: 1.12rem;
height: 0.534rem;
overflow-wrap: break-word;
color: rgba(250, 250, 250, 1);
font-size: 0.373rem;
font-family: PingFang-SC-Medium;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 0.534rem;
margin: 0.107rem 0 0 0.214rem;
}
.group_8 {
border-radius: 8px;
background-image: url(./img/52da291c1813414e909d970f53cd61b9_mergeImage.png);
background-size: cover;
background-repeat: no-repeat;
height: 2.4rem;
border: 4px solid rgba(255, 255, 255, 0.4);
width: 4.267rem;
margin: 0.24rem 0 0 0.64rem;
}
.text-wrapper_13 {
height: 0.747rem;
background: url(./img/SketchPng135d8d82d439b0ffab4e57ca2b77ffbc61a61f74af9bbf2b27a3879fd3cb3b67.png) 100% no-repeat;
background-size: 100% 100%;
margin-top: 1.654rem;
width: 4.267rem;
}
.text_26 {
width: 1.494rem;
height: 0.534rem;
overflow-wrap: break-word;
color: rgba(250, 250, 250, 1);
font-size: 0.373rem;
font-family: PingFang-SC-Medium;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 0.534rem;
margin: 0.107rem 0 0 0.214rem;
}
.text-wrapper_14 {
width: 29.28rem;
height: 2.934rem;
margin: 2.134rem 0 0 10.987rem;
}
.text_27 {
width: 29.28rem;
height: 2.934rem;
overflow-wrap: break-word;
color: rgba(255, 140, 140, 1);
font-size: 2.773rem;
text-transform: uppercase;
font-family: Arial-BoldItalicMT;
font-weight: NaN;
text-align: right;
white-space: nowrap;
line-height: 2.934rem;
}
.text_28 {
width: 4.534rem;
height: 0.64rem;
overflow-wrap: break-word;
color: rgba(38, 38, 38, 1);
font-size: 0.426rem;
text-transform: uppercase;
font-family: Arial-BoldItalicMT;
font-weight: NaN;
text-align: right;
white-space: nowrap;
line-height: 0.64rem;
margin: 1.867rem 0 0 -16.907rem;
}
.text_29 {
width: 4.267rem;
height: 1.067rem;
overflow-wrap: break-word;
color: rgba(38, 38, 38, 1);
font-size: 1.066rem;
font-family: PingFangSC-Semibold;
font-weight: 600;
text-align: left;
white-space: nowrap;
line-height: 1.067rem;
margin: 0.587rem 12.534rem 0 -4.427rem;
}
.box_5 {
width: 30.027rem;
height: 10.667rem;
margin: 0.5rem 0 0 10.454rem;
}
.block_2 {
/* background-image: url(./img/ad4719e0bbc3467d8d803a441987db92_mergeImage.png); */
background-size: cover;
background-repeat: no-repeat;
}
.block_2 img {
border-radius: 8px !important;
width: 18.934rem !important;
height: 10.667rem !important;
}
.block_3 {
width: 10.667rem !important;
height: 10.667rem !important;
}
.box_6 {
background-color: rgba(245, 245, 245, 1);
width: 10.667rem !important;
height: auto !important;
}
.image-text_1 {
width: 9.76rem;
height: 1.6rem;
/* margin: 0.32rem 0 0 0.214rem; */
cursor: pointer;
}
.block_4 {
/* background-image: url(./img/40b7007905f64716922f2d1ba9616ca5_mergeImage.png); */
background-size: cover;
background-repeat: no-repeat;
}
.block_4 img {
border-radius: 0.213rem;
width: 2.827rem!important;
height: 1.6rem!important;
object-fit: cover;
}
.text-group_1 {
width: 6.614rem;
height: 1.6rem;
display: flex; /* 设置为flex布局 */
justify-content: left; /* 水平居中对齐 */
/*align-items: left; !* 垂直居中对齐 *!*/
}
.text_30 {
width: 6.614rem;
/*height: 1.067rem;*/
overflow-wrap: break-word;
color: rgba(38, 38, 38, 1);
font-size: 0.426rem;
font-family: PingFangSC-Semibold;
font-weight: 600;
text-align: left;
line-height: 0.534rem;
}
.text_31 {
width: 4.48rem;
height: 0.534rem;
overflow-wrap: break-word;
color: rgba(89, 89, 89, 1);
font-size: 0.32rem;
font-family: PingFangSC-Regular;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 0.534rem;
/*margin: 0rem 0rem 0rem 0rem;*/
}
.image-text_2 {
width: 9.147rem !important;
height: 1.6rem !important;
margin: 0.32rem 0 0 0.214rem !important;
}
.group_9 {
border-radius: 8px;
background-image: url(./img/baeb11ca83074c478355936728ccb08f_mergeImage.png);
background-size: cover;
background-repeat: no-repeat;
width: 2.827rem;
height: 1.6rem;
}
.text-group_2 {
width: 6rem;
height: 1.067rem;
}
.text_32 {
width: 6rem;
height: 0.534rem;
overflow-wrap: break-word;
color: rgba(38, 38, 38, 1);
font-size: 0.426rem;
font-family: PingFangSC-Semibold;
font-weight: 600;
text-align: left;
white-space: nowrap;
line-height: 0.534rem;
}
.text_33 {
width: 4.48rem;
height: 0.534rem;
overflow-wrap: break-word;
color: rgba(89, 89, 89, 1);
font-size: 0.32rem;
font-family: PingFangSC-Regular;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 0.534rem;
}
.image-text_3 {
width: 9.547rem !important;
height: 1.6rem !important;
margin: 0.64rem 0 0 0.214rem !important;
}
.section_1 {
border-radius: 8px;
background-image: url(./img/a154fcfe5f4444c7a175cdd68a005545_mergeImage.png);
background-size: cover;
background-repeat: no-repeat;
width: 2.827rem;
height: 1.6rem;
}
.text-group_3 {
width: 6.4rem;
height: 1.067rem;
}
.text_34 {
width: 6.4rem;
height: 0.534rem;
overflow-wrap: break-word;
color: rgba(38, 38, 38, 1);
font-size: 0.426rem;
font-family: PingFang-SC-Bold;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 0.534rem;
}
.text_35 {
width: 4.8rem;
height: 0.534rem;
overflow-wrap: break-word;
color: rgba(89, 89, 89, 1);
font-size: 0.32rem;
font-family: PingFangSC-Regular;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 0.534rem;
}
.image-text_4 {
width: 9.547rem !important;
height: 1.6rem !important;
margin: 0.64rem 0 0 0.214rem !important;
}
.box_7 {
border-radius: 8px;
background-image: url(./img/b2f5092110aa4903bca08abbbe6ae6fb_mergeImage.png);
background-size: cover;
background-repeat: no-repeat;
width: 2.827rem;
height: 1.6rem;
}
.text-group_4 {
width: 6.4rem;
height: 1.067rem;
}
.text_36 {
width: 6.4rem;
height: 0.534rem;
overflow-wrap: break-word;
color: rgba(38, 38, 38, 1);
font-size: 0.426rem;
font-family: PingFang-SC-Bold;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 0.534rem;
}
.text_37 {
width: 4.8rem;
height: 0.534rem;
overflow-wrap: break-word;
color: rgba(89, 89, 89, 1);
font-size: 0.32rem;
font-family: PingFangSC-Regular;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 0.534rem;
}
.image-text_5 {
width: 9.76rem !important;
height: 2.08rem !important;
margin: 0.64rem 0 0.694rem 0.214rem !important;
}
.group_10 {
border-radius: 8px;
background-image: url(./img/a2699adc25e84a8e9c9d35b804a4d4d7_mergeImage.png);
background-size: cover;
background-repeat: no-repeat;
width: 2.827rem;
height: 1.6rem;
}
.text-group_5 {
width: 6.614rem;
height: 2.08rem;
}
.text_38 {
width: 6.614rem;
height: 1.067rem;
overflow-wrap: break-word;
color: rgba(38, 38, 38, 1);
font-size: 0.426rem;
font-family: PingFangSC-Semibold;
font-weight: 600;
text-align: left;
line-height: 0.534rem;
}
.text_39 {
width: 4.48rem;
height: 0.534rem;
overflow-wrap: break-word;
color: rgba(89, 89, 89, 1);
font-size: 0.32rem;
font-family: PingFangSC-Regular;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 0.534rem;
margin: 0.48rem 0 0 0.054rem;
}
.text-wrapper_15 {
width: 20.187rem;
height: 2.934rem;
margin: 2.134rem 0 0 15.52rem;
}
.text_40 {
width: 20.187rem;
height: 2.934rem;
overflow-wrap: break-word;
color: rgba(255, 140, 140, 1);
font-size: 2.773rem;
text-transform: uppercase;
font-family: Arial-BoldItalicMT;
font-weight: NaN;
text-align: right;
white-space: nowrap;
line-height: 2.934rem;
}
.text_41 {
width: 4.267rem;
height: 1.067rem;
overflow-wrap: break-word;
color: rgba(38, 38, 38, 1);
font-size: 1.066rem;
font-family: PingFangSC-Semibold;
font-weight: 600;
text-align: left;
white-space: nowrap;
line-height: 1.067rem;
margin: 0.587rem 0 0 -12.24rem;
}
.text_42 {
width: 3.147rem;
height: 0.64rem;
overflow-wrap: break-word;
color: rgba(38, 38, 38, 1);
font-size: 0.426rem;
text-transform: uppercase;
font-family: Arial-BoldItalicMT;
font-weight: NaN;
text-align: right;
white-space: nowrap;
line-height: 0.64rem;
margin: 1.867rem 8.534rem 0 -3.707rem;
}
.text-wrapper_16 {
width: 8.107rem;
height: 0.64rem;
margin: 0.5rem 0 0 21.76rem;
}
.text_43 {
width: 0.854rem;
height: 0.64rem;
overflow-wrap: break-word;
color: rgba(169, 27, 51, 1);
font-size: 0.426rem;
font-family: PingFangSC-Medium;
font-weight: 500;
text-align: right;
white-space: nowrap;
line-height: 0.64rem;
}
.text_44 {
width: 1.707rem;
height: 0.64rem;
overflow-wrap: break-word;
color: rgba(38, 38, 38, 1);
font-size: 0.426rem;
font-family: PingFangSC-Regular;
font-weight: NaN;
text-align: right;
white-space: nowrap;
line-height: 0.64rem;
margin-left: 2.134rem;
}
.text_45 {
width: 1.707rem;
height: 0.64rem;
overflow-wrap: break-word;
color: rgba(38, 38, 38, 1);
font-size: 0.426rem;
font-family: PingFangSC-Regular;
font-weight: NaN;
text-align: right;
white-space: nowrap;
line-height: 0.64rem;
margin-left: 1.707rem;
}
.image_3 {
width: 0.64rem;
height: 0.08rem;
margin: 0.214rem 0 0 21.867rem;
}
.box_8 {
width: 30.294rem;
height: 12.534rem;
margin: 0.427rem 0 0 10.454rem;
}
.box_9 {
border-radius: 8px;
background-image: url(./img/a63579eaa240469e9b5fe24f34c85a55_mergeImage.png);
background-size: cover;
background-repeat: no-repeat;
height: 12.534rem;
width: 9.387rem;
}
.group_11 {
width: 9.387rem;
height: 12.534rem;
background: url(./img/SketchPngb7c3cd21543764aa824488c1a545db7438f1620d3e382f29f829ccf6b6d7652e.png) 100% no-repeat;
background-size: 100% 100%;
}
.text-wrapper_17 {
width: 8.08rem;
height: 0.854rem;
margin: 0.64rem 0 0 0.64rem;
}
.text_46 {
width: 4.854rem;
height: 0.587rem;
overflow-wrap: break-word;
color: rgba(255, 255, 255, 1);
font-size: 0.373rem;
font-family: PingFangSC-Regular;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 0.587rem;
margin-top: 0.267rem;
}
.text_47 {
width: 1.094rem;
height: 0.854rem;
overflow-wrap: break-word;
color: rgba(255, 255, 255, 1);
font-size: 0.64rem;
font-family: DINAlternate-Bold;
font-weight: 700;
text-align: center;
white-space: nowrap;
line-height: 0.854rem;
}
.text-group_6 {
width: 8.107rem;
height: 3.307rem;
margin: 1.28rem 0 0 0.64rem;
}
.text_48 {
width: 3.2rem;
height: 0.747rem;
overflow-wrap: break-word;
color: rgba(255, 255, 255, 1);
font-size: 0.533rem;
font-family: PingFangSC-Semibold;
font-weight: 600;
text-align: left;
white-space: nowrap;
line-height: 0.747rem;
}
.text_49 {
width: 8.107rem;
height: 2.347rem;
overflow-wrap: break-word;
color: rgba(255, 255, 255, 1);
font-size: 0.373rem;
font-family: PingFangSC-Regular;
font-weight: NaN;
text-align: left;
line-height: 0.587rem;
margin-top: 0.214rem;
}
.block_5 {
background-color: rgba(255, 255, 255, 1);
border-radius: 4px;
width: 2.56rem;
height: 1.067rem;
margin: 4.107rem 0 1.28rem 3.414rem;
}
.image-text_6 {
width: 2.027rem;
height: 0.827rem;
margin: 0.24rem 0 0 0.534rem;
}
.text-group_7 {
width: 1.494rem;
height: 0.587rem;
overflow-wrap: break-word;
color: rgba(228, 51, 44, 1);
font-size: 0.373rem;
font-family: PingFangSC-Regular;
font-weight: NaN;
text-align: right;
white-space: nowrap;
line-height: 0.587rem;
}
.group_12 {
height: 0.534rem;
background: url(./img/SketchPngbd1ac1a2ba1694a5bdec2cc0a4e19a1a58918db620d3d862fc28e6d71129b2bc.png) 0rem -0.027rem no-repeat;
background-size: 0.534rem 0.667rem;
margin-top: 0.294rem;
width: 0.534rem;
}
.image-wrapper_1 {
background-color: rgba(204, 204, 204, 0);
height: 0.534rem;
width: 0.534rem;
}
.thumbnail_2 {
width: 0.294rem;
height: 0.48rem;
margin: 0.027rem 0 0 0.134rem;
}
.box_10 {
border-radius: 8px;
background-image: url(./img/e2d407095c36410a8af6859fcd8952e1_mergeImage.png);
background-size: cover;
background-repeat: no-repeat;
height: 12.534rem;
margin-left: 1.067rem;
width: 9.387rem;
}
.text-wrapper_18 {
height: 2.027rem;
background: url(./img/SketchPngc2a6c8415c6e35f1b9a25416b0002c2d4df7787b6000456d7b8a7a73994bd034.png) 100% no-repeat;
background-size: 100% 100%;
margin-top: 10.507rem;
width: 9.387rem;
}
.text_50 {
width: 2.667rem;
height: 0.747rem;
overflow-wrap: break-word;
color: rgba(255, 255, 255, 1);
font-size: 0.533rem;
font-family: PingFangSC-Semibold;
font-weight: 600;
text-align: left;
white-space: nowrap;
line-height: 0.747rem;
margin: 0.64rem 0 0 0.64rem;
}
.box_11 {
border-radius: 8px;
background-image: url(./img/d4e6456f6c7742c4bd10facda5697fa0_mergeImage.png);
background-size: cover;
background-repeat: no-repeat;
height: 12.534rem;
margin-left: 1.067rem;
width: 9.387rem;
}
.text-wrapper_19 {
height: 2.027rem;
background: url(./img/SketchPngc2a6c8415c6e35f1b9a25416b0002c2d4df7787b6000456d7b8a7a73994bd034.png) 100% no-repeat;
background-size: 100% 100%;
margin-top: 10.507rem;
width: 9.387rem;
}
.text_51 {
width: 1.6rem;
height: 0.747rem;
overflow-wrap: break-word;
color: rgba(255, 255, 255, 1);
font-size: 0.533rem;
font-family: PingFangSC-Semibold;
font-weight: 600;
text-align: left;
white-space: nowrap;
line-height: 0.747rem;
margin: 0.64rem 0 0 0.64rem;
}
.text-wrapper_20 {
width: 17.76rem;
height: 2.934rem;
margin: 2.134rem 0 0 16.72rem;
}
.text_52 {
width: 17.76rem;
height: 2.934rem;
overflow-wrap: break-word;
color: rgba(255, 140, 140, 1);
font-size: 2.773rem;
text-transform: uppercase;
font-family: Arial-BoldItalicMT;
font-weight: NaN;
text-align: right;
white-space: nowrap;
line-height: 2.934rem;
}
.text_53 {
width: 4.267rem;
height: 1.067rem;
overflow-wrap: break-word;
color: rgba(38, 38, 38, 1);
font-size: 1.066rem;
font-family: PingFangSC-Semibold;
font-weight: 600;
text-align: left;
white-space: nowrap;
line-height: 1.067rem;
margin: 0.587rem 0 0 -11.014rem;
}
.text_54 {
width: 2.774rem;
height: 0.64rem;
overflow-wrap: break-word;
color: rgba(38, 38, 38, 1);
font-size: 0.426rem;
text-transform: uppercase;
font-family: Arial-BoldItalicMT;
font-weight: NaN;
text-align: right;
white-space: nowrap;
line-height: 0.64rem;
margin: 1.867rem 7.494rem 0 -3.52rem;
}
.box_12 {
width: 51.2rem;
height: 9rem;
/* margin-top: 0.5rem; */
}
.box_13 {
border-radius: 0px 8px 8px 0px;
background-image: url(./img/9da0c8e58afb4400bb500293c0bdcb46_mergeImage.png);
background-size: cover;
background-repeat: no-repeat;
width: 3.627rem;
height: 7.68rem;
margin-top: 0.374rem;
}
.box_14 {
border-radius: 0px 8px 8px 0px;
background-image: url(./img/0f74da7dca1d46c8b9cf8cfc4c21df93_mergeImage.png);
background-size: cover;
background-repeat: no-repeat;
width: 13.654rem;
height: 7.68rem;
margin: 0.374rem 0 0 0.427rem;
}
.box_15 {
border-radius: 8px;
background-image: url(./img/3ecd61c79f634bfea0437567ffe33271_mergeImage.png);
background-size: cover;
background-repeat: no-repeat;
width: 14.934rem;
height: 8.427rem;
margin-left: 0.427rem;
}
.box_16 {
border-radius: 8px;
background-image: url(./img/d3476bfa74474c9fb26be1df61ddb8bd_mergeImage.png);
background-size: cover;
background-repeat: no-repeat;
width: 13.654rem;
height: 7.68rem;
margin: 0.374rem 0 0 0.427rem;
}
.box_17 {
border-radius: 8px;
background-image: url(./img/7306f3b00d684e6c806e0f6da6a2a3e5_mergeImage.png);
background-size: cover;
background-repeat: no-repeat;
width: 3.627rem;
height: 7.68rem;
margin: 0.374rem 0 0 0.427rem;
}
.image_4 {
width: 3.307rem;
height: 0.107rem;
margin: 0.64rem 0 2.16rem 23.947rem;
}
.image_5 {
position: absolute;
left: 40.214rem;
top: 26.934rem;
width: 0.534rem;
height: 8.8rem;
}
.block_6 {
background-color: rgba(255, 241, 240, 1);
width: 51.2rem;
height: 23.2rem;
margin-top: -0.026rem;
justify-content: flex-center;
}
/*.text-wrapper_21 {*/
/* width: 18.507rem;*/
/* height: 2.934rem;*/
/* margin: 2.134rem 0 0 16.347rem;*/
/*}*/
.text_55 {
width: 18.507rem;
height: 2.934rem;
overflow-wrap: break-word;
color: rgba(255, 140, 140, 1);
font-size: 2.773rem;
text-transform: uppercase;
font-family: Arial-BoldItalicMT;
font-weight: NaN;
text-align: right;
white-space: nowrap;
line-height: 2.934rem;
}
.text_56 {
width: 4.267rem;
height: 1.067rem;
overflow-wrap: break-word;
color: rgba(38, 38, 38, 1);
font-size: 1.066rem;
font-family: PingFangSC-Semibold;
font-weight: 600;
text-align: left;
white-space: nowrap;
line-height: 1.067rem;
margin: 0.587rem 0 0 -11.387rem;
}
.text_57 {
width: 2.88rem;
height: 0.64rem;
overflow-wrap: break-word;
color: rgba(38, 38, 38, 1);
font-size: 0.426rem;
text-transform: uppercase;
font-family: Arial-BoldItalicMT;
font-weight: NaN;
text-align: right;
white-space: nowrap;
line-height: 0.64rem;
margin: 1.867rem 7.814rem 0 -3.574rem;
}
.section_2 {
width: 30.294rem;
height: 17.494rem;
margin: 0.5rem 0 2.134rem 10.454rem;
}
.block_7 {
width: 8.534rem;
height: 17.494rem;
}
.group_13 {
border-radius: 8px;
background-image: url(./img/306aca7beda9407387bd9351009fdca4_mergeImage.png);
background-size: cover;
background-repeat: no-repeat;
width: 8.534rem;
height: 6.934rem;
}
.group_14 {
border-radius: 8px;
background-image: url(./img/3baa19613b5b4ab086dde912e5761b49_mergeImage.png);
background-size: cover;
background-repeat: no-repeat;
width: 8.534rem;
height: 10.134rem;
margin-top: 0.427rem;
}
.block_8 {
border-radius: 8px;
/* background-image: url(./img/754b86b98ead4427b73558e4f6697d10_mergeImage.png); */
background-size: cover;
background-repeat: no-repeat;
width: 12.374rem;
height: 17.494rem;
margin-left: 0.427rem;
}
.block_9 {
width: 8.534rem;
height: 17.494rem;
margin-left: 0.427rem;
}
.group_15 {
background-image: url(./img/91b200544233430d838967e68de68d9d_mergeImage.png);
background-size: cover;
background-repeat: no-repeat;
border-radius: 8px;
width: 8.534rem;
height: 10.134rem;
justify-content: center;
}
.text-group_8 {
width: 7.254rem;
height: 3.894rem;
margin: 1.067rem 0 0 0.64rem;
}
.text_58 {
width: 3.2rem;
height: 0.747rem;
overflow-wrap: break-word;
color: rgba(255, 255, 255, 1);
font-size: 0.533rem;
font-family: PingFangSC-Semibold;
font-weight: 600;
text-align: left;
white-space: nowrap;
line-height: 0.747rem;
}
.text_59 {
width: 7.254rem;
height: 2.934rem;
overflow-wrap: break-word;
color: rgba(255, 255, 255, 1);
font-size: 0.373rem;
font-family: PingFangSC-Regular;
font-weight: NaN;
text-align: left;
line-height: 0.587rem;
margin-top: 0.214rem;
}
.text-wrapper_22 {
background-color: rgba(255, 255, 255, 1);
border-radius: 4px;
height: 1.067rem;
width: 2.56rem;
/*margin: 3.04rem 0 1.067rem 2.987rem;*/
margin: 3.04rem 2.60rem 1.067rem 2.40rem;
display: flex; /* 设置为flex布局 */
justify-content: center; /* 水平居中对齐 */
align-items: center; /* 垂直居中对齐 */
}
.text_60 {
width: 1.494rem;
height: 0.587rem;
overflow-wrap: break-word;
color: rgba(228, 51, 44, 1);
font-size: 0.373rem;
font-family: PingFangSC-Regular;
font-weight: NaN;
text-align: right;
white-space: nowrap;
line-height: 0.587rem;
/*margin: 0.24rem 0 0 0.434rem;*/
}
.group_16 {
border-radius: 8px;
background-image: url(./img/2123851b11304ef885b34ed252e9c15e_mergeImage.png);
background-size: cover;
background-repeat: no-repeat;
width: 8.534rem;
height: 6.934rem;
margin-top: 0.427rem;
}
.block_10 {
width: 51.2rem;
/*height: 151.52rem;*/
margin-bottom: 0.027rem;
}
.text-wrapper_23 {
/*width: 30.24rem;*/
/*height: 2.934rem;*/
/*margin: 2.134rem 0 0 10.48rem;*/
}
.text_61 {
width: 30.24rem;
height: 2.934rem;
overflow-wrap: break-word;
color: rgba(255, 140, 140, 1);
font-size: 2.773rem;
letter-spacing: -6px;
text-transform: uppercase;
font-family: Arial-BoldItalicMT;
font-weight: NaN;
text-align: right;
white-space: nowrap;
line-height: 2.934rem;
}
.text_62 {
width: 5.12rem;
height: 0.64rem;
overflow-wrap: break-word;
color: rgba(38, 38, 38, 1);
font-size: 0.426rem;
text-transform: uppercase;
font-family: Arial-BoldItalicMT;
font-weight: NaN;
text-align: right;
white-space: nowrap;
line-height: 0.64rem;
margin: 1.867rem 0 0 -17.68rem;
}
.text_63 {
width: 4.267rem;
height: 1.067rem;
overflow-wrap: break-word;
color: rgba(38, 38, 38, 1);
font-size: 1.066rem;
font-family: PingFangSC-Semibold;
font-weight: 600;
text-align: left;
white-space: nowrap;
line-height: 1.067rem;
margin: 0.587rem 12.987rem 0 -4.694rem;
}
.box_18 {
width: 30.294rem;
height: 8.8rem;
margin: 0.5rem 0 0 10.454rem;
}
.box_19 {
border-radius: 8px;
background-image: url(./img/8389196aa1644d859a51e27bc170a06a_mergeImage.png);
background-size: cover;
background-repeat: no-repeat;
width: 17.707rem;
height: 8.8rem;
cursor: pointer; /* 手 */
}
.box_20 {
border-radius: 8px;
background-image: url(./img/762e543f143b449696341aac3ffde1a2_mergeImage.png);
background-size: cover;
background-repeat: no-repeat;
width: 2.934rem;
height: 8.8rem;
margin-left: 0.214rem;
}
.box_21 {
border-radius: 8px;
background-image: url(./img/91369f46940c4b2b9b3bf335f241dbe4_mergeImage.png);
background-size: cover;
background-repeat: no-repeat;
width: 2.934rem;
height: 8.8rem;
margin-left: 0.214rem;
}
.box_22 {
border-radius: 8px;
background-image: url(./img/cbfc6dec509d44d2ae22ba6c6674e14f_mergeImage.png);
background-size: cover;
background-repeat: no-repeat;
width: 2.934rem;
height: 8.8rem;
margin-left: 0.214rem;
}
.box_23 {
border-radius: 8px;
background-image: url(./img/5c8b95d8300e4c2fa2e8f564783c3c65_mergeImage.png);
background-size: cover;
background-repeat: no-repeat;
width: 2.934rem;
height: 8.8rem;
margin-left: 0.214rem;
}
.text-wrapper_24 {
/*width: 25.014rem;*/
/*height: 2.934rem;*/
/*margin: 2.134rem 0 0 13.094rem;*/
}
.text_64 {
width: 25.014rem;
height: 2.934rem;
overflow-wrap: break-word;
color: rgba(255, 140, 140, 1);
font-size: 2.773rem;
letter-spacing: -6px;
text-transform: uppercase;
font-family: Arial-BoldItalicMT;
font-weight: NaN;
text-align: right;
white-space: nowrap;
line-height: 2.934rem;
}
.text_65 {
width: 5.28rem;
height: 1.067rem;
overflow-wrap: break-word;
color: rgba(38, 38, 38, 1);
font-size: 1.066rem;
font-family: PingFangSC-Semibold;
font-weight: 600;
text-align: right;
white-space: nowrap;
line-height: 1.067rem;
margin: 0.587rem 0 0 -15.147rem;
}
.text_66 {
width: 4.267rem;
height: 0.64rem;
overflow-wrap: break-word;
color: rgba(38, 38, 38, 1);
font-size: 0.426rem;
text-transform: uppercase;
font-family: Arial-BoldItalicMT;
font-weight: NaN;
text-align: right;
white-space: nowrap;
line-height: 0.64rem;
margin: 1.867rem 10.374rem 0 -4.774rem;
}
.box_24 {
width: 30.294rem;
height: 5.974rem;
margin: 0.5rem 0 0 10.454rem;
}
.image-text_7 {
width: 9.814rem;
height: 5.974rem;
}
.block_11 {
border-radius: 8px;
background-image: url(./img/d83ddf87f21e4583941c038acca57c9e_mergeImage.png);
background-size: cover;
background-repeat: no-repeat;
width: 9.814rem;
height: 4.907rem;
}
.text-group_9 {
width: 3.574rem;
height: 0.64rem;
overflow-wrap: break-word;
color: rgba(38, 38, 38, 1);
font-size: 0.426rem;
font-family: PingFangSC-Medium;
font-weight: 500;
text-align: left;
white-space: nowrap;
line-height: 0.64rem;
margin-top: 0.427rem;
}
.image-text_8 {
width: 9.814rem;
height: 5.974rem;
margin-left: 0.427rem;
}
.section_3 {
border-radius: 8px;
background-image: url(./img/be4452f216924105a26cc55e555ab9a1_mergeImage.png);
background-size: cover;
background-repeat: no-repeat;
width: 9.814rem;
height: 4.907rem;
}
.text-group_10 {
width: 3.414rem;
height: 0.64rem;
overflow-wrap: break-word;
color: rgba(38, 38, 38, 1);
font-size: 0.426rem;
font-family: PingFangSC-Medium;
font-weight: 500;
text-align: left;
white-space: nowrap;
line-height: 0.64rem;
margin-top: 0.427rem;
}
.image-text_9 {
width: 9.814rem;
height: 5.974rem;
margin-left: 0.427rem;
}
.box_25 {
border-radius: 8px;
background-image: url(./img/6f890af6d84440e29375e50c363cc10f_mergeImage.png);
background-size: cover;
background-repeat: no-repeat;
width: 9.814rem;
height: 4.907rem;
}
.text-group_11 {
width: 5.974rem;
height: 0.64rem;
overflow-wrap: break-word;
color: rgba(38, 38, 38, 1);
font-size: 0.426rem;
font-family: PingFangSC-Medium;
font-weight: 500;
text-align: left;
white-space: nowrap;
line-height: 0.64rem;
margin-top: 0.427rem;
}
.box_26 {
width: 30.294rem;
height: 5.974rem;
margin: 1.067rem 0 0 10.454rem;
}
.image-text_10 {
width: 9.814rem;
height: 5.974rem;
}
.box_27 {
border-radius: 8px;
background-image: url(./img/fc2096a1d00846f4b5fdd56e0a98d847_mergeImage.png);
background-size: cover;
background-repeat: no-repeat;
width: 9.814rem;
height: 4.907rem;
}
.text-group_12 {
width: 3.574rem;
height: 0.64rem;
overflow-wrap: break-word;
color: rgba(38, 38, 38, 1);
font-size: 0.426rem;
font-family: PingFangSC-Medium;
font-weight: 500;
text-align: left;
white-space: nowrap;
line-height: 0.64rem;
margin-top: 0.427rem;
}
.image-text_11 {
width: 9.814rem;
height: 5.974rem;
margin-left: 0.427rem;
}
.group_17 {
border-radius: 8px;
background-image: url(./img/4416694459954c74bffa4e81b0f6683c_mergeImage.png);
background-size: cover;
background-repeat: no-repeat;
width: 9.814rem;
height: 4.907rem;
}
.text-group_13 {
width: 3.414rem;
height: 0.64rem;
overflow-wrap: break-word;
color: rgba(38, 38, 38, 1);
font-size: 0.426rem;
font-family: PingFangSC-Medium;
font-weight: 500;
text-align: left;
white-space: nowrap;
line-height: 0.64rem;
margin-top: 0.427rem;
}
.image-text_12 {
width: 9.814rem;
height: 5.974rem;
margin-left: 0.427rem;
}
.box_28 {
border-radius: 8px;
background-image: url(./img/bccbf9bda5f3407c9a98679c1423af3a_mergeImage.png);
background-size: cover;
background-repeat: no-repeat;
width: 9.814rem;
height: 4.907rem;
}
.text-group_14 {
width: 5.974rem;
height: 0.64rem;
overflow-wrap: break-word;
color: rgba(38, 38, 38, 1);
font-size: 0.426rem;
font-family: PingFangSC-Medium;
font-weight: 500;
text-align: left;
white-space: nowrap;
line-height: 0.64rem;
margin-top: 0.427rem;
}
.text-wrapper_25 {
width: 26.667rem;
height: 2.934rem;
margin: 2.134rem 0 0 12.267rem;
}
.text_67 {
width: 26.667rem;
height: 2.934rem;
overflow-wrap: break-word;
color: rgba(255, 140, 140, 1);
font-size: 2.773rem;
letter-spacing: -6px;
text-transform: uppercase;
font-family: Arial-BoldItalicMT;
font-weight: NaN;
text-align: right;
white-space: nowrap;
line-height: 2.934rem;
}
.text_68 {
width: 4.587rem;
height: 0.64rem;
overflow-wrap: break-word;
color: rgba(38, 38, 38, 1);
font-size: 0.426rem;
text-transform: uppercase;
font-family: Arial-BoldItalicMT;
font-weight: NaN;
text-align: right;
white-space: nowrap;
line-height: 0.64rem;
margin: 1.867rem 0 0 -15.627rem;
}
.text_69 {
width: 4.267rem;
height: 1.067rem;
overflow-wrap: break-word;
color: rgba(38, 38, 38, 1);
font-size: 1.066rem;
font-family: PingFangSC-Semibold;
font-weight: 600;
text-align: left;
white-space: nowrap;
line-height: 1.067rem;
margin: 0.587rem 11.2rem 0 -4.427rem;
}
.box_29 {
width: 30.294rem;
height: 8.8rem;
margin: 0.5rem 0 0 10.454rem;
}
.group_18 {
background-color: rgba(88, 181, 251, 1);
border-radius: 8px 0px 0px 8px;
height: 8.8rem;
width: 2.934rem;
display: flex; /* 设置为flex布局 */
justify-content: center; /* 水平居中对齐 */
align-items: center; /* 垂直居中对齐 */
}
/*.text-wrapper_26{*/
/* height: 8.8rem;*/
/* width: 2.934rem;*/
/* position: relative;*/
/* background: url(./img/e66e054add5f4dbfb32166abeaba05c4_mergeImage.png) 100% no-repeat;;*/
/* padding:1px;*/
/* box-sizing:border-box;*/
/* z-index:1;*/
/*}*/
/*.text-wrapper_26::after{*/
/* content: "";*/
/* height: 8.8rem;*/
/* width: 2.934rem;*/
/* position: absolute;*/
/* left:0;*/
/* top:0;*/
/* background: url(./img/e66e054add5f4dbfb32166abeaba05c4_mergeImage.png) 100% no-repeat;;*/
/* filter: blur(3px);*/
/* z-index: 2;*/
/*}*/
.text-wrapper_26 {
height: 8.8rem;
width: 2.934rem;
background: url(./img/78eff20feff14ef18dc29937f5985f79_mergeImage.png) 100% no-repeat;
background-size: 100% 100%;
filter: blur(5px);
}
.text-wrapper_26:before{
background: url(./img/78eff20feff14ef18dc29937f5985f79_mergeImage.png) no-repeat;
background-size: cover;
height: 8.8rem;
width: 2.934rem;
content: "";
position: absolute;
top: 0;
left: 0;
/*z-index: -1;!*-1 可以当背景*!*/
-webkit-filter: blur(3px);
filter: blur(3px);
}
.paragraph_1 {
width: 0.534rem;
height: 3.734rem;
overflow-wrap: break-word;
color: rgba(250, 250, 250, 1);
font-size: 0.533rem;
font-family: PingFangSC-Regular;
font-weight: NaN;
text-align: left;
line-height: 0.747rem;
/*margin: 5.534rem 0 0 1.2rem;*/
position: absolute;
z-index: 99;
}
.group_19 {
background-image: url(./img/78eff20feff14ef18dc29937f5985f79_mergeImage.png);
background-size: cover;
background-repeat: no-repeat;
width: 18.56rem;
height: 8.8rem;
}
.group_20 {
background-color: rgba(74, 128, 143, 1);
height: 8.8rem;
width: 2.934rem;
display: flex; /* 设置为flex布局 */
justify-content: center; /* 水平居中对齐 */
align-items: center; /* 垂直居中对齐 */
}
.text-wrapper_27 {
height: 8.8rem;
width: 2.934rem;
background: url(./testImg/123456789.jpg) 100% no-repeat;
background-size: 100% 100%;
filter: blur(5px);
}
.text-wrapper_27:before{
background: url(./testImg/123456789.jpg) no-repeat;
background-size: cover;
height: 8.8rem;
width: 2.934rem;
content: "";
position: absolute;
top: 0;
left: 0;
/*z-index: -1;!*-1 可以当背景*!*/
-webkit-filter: blur(3px);
filter: blur(3px);
}
.paragraph_2 {
width: 0.534rem;
height: 5.974rem;
overflow-wrap: break-word;
color: rgba(250, 250, 250, 1);
font-size: 0.533rem;
font-family: PingFangSC-Regular;
font-weight: NaN;
text-align: left;
line-height: 0.747rem;
/*margin: 1.414rem 0 0 1.2rem;*/
position: absolute;
z-index: 99;
}
.group_21 {
background-color: rgba(50, 84, 146, 1);
height: 8.8rem;
width: 2.934rem;
display: flex; /* 设置为flex布局 */
justify-content: center; /* 水平居中对齐 */
align-items: center; /* 垂直居中对齐 */
}
.text-wrapper_28 {
height: 8.8rem;
background: url("./testImg/v2-0597683a6f31de9f9f8a28ef88edbea5_r.jpg") 100% no-repeat;
background-size: 100% 100%;
width: 2.934rem;
filter: blur(3px);
}
.text-wrapper_28:before{
background: url("./testImg/v2-0597683a6f31de9f9f8a28ef88edbea5_r.jpg") no-repeat;
background-size: cover;
height: 8.8rem;
width: 2.934rem;
content: "";
position: absolute;
top: 0;
left: 0;
/*z-index: -1;!*-1 可以当背景*!*/
-webkit-filter: blur(3px);
filter: blur(3px);
}
.paragraph_3 {
width: 0.534rem;
height: 4.48rem;
overflow-wrap: break-word;
color: rgba(250, 250, 250, 1);
font-size: 0.533rem;
font-family: PingFangSC-Regular;
font-weight: NaN;
text-align: left;
line-height: 0.747rem;
/*margin: 2.16rem 0 0 1.2rem;*/
position: absolute;
z-index: 99;
}
.group_22 {
background-color: rgba(161, 91, 87, 1);
border-radius: 0px 8px 8px 0px;
height: 8.8rem;
width: 2.934rem;
display: flex; /* 设置为flex布局 */
justify-content: center; /* 水平居中对齐 */
align-items: center; /* 垂直居中对齐 */
}
.text-wrapper_29 {
height: 8.8rem;
background: url("./testImg/060828381f30e9241381d9894c086e061d95f765.jpg") 100% no-repeat;
background-size: 100% 100%;
width: 2.934rem;
filter: blur(3px);
}
.text-wrapper_29:before{
background: url("./testImg/060828381f30e9241381d9894c086e061d95f765.jpg") no-repeat;
background-size: cover;
height: 8.8rem;
width: 2.934rem;
content: "";
position: absolute;
top: 0;
left: 0;
/*z-index: -1;!*-1 可以当背景*!*/
-webkit-filter: blur(3px);
filter: blur(3px);
}
.paragraph_4 {
width: 0.534rem;
height: 3.734rem;
overflow-wrap: break-word;
color: rgba(250, 250, 250, 1);
font-size: 0.533rem;
font-family: PingFangSC-Regular;
font-weight: NaN;
text-align: left;
line-height: 0.747rem;
/*margin: 2.534rem 0 0 1.2rem;*/
position: absolute;
z-index: 99;
}
.box_30 {
width: 30.294rem;
height: 4.08rem;
margin: 0.427rem 0 0 10.454rem;
}
.block_12 {
border-radius: 8px;
background-image: url(./img/e66e054add5f4dbfb32166abeaba05c4_mergeImage.png);
background-size: cover;
background-repeat: no-repeat;
width: 7.254rem;
height: 4.08rem;
}
.block_13 {
border-radius: 8px;
background-image: url(./img/71516249f65644d28a2893cc7f8aed81_mergeImage.png);
background-size: cover;
background-repeat: no-repeat;
width: 7.254rem;
height: 4.08rem;
margin-left: 0.427rem;
}
.block_14 {
border-radius: 8px;
background-image: url(./img/8717c3440bd646b7894271334fbd912f_mergeImage.png);
background-size: cover;
background-repeat: no-repeat;
width: 7.254rem;
height: 4.08rem;
margin-left: 0.427rem;
}
.block_15 {
border-radius: 8px;
background-image: url(./img/f77ca64821da4dd08b9c13e631684a2f_mergeImage.png);
background-size: cover;
background-repeat: no-repeat;
width: 7.254rem;
height: 4.08rem;
margin-left: 0.427rem;
}
.text-wrapper_30 {
width: 22.4rem;
height: 2.934rem;
margin: 2.134rem 0 0 14.4rem;
}
.text_70 {
width: 22.4rem;
height: 2.934rem;
overflow-wrap: break-word;
color: rgba(255, 140, 140, 1);
font-size: 2.773rem;
letter-spacing: -6px;
text-transform: uppercase;
font-family: Arial-BoldItalicMT;
font-weight: NaN;
text-align: right;
white-space: nowrap;
line-height: 2.934rem;
}
.text_71 {
width: 4.267rem;
height: 1.067rem;
overflow-wrap: break-word;
color: rgba(38, 38, 38, 1);
font-size: 1.066rem;
font-family: PingFangSC-Semibold;
font-weight: 600;
text-align: right;
white-space: nowrap;
line-height: 1.067rem;
margin: 0.587rem 0 0 -13.334rem;
}
.text_72 {
width: 3.787rem;
height: 0.64rem;
overflow-wrap: break-word;
color: rgba(38, 38, 38, 1);
font-size: 0.426rem;
text-transform: uppercase;
font-family: Arial-BoldItalicMT;
font-weight: NaN;
text-align: right;
white-space: nowrap;
line-height: 0.64rem;
margin: 1.867rem 9.307rem 0 -4.027rem;
}
.box_31 {
width: 30.294rem;
height: 7.467rem;
margin: 0.5rem 0 0 10.454rem;
}
.block_16 {
border-radius: 8px;
background-image: url(./img/da86bc84a7794fa68c59866873d9e2c5_mergeImage.png);
background-size: cover;
background-repeat: no-repeat;
width: 14.934rem;
height: 7.467rem;
}
.block_17 {
border-radius: 8px;
background-image: url(./img/77bd57f386724fc89d4f1367c2326aac_mergeImage.png);
background-size: cover;
background-repeat: no-repeat;
width: 14.934rem;
height: 7.467rem;
}
.box_32 {
width: 30.294rem;
height: 4rem;
margin: 0.427rem 0 0 10.454rem;
}
.box_33 {
border-radius: 8px;
background-image: url(./img/dde2325dbe744ca1928bfd31493d38e6_mergeImage.png);
background-size: cover;
background-repeat: no-repeat;
width: 7.254rem;
height: 4rem;
}
.box_34 {
border-radius: 8px;
background-image: url(./img/7327ae87113f4970af652e2978e5dc2b_mergeImage.png);
background-size: cover;
background-repeat: no-repeat;
width: 7.254rem;
height: 4rem;
margin-left: 0.427rem;
}
.box_35 {
border-radius: 8px;
background-image: url(./img/d43685ef4d184565a4b7634eeb582a25_mergeImage.png);
background-size: cover;
background-repeat: no-repeat;
width: 7.254rem;
height: 4rem;
margin-left: 0.427rem;
}
.box_36 {
border-radius: 8px;
background-image: url(./img/e344c9f4c05b4bfb8ccc9ea9f98d129a_mergeImage.png);
background-size: cover;
background-repeat: no-repeat;
width: 7.254rem;
height: 4rem;
margin-left: 0.427rem;
}
.box_37 {
width: 30.294rem;
height: 4rem;
margin: 0.427rem 0 0 10.454rem;
}
.section_4 {
border-radius: 8px;
background-image: url(./img/249b526d359f4b71a2455fd5238424e5_mergeImage.png);
background-size: cover;
background-repeat: no-repeat;
width: 14.934rem;
height: 4rem;
}
.section_5 {
border-radius: 8px;
background-image: url(./img/d36d66c69aee4d56b018cbd754935762_mergeImage.png);
background-size: cover;
background-repeat: no-repeat;
width: 14.934rem;
height: 4rem;
}
.box_38 {
background-color: rgba(255, 241, 240, 1);
width: 51.094rem;
height: 16.48rem;
margin-top: 1.134rem;
justify-content: center;
}
.text-wrapper_31 {
width: 24.907rem;
height: 2.934rem;
margin: 1.067rem 0 0 13.147rem;
}
.text_73 {
width: 24.907rem;
height: 2.934rem;
overflow-wrap: break-word;
color: rgba(255, 140, 140, 1);
font-size: 2.773rem;
letter-spacing: -6px;
text-transform: uppercase;
font-family: Arial-BoldItalicMT;
font-weight: NaN;
text-align: right;
white-space: nowrap;
line-height: 2.934rem;
}
.text_74 {
width: 4.267rem;
height: 1.067rem;
overflow-wrap: break-word;
color: rgba(38, 38, 38, 1);
font-size: 1.066rem;
font-family: PingFangSC-Semibold;
font-weight: 600;
text-align: left;
white-space: nowrap;
line-height: 1.067rem;
margin: 0.587rem 0 0 -14.587rem;
}
.text_75 {
width: 4.214rem;
height: 0.64rem;
overflow-wrap: break-word;
color: rgba(38, 38, 38, 1);
font-size: 0.426rem;
text-transform: uppercase;
font-family: Arial-BoldItalicMT;
font-weight: NaN;
text-align: right;
white-space: nowrap;
line-height: 0.64rem;
margin: 1.867rem 10.347rem 0 -4.24rem;
}
.group_23 {
width: 30.294rem;
height: 10.774rem;
margin: 0.5rem 0 1.067rem 10.454rem;
}
.grid_1 {
width: 22.404rem;
height: 10.774rem;
flex-wrap: wrap;
}
.text-wrapper_32-0 {
border-radius: 8px;
background-image: url(./img/3c756539100f4c0c8a60b56446c6c657_mergeImage.png);
background-size: cover;
background-repeat: no-repeat;
width: 5.174rem;
height: 5.174rem;
margin: 0 0.427rem 0.427rem 0;
background: url(./img/3c756539100f4c0c8a60b56446c6c657_mergeImage.png) 100% no-repeat;
background-size: 100% 100%;
cursor: pointer;
}
.text_76-0 {
width: 3.734rem;
height: 0.747rem;
overflow-wrap: break-word;
font-size: 0.533rem;
font-family: PingFangSC-Regular;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 0.747rem;
margin: 0.534rem 0 0 0.534rem;
color: rgba(250, 250, 250, 1);
}
.text_77-0 {
width: 3.84rem;
height: 0.64rem;
overflow-wrap: break-word;
color: rgba(250, 250, 250, 1);
font-size: 0.426rem;
font-family: PingFangSC-Regular;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 0.64rem;
margin: 2.72rem 0 0.534rem 0.534rem;
}
.text-wrapper_32-1 {
border-radius: 8px;
background-image: url(./img/ca85eace0bc340d9b9471e0418f27e40_mergeImage.png);
background-size: cover;
background-repeat: no-repeat;
width: 5.174rem;
height: 5.174rem;
margin: 0 0.427rem 0.427rem 0;
/*background: url(./img/ca85eace0bc340d9b9471e0418f27e40_mergeImage.png);*/
cursor: pointer;
}
.text_76-1 {
width: 3.734rem;
height: 0.747rem;
overflow-wrap: break-word;
font-size: 0.533rem;
font-family: PingFangSC-Regular;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 0.747rem;
margin: 0.534rem 0 0 0.534rem;
color: rgba(38, 38, 38, 1);
}
.text-wrapper_32-2 {
border-radius: 8px;
background-image: url(./img/92777a9011a74c0b8100f99aff229f28_mergeImage.png);
background-size: cover;
background-repeat: no-repeat;
width: 5.174rem;
height: 5.174rem;
margin: 0 0.427rem 0.427rem 0;
/*background: url(./img/92777a9011a74c0b8100f99aff229f28_mergeImage.png);*/
cursor: pointer;
}
.text_76-2 {
width: 3.734rem;
height: 0.747rem;
overflow-wrap: break-word;
font-size: 0.533rem;
font-family: PingFangSC-Regular;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 0.747rem;
margin: 0.534rem 0 0 0.534rem;
color: rgba(38, 38, 38, 1);
}
.text-wrapper_32-3 {
border-radius: 8px;
background-image: url(./img/b69fdd63b00c49e59e0cffde648a6723_mergeImage.png);
background-size: cover;
background-repeat: no-repeat;
width: 5.174rem;
height: 5.174rem;
margin: 0 0.427rem 0.427rem 0;
margin-right: 0;
/*background: url(./img/b69fdd63b00c49e59e0cffde648a6723_mergeImage.png);*/
cursor: pointer;
}
.text_76-3 {
width: 3.734rem;
height: 0.747rem;
overflow-wrap: break-word;
font-size: 0.533rem;
font-family: PingFangSC-Regular;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 0.747rem;
margin: 0.534rem 0 0 0.534rem;
color: rgba(38, 38, 38, 1);
}
.text-wrapper_32-4 {
border-radius: 8px;
background-image: url(./img/0b7c5a5356054e7f9643f7cc7ec40f2e_mergeImage.png);
background-size: cover;
background-repeat: no-repeat;
width: 5.174rem;
height: 5.174rem;
margin: 0 0.427rem 0.427rem 0;
margin-bottom: 0;
/*background: url(./img/0b7c5a5356054e7f9643f7cc7ec40f2e_mergeImage.png);*/
cursor: pointer;
}
.text_76-4 {
width: 3.734rem;
height: 0.747rem;
overflow-wrap: break-word;
font-size: 0.533rem;
font-family: PingFangSC-Regular;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 0.747rem;
margin: 0.534rem 0 0 0.534rem;
color: rgba(250, 250, 250, 1);
}
.text_77-4 {
width: 3.84rem;
height: 0.64rem;
overflow-wrap: break-word;
color: rgba(250, 250, 250, 1);
font-size: 0.426rem;
font-family: PingFangSC-Regular;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 0.64rem;
margin: 2.72rem 0 0.534rem 0.534rem;
}
.text-wrapper_32-5 {
border-radius: 8px;
background-image: url(./img/50df6bc619bd434f953e3fd6104f120b_mergeImage.png);
background-size: cover;
background-repeat: no-repeat;
width: 5.174rem;
height: 5.174rem;
margin: 0 0.427rem 0.427rem 0;
margin-bottom: 0;
/*background: url(./img/50df6bc619bd434f953e3fd6104f120b_mergeImage.png);*/
cursor: pointer;
}
.text_76-5 {
width: 3.734rem;
height: 0.747rem;
overflow-wrap: break-word;
font-size: 0.533rem;
font-family: PingFangSC-Regular;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 0.747rem;
margin: 0.534rem 0 0 0.534rem;
color: rgba(38, 38, 38, 1);
}
.text-wrapper_32-6 {
border-radius: 8px;
background-image: url(./img/e66233b17ae94a7783eb69bae3e4a5a9_mergeImage.png);
background-size: cover;
background-repeat: no-repeat;
width: 5.174rem;
height: 5.174rem;
margin: 0 0.427rem 0.427rem 0;
margin-bottom: 0;
/*background: url(./img/e66233b17ae94a7783eb69bae3e4a5a9_mergeImage.png);*/
cursor: pointer;
}
.text_76-6 {
width: 3.734rem;
height: 0.747rem;
overflow-wrap: break-word;
font-size: 0.533rem;
font-family: PingFangSC-Regular;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 0.747rem;
margin: 0.534rem 0 0 0.534rem;
color: rgba(38, 38, 38, 1);
}
.text-wrapper_32-7 {
border-radius: 8px;
background-image: url(./img/858833f46c2449d7a87221bf0fac0143_mergeImage.png);
background-size: cover;
background-repeat: no-repeat;
width: 5.174rem;
height: 5.174rem;
margin: 0 0.427rem 0.427rem 0;
margin-right: 0;
margin-bottom: 0;
/*background: url(./img/858833f46c2449d7a87221bf0fac0143_mergeImage.png);*/
cursor: pointer;
}
.text_76-7 {
width: 3.734rem;
height: 0.747rem;
overflow-wrap: break-word;
font-size: 0.533rem;
font-family: PingFangSC-Regular;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 0.747rem;
margin: 0.534rem 0 0 0.534rem;
color: rgba(38, 38, 38, 1);
}
.box_39 {
border-radius: 8px;
background-image: url(./img/e7f1735cdcbe4407a052b72ca47a2ebd_mergeImage.png);
background-size: cover;
background-repeat: no-repeat;
width: 7.894rem;
height: 10.774rem;
}
.text-wrapper_33 {
width: 27.307rem;
height: 2.934rem;
margin: 2.134rem 0 0 11.947rem;
}
.text_78 {
width: 27.307rem;
height: 2.934rem;
overflow-wrap: break-word;
color: rgba(255, 140, 140, 1);
font-size: 2.773rem;
letter-spacing: -6px;
text-transform: uppercase;
font-family: Arial-BoldItalicMT;
font-weight: NaN;
text-align: right;
white-space: nowrap;
line-height: 2.934rem;
}
.text_79 {
width: 4.694rem;
height: 0.64rem;
overflow-wrap: break-word;
color: rgba(38, 38, 38, 1);
font-size: 0.426rem;
text-transform: uppercase;
font-family: Arial-BoldItalicMT;
font-weight: NaN;
text-align: right;
white-space: nowrap;
line-height: 0.64rem;
margin: 1.867rem 0 0 -16rem;
}
.text_80 {
width: 4.267rem;
height: 1.067rem;
overflow-wrap: break-word;
color: rgba(38, 38, 38, 1);
font-size: 1.066rem;
font-family: PingFangSC-Semibold;
font-weight: 600;
text-align: left;
white-space: nowrap;
line-height: 1.067rem;
margin: 0.587rem 11.52rem 0 -4.48rem;
}
.box_40 {
width: 30.294rem;
height: 4.134rem;
margin: 0.5rem 0 0 10.454rem;
}
.block_18 {
border-radius: 8px;
background-image: url(./img/345fe08b7ec84473bc04b6e91b888d12_mergeImage.png);
background-size: cover;
background-repeat: no-repeat;
width: 7.254rem;
height: 4.134rem;
}
.block_19 {
border-radius: 8px;
background-image: url(./img/27ff4329a72d4a5987eaee8e4dae888e_mergeImage.png);
background-size: cover;
background-repeat: no-repeat;
width: 7.254rem;
height: 4.134rem;
margin-left: 0.427rem;
}
.block_20 {
border-radius: 8px !important;
background-image: url(./img/c2c2c0c854894ae99903697b0c72afa8_mergeImage.png);
background-size: cover;
background-repeat: no-repeat;
width: 7.254rem !important;
height: 4.134rem !important;
margin-left: 0.427rem !important;
}
.block_21 {
border-radius: 8px;
background-image: url(./img/06d516e412d24b8ab4cb9eaf4b59013b_mergeImage.png);
background-size: cover;
background-repeat: no-repeat;
width: 7.254rem;
height: 4.134rem;
margin-left: 0.427rem;
}
.box_41 {
background-image: url(./img/0de131f8e37e42bf97c8012f5002986f_mergeImage.png);
background-size: cover;
background-repeat: no-repeat;
width: 30.294rem;
height: 2.4rem;
margin: 0.427rem 0 0 10.454rem;
}
.text-wrapper_34 {
width: 25.92rem;
height: 2.934rem;
margin: 2.134rem 0 0 12.64rem;
}
.text_81 {
width: 25.92rem;
height: 2.934rem;
overflow-wrap: break-word;
color: rgba(255, 140, 140, 1);
font-size: 2.773rem;
letter-spacing: -6px;
text-transform: uppercase;
font-family: Arial-BoldItalicMT;
font-weight: NaN;
text-align: right;
white-space: nowrap;
line-height: 2.934rem;
}
.text_82 {
width: 4.48rem;
height: 0.64rem;
overflow-wrap: break-word;
color: rgba(38, 38, 38, 1);
font-size: 0.426rem;
text-transform: uppercase;
font-family: Arial-BoldItalicMT;
font-weight: NaN;
text-align: right;
white-space: nowrap;
line-height: 0.64rem;
margin: 1.867rem 0 0 -15.2rem;
}
.text_83 {
width: 4.267rem;
height: 1.067rem;
overflow-wrap: break-word;
color: rgba(38, 38, 38, 1);
font-size: 1.066rem;
font-family: PingFangSC-Semibold;
font-weight: 600;
text-align: left;
white-space: nowrap;
line-height: 1.067rem;
margin: 0.587rem 10.827rem 0 -4.374rem;
}
.box_42 {
width: 30.294rem;
height: 8.427rem;
margin: 0.5rem 0 0 10.454rem;
}
.section_6 {
border-radius: 8px;
background-image: url(./img/88d1224cc1f241dfb258cd97c2993607_mergeImage.png);
background-size: cover;
background-repeat: no-repeat;
width: 4.694rem;
height: 8.427rem;
}
.section_7 {
border-radius: 8px;
background-image: url(./img/f91c3d18a4bb412191a75a549b03bb53_mergeImage.png);
background-size: cover;
background-repeat: no-repeat;
width: 4.694rem;
height: 8.427rem;
/*margin-left: 0.427rem;*/
}
.section_8 {
border-radius: 8px;
background-image: url(./img/4798509b74c845f99ba55dc268bd3a09_mergeImage.png);
background-size: cover;
background-repeat: no-repeat;
width: 4.694rem;
height: 8.427rem;
/*margin-left: 0.427rem;*/
}
.section_9 {
width: 7.254rem;
height: 8.427rem;
margin-left: 0.427rem;
}
.block_22 {
border-radius: 8px;
background-image: url(./img/c12d44e511804986a3f5c89ca0cabdc5_mergeImage.png);
background-size: cover;
background-repeat: no-repeat;
width: 7.254rem;
height: 4rem;
}
.block_23 {
border-radius: 8px;
background-image: url(./img/a37625340d654ea2841d9e394d204a12_mergeImage.png);
background-size: cover;
background-repeat: no-repeat;
width: 7.254rem;
height: 4rem;
/*margin-top: 0.427rem;*/
}
.section_10 {
width: 7.254rem;
height: 8.427rem;
margin-left: 0.427rem;
}
.section_11 {
border-radius: 8px;
background-image: url(./img/59d8c78e83834cc183fbac7c65bd868a_mergeImage.png);
background-size: cover;
background-repeat: no-repeat;
width: 7.254rem;
height: 4rem;
}
.section_12 {
border-radius: 8px;
background-image: url(./img/bf3ffe0d23b3409ebe8c1a65fcd7543c_mergeImage.png);
background-size: cover;
background-repeat: no-repeat;
width: 7.254rem;
height: 4rem;
/*margin-top: 0.427rem;*/
}
.box_43 {
width: 30.294rem;
height: 4rem;
margin: 0.427rem 0 0 10.454rem;
}
.block_24 {
border-radius: 8px;
background-image: url(./img/db5a8cd21d53453ea01800bdf4f4b62f_mergeImage.png);
background-size: cover;
background-repeat: no-repeat;
width: 7.254rem;
height: 4rem;
}
.block_25 {
border-radius: 8px;
background-image: url(./img/e3b6b9a601a04d158c0f51fbe8216c8a_mergeImage.png);
background-size: cover;
background-repeat: no-repeat;
width: 7.254rem;
height: 4rem;
/*margin-left: 0.427rem;*/
}
.block_26 {
border-radius: 8px;
background-image: url(./img/ea4ca7a37610426088bdd9ebb1d0b238_mergeImage.png);
background-size: cover;
background-repeat: no-repeat;
width: 7.254rem;
height: 4rem;
/*margin-left: 0.427rem;*/
}
.block_27 {
border-radius: 8px;
background-image: url(./img/6c539372369b42c38419f25ffeab7f8a_mergeImage.png);
background-size: cover;
background-repeat: no-repeat;
width: 7.254rem;
height: 4rem;
/*margin-left: 0.427rem;*/
}
.text-wrapper_35 {
width: 12.107rem;
height: 2.934rem;
margin: 2.134rem 0 0 19.547rem;
}
.text_84 {
width: 12.107rem;
height: 2.934rem;
overflow-wrap: break-word;
color: rgba(255, 140, 140, 1);
font-size: 2.773rem;
letter-spacing: -6px;
text-transform: uppercase;
font-family: Arial-BoldItalicMT;
font-weight: NaN;
text-align: right;
white-space: nowrap;
line-height: 2.934rem;
}
.text_85 {
width: 4.08rem;
height: 1.067rem;
overflow-wrap: break-word;
color: rgba(38, 38, 38, 1);
font-size: 1.066rem;
font-family: PingFangSC-Semibold;
font-weight: 600;
text-align: left;
white-space: nowrap;
line-height: 1.067rem;
margin: 0.587rem 0 0 -8.08rem;
}
.text_86 {
width: 2.08rem;
height: 0.64rem;
overflow-wrap: break-word;
color: rgba(38, 38, 38, 1);
font-size: 0.426rem;
text-transform: uppercase;
font-family: Arial-BoldItalicMT;
font-weight: NaN;
text-align: right;
white-space: nowrap;
line-height: 0.64rem;
margin: 1.867rem 5.014rem 0 -3.094rem;
}
.text-wrapper_36 {
width: 4.694rem;
height: 0.64rem;
margin: 0.5rem 0 0 23.04rem;
}
.text_87 {
width: 1.707rem;
height: 0.64rem;
overflow-wrap: break-word;
/*color: rgba(38, 38, 38, 1);*/
color: rgba(169, 27, 51, 1);
font-size: 0.426rem;
font-family: PingFangSC-Regular;
font-weight: NaN;
text-align: right;
white-space: nowrap;
line-height: 0.64rem;
}
.text_88 {
width: 0.854rem;
height: 0.64rem;
overflow-wrap: break-word;
/*color: rgba(169, 27, 51, 1);*/
color: rgba(38, 38, 38, 1);
font-size: 0.426rem;
font-family: PingFangSC-Medium;
font-weight: 500;
text-align: right;
white-space: nowrap;
line-height: 0.64rem;
}
.image_6 {
width: 0.64rem;
height: 0.08rem;
/*margin: 0.214rem 0 0 26.987rem;*/
margin: 0.214rem 0 0 23.887rem;
}
.box_44 {
width: 30.294rem;
/*height: 8.32rem;*/
margin: 0.427rem 0 0 10.48rem;
}
.group_24 {
border-radius: 8px;
background-image: url(./img/a76a3e45ecb348ea9057b5c4ea3eceb4_mergeImage.png);
background-size: cover;
background-repeat: no-repeat;
height: 8.32rem;
width: 6.854rem;
}
.box_45 {
border-radius: 8px;
background-image: url(./img/bbcb9a6e4f824c8db307f7107ece4ebc_mergeImage.png);
background-size: cover;
background-repeat: no-repeat;
width: 6.454rem;
height: 8rem;
margin: 0.16rem 0 0 0.214rem;
}
.group_25 {
border-radius: 8px;
background-image: url(./img/98d743fb464948afab4330c81ab02626_mergeImage.png);
background-size: cover;
background-repeat: no-repeat;
height: 8.32rem;
margin-left: 0.96rem;
width: 6.854rem;
}
.box_46 {
border-radius: 8px;
background-image: url(./img/70e547e950774d77bea6781474183539_mergeImage.png);
background-size: cover;
background-repeat: no-repeat;
width: 6.454rem;
height: 8rem;
margin: 0.16rem 0 0 0.214rem;
}
.group_26 {
border-radius: 8px;
background-image: url(./img/e089569c56444221ba75857301028ec8_mergeImage.png);
background-size: cover;
background-repeat: no-repeat;
height: 8.32rem;
margin-left: 0.96rem;
width: 6.854rem;
}
.block_28 {
border-radius: 8px;
background-image: url(./img/27885a667f0042f8aea20bd631327c2b_mergeImage.png);
background-size: cover;
background-repeat: no-repeat;
width: 6.454rem;
height: 8rem;
margin: 0.16rem 0 0 0.214rem;
}
.group_27 {
border-radius: 8px;
background-image: url(./img/b7190a5eb4c647138226b11ddb47936f_mergeImage.png);
background-size: cover;
background-repeat: no-repeat;
height: 8.32rem;
margin-left: 0.96rem;
width: 6.854rem;
}
.section_13 {
border-radius: 8px;
background-image: url(./img/11e99fa6deab4c6bad787aa8994a7017_mergeImage.png);
background-size: cover;
background-repeat: no-repeat;
width: 6.454rem;
height: 8rem;
margin: 0.16rem 0 0 0.214rem;
}
.box_47 {
background-color: rgba(247, 248, 250, 1);
width: 51.2rem;
height: 1.867rem;
margin-top: 2.24rem;
}
.image_7 {
width: 51.2rem;
height: 0.027rem;
}
.box_48 {
width: 23.414rem;
height: 0.587rem;
margin: 0.614rem 0 0.64rem 13.894rem;
}
.text_89 {
width: 2.134rem;
height: 0.587rem;
overflow-wrap: break-word;
color: rgba(117, 117, 117, 1);
font-size: 0.533rem;
font-family: PingFangSC-Semibold;
font-weight: 600;
text-align: left;
white-space: nowrap;
line-height: 0.587rem;
}
.image_8 {
width: 0.027rem;
height: 0.587rem;
margin-left: 0.187rem;
}
.text_90 {
width: 2.24rem;
height: 0.587rem;
overflow-wrap: break-word;
color: rgba(117, 117, 117, 1);
font-size: 0.373rem;
font-family: PingFangSC-Regular;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 0.587rem;
margin-left: 0.214rem;
}
.text_91 {
width: 2.987rem;
height: 0.587rem;
overflow-wrap: break-word;
color: rgba(117, 117, 117, 1);
font-size: 0.373rem;
font-family: PingFangSC-Regular;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 0.587rem;
margin-left: 0.427rem;
}
.text_92 {
width: 1.867rem;
height: 0.587rem;
overflow-wrap: break-word;
color: rgba(117, 117, 117, 1);
font-size: 0.373rem;
font-family: PingFangSC-Regular;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 0.587rem;
margin-left: 0.427rem;
}
.text_93 {
width: 2.614rem;
height: 0.587rem;
overflow-wrap: break-word;
color: rgba(117, 117, 117, 1);
font-size: 0.373rem;
font-family: PingFangSC-Regular;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 0.587rem;
margin-left: 0.427rem;
}
.text_94 {
width: 2.987rem;
height: 0.587rem;
overflow-wrap: break-word;
color: rgba(117, 117, 117, 1);
font-size: 0.373rem;
font-family: PingFangSC-Regular;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 0.587rem;
margin-left: 0.427rem;
}
.text_95 {
width: 3.734rem;
height: 0.587rem;
overflow-wrap: break-word;
color: rgba(117, 117, 117, 1);
font-size: 0.373rem;
font-family: PingFangSC-Regular;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 0.587rem;
margin-left: 0.427rem;
}
.text_96 {
width: 1.867rem;
height: 0.587rem;
overflow-wrap: break-word;
color: rgba(117, 117, 117, 1);
font-size: 0.373rem;
font-family: PingFangSC-Regular;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 0.587rem;
margin-left: 0.427rem;
}
.box_49 {
background-color: rgba(169, 27, 51, 1);
width: 51.2rem;
height: 4.907rem;
margin-bottom: 0.027rem;
}
.image_9 {
width: 51.2rem;
height: 0.027rem;
}
.box_50 {
width: 19.147rem;
height: 4.267rem;
margin: 0.294rem 0 0.32rem 16rem;
}
.box_51 {
box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
background-color: rgba(255, 255, 255, 0.2);
border-radius: 8px;
width: 3.574rem;
height: 4.267rem;
}
.image-text_13 {
width: 2.934rem;
height: 3.68rem;
margin: 0.32rem 0 0 0.32rem;
}
.image_10 {
width: 2.934rem;
height: 2.934rem;
border: 1px solid rgba(255, 255, 255, 1);
}
.text-group_15 {
width: 2.56rem;
height: 0.534rem;
overflow-wrap: break-word;
color: rgba(250, 250, 250, 1);
font-size: 0.32rem;
font-family: PingFangSC-Regular;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 0.534rem;
margin: 0.214rem 0 0 0.187rem;
}
.box_52 {
width: 14.294rem;
height: 2.454rem;
margin-top: 0.907rem;
}
.group_28 {
width: 7.76rem;
height: 0.534rem;
}
.text_97 {
width: 1.28rem;
height: 0.534rem;
overflow-wrap: break-word;
color: rgba(250, 250, 250, 1);
font-size: 0.32rem;
font-family: PingFangSC-Regular;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 0.534rem;
}
.group_29 {
background-color: rgba(196, 197, 204, 1);
width: 0.027rem;
height: 0.427rem;
margin: 0.054rem 0 0 0.427rem;
}
.text_98 {
width: 1.28rem;
height: 0.534rem;
overflow-wrap: break-word;
color: rgba(250, 250, 250, 1);
font-size: 0.32rem;
font-family: PingFangSC-Regular;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 0.534rem;
margin-left: 0.427rem;
}
.group_30 {
background-color: rgba(196, 197, 204, 1);
width: 0.027rem;
height: 0.427rem;
margin: 0.054rem 0 0 0.427rem;
}
.text_99 {
width: 1.28rem;
height: 0.534rem;
overflow-wrap: break-word;
color: rgba(250, 250, 250, 1);
font-size: 0.32rem;
font-family: PingFangSC-Regular;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 0.534rem;
margin-left: 0.427rem;
}
.group_31 {
background-color: rgba(196, 197, 204, 1);
width: 0.027rem;
height: 0.427rem;
margin: 0.054rem 0 0 0.427rem;
}
.text_100 {
width: 1.28rem;
height: 0.534rem;
overflow-wrap: break-word;
color: rgba(250, 250, 250, 1);
font-size: 0.32rem;
font-family: PingFangSC-Regular;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 0.534rem;
margin-left: 0.427rem;
}
.text_101 {
width: 14.294rem;
height: 0.534rem;
overflow-wrap: break-word;
color: rgba(250, 250, 250, 1);
font-size: 0.32rem;
font-family: PingFangSC-Regular;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 0.534rem;
margin-top: 0.107rem;
}
.text_102 {
width: 13.52rem;
height: 0.534rem;
overflow-wrap: break-word;
color: rgba(250, 250, 250, 1);
font-size: 0.32rem;
font-family: PingFangSC-Regular;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 0.534rem;
margin-top: 0.107rem;
}
.text_103 {
width: 9.947rem;
height: 0.534rem;
overflow-wrap: break-word;
color: rgba(250, 250, 250, 1);
font-size: 0.32rem;
font-family: PingFangSC-Regular;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 0.534rem;
margin-top: 0.107rem;
}
.group_1 {
cursor: pointer;
}
.group_1:hover .text_1 {
color: #A91B33 !important;
}
.group_1:hover {
background-color: white;
}
.group_1:hover .search_red {
display: block !important;
}
.group_1:hover .search {
display: none !important;
}
.header_text .text_top:hover,
.header_text .text_bottom:hover {
font-weight: 600;
cursor: pointer;
}
.position-relative {
position: relative !important;
}
.mySwiper_PA {
position: absolute !important;
bottom: 1.12rem;
left: 50%;
transform: translateX(-50%);
}
.mySwiper_PA .swiper-wrapper {
justify-content: center;
}
.mySwiper_PA .swiper-slide,
.mySwiper_PA .swiper-slide img {
/* opacity: 1 !important; */
width: 4.266rem !important;
height: 2.4rem !important;
cursor: pointer;
border-radius: 0.266rem;
}
.mySwiper_PA .swiper-slide img {
border: 0.08rem solid rgb(139, 137, 137);
}
.mySwiper_PA .swiper-slide {
margin: 0.026rem 0.426rem !important;
/* margin-right: 24px !important; */
}
.mySwiper_PA .swiper-slide-thumb-active img{
width: 5.12rem !important;
height: 2.88rem !important;
border: 0.08rem solid rgb(229, 199, 199);
}
.mySwiper_PA .swiper-slide:hover img {
width: 5.12rem !important;
height: 2.88rem !important;
transition: all 0.2s linear;
}
.mySwiper4 {
padding: 0;
margin: 0;
/*width: auto !important;*/
/*height: auto !important;*/
width: 10.667rem;
height: 10.667rem;
/*overflow: hidden;*/
}
div::-webkit-scrollbar {
width: 0.133rem;
height: 0.133rem;
}
div::-webkit-scrollbar-thumb {
border-radius: 0.133rem;
background-color: #A91B33;
/*background-color: #4730a9;*/
}
div::-webkit-scrollbar-track {
border-radius: 0.133rem;
background-color: #fff;
/*height: 3rem;*/
}
.box_6_mnxh {
justify-content: start !important;
/*width: 362px !important;*/
/* justify-content: space-between !important; */
margin-right: 0rem !important;
margin-left: 0.266rem !important;
margin-bottom: 0 !important;
}
.text_mnxh1 {
width: 6.133rem !important;
}
.img_mr {
margin-right: 0.266rem !important;
}
.swiper-slide-thumb-active {
background-color: #F5F5F5 !important;
}
/* .mySwiper_PA .swiper-slide-thumb-active {
background-color: #F5F5F5 !important;
} */
.mySwiper4 .swiper-slide {
padding: 0.266rem !important;
}
.PA_MNXH {
position: absolute;
top: -100%;
opacity: 0;
transition: all 0.3s linear;
}
.group_13:hover .PA_MNXH,
.group_14:hover .PA_MNXH,
.box_11:hover .PA_MNXH,
.box_10:hover .PA_MNXH {
top: 0;
opacity: 1;
}
/** start=========== anime ==========================**/
.tab-button {
cursor: pointer;
}
.tab-content {
display: none;
}
.tab-content.active {
display: block;
}
.overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
display: none;
}
.overlay.active {
display: block;
}
.overlay-content {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #fff;
text-align: center;
}
.tab-button {
cursor: pointer;
/* width: 1.707rem; */
height: 0.64rem;
overflow-wrap: break-word;
color: rgba(38, 38, 38, 1);
font-size: 0.426rem;
font-family: PingFangSC-Regular;
font-weight: NaN;
text-align: center;
white-space: nowrap;
line-height: 0.64rem;
/** margin-left: 2.134rem; **/
}
.tab-button.active {
/* width: 0.854rem; */
height: 0.64rem;
overflow-wrap: break-word;
color: rgba(169, 27, 51, 1);
font-size: 0.426rem;
font-family: PingFangSC-Medium;
font-weight: 500;
text-align: center;
white-space: nowrap;
line-height: 0.64rem;
}
/** 替换图片 **/
#movies .box_9 {
background-image: url(./img/a63579eaa240469e9b5fe24f34c85a55_mergeImage.png);
background-size: cover;
background-repeat: no-repeat;
}
#movies .box_10 {
background-image: url(./img/e2d407095c36410a8af6859fcd8952e1_mergeImage.png);
background-size: cover;
background-repeat: no-repeat;
}
#movies .box_11{
background-image: url(./img/d4e6456f6c7742c4bd10facda5697fa0_mergeImage.png);
background-size: cover;
background-repeat: no-repeat;
}
#short-videos .box_9 {
background-image: url(./img/754b86b98ead4427b73558e4f6697d10_mergeImage.png);
background-size: cover;
background-repeat: no-repeat;
}
#short-videos .box_10 {
background-image: url(./img/fc2096a1d00846f4b5fdd56e0a98d847_mergeImage.png);
background-size: cover;
background-repeat: no-repeat;
}
#short-videos .box_11{
background-image: url(./img/bccbf9bda5f3407c9a98679c1423af3a_mergeImage.png);
background-size: cover;
background-repeat: no-repeat;
}
#anime-series .box_9 {
background-image: url(./img/88d1224cc1f241dfb258cd97c2993607_mergeImage.png);
background-size: cover;
background-repeat: no-repeat;
}
#anime-series .box_10 {
background-image: url(./img/3ecd61c79f634bfea0437567ffe33271_mergeImage.png);
background-size: cover;
background-repeat: no-repeat;
}
#anime-series .box_11{
background-image: url(./img/e7f1735cdcbe4407a052b72ca47a2ebd_mergeImage.png);
background-size: cover;
background-repeat: no-repeat;
}
.box_9,.box_10,.box_11,.box_15,.group_13,.group_14,.group_15,.group_16 {
background-size: cover; /* 确保图片覆盖整个元素 */
background-position: center; /* 图片居中显示 */
background-repeat: no-repeat; /* 防止图片重复 */
}
.image_3{
margin:0.214rem 0 0 21.867rem;
width: 0.64rem;
height: 0.08rem;
}
.title_box_big .bottom {
text-align: center;
/*cursor: pointer;*/
}
/*.box_9,.box_10,.box_11{
background-size: cover; !* 确保图片覆盖整个元素 *!
background-position: center; !* 图片居中显示 *!
background-repeat: no-repeat; !* 防止图片重复 *!
}*/
/** end =========== anime ==========================**/
/** start =========== 活动专区 ==========================**/
.box-link div {
opacity: 0.6; /* 默认其他图片变暗 */
transition: opacity 0.5s; /* 平滑过渡效果 */
}
.box-link.active div {
opacity: 1; /* 当前图片亮起 */
}
/* 确保容器足够宽，以便第一张和最后一张图可以完全显示 */
.box_12 {
overflow-x: scroll; /* 允许横向滚动 */
overflow-y: hidden; /* 禁止纵向滚动 */
white-space: nowrap; /* 确保图片在一行显示 */
scrollbar-width: none; /* 对于Firefox，隐藏滚动条 */
}
/* 对于Chrome、Safari和Opera，隐藏滚动条 */
.box_12::-webkit-scrollbar {
display: none;
}
.box-link {
display: inline-block; /* 使得元素并排显示 */
margin-right: -4px; /* 解决inline-block间隙问题 */
position: relative; /* 为了绝对定位轮播指标 */
vertical-align: top; /* 对齐方式 */
display: flex;
align-items: center;
}
.box_15{
width: 13.4406rem;
height: 7.92rem;
}
.box-link.active .box_15{
width: 14.934rem;
height: 8.8rem;
/*border-radius: 20px;*/
}
/* 轮播指标样式 */
.carousel-indicators {
display: flex;
/*position: absolute;*/
bottom: 1.5rem;
left: 50%;
transform: translateX(-50%);
z-index: 100;
/*margin: 0.2rem 0rem 0rem 0rem;*/
margin: 1.5rem 0rem 1.5rem 32.5rem
}
.indicator {
/* display: inline-block; */
width: 0.8rem; /* 扁长条的宽度 */
height: 0.133rem; /* 扁长条的高度 */
border-radius: 0.133rem; /* 轻微的圆角 */
background-color: rgb(247, 233, 235); /* 默认背景颜色 */
margin: 0 0.133rem;
cursor: pointer;
transition: background-color 0.3s; /* 平滑过渡效果 */
}
.indicator.active {
background-color: rgb(169, 27, 51); /* 选中时的背景颜色 */
}
/** end =========== 活动专区 ==========================**/
/** start ======================== 衍生授权 ==========================**/
.text-group_8 {
background: url(./img/SketchPngb7c3cd21543764aa824488c1a545db7438f1620d3e382f29f829ccf6b6d7652e.png) 100% no-repeat;
background-size: cover;
background-repeat: no-repeat;
background-size: 100% 100%;
height: 100%;
width: 100%;
margin: 0;
padding: 1.067rem 0 0 0.64rem;
display: none;
}
.text-wrapper_21{
background-color: rgba(255, 255, 255, 1);
border-radius: 4px;
height: 1.067rem;
width: 2.56rem;
margin: 0.04rem 2.60rem 1.067rem 2.40rem;
display: flex; /* 设置为flex布局 */
justify-content: center; /* 水平居中对齐 */
align-items: center; /* 垂直居中对齐 */
}
/*.text-wrapper_22{*/
/* margin: 3.04rem 2.60rem 1.067rem 2.60rem;*/
/*}*/
.text-wrapper_23{
background-color: rgba(255, 255, 255, 1);
border-radius: 4px;
height: 1.067rem;
width: 2.36rem;
margin: 3.04rem 2.60rem 1.067rem 2.40rem;
display: flex; /* 设置为flex布局 */
justify-content: center; /* 水平居中对齐 */
align-items: center; /* 垂直居中对齐 */
}
.text-wrapper_24{
background-color: rgba(255, 255, 255, 1);
border-radius: 4px;
height: 1.067rem;
width: 2.36rem;
margin: 0.04rem 2.60rem 1.067rem 2.40rem;
display: flex; /* 设置为flex布局 */
justify-content: center; /* 水平居中对齐 */
align-items: center; /* 垂直居中对齐 */
}
.text_49 {
width: 7.107rem;
}
.block_8 {
background: none;
}
.derive-carousel {
position: relative;
width: 100%;
max-width: 600rem;
margin: auto;
overflow: hidden;
}
.derive-carousel-inner {
position: relative;
width: 500%; /* 5张图片，每张100% */
left: 0;
transition: left 0.5s;
}
.derive-carousel-item {
float: left;
width: 20%; /* 100% / 5张图片 */
}
.derive-carousel-item img{
background-size: cover; /* 确保图片覆盖整个元素 */
background-position: center; /* 图片居中显示 */
background-repeat: no-repeat; /* 防止图片重复 */
}
.derive-carousel img {
width: 100%;
display: block;
}
.derive-carousel-indicators {
position: absolute;
bottom: 0.133rem;
left: 50%;
transform: translateX(-50%);
z-index: 15;
}
/*.derive-carousel-indicators {*/
/* position: absolute;*/
/* bottom: 5px;*/
/* left: 50%;*/
/* transform: translateX(-50%);*/
/* z-index: 15;*/
/*}*/
.derive-indicator {
display: inline-block;
margin: 0 0.133rem;
cursor: pointer;
width: 0.533rem; /* 扁长条的宽度 */
height: 0.133rem; /* 扁长条的高度 */
border-radius: 0.133rem; /* 轻微的圆角 */
background-color: rgb(247, 233, 235); /* 默认背景颜色 */
transition: background-color 0.3s; /* 平滑过渡效果 */
}
.derive-indicator.derive-active {
background-color: rgb(169, 27, 51); /* 选中时的背景颜色 */
}
/** end =========================== 衍生授权 ==========================**/
/** start =========================== 动漫高科 ========================== **/
.list-one-box {
position: relative;
display: inline-block;
}
.list-two-box {
position: relative;
display: inline-block;
margin-left: 0.427rem;
}
.list-three-box {
position: relative;
display: inline-block;
margin-top: 0.427rem;
}
.div-mask {
/* 通过绝对定位 覆盖原图 */
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.4);
border-radius: 0.213rem;
font-size: 16px;
color: #ffffff;
/* 垂直居中 */
display: flex;
justify-content: center;
/* 弹性布局的左右居中对齐 */
align-items: center;
/*弹性布局的垂直居中对齐*/
text-align: center;
/*文本居中*/
display: none;
}
.list-one-box:hover .div-mask {
display: flex;
}
.list-two-box:hover .div-mask {
display: flex;
}
.list-three-box:hover .div-mask {
display: flex;
}
/** end =========================== 动漫高科 ========================== **/
/** start =========================== 动漫工匠 ========================== */
.animeCraftsmanDiv.flex-col {
width: 7.894rem;
height: 10.774rem;
}
.derive-indicator-anime {
display: inline-block;
/*margin: 0 0.133rem;*/
cursor: pointer;
width: 0.533rem;; /* 扁长条的宽度 */
height: 0.133rem; /* 扁长条的高度 */
border-radius: 0.133rem; /* 轻微的圆角 */
background-color: rgb(247, 233, 235); /* 默认背景颜色 */
transition: background-color 0.3s; /* 平滑过渡效果 */
}
.derive-indicator-anime.derive-active {
background-color: rgb(169, 27, 51); /* 选中时的背景颜色 */
width: 0.333rem;; /* 扁长条的宽度 */
height: 0.133rem; /* 扁长条的高度 */
}
.derive-carousel-anime {
position: relative;
width: 100%;
max-width: 600px;
margin: auto;
overflow: hidden;
max-height: 100%;
}
.derive-carousel-inner-anime {
position: relative;
width: 500%; /* 5张图片，每张100% */
left: 0;
transition: top 0.5s;
}
.derive-carousel-item {
float: left;
width: 20%; /* 100% / 5张图片 */
}
.derive-carousel img {
width: 100%;
display: block;
}
.animeImg {
background-repeat: no-repeat;
background-size: 7.894rem 10.774rem;
}
/** end =========================== 动漫工匠 ========================== */
/** start =========================== cosplay ========================== */
.filter {
backdrop-filter: blur(10px); /* 设置背景虚化 */
border-radius: 0.133rem;
width: 100%;
height: 100%;
}
.filter-box {
margin-left: -0.213rem;
margin-top: -0.133rem;
}
.filter-background {
margin-left: 0.426rem;
margin-top: 0.266rem;
transform: rotate(2deg);
}
.cosplayImg {
display: flex;
z-index: 1000;
margin-top: 0.4rem;
margin-left: -6.454rem;
}
.backImg {
background-size: 6.454rem 8rem; /* 固定背景图片的宽度和高度 */
background-repeat: no-repeat; /* 图片大小小于容器时不自动复制 */
}
.amplify {
transition: all 0.3s;
}
.amplify:hover {
transform: scale(1.05);
filter: brightness(0.8);
}
/** end =========================== cosplay ========================== */
/** start =========================== 漫画世界 ========================== */
.comics {
background-size: 17.707rem; /* 固定背景图片的宽度 */
background-repeat: no-repeat; /* 图片大小小于容器时不自动复制 */
}
/** end =========================== 漫画世界 ========================== */
/** start =========================== 漫说漫画 ========================== */
.comicPic {
background-size: 18.56rem;
background-repeat: no-repeat;
}
/** end =========================== 漫说漫画 ========================== */