|
|
|
@ -35,11 +35,11 @@ body,p,div{ |
|
|
|
.disNone,.hide{ |
|
|
|
display: none !important; |
|
|
|
opacity: 0; |
|
|
|
transition: all .3s; |
|
|
|
transition: all .3s ease; |
|
|
|
} |
|
|
|
.disBlock{ |
|
|
|
opacity: 1; |
|
|
|
transition: all .3s; |
|
|
|
transition: all .3s ease; |
|
|
|
display: block !important; |
|
|
|
} |
|
|
|
.kefu{ |
|
|
|
@ -64,7 +64,7 @@ body,p,div{ |
|
|
|
} |
|
|
|
.kefuCom:hover .kefuQrcode{ |
|
|
|
opacity: 1; |
|
|
|
transition: all .5s; |
|
|
|
transition: all .5s ease; |
|
|
|
} |
|
|
|
.kefuCom .linkIcon{ |
|
|
|
width: 28px; |
|
|
|
@ -98,6 +98,174 @@ body,p,div{ |
|
|
|
width: 134px; |
|
|
|
height: 134px; |
|
|
|
} |
|
|
|
.look_PPT_modal{ |
|
|
|
position: fixed; |
|
|
|
top: 0; |
|
|
|
left: 0; |
|
|
|
width: 100%; |
|
|
|
min-width: 1200px; |
|
|
|
height: 100%; |
|
|
|
z-index: 100; |
|
|
|
/* position: relative; */ |
|
|
|
} |
|
|
|
.lookPPT{ |
|
|
|
width: 100%; |
|
|
|
height: 100%; |
|
|
|
position: relative; |
|
|
|
} |
|
|
|
.lookPPT .look_backImg,.lookPPT .look_content{ |
|
|
|
width: 100%; |
|
|
|
height: 100%; |
|
|
|
position: absolute; |
|
|
|
top: 0; |
|
|
|
bottom: 0; |
|
|
|
} |
|
|
|
.exitLook{ |
|
|
|
position: absolute; |
|
|
|
top: 0; |
|
|
|
left: 0; |
|
|
|
width: 80px; |
|
|
|
height: 80px; |
|
|
|
z-index: 125; |
|
|
|
} |
|
|
|
.lookPPT{ |
|
|
|
/* z-index: 110; */ |
|
|
|
} |
|
|
|
.look_content{ |
|
|
|
z-index: 110; |
|
|
|
background: rgba(0, 0, 0, 0.33); |
|
|
|
display: flex; |
|
|
|
} |
|
|
|
.look_left{ |
|
|
|
flex: 1; |
|
|
|
height: 100%; |
|
|
|
min-width: 837px; |
|
|
|
} |
|
|
|
.topimg{ |
|
|
|
width: 740px; |
|
|
|
height: 428px; |
|
|
|
border: 3.12px solid #FFFFFF; |
|
|
|
border-radius: 20.78px; |
|
|
|
} |
|
|
|
#gallery-container { |
|
|
|
overflow-x: auto; /* 允许横向滚动 */ |
|
|
|
width: calc(174*4px + 16*3px); |
|
|
|
overflow: hidden; |
|
|
|
position: relative; |
|
|
|
margin: 12px 11px 0; |
|
|
|
} |
|
|
|
.gallery{ |
|
|
|
display: flex; |
|
|
|
flex-wrap: nowrap; |
|
|
|
/* float: left; |
|
|
|
white-space: nowrap; */ |
|
|
|
} |
|
|
|
#gallery-container button{ |
|
|
|
|
|
|
|
} |
|
|
|
.gallery .gallery_img { |
|
|
|
width: 170px; |
|
|
|
height: 100px; |
|
|
|
margin-right: 16px; |
|
|
|
border: 2px solid #FFFFFF; |
|
|
|
border-radius: 6.14px; |
|
|
|
} |
|
|
|
.gallery .ppt_child_active { |
|
|
|
border: 2px solid #697CF7; |
|
|
|
} |
|
|
|
|
|
|
|
#prev, #next{ |
|
|
|
|
|
|
|
} |
|
|
|
/* #prev{ |
|
|
|
position: absolute; |
|
|
|
left: 0; |
|
|
|
top: 50%; |
|
|
|
transform: translateY(-50%); |
|
|
|
} |
|
|
|
#next{ |
|
|
|
position: absolute; |
|
|
|
right: 0; |
|
|
|
top: 50%; |
|
|
|
transform: translateY(-50%); |
|
|
|
} */ |
|
|
|
.look_left .look_left_bot{ |
|
|
|
width: 100%; |
|
|
|
height: 84px; |
|
|
|
align-items: center; |
|
|
|
justify-content: center; |
|
|
|
background: #FFFFFF; |
|
|
|
/* 阴影/常规阴影 */ |
|
|
|
box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.16); |
|
|
|
} |
|
|
|
.ppt_cancel ,.ppt_submit{ |
|
|
|
display: flex; |
|
|
|
flex-direction: column; |
|
|
|
justify-content: center; |
|
|
|
align-items: center; |
|
|
|
padding: 12.47px 24.94px; |
|
|
|
color: #2841EB; |
|
|
|
font-family: Microsoft YaHei UI; |
|
|
|
font-size: 15.58px; |
|
|
|
background: #EAEFFF; |
|
|
|
} |
|
|
|
.ppt_submit{ |
|
|
|
margin-left: 46px; |
|
|
|
color: #FFFFFF; |
|
|
|
background: linear-gradient(270deg, #6C69F5 0%, #3467E5 100%); |
|
|
|
} |
|
|
|
.look_left { |
|
|
|
display: flex; |
|
|
|
flex-direction: column; |
|
|
|
align-items: center; |
|
|
|
justify-content: center; |
|
|
|
} |
|
|
|
.look_left .look_left_top{ |
|
|
|
flex: 1; |
|
|
|
width: 100%; |
|
|
|
display: flex; |
|
|
|
flex-direction: column; |
|
|
|
justify-content: center; |
|
|
|
align-items: center; |
|
|
|
} |
|
|
|
.look_right{ |
|
|
|
width: 364px; |
|
|
|
min-width: 364px; |
|
|
|
max-width: 364px; |
|
|
|
max-height: 100%; |
|
|
|
padding: 32px 40px; |
|
|
|
overflow-y: auto; |
|
|
|
background: rgba(255, 255, 255, 0.9); |
|
|
|
} |
|
|
|
.look_right h4{ |
|
|
|
font-family: Microsoft YaHei UI; |
|
|
|
font-size: 16.62px; |
|
|
|
font-weight: bold; |
|
|
|
line-height: normal; |
|
|
|
letter-spacing: 0px; |
|
|
|
font-variation-settings: "opsz" auto; |
|
|
|
color: #3D3D3D; |
|
|
|
padding: 0; |
|
|
|
margin: 0; |
|
|
|
margin-bottom: 20px; |
|
|
|
} |
|
|
|
.look_right .ppt_temList{ |
|
|
|
gap:20px 18px; |
|
|
|
} |
|
|
|
.look_right .ppt_temList .ppt_tem_item{ |
|
|
|
width: 173px; |
|
|
|
} |
|
|
|
.look_right .ppt_tem_item .pptImg{ |
|
|
|
width: 169px; |
|
|
|
height: 97px; |
|
|
|
border-radius: 8.31px; |
|
|
|
} |
|
|
|
.look_right .ppt_tem_item:hover .pptImg{ |
|
|
|
border-radius: 8.31px; |
|
|
|
} |
|
|
|
.look_right .ppt_tem_item:hover .firstlook{ |
|
|
|
display: none; |
|
|
|
} |
|
|
|
.pageMask{ |
|
|
|
width: 100%; |
|
|
|
height: 100%; |
|
|
|
@ -107,6 +275,12 @@ body,p,div{ |
|
|
|
left: 0; |
|
|
|
top: 0; |
|
|
|
} |
|
|
|
.lookModal{ |
|
|
|
/* width: 100%; |
|
|
|
height: 100%; |
|
|
|
background: url(../img/ppt_2.svg) center center no-repeat; |
|
|
|
background-size: 100% 100%; */ |
|
|
|
} |
|
|
|
.payModal{ |
|
|
|
position: fixed; |
|
|
|
width: 740px; |
|
|
|
@ -312,7 +486,7 @@ header{ |
|
|
|
-webkit-backdrop-filter: blur(20px); |
|
|
|
backdrop-filter: blur(20px); |
|
|
|
/* box-shadow: none; */ |
|
|
|
transition: background-color .3s ease-in-out; |
|
|
|
transition: background-color .3s ease; |
|
|
|
/* background: linear-gradient(90deg, rgba(243, 246, 254, 0) 0%, #F3F6FE 100%); */ |
|
|
|
background: rgba(255, 255, 255, 0.78); |
|
|
|
box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.04); |
|
|
|
@ -506,28 +680,28 @@ header .right .activebtn{ |
|
|
|
border-style: solid; |
|
|
|
border-image: linear-gradient(270deg, rgba(114, 119, 244, 0) 8%, #7177F4 47%, rgba(117, 119, 245, 0) 89%) 0 0 1 0; |
|
|
|
backdrop-filter: blur(20px); */ |
|
|
|
transition:all .5s; |
|
|
|
transition:all .5s ease; |
|
|
|
} |
|
|
|
.stickyStep .step_main{ |
|
|
|
padding: 0 164px; |
|
|
|
transition: all .5s; |
|
|
|
transition: all .5s ease; |
|
|
|
} |
|
|
|
.stickyStep.step_back{ |
|
|
|
padding: 0 0; |
|
|
|
transition: all .5s; |
|
|
|
transition: all .5s ease; |
|
|
|
} |
|
|
|
.stickyStep .step_main dd{ |
|
|
|
font-size: 12px; |
|
|
|
transition: all .5s; |
|
|
|
transition: all .5s ease; |
|
|
|
line-height: 25px; |
|
|
|
} |
|
|
|
.stickyStep .step_main .active_step_title{ |
|
|
|
font-size: 14px; |
|
|
|
transition: all .5s; |
|
|
|
transition: all .5s ease; |
|
|
|
} |
|
|
|
.stickyStep .step_main .nor_step_title{ |
|
|
|
font-size: 14px; |
|
|
|
transition: all .5s; |
|
|
|
transition: all .5s ease; |
|
|
|
margin-bottom: 0; |
|
|
|
|
|
|
|
} |
|
|
|
@ -826,7 +1000,7 @@ li .select_icon, .pay_every .pay_icon{ |
|
|
|
left: 50%; |
|
|
|
margin-left: -180px; |
|
|
|
opacity: 0; /* 初始状态为完全透明 */ |
|
|
|
transition: opacity 1s ease-in-out; /* 设置透明度过渡 */ |
|
|
|
transition: opacity 1s ease; /* 设置透明度过渡 */ |
|
|
|
} |
|
|
|
.opt-block .title-change.fade{ |
|
|
|
opacity: 1; |
|
|
|
@ -917,12 +1091,12 @@ li .select_icon, .pay_every .pay_icon{ |
|
|
|
line-height: 20px; |
|
|
|
padding: 8px 17px; |
|
|
|
color: #3D3D3D; |
|
|
|
transition: all .3s; |
|
|
|
transition: all .3s ease; |
|
|
|
} |
|
|
|
.opt-block .advise-li:hover{ |
|
|
|
background: #F1F4FF; |
|
|
|
border-radius: 6px; |
|
|
|
transition: all .3s; |
|
|
|
transition: all .3s ease; |
|
|
|
} |
|
|
|
.opt-block .title-change{ |
|
|
|
display: flex; |
|
|
|
@ -937,7 +1111,7 @@ li .select_icon, .pay_every .pay_icon{ |
|
|
|
left: 50%; |
|
|
|
margin-left: -180px; |
|
|
|
opacity: 0; /* 初始状态为完全透明 */ |
|
|
|
transition: opacity 1s ease-in-out; /* 设置透明度过渡 */ |
|
|
|
transition: opacity 1s ease; /* 设置透明度过渡 */ |
|
|
|
font-family: Microsoft YaHei UI; |
|
|
|
align-items: center; |
|
|
|
justify-content: center; |
|
|
|
@ -1058,13 +1232,13 @@ li .select_icon, .pay_every .pay_icon{ |
|
|
|
background: #F9FAFA; |
|
|
|
padding: 8px 12px; |
|
|
|
cursor: pointer; |
|
|
|
transition: all .5s; |
|
|
|
transition: all .5s ease; |
|
|
|
color: #8C919D; |
|
|
|
} |
|
|
|
.recommend_title{ |
|
|
|
background: #FFF5ED; |
|
|
|
color: #FF7800; |
|
|
|
transition: all .5s; |
|
|
|
transition: all .5s ease; |
|
|
|
} |
|
|
|
.inputText{ |
|
|
|
color: #525252; |
|
|
|
@ -1112,20 +1286,13 @@ li .select_icon, .pay_every .pay_icon{ |
|
|
|
padding: 8px 0; |
|
|
|
margin-bottom: 12px; |
|
|
|
} |
|
|
|
.ppt_labelTwo{ |
|
|
|
font-size: 14px; |
|
|
|
line-height: 18px; |
|
|
|
color: #1F2225; |
|
|
|
padding: 12px 0; |
|
|
|
justify-content: space-between; |
|
|
|
margin-bottom: 12px; |
|
|
|
} |
|
|
|
|
|
|
|
.ppt_upload{ |
|
|
|
flex-direction: row; |
|
|
|
justify-content: center; |
|
|
|
align-items: center; |
|
|
|
/* padding: 20px 70px; */ |
|
|
|
padding: 18px 12px 14px; |
|
|
|
/* padding: 18px 12px 14px; */ |
|
|
|
border-radius: 6px; |
|
|
|
box-sizing: border-box; |
|
|
|
border: 1px dashed #BFBFBF; |
|
|
|
@ -1136,6 +1303,8 @@ li .select_icon, .pay_every .pay_icon{ |
|
|
|
position: relative; |
|
|
|
width: 100%; |
|
|
|
height: 100%; |
|
|
|
padding: 18px 12px 14px; |
|
|
|
|
|
|
|
} |
|
|
|
.uploadShow p{ |
|
|
|
margin-top: 17px; |
|
|
|
@ -1153,8 +1322,105 @@ li .select_icon, .pay_every .pay_icon{ |
|
|
|
.uploadMesShow{ |
|
|
|
width: 100%; |
|
|
|
height: 100%; |
|
|
|
justify-content: center; |
|
|
|
padding: 25px 0; |
|
|
|
|
|
|
|
} |
|
|
|
.btn{ |
|
|
|
color: #5B6FF6; |
|
|
|
margin-top: 6px; |
|
|
|
} |
|
|
|
.fileInfobox{ |
|
|
|
margin-left: 28px; |
|
|
|
} |
|
|
|
.fileInfo .fileName{ |
|
|
|
color: #969BA7; |
|
|
|
margin-right: 10px; |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.ppt_labelTwo{ |
|
|
|
font-size: 14px; |
|
|
|
line-height: 18px; |
|
|
|
color: #1F2225; |
|
|
|
padding: 12px 0; |
|
|
|
justify-content: space-between; |
|
|
|
margin-bottom: 12px; |
|
|
|
} |
|
|
|
.ppt_temList{ |
|
|
|
width: 100%; |
|
|
|
/* flex-wrap: wrap; |
|
|
|
justify-content: space-between; |
|
|
|
gap: 24px; */ |
|
|
|
display: grid; |
|
|
|
grid-template-columns: repeat(auto-fill,minmax(166px,1fr)); |
|
|
|
gap: 12px; |
|
|
|
} |
|
|
|
.ppt_temList .ppt_tem_item{ |
|
|
|
width: 166px; |
|
|
|
position: relative; |
|
|
|
/* margin-top: 12px; */ |
|
|
|
} |
|
|
|
.ppt_tem_item .pptImg{ |
|
|
|
width: 164px; |
|
|
|
height: 93px; |
|
|
|
border-radius: 8px; |
|
|
|
/* border: 2px solid #FFFFFF; */ |
|
|
|
transition: all .5s ease; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.ppt_tem_item .ppt_select{ |
|
|
|
position: absolute; |
|
|
|
right: 4px; |
|
|
|
top: 0; |
|
|
|
display: none; |
|
|
|
width: 25px; |
|
|
|
height: 45px; |
|
|
|
} |
|
|
|
.ppt_item_active .pptImg{ |
|
|
|
border-radius: 8px; |
|
|
|
opacity: 1; |
|
|
|
box-sizing: border-box; |
|
|
|
border: 2px solid #697CF7; |
|
|
|
} |
|
|
|
.ppt_item_active .ppt_select{ |
|
|
|
display: block; |
|
|
|
} |
|
|
|
.ppt_tem_item .firstlook{ |
|
|
|
width: 164px; |
|
|
|
/* width: 100%; */ |
|
|
|
height: 0px; |
|
|
|
/* line-height: 24px; */ |
|
|
|
opacity: 0; |
|
|
|
text-align: center; |
|
|
|
color: #FFFFFF; |
|
|
|
position: absolute; |
|
|
|
bottom: 19px; |
|
|
|
border-radius: 0 0 8px 8px; |
|
|
|
background: rgba(0, 0, 0, 0.7); |
|
|
|
} |
|
|
|
.ppt_tem_item:hover .pptImg{ |
|
|
|
border-radius: 8px; |
|
|
|
opacity: 1; |
|
|
|
/* width: 166px; */ |
|
|
|
box-sizing: border-box; |
|
|
|
border: 2px solid #697CF7; |
|
|
|
transition: all .5s ease; |
|
|
|
} |
|
|
|
.ppt_tem_item:hover .firstlook{ |
|
|
|
height: 24px; |
|
|
|
line-height: 24px; |
|
|
|
transition: all .5s ease; |
|
|
|
opacity: 1; |
|
|
|
|
|
|
|
} |
|
|
|
.ppt_tem_item p{ |
|
|
|
color: #3D4B54; |
|
|
|
text-align: center; |
|
|
|
} |
|
|
|
/* ppt end */ |
|
|
|
.educationRight{ |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
@ -1218,16 +1484,16 @@ li .select_icon, .pay_every .pay_icon{ |
|
|
|
text-align: center; |
|
|
|
border-radius: 8px; |
|
|
|
margin-top: 30px; |
|
|
|
transition: all .3s; |
|
|
|
transition: all .3s ease; |
|
|
|
background: linear-gradient(270deg, #6C69F5 0%, #3467E5 100%); |
|
|
|
} |
|
|
|
.btn_result:hover, .btn_result_now:hover{ |
|
|
|
transition: all .3s; |
|
|
|
transition: all .3s ease; |
|
|
|
opacity: 0.8; |
|
|
|
background: linear-gradient(270deg, #6C69F5 0%, #3467E5 100%); |
|
|
|
} |
|
|
|
.btn_result:active,.btn_result_now:active{ |
|
|
|
transition: all .3s; |
|
|
|
transition: all .3s ease; |
|
|
|
opacity: 1; |
|
|
|
background: linear-gradient(270deg, #6C69F5 0%, #3467E5 100%); |
|
|
|
border: 7px solid #DDE1FC; |
|
|
|
@ -1403,11 +1669,11 @@ border: 1px solid #E8E8E8; |
|
|
|
.footer{ |
|
|
|
background: #FAFAFC; |
|
|
|
margin-top: 50px; |
|
|
|
transition: all .5s; |
|
|
|
transition: all .5s ease; |
|
|
|
} |
|
|
|
.footer2{ |
|
|
|
margin-top: 100px; |
|
|
|
transition: all .5s; |
|
|
|
transition: all .5s ease; |
|
|
|
} |
|
|
|
.footer .footerbox{ |
|
|
|
display: flex; |
|
|
|
|
zq
5 months ago
