p[data-v-9d2a83f4] { margin: 0; } .Topcontents[data-v-9d2a83f4] { position: relative; width: 100%; background: no-repeat 50% / cover; height: calc(100vh - 4.3rem); min-height: 50rem; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .Topcontents .top-video[data-v-9d2a83f4] { width: 100%; height: 100%; -o-object-position: center; object-position: center; pointer-events: none; z-index: 1; -o-object-fit: cover; object-fit: cover; } .Topcontents .top-detail[data-v-9d2a83f4] { -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; background: url(../img/fg_01.009d6647.png) no-repeat; background-position: 0% center; background-size: auto 100%; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; } .Topcontents .top-detail .text[data-v-9d2a83f4] { position: relative; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; margin-left: 8.1rem; margin-top: 4.5rem; } .Topcontents .top-detail .text .title[data-v-9d2a83f4] { font-family: D-DIN-Bold; font-size: 4.3rem; color: #ffffff; line-height: 5rem; text-shadow: 0 0 13px #003379; font-weight: 700; width: 67.5rem; margin-bottom: 1.9rem; } .Topcontents .top-detail .text .secondTitle[data-v-9d2a83f4] { margin: 1rem 0; font-family: D-DIN-Bold; font-size: 1.8rem; line-height: 2rem; color: #ffffff; font-weight: 700; } .Topcontents .top-detail .text .content[data-v-9d2a83f4] { width: 67.5rem; color: #ffffff; margin-bottom: 2rem; } .Topcontents .bgStartTurnLeft[data-v-9d2a83f4] { left: -100%; } .Topcontents .startTurnLeft[data-v-9d2a83f4] { left: -100%; } .Topcontents .videoStartBtn[data-v-9d2a83f4] { cursor: pointer; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; position: absolute; z-index: 1; bottom: 5rem; background: url(../img/video_btn_bg.fd8177b0.png) no-repeat; background-size: cover; width: 30rem; height: 5.6rem; font-family: D-DIN-Bold; font-size: 2rem; color: #ffffff; font-weight: 700; } .Topcontents .videoStartBtn span[data-v-9d2a83f4] { height: 76%; width: 84%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .Topcontents .firstPosition[data-v-9d2a83f4] { right: 0; } .Topcontents .secondPosition[data-v-9d2a83f4] { right: -25rem; } .Topcontents .firstTurnBack[data-v-9d2a83f4] { -webkit-animation: turnBack-9d2a83f4 0.3s 1; animation: turnBack-9d2a83f4 0.3s 1; } @-webkit-keyframes turnBack-9d2a83f4 { from { right: -25rem; } to { right: 0; } } @keyframes turnBack-9d2a83f4 { from { right: -25rem; } to { right: 0; } } .Topcontents .videoEndBtn[data-v-9d2a83f4] { cursor: pointer; -webkit-transition: all 0.1s; -o-transition: all 0.1s; transition: all 0.1s; position: absolute; z-index: 1; bottom: 5rem; overflow: hidden; background: url(../assets/bt_01_2.c2b147c9.svg) no-repeat; background-size: 100% 100%; width: 12.5rem; height: 5.6rem; font-family: D-DIN-Bold; font-size: 2.3rem; color: #ffffff; font-weight: 700; } .Topcontents .videoEndBtn span[data-v-9d2a83f4] { margin-left: 3.4rem; line-height: 4.4rem; } .Topcontents .firstEndPosition[data-v-9d2a83f4] { right: -1.3rem; } .Topcontents .secondEndPosition[data-v-9d2a83f4] { right: 0px; } .Topcontents .animaPullOut[data-v-9d2a83f4] { -webkit-animation: pullOut-9d2a83f4 0.1s 1; animation: pullOut-9d2a83f4 0.1s 1; } @-webkit-keyframes pullOut-9d2a83f4 { from { right: -1.3rem; } to { right: 0px; } } @keyframes pullOut-9d2a83f4 { from { right: -1.3rem; } to { right: 0px; } } .Topcontents .videoEndBtn[data-v-9d2a83f4]:after { content: ''; position: absolute; height: 1.3rem; width: 5px; left: 6.9rem; top: 1.6rem; border-left: 10px solid; border-right: 10px solid; border-color: currentColor; } .Topcontents .mask[data-v-9d2a83f4] { content: ''; position: absolute; display: block; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0, 0, 0, 0.5); } .orangeColorIcon .top-detail[data-v-9d2a83f4] { background-image: url(../img/fg_01_or.d850e3bc.png); } .orangeColorIcon .videoStartBtn[data-v-9d2a83f4] { background-image: url(../img/video_btn_bg_or.7a1c2edd.png); } .orangeColorIcon .videoEndBtn[data-v-9d2a83f4] { background-image: url(../assets/bt_01_2_or.025ff4ab.svg); } @media screen and (max-width: 46.9rem) { .Topcontents[data-v-9d2a83f4] { height: 13.3rem; min-height: auto; } .Topcontents .top-detail .text[data-v-9d2a83f4] { padding: 1.8rem 2.3rem 0 1.6rem; margin: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .Topcontents .top-detail .text .title[data-v-9d2a83f4] { width: 100%; font-size: 1.6rem; line-height: 2.1rem; } .Topcontents .top-detail .text .secondTitle[data-v-9d2a83f4], .Topcontents .top-detail .text .content[data-v-9d2a83f4] { display: none; } .Topcontents .videoStartBtn[data-v-9d2a83f4] { bottom: 1.9rem; width: 15rem; height: 2.5rem; font-size: 1rem; } .Topcontents .videoStartBtn span[data-v-9d2a83f4] { width: 85%; height: 90%; } .Topcontents .videoStartBtn span img[data-v-9d2a83f4] { width: 12px; } .Topcontents .videoEndBtn[data-v-9d2a83f4] { width: 5.6rem; height: 2.5rem; bottom: 1.9rem; } .Topcontents .videoEndBtn[data-v-9d2a83f4]::after { height: 8px; width: 3px; left: 3.3rem; top: 10px; border-left: 3px solid; border-right: 3px solid; } .mob-headr-title[data-v-9d2a83f4] { padding: 1.5rem; background-color: rgba(0, 108, 255, 0.2); background-image: url(../img/header_bg.d8c1b586.png); background-repeat: no-repeat; background-position: left bottom; background-size: 100% auto; } .mob-headr-title .mob-secondTitle[data-v-9d2a83f4] { font-family: D-DIN-Bold; font-size: 1.1rem; color: #0a3c82; letter-spacing: 0; line-height: 1.3rem; letter-spacing: 0; font-weight: 700; } .mob-headr-title .mob-content[data-v-9d2a83f4] { margin: 0.9rem 0 1.3rem 0; font-family: D-DIN; font-size: 0.9rem; line-height: 1.3rem; color: #333333; font-weight: 400; } .container[data-v-9d2a83f4] .programTop { padding: 1.3rem 0 1.9rem 0; position: relative; background: url(../img/bg_01_mob.3cf40e8b.png) no-repeat; background-size: 105% auto; } .container[data-v-9d2a83f4] .programTop .programTopTitle { line-height: 2.5rem !important; width: 21.9rem !important; height: 2.5rem !important; font-size: 1.1rem !important; } .container[data-v-9d2a83f4] .programTop .programTopCont { margin-bottom: 1.9rem; position: relative; } .container[data-v-9d2a83f4] .programTop .programTopCont .country-logo-cont { width: auto; min-width: 0; } .container[data-v-9d2a83f4] .programTop .programTopCont .country-logo-cont .country-logo-cont-bg { position: absolute; width: 13.8rem; height: 6.3rem; top: 12px; right: 0; -webkit-clip-path: polygon(2.5rem 0%, 100% 0%, 100% 100%, 0% 100%); clip-path: polygon(2.5rem 0%, 100% 0%, 100% 100%, 0% 100%); margin-left: 0; } .container[data-v-9d2a83f4] .programTop .programTopCont .country-logo-cont .country-logo-cont-bg > img { width: 5rem; max-height: 5rem; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .container[data-v-9d2a83f4] .programTop .marginTop { margin-top: 5.4rem; } .container[data-v-9d2a83f4] .programTop .programsTopContent { float: left; width: 95%; margin-bottom: 1.9rem; font-size: 0.9rem; line-height: 1.3rem; clear: both; padding: 1.8rem 1.5rem 1.5rem; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-clip-path: none; clip-path: none; } .container[data-v-9d2a83f4] .programTop .programsTopContent div { width: 100%; } .container[data-v-9d2a83f4] .programTop .programsTopContent span { width: 100%; line-height: 1.1rem; } .container[data-v-9d2a83f4] .programMainMarginTop { margin-top: 3.1rem; } .container[data-v-9d2a83f4] .programMain .programMainTitle { width: 21.9rem; height: 2.5rem; font-size: 1.1rem; line-height: 2.5rem; } .container[data-v-9d2a83f4] .programMain .programMainContent { padding-top: 1.5rem; } .container[data-v-9d2a83f4] .programMain .programMainContent .scrollList { margin: 1.3rem 0; } .container[data-v-9d2a83f4] .programMain .programMainContent .scrollList .swiper-container-view { width: 100%; margin-left: 10px; } .container[data-v-9d2a83f4] .programMain .programMainContent .scrollList .swiperContainer { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; } .container[data-v-9d2a83f4] .programMain .programMainContent .scrollList .swiperBox { font-size: 1.1rem; padding: 8px 1rem; min-height: 3em; height: auto; } .container[data-v-9d2a83f4] .programMain .programMainContent .programDetail { width: auto; margin: 1rem; } .container[data-v-9d2a83f4] .programMain .programMainContent .programDetail .title { min-height: 3rem; height: auto; line-height: 1.5; padding: 0 1rem; font-size: 1rem; margin-left: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .container[data-v-9d2a83f4] .programMain .programMainContent .programDetail .proTopPart .textPart { width: 100% !important; padding: 0 1rem; -webkit-box-sizing: border-box; box-sizing: border-box; } .container[data-v-9d2a83f4] .programMain .programMainContent .programDetail .proTopPart .textPart .textTitle, .container[data-v-9d2a83f4] .programMain .programMainContent .programDetail .proTopPart .textPart .text-content { font-size: 0.9rem !important; line-height: 1.3rem !important; } .container[data-v-9d2a83f4] .programMain .programMainContent .programDetail .contentContaner { background-size: 150% !important; background-position: bottom center !important; } .container[data-v-9d2a83f4] .programMain .programMainContent .programDetail .contentContaner .content { margin: 1rem !important; } .container[data-v-9d2a83f4] .programMain .programMainContent .programDetail .contentContaner .content .proTopPart { display: block; } .container[data-v-9d2a83f4] .programMain .programMainContent .programDetail .mediaPart { position: relative !important; width: auto !important; } .container[data-v-9d2a83f4] .programMain .programMainContent .programDetail .mediaPart .videoBox { margin: 0 !important; padding: 1rem !important; width: auto !important; height: 11.6rem !important; } .container[data-v-9d2a83f4] .programMain .programMainContent .programDetail .mediaPart .explorePart { width: 100% !important; margin-left: 0% !important; } .container[data-v-9d2a83f4] .programMain .programMainContent .programDetail .mediaPart .explorePart .explore { font-size: 1.1rem !important; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 1.4rem; padding-right: 12px; } .container[data-v-9d2a83f4] .programMain .programMainContent .programDetail .mediaPart .explorePart .explore .exploreImg { height: 1.1rem !important; margin-left: 10px !important; } .container[data-v-9d2a83f4] .programMain .programMainContent .proBottomPart { margin-top: 1rem !important; } .container[data-v-9d2a83f4] .programMain .programMainContent .proBottomPart .textTitle { font-size: 0.9rem !important; } .container[data-v-9d2a83f4] .programMain .programMainContent .proBottomPart .comments { overflow: initial !important; position: relative; width: auto !important; background: rgba(229, 240, 255, 0.4) !important; border-right: 4px solid #006cff; border-bottom: 4px solid #006cff; margin-top: 2.5rem !important; } .container[data-v-9d2a83f4] .programMain .programMainContent .proBottomPart .comments .commentText { margin: 0 1rem !important; width: auto !important; float: none !important; } .container[data-v-9d2a83f4] .programMain .programMainContent .proBottomPart .comments .commentText .commentItem { font-size: 0.9rem !important; line-height: 1.3rem !important; } .container[data-v-9d2a83f4] .programMain .programMainContent .proBottomPart .comments .commentText .commentBtn img { width: 2.7rem; } .container[data-v-9d2a83f4] .programMain .programMainContent .proBottomPart .comments .commentGrade { position: absolute; top: -2.5rem; left: 0; width: 75% !important; margin: 0 !important; -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -webkit-flex-direction: row !important; -ms-flex-direction: row !important; flex-direction: row !important; -webkit-box-align: center !important; -webkit-align-items: center !important; -ms-flex-align: center !important; align-items: center !important; background: rgba(0, 108, 255, 0.6); } .container[data-v-9d2a83f4] .programMain .programMainContent .proBottomPart .comments .commentGrade .grade { margin: 0 !important; } .container[data-v-9d2a83f4] .pagePottomPart { width: 82%; } .container[data-v-9d2a83f4] .pagePottomPart .pageBottomTitle { font-size: 1.1rem; line-height: 1.5rem; } .container[data-v-9d2a83f4] .pagePottomPart .pageBottomContent { font-size: 0.9rem; line-height: 1.3rem; } .container[data-v-9d2a83f4] .pageBottomImg { margin-top: -1.9rem; width: 55%; margin-left: 45%; min-width: auto; } .container[data-v-9d2a83f4] .pageBottomImg img { width: 78%; } .container[data-v-9d2a83f4] .bottomPartTitle { margin-top: 0.9rem; font-size: 1.1rem; } .container[data-v-9d2a83f4] .bottomPartTitle p { line-height: 1.5rem; margin-left: 5%; margin-right: 5%; } .container[data-v-9d2a83f4] .bottomPartContent { margin-top: 1.3rem; } .container[data-v-9d2a83f4] .bottomPartContent .bottomTop .bottomLeft { width: 90%; margin-bottom: 8px; height: auto; padding: 6px; } .container[data-v-9d2a83f4] .bottomPartContent .bottomTop .bottomLeft .bigPic { width: 100%; padding-left: 2.5rem; height: auto; background-color: transparent; } .container[data-v-9d2a83f4] .bottomPartContent .bottomTop .bottomRight { width: 90%; margin-right: 0; margin-bottom: 8px; } .container[data-v-9d2a83f4] .bottomPartContent .bottomTop .bottomRight .bottomRightItem { width: 106%; padding: 0; height: 5rem; } .container[data-v-9d2a83f4] .bottomPartContent .btnContainer { display: none; } .container[data-v-9d2a83f4] .bottomPartContent .bottomContent { margin-top: 0; width: 91%; margin-left: 9%; } .container[data-v-9d2a83f4] .bottomPartContent .bottomContent .contentTitle { margin-top: 1.5rem; margin-bottom: 10px; font-size: 0.9rem; line-height: 1.3rem; } .container[data-v-9d2a83f4] .bottomPartContent .bottomContent .contentText { font-size: 0.9rem; line-height: 1.3rem; } .orangeColorIcon .mob-headr-title[data-v-9d2a83f4] { background-color: #fff4ed; } .orangeColorIcon-ProgramTop[data-v-9d2a83f4] { background-image: url(../img/bg_01_mob_or.fc6bb827.png) !important; } } .programTop[data-v-9d0e54f2] { overflow: hidden; background: url(../img/bg_01.020213a4.png) no-repeat; background-size: 100% auto; background-position: top right; padding-top: 2.6rem; } .programTop .programTopTitle[data-v-9d0e54f2] { float: right; line-height: 5.9rem; width: 65%; height: 5.9rem; background: url(../img/t_bg_01.f2489c26.png) no-repeat; background-size: 100% 100%; font-family: D-DIN-Bold; font-size: 2.5rem; color: #ffffff; font-weight: 700; } .programTop .programTopTitle span[data-v-9d0e54f2] { margin-left: 10%; } .programTop .programTopCont[data-v-9d0e54f2] { width: 100%; margin-bottom: 6.8rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .programTop .programTopCont .country-logo-cont[data-v-9d0e54f2] { width: calc(29% + 8.8rem); min-width: 28.1rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; margin-left: -8.8rem; } .programTop .programTopCont .country-logo-cont .country-logo-cont-bg[data-v-9d0e54f2] { position: relative; width: 100%; height: 80%; background: -webkit-gradient(linear, left top, right top, color-stop(8%, #ffffff), color-stop(8%, #ffffff), color-stop(100%, rgba(255, 255, 255, 0.6)), to(rgba(255, 255, 255, 0.6))); background: -webkit-linear-gradient(left, #ffffff 8%, #ffffff 8%, rgba(255, 255, 255, 0.6) 100%, rgba(255, 255, 255, 0.6) 100%); background: -o-linear-gradient(left, #ffffff 8%, #ffffff 8%, rgba(255, 255, 255, 0.6) 100%, rgba(255, 255, 255, 0.6) 100%); background: linear-gradient(90deg, #ffffff 8%, #ffffff 8%, rgba(255, 255, 255, 0.6) 100%, rgba(255, 255, 255, 0.6) 100%); -webkit-clip-path: polygon(5rem 0%, 100% 0%, 100% 100%, 0% 100%); clip-path: polygon(5rem 0%, 100% 0%, 100% 100%, 0% 100%); } .programTop .programTopCont .country-logo-cont .country-logo-cont-bg > img[data-v-9d0e54f2] { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); height: 15.6rem; -o-object-fit: cover; object-fit: cover; } .programTop .programsTopContent[data-v-9d0e54f2] { clear: both; overflow: hidden; width: 62%; background-color: #e5f0ff; -webkit-clip-path: polygon(0% 0%, 100% 0%, calc(100% - 5rem) 100%, 0% 100%); clip-path: polygon(0% 0%, 100% 0%, calc(100% - 5rem) 100%, 0% 100%); font-family: D-DIN; font-size: 1.4rem; color: #333333; font-weight: 400; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 3.6rem 8.8rem 4.9rem 0; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 2rem; } .programTop .programsTopContent div[data-v-9d0e54f2] { width: 72%; } .programTop .programsTopContent div p[data-v-9d0e54f2] { margin-top: 10px; } .orangeColorIcon-ProgramTop[data-v-9d0e54f2] { background-image: url(../img/bg_01_or.bd915239.png) !important; } .orangeColorIcon-ProgramTop .programTopTitle[data-v-9d0e54f2] { background-image: url(../img/t_bg_01_or.6337607a.png) !important; } .orangeColorIcon-ProgramTop .programsTopContent[data-v-9d0e54f2] { background-color: #FFF4ED; } [data-v-9cf225f0] ul { margin: 0; } .programMainMarginTop[data-v-9cf225f0] { margin-top: 7.5rem; } .programMain[data-v-9cf225f0] { background: #e5f0ff; position: relative; } .programMain .programMainTitle[data-v-9cf225f0] { top: -3.1rem; position: absolute; z-index: 1; width: 68%; height: 5.9rem; background: url(../img/t_bg_02.4ed83671.png) no-repeat; background-size: 100% 100%; font-family: D-DIN-Bold; font-size: 2.5rem; text-align: right; color: #ffffff; font-weight: 700; line-height: 5.9rem; } .programMain .programMainTitle span[data-v-9cf225f0] { margin-right: 10%; } .programMain .programMainContent[data-v-9cf225f0] { overflow: hidden; width: 100%; padding-top: 4.8rem; } .programMain .programMainContent .scrollList[data-v-9cf225f0] { margin: 0 9% 3rem 9%; } .programMain .programMainContent .scrollList .swiperContainer[data-v-9cf225f0] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .programMain .programMainContent .scrollList .swiper-container-view[data-v-9cf225f0] { width: calc((100% - 2.5rem) / 3); -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 10px 10px 0; } .programMain .programMainContent .scrollList .swiperBox[data-v-9cf225f0] { height: 5rem; padding: 1rem 1.3rem; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; cursor: pointer; background: #ffffff; color: #0a3c82; font-family: D-DIN-Bold; font-size: 1.1rem; font-weight: 700; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .programMain .programMainContent .scrollList .swiperBox .special-icon[data-v-9cf225f0] { position: absolute; bottom: 10px; right: 0; width: 6.3rem; height: 2rem; background-color: #1677ff; color: #fff; -webkit-clip-path: polygon(2rem 0%, 100% 0%, 100% 100%, 0% 100%); clip-path: polygon(2rem 0%, 100% 0%, 100% 100%, 0% 100%); text-align: right; padding-right: 0.9rem; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 1.5rem; line-height: 2rem; } .programMain .programMainContent .scrollList .isSpecial .swiperTitle[data-v-9cf225f0] { width: calc(100% - 5rem); } .programMain .programMainContent .scrollList .isChecked[data-v-9cf225f0] { background: #006cff; color: #fff; } .programMain .programMainContent .scrollList .isChecked .special-icon[data-v-9cf225f0] { background-color: #fff; color: #1677ff; } .programMain .programMainContent .programDetail[data-v-9cf225f0] { overflow: hidden; margin: 0 9% 3.8rem 9%; width: 81.9%; background-color: #ffffff; -webkit-box-shadow: 10px 10px 0px #183969; box-shadow: 10px 10px 0px #183969; padding-bottom: 3.1rem; } .programMain .programMainContent .programDetail .title[data-v-9cf225f0] { width: 100%; height: 6rem; font-family: D-DIN-Bold; font-size: 2rem; color: #0a3c82; line-height: 6rem; font-weight: 700; background: url(../img/02_t.9acec64d.png) no-repeat; background-size: cover; } .programMain .programMainContent .programDetail .title span[data-v-9cf225f0] { margin-left: 2%; } .programMain .programMainContent .programDetail .contentContaner[data-v-9cf225f0] { background: url(../img/02_bg.98cf455f.png) no-repeat; background-size: auto 100%; background-position: bottom right; } .programMain .programMainContent .programDetail .contentContaner .content[data-v-9cf225f0] { margin-top: 10px; margin-left: 2.6%; } .programMain .programMainContent .programDetail .contentContaner .content .textTitle[data-v-9cf225f0] { font-family: D-DIN-Bold; font-size: 1.3rem; color: #333333; font-weight: 700; } .programMain .programMainContent .programDetail .contentContaner .content .proTopPart[data-v-9cf225f0] { overflow: hidden; position: relative; min-height: 15rem; margin-top: 1.6rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .programMain .programMainContent .programDetail .contentContaner .content .proTopPart .textPart[data-v-9cf225f0] { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .programMain .programMainContent .programDetail .contentContaner .content .proTopPart .textPart .text-content[data-v-9cf225f0] { color: #333333; margin-bottom: 1.3rem; margin-top: 8px; } .programMain .programMainContent .programDetail .contentContaner .content .proTopPart .mediaPart[data-v-9cf225f0] { width: 28.1rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .programMain .programMainContent .programDetail .contentContaner .content .proTopPart .mediaPart .videoPart-xu[data-v-9cf225f0] { width: 100%; } .programMain .programMainContent .programDetail .contentContaner .content .proTopPart .mediaPart .videoPart[data-v-9cf225f0] { width: 100%; } .programMain .programMainContent .programDetail .contentContaner .content .proTopPart .mediaPart .videoPart .videoPart-info[data-v-9cf225f0] { margin-left: 1.9rem; width: 21rem; text-align: center; font-weight: 700; font-style: italic; color: #0a3c82; font-size: 1.4rem; margin-top: 1.3rem; line-height: 1.8rem; } .programMain .programMainContent .programDetail .contentContaner .content .proTopPart .mediaPart .videoPart .videoBox[data-v-9cf225f0] { margin-top: 1.9rem; margin-left: 1.9rem; position: relative; width: 21rem; height: 11.8rem; border: 1px solid #006cff; -webkit-box-shadow: 10px 10px 0px rgba(0, 108, 255, 0.2); box-shadow: 10px 10px 0px rgba(0, 108, 255, 0.2); } .programMain .programMainContent .programDetail .contentContaner .content .proTopPart .mediaPart .videoPart .videoBox .programMask[data-v-9cf225f0] { z-index: 1; content: ''; position: absolute; display: block; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0, 0, 0, 0.2); } .programMain .programMainContent .programDetail .contentContaner .content .proTopPart .mediaPart .videoPart .videoBox .startBtn[data-v-9cf225f0] { cursor: pointer; position: absolute; left: 50%; top: 50%; margin-left: -1.6rem; margin-top: -1.6rem; width: 3.1rem; height: 3.1rem; z-index: 2; background: url(../assets/icon_.33d0bd4a.svg) no-repeat; background-size: cover; } .programMain .programMainContent .programDetail .contentContaner .content .proTopPart .mediaPart .videoPart .videoBox .program-video[data-v-9cf225f0] { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .programMain .programMainContent .programDetail .contentContaner .content .proTopPart .mediaPart .explorePart[data-v-9cf225f0] { margin-top: 1.3rem; } .programMain .programMainContent .programDetail .contentContaner .content .proTopPart .mediaPart .explorePart .explore[data-v-9cf225f0] { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; width: 100%; height: 3.8rem; font-family: D-DIN-Bold; font-size: 1.5rem; color: #ffffff; line-height: 3.1rem; text-shadow: 0 0 9px rgba(255, 255, 255, 0.5); font-weight: 700; background: url(../img/go_program_bg.dcb84c7e.png) no-repeat; background-size: 100% 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .programMain .programMainContent .programDetail .contentContaner .content .proTopPart .mediaPart .explorePart .explore span[data-v-9cf225f0] { margin-bottom: 10px; text-shadow: 2px 2px 2px #e5f0ff; -webkit-animation: breathe-9cf225f0 0.5s ease-in-out 0s infinite alternate; animation: breathe-9cf225f0 0.5s ease-in-out 0s infinite alternate; white-space: nowrap; } .programMain .programMainContent .programDetail .contentContaner .content .proTopPart .mediaPart .explorePart .explore .exploreImg[data-v-9cf225f0] { margin-left: 12px; margin-bottom: 10px; height: 1.5rem; -webkit-animation: breathe-9cf225f0 0.5s ease-in-out 0s infinite alternate; animation: breathe-9cf225f0 0.5s ease-in-out 0s infinite alternate; } @-webkit-keyframes breathe-9cf225f0 { 0% { opacity: 0.8; text-shadow: 0 1px 2px rgba(255, 255, 255, 0.1); } 100% { opacity: 1; text-shadow: 0 1px 1.9rem #3bffff; } } .programMain .programMainContent .programDetail .contentContaner .content .proBottomPart[data-v-9cf225f0] { overflow: hidden; } .programMain .programMainContent .programDetail .contentContaner .content .proBottomPart .comments[data-v-9cf225f0] { overflow: hidden; margin-top: 10px; padding: 1.3rem 0; width: 100%; background: url(../img/pl_bg.5862ff72.png) no-repeat; background-size: 100% 100%; } .programMain .programMainContent .programDetail .contentContaner .content .proBottomPart .comments .commentText[data-v-9cf225f0] { float: left; margin-top: 1.5rem; margin-left: 2.1%; width: 84%; } .programMain .programMainContent .programDetail .contentContaner .content .proBottomPart .comments .commentText .commentItem[data-v-9cf225f0] { min-height: 3.8rem; font-family: D-DIN-ItalicMT; font-size: 1.4rem; color: #006cff; line-height: 1.8rem; font-weight: 400; font-style: italic; } .programMain .programMainContent .programDetail .contentContaner .content .proBottomPart .comments .commentText .commentBottom[data-v-9cf225f0] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .programMain .programMainContent .programDetail .contentContaner .content .proBottomPart .comments .commentText .commentBottom .commentBtn[data-v-9cf225f0] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .programMain .programMainContent .programDetail .contentContaner .content .proBottomPart .comments .commentText .commentBottom .commentBtn img[data-v-9cf225f0] { cursor: pointer; margin: 0 5px; } .programMain .programMainContent .programDetail .contentContaner .content .proBottomPart .comments .commentText .commentBottom .commentBtn .disabledBtn[data-v-9cf225f0] { opacity: 0.4; } .programMain .programMainContent .programDetail .contentContaner .content .proBottomPart .comments .commentText .commentBottom .commentSign[data-v-9cf225f0] { margin-right: 3%; font-family: D-DIN; color: #0a3c82; font-size: 1.1rem; line-height: 1.5rem; font-weight: 400; text-align: right; } .programMain .programMainContent .programDetail .contentContaner .content .proBottomPart .comments .commentText .commentBottom .commentSign .commentName[data-v-9cf225f0] { font-family: D-DIN-Bold; color: #0a3c82; font-weight: 700; } .programMain .programMainContent .programDetail .contentContaner .content .proBottomPart .comments .commentGrade[data-v-9cf225f0] { width: 7.5%; float: right; margin-top: 2.8rem; margin-right: 2.7%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .programMain .programMainContent .programDetail .contentContaner .content .proBottomPart .comments .commentGrade p[data-v-9cf225f0] { margin: 0; font-family: D-DIN; font-size: 1.1rem; color: #ffffff; text-align: right; line-height: 1.5rem; font-weight: 400; } .programMain .programMainContent .programDetail .contentContaner .content .proBottomPart .comments .commentGrade .grade[data-v-9cf225f0] { margin-top: 0.9rem; font-family: D-DIN-Bold; font-size: 2.5rem; font-style: italic; color: #ffffff; text-align: right; line-height: 2.5rem; text-shadow: 3px 3px 0 #006cff; font-weight: 700; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .programMain .programMainContent .programDetail .contentContaner .content .proBottomPart .comments .commentGrade .grade .grade-all[data-v-9cf225f0] { font-size: 1.5rem; color: #0a3c82; margin-left: 8px; text-shadow: none; } .orangeColorIcon[data-v-9cf225f0] { background-color: #fff4ed; } .orangeColorIcon .programMainTitle[data-v-9cf225f0] { background-image: url(../img/t_bg_02_or.ff231136.png); } .orangeColorIcon .swiperBox .special-icon[data-v-9cf225f0] { background-color: #ff6a00 !important; } .orangeColorIcon .isChecked[data-v-9cf225f0] { background: #ff6a00 !important; } .orangeColorIcon .isChecked .special-icon[data-v-9cf225f0] { background-color: #fff !important; color: #ff6a00 !important; } .orangeColorIcon .programDetail[data-v-9cf225f0] { -webkit-box-shadow: 10px 10px 0px #ca5400 !important; box-shadow: 10px 10px 0px #ca5400 !important; } .orangeColorIcon .programDetail .title[data-v-9cf225f0] { background-image: url(../img/02_t_or.e86bafc2.png) !important; } .orangeColorIcon .programDetail .contentContaner[data-v-9cf225f0] { background-image: url(../img/02_bg_or.d925fbf1.png) !important; } .orangeColorIcon .programDetail .contentContaner .explorePart .explore[data-v-9cf225f0] { background-image: url(../img/go_program_bg_or.afc4f3d7.png) !important; } .cert-view[data-v-9cd5f6ee] { padding-top: 8.8rem; background: url(../img/bg_cert.659ce9c5.jpg) no-repeat; background-size: 100% auto; min-height: 23.8rem; } .pagePottomPart[data-v-9cd5f6ee] { width: 53%; padding-bottom: 3.1rem; margin-left: 9%; overflow: hidden; background: #ffffff; -webkit-box-shadow: 0 6px 1.1rem 0 rgba(0, 108, 255, 0.1); box-shadow: 0 6px 1.1rem 0 rgba(0, 108, 255, 0.1); } .pagePottomPart .pageBottomTitle[data-v-9cd5f6ee] { margin-top: 1.9rem; margin-left: 5%; font-family: D-DIN-Bold; font-size: 2.5rem; color: #0a3c82; line-height: 3rem; font-weight: 700; } .pagePottomPart .pageBottomContent[data-v-9cd5f6ee] { width: 83%; margin-left: 5%; margin-top: 0.9rem; color: #333333; font-weight: 400; } .pagePottomPart .pageBottomContent[data-v-9cd5f6ee] ul { margin: 8px 0; } .pageBottomImg[data-v-9cd5f6ee] { width: 42%; min-width: 31.3rem; margin-left: auto; margin-top: -17.1rem; background-image: url(../img/cert_bg.466b163e.png); background-repeat: no-repeat; background-position: bottom; background-size: 100%; } .pageBottomImg img[data-v-9cd5f6ee] { width: 70%; margin-left: 8%; margin-bottom: 10px; } .orangeColorIcon[data-v-9cd5f6ee] { background-image: url(../img/bg_cert_or.b709965f.png); } .orangeColorIcon .pageBottomImg[data-v-9cd5f6ee] { background-image: url(../img/cert_bg_or.43af01b9.png); } .comm-view[data-v-9cb9c7ec] { padding-bottom: 5.6rem; background: url(../img/bg_comm.0c06f950.jpg) no-repeat; background-size: 100% auto; } .bottomPartTitle[data-v-9cb9c7ec] { margin-top: 5.1rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 91.4%; padding: 1.1rem 0; background: url(../img/t_bg_02.4ed83671.png) no-repeat; background-size: 100% 100%; font-family: D-DIN-Bold; font-size: 2.5rem; color: #ffffff; letter-spacing: 0; font-weight: 700; } .bottomPartTitle p[data-v-9cb9c7ec] { margin-left: 12%; margin-right: 16%; line-height: 3rem; } .bottomPartContent[data-v-9cb9c7ec] { overflow: hidden; margin-top: 3.4rem; width: 100%; } .bottomPartContent .bottomTop[data-v-9cb9c7ec] { width: 100%; overflow: hidden; } .bottomPartContent .bottomTop .bottomLeft[data-v-9cb9c7ec] { float: left; overflow: hidden; width: 45.6%; height: 19.1rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: right; -webkit-justify-content: right; -ms-flex-pack: right; justify-content: right; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-image: -webkit-linear-gradient(4deg, rgba(0, 108, 255, 0.24) 0%, #006cff 82%); background-image: -o-linear-gradient(4deg, rgba(0, 108, 255, 0.24) 0%, #006cff 82%); background-image: linear-gradient(86deg, rgba(0, 108, 255, 0.24) 0%, #006cff 82%); } .bottomPartContent .bottomTop .bottomLeft .bigPic[data-v-9cb9c7ec] { margin-right: 2%; width: 31.7rem; height: 17.8rem; background: #ffffff; } .bottomPartContent .bottomTop .bottomLeft .bigPic .bigPicItem[data-v-9cb9c7ec] { width: 31.7rem; height: 17.8rem; } .bottomPartContent .bottomTop .bottomLeft .bigPic img[data-v-9cb9c7ec] { width: 100%; } .bottomPartContent .bottomTop .bottomRight[data-v-9cb9c7ec] { overflow: hidden; float: right; width: 72.4%; margin-right: -20%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .bottomPartContent .bottomTop .bottomRight .bottomRightItem[data-v-9cb9c7ec] { overflow: hidden; margin: 0 12px; width: 80%; height: 11.3rem; background: #006cff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 1.3rem; } .bottomPartContent .bottomTop .bottomRight .bottomRightItem .smallPic[data-v-9cb9c7ec] { opacity: 0.6; width: 100%; } .bottomPartContent .bottomBottom[data-v-9cb9c7ec] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .bottomPartContent .btnContainer[data-v-9cb9c7ec] { width: 30%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; padding-right: 6.9rem; padding-top: 1.9rem; -webkit-box-sizing: border-box; box-sizing: border-box; } .bottomPartContent .btnContainer .btn[data-v-9cb9c7ec] { width: 3.8rem; } .bottomPartContent .bottomContent[data-v-9cb9c7ec] { position: relative; z-index: 1; margin-top: -5rem; width: 70%; padding-bottom: 1.9rem; background: url(../img/03_bg.a6feaa10.png) no-repeat; background-size: 100% 100%; } .bottomPartContent .bottomContent .contentTitle[data-v-9cb9c7ec] { font-family: D-DIN-Bold; font-size: 2rem; color: #333333; font-weight: 700; margin-left: 13%; margin-top: 3.8rem; } .bottomPartContent .bottomContent .contentText[data-v-9cb9c7ec] { color: #333333; margin: 5px 12% 0 13%; } .no-data[data-v-11b44e97] { height: calc(100vh - 6.3rem); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .no-data img[data-v-11b44e97] { width: 50%; } .container[data-v-11b44e97] { overflow: hidden; } .letterSpacing[data-v-11b44e97] { letter-spacing: 2px; } @media screen and (max-width: 46.9rem) { .Topcontents[data-v-11b44e97] { height: 13.3rem; min-height: auto; } .Topcontents .top-detail .text[data-v-11b44e97] { padding: 1.8rem 2.3rem 0 1.6rem; margin: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .Topcontents .top-detail .text .title[data-v-11b44e97] { width: 100%; font-size: 1.6rem; line-height: 2.1rem; } .Topcontents .top-detail .text .secondTitle[data-v-11b44e97], .Topcontents .top-detail .text .content[data-v-11b44e97] { display: none; } .Topcontents .videoStartBtn[data-v-11b44e97] { bottom: 1.9rem; width: 15rem; height: 2.5rem; font-size: 1rem; } .Topcontents .videoStartBtn span[data-v-11b44e97] { width: 85%; height: 90%; } .Topcontents .videoStartBtn span img[data-v-11b44e97] { width: 12px; } .Topcontents .videoEndBtn[data-v-11b44e97] { width: 5.6rem; height: 2.5rem; bottom: 1.9rem; } .Topcontents .videoEndBtn[data-v-11b44e97]::after { height: 8px; width: 3px; left: 3.3rem; top: 10px; border-left: 3px solid; border-right: 3px solid; } .mob-headr-title[data-v-11b44e97] { padding: 1.5rem; background-color: rgba(0, 108, 255, 0.2); background-image: url(../img/header_bg.d8c1b586.png); background-repeat: no-repeat; background-position: left bottom; background-size: 100% auto; } .mob-headr-title .mob-secondTitle[data-v-11b44e97] { font-family: D-DIN-Bold; font-size: 1.1rem; color: #0a3c82; letter-spacing: 0; line-height: 1.3rem; letter-spacing: 0; font-weight: 700; } .mob-headr-title .mob-content[data-v-11b44e97] { margin: 0.9rem 0 1.3rem 0; font-family: D-DIN; font-size: 0.9rem; line-height: 1.3rem; color: #333333; font-weight: 400; } .container[data-v-11b44e97] .programTop { padding: 1.3rem 0 1.9rem 0; position: relative; background: url(../img/bg_01_mob.3cf40e8b.png) no-repeat; background-size: 105% auto; } .container[data-v-11b44e97] .programTop .programTopTitle { line-height: 2.5rem !important; width: 21.9rem !important; height: 2.5rem !important; font-size: 1.1rem !important; } .container[data-v-11b44e97] .programTop .programTopCont { margin-bottom: 1.9rem; position: relative; } .container[data-v-11b44e97] .programTop .programTopCont .country-logo-cont { width: auto; min-width: 0; } .container[data-v-11b44e97] .programTop .programTopCont .country-logo-cont .country-logo-cont-bg { position: absolute; width: 13.8rem; height: 6.3rem; top: 12px; right: 0; -webkit-clip-path: polygon(2.5rem 0%, 100% 0%, 100% 100%, 0% 100%); clip-path: polygon(2.5rem 0%, 100% 0%, 100% 100%, 0% 100%); margin-left: 0; } .container[data-v-11b44e97] .programTop .programTopCont .country-logo-cont .country-logo-cont-bg > img { width: 5rem; max-height: 5rem; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .container[data-v-11b44e97] .programTop .marginTop { margin-top: 5.4rem; } .container[data-v-11b44e97] .programTop .programsTopContent { float: left; width: 95%; margin-bottom: 1.9rem; font-size: 0.9rem; line-height: 1.3rem; clear: both; padding: 1.8rem 1.5rem 1.5rem; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-clip-path: none; clip-path: none; } .container[data-v-11b44e97] .programTop .programsTopContent div { width: 100%; } .container[data-v-11b44e97] .programTop .programsTopContent span { width: 100%; line-height: 1.1rem; } .container[data-v-11b44e97] .programMainMarginTop { margin-top: 3.1rem; } .container[data-v-11b44e97] .programMain .programMainTitle { width: 21.9rem; height: 2.5rem; font-size: 1.1rem; line-height: 2.5rem; } .container[data-v-11b44e97] .programMain .programMainContent { padding-top: 1.5rem; } .container[data-v-11b44e97] .programMain .programMainContent .scrollList { margin: 1.3rem 0; } .container[data-v-11b44e97] .programMain .programMainContent .scrollList .swiper-container-view { width: 100%; margin-left: 10px; } .container[data-v-11b44e97] .programMain .programMainContent .scrollList .swiperContainer { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; } .container[data-v-11b44e97] .programMain .programMainContent .scrollList .swiperBox { font-size: 1.1rem; padding: 8px 1rem; min-height: 3em; height: auto; } .container[data-v-11b44e97] .programMain .programMainContent .programDetail { width: auto; margin: 1rem; } .container[data-v-11b44e97] .programMain .programMainContent .programDetail .title { min-height: 3rem; height: auto; line-height: 1.5; padding: 0 1rem; font-size: 1rem; margin-left: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .container[data-v-11b44e97] .programMain .programMainContent .programDetail .proTopPart .textPart { width: 100% !important; padding: 0 1rem; -webkit-box-sizing: border-box; box-sizing: border-box; } .container[data-v-11b44e97] .programMain .programMainContent .programDetail .proTopPart .textPart .textTitle, .container[data-v-11b44e97] .programMain .programMainContent .programDetail .proTopPart .textPart .text-content { font-size: 0.9rem !important; line-height: 1.3rem !important; } .container[data-v-11b44e97] .programMain .programMainContent .programDetail .contentContaner { background-size: 150% !important; background-position: bottom center !important; } .container[data-v-11b44e97] .programMain .programMainContent .programDetail .contentContaner .content { margin: 1rem !important; } .container[data-v-11b44e97] .programMain .programMainContent .programDetail .contentContaner .content .proTopPart { display: block; } .container[data-v-11b44e97] .programMain .programMainContent .programDetail .mediaPart { position: relative !important; width: auto !important; } .container[data-v-11b44e97] .programMain .programMainContent .programDetail .mediaPart .videoBox { margin: 0 !important; padding: 1rem !important; width: auto !important; height: 11.6rem !important; } .container[data-v-11b44e97] .programMain .programMainContent .programDetail .mediaPart .explorePart { width: 100% !important; margin-left: 0% !important; } .container[data-v-11b44e97] .programMain .programMainContent .programDetail .mediaPart .explorePart .explore { font-size: 1.1rem !important; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 1.4rem; padding-right: 12px; } .container[data-v-11b44e97] .programMain .programMainContent .programDetail .mediaPart .explorePart .explore .exploreImg { height: 1.1rem !important; margin-left: 10px !important; } .container[data-v-11b44e97] .programMain .programMainContent .proBottomPart { margin-top: 1rem !important; } .container[data-v-11b44e97] .programMain .programMainContent .proBottomPart .textTitle { font-size: 0.9rem !important; } .container[data-v-11b44e97] .programMain .programMainContent .proBottomPart .comments { overflow: initial !important; position: relative; width: auto !important; background: rgba(229, 240, 255, 0.4) !important; border-right: 4px solid #006cff; border-bottom: 4px solid #006cff; margin-top: 2.5rem !important; } .container[data-v-11b44e97] .programMain .programMainContent .proBottomPart .comments .commentText { margin: 0 1rem !important; width: auto !important; float: none !important; } .container[data-v-11b44e97] .programMain .programMainContent .proBottomPart .comments .commentText .commentItem { font-size: 0.9rem !important; line-height: 1.3rem !important; } .container[data-v-11b44e97] .programMain .programMainContent .proBottomPart .comments .commentText .commentBtn img { width: 2.7rem; } .container[data-v-11b44e97] .programMain .programMainContent .proBottomPart .comments .commentGrade { position: absolute; top: -2.5rem; left: 0; width: 75% !important; margin: 0 !important; -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -webkit-flex-direction: row !important; -ms-flex-direction: row !important; flex-direction: row !important; -webkit-box-align: center !important; -webkit-align-items: center !important; -ms-flex-align: center !important; align-items: center !important; background: rgba(0, 108, 255, 0.6); } .container[data-v-11b44e97] .programMain .programMainContent .proBottomPart .comments .commentGrade .grade { margin: 0 !important; } .container[data-v-11b44e97] .pagePottomPart { width: 82%; } .container[data-v-11b44e97] .pagePottomPart .pageBottomTitle { font-size: 1.1rem; line-height: 1.5rem; } .container[data-v-11b44e97] .pagePottomPart .pageBottomContent { font-size: 0.9rem; line-height: 1.3rem; } .container[data-v-11b44e97] .pageBottomImg { margin-top: -1.9rem; width: 55%; margin-left: 45%; min-width: auto; } .container[data-v-11b44e97] .pageBottomImg img { width: 78%; } .container[data-v-11b44e97] .bottomPartTitle { margin-top: 0.9rem; font-size: 1.1rem; } .container[data-v-11b44e97] .bottomPartTitle p { line-height: 1.5rem; margin-left: 5%; margin-right: 5%; } .container[data-v-11b44e97] .bottomPartContent { margin-top: 1.3rem; } .container[data-v-11b44e97] .bottomPartContent .bottomTop .bottomLeft { width: 90%; margin-bottom: 8px; height: auto; padding: 6px; } .container[data-v-11b44e97] .bottomPartContent .bottomTop .bottomLeft .bigPic { width: 100%; padding-left: 2.5rem; height: auto; background-color: transparent; } .container[data-v-11b44e97] .bottomPartContent .bottomTop .bottomRight { width: 90%; margin-right: 0; margin-bottom: 8px; } .container[data-v-11b44e97] .bottomPartContent .bottomTop .bottomRight .bottomRightItem { width: 106%; padding: 0; height: 5rem; } .container[data-v-11b44e97] .bottomPartContent .btnContainer { display: none; } .container[data-v-11b44e97] .bottomPartContent .bottomContent { margin-top: 0; width: 91%; margin-left: 9%; } .container[data-v-11b44e97] .bottomPartContent .bottomContent .contentTitle { margin-top: 1.5rem; margin-bottom: 10px; font-size: 0.9rem; line-height: 1.3rem; } .container[data-v-11b44e97] .bottomPartContent .bottomContent .contentText { font-size: 0.9rem; line-height: 1.3rem; } .orangeColorIcon .mob-headr-title[data-v-11b44e97] { background-color: #fff4ed; } .orangeColorIcon-ProgramTop[data-v-11b44e97] { background-image: url(../img/bg_01_mob_or.fc6bb827.png) !important; } } @charset "UTF-8"; .pad_lr_20[data-v-2a9a28f2] { padding-left: 1.3rem; padding-right: 1.3rem; } .right-view[data-v-2a9a28f2] { position: relative; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; height: 100%; border: 1px solid #e5e5e5; min-width: 21.9rem; -webkit-box-sizing: border-box; box-sizing: border-box; font-family: 'Inter-Regular'; } .right-view .right-list[data-v-2a9a28f2] { position: absolute; top: 3.8rem; left: 0; right: 0; bottom: 0; overflow-y: auto; } .right-header[data-v-2a9a28f2] { height: 3.8rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid #e5e5e5; border-radius: 0 10px 0 0; font-size: 1rem; } .right-header .header-title[data-v-2a9a28f2] { font-weight: 700; color: #353535; } .right-header .header-num[data-v-2a9a28f2] { color: #a6a6a6; } /*滚动条整体部分,必须要设置*/ .right-list[data-v-2a9a28f2]::-webkit-scrollbar { background-color: #fff; width: 6px; } /*滚动条的轨道*/ .right-list[data-v-2a9a28f2]::-webkit-scrollbar-track { background-color: #fff; border: 1px solid #e5e5e5; border-right: none; } /*滚动条的滑块按钮*/ .right-list[data-v-2a9a28f2]::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #e5e5e5; -webkit-border-radius: 10px; } .card-cont-item[data-v-2a9a28f2] { position: relative; padding: 10px; height: 7.8rem; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 1rem; line-height: 1.5rem; cursor: pointer; color: #a6a6a6; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; border-bottom: 1px solid #e5e5e5; } .card-cont-item.card-cont-item-complete[data-v-2a9a28f2] { background-color: rgba(229, 229, 229, 0.3); } .card-cont-item.active[data-v-2a9a28f2] { color: #353535; } .card-cont-title[data-v-2a9a28f2] { margin-bottom: 8px; } .card-cont-date[data-v-2a9a28f2] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; color: #a6a6a6; } @media screen and (max-width: 46.9rem) { .right-view[data-v-2a9a28f2] { margin-top: 10PX; } .right-view .right-list[data-v-2a9a28f2] { position: relative; top: 0; left: 0; right: 0; max-height: 300PX; overflow: auto; } .card-cont-item[data-v-2a9a28f2] { height: 80PX !important; font-size: 14PX !important; line-height: 18PX !important; } .right-header[data-v-2a9a28f2] { font-size: 14PX !important; line-height: 18PX !important; } } @-webkit-keyframes resizeSensorVisibility { from { top: 0; } } @keyframes resizeSensorVisibility { from { top: 0; } } /* see https://github.com/mozilla/pdf.js/blob/55a853b6678cf3d05681ffbb521e5228e607b5d2/test/annotation_layer_test.css */ .annotationLayer { position: absolute; left: 0; top: 0; right: 0; bottom: 0; } .annotationLayer section { position: absolute; } .annotationLayer .linkAnnotation > a { position: absolute; font-size: 1em; top: 0; left: 0; width: 100%; height: 100%; } .annotationLayer .linkAnnotation > a /* -ms-a */ { background: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7") 0 0 repeat; } .annotationLayer .linkAnnotation > a:hover { opacity: 0.2; background: #ff0; -webkit-box-shadow: 0px 2px 10px #ff0; box-shadow: 0px 2px 10px #ff0; } .annotationLayer .textAnnotation img { position: absolute; cursor: pointer; } .annotationLayer .textWidgetAnnotation input, .annotationLayer .textWidgetAnnotation textarea, .annotationLayer .choiceWidgetAnnotation select, .annotationLayer .buttonWidgetAnnotation.checkBox input, .annotationLayer .buttonWidgetAnnotation.radioButton input { background-color: rgba(0, 54, 255, 0.13); border: 1px solid transparent; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 9px; height: 100%; padding: 0 3px; vertical-align: top; width: 100%; } .annotationLayer .textWidgetAnnotation textarea { font: message-box; font-size: 9px; resize: none; } .annotationLayer .textWidgetAnnotation input[disabled], .annotationLayer .textWidgetAnnotation textarea[disabled], .annotationLayer .choiceWidgetAnnotation select[disabled], .annotationLayer .buttonWidgetAnnotation.checkBox input[disabled], .annotationLayer .buttonWidgetAnnotation.radioButton input[disabled] { background: none; border: 1px solid transparent; cursor: not-allowed; } .annotationLayer .textWidgetAnnotation input:hover, .annotationLayer .textWidgetAnnotation textarea:hover, .annotationLayer .choiceWidgetAnnotation select:hover, .annotationLayer .buttonWidgetAnnotation.checkBox input:hover, .annotationLayer .buttonWidgetAnnotation.radioButton input:hover { border: 1px solid #000; } .annotationLayer .textWidgetAnnotation input:focus, .annotationLayer .textWidgetAnnotation textarea:focus, .annotationLayer .choiceWidgetAnnotation select:focus { background: none; border: 1px solid transparent; } .annotationLayer .textWidgetAnnotation input.comb { font-family: monospace; padding-left: 2px; padding-right: 0; } .annotationLayer .textWidgetAnnotation input.comb:focus { /* * Letter spacing is placed on the right side of each character. Hence, the * letter spacing of the last character may be placed outside the visible * area, causing horizontal scrolling. We avoid this by extending the width * when the element has focus and revert this when it loses focus. */ width: 115%; } .annotationLayer .buttonWidgetAnnotation.checkBox input, .annotationLayer .buttonWidgetAnnotation.radioButton input { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; } .annotationLayer .popupWrapper { position: absolute; width: 20em; } .annotationLayer .popup { position: absolute; z-index: 200; max-width: 20em; background-color: #FFFF99; -webkit-box-shadow: 0px 2px 5px #333; box-shadow: 0px 2px 5px #333; border-radius: 2px; padding: 0.6em; margin-left: 5px; cursor: pointer; word-wrap: break-word; } .annotationLayer .popup h1 { font-size: 1em; border-bottom: 1px solid #000000; padding-bottom: 0.2em; } .annotationLayer .popup p { padding-top: 0.2em; } .annotationLayer .highlightAnnotation, .annotationLayer .underlineAnnotation, .annotationLayer .squigglyAnnotation, .annotationLayer .strikeoutAnnotation, .annotationLayer .lineAnnotation svg line, .annotationLayer .fileAttachmentAnnotation { cursor: pointer; } .preview-pdf_view[data-v-624aced0] { padding: 10px 1.9rem; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 1.1rem; font-family: Inter-Regular; margin: 10px 9.9rem 0; border: 1px solid #e5e5e5; border-radius: 2px; cursor: pointer; } .preview-pdf_view > img[data-v-624aced0] { width: 2.8rem; margin-right: 1rem; } .pdf-view[data-v-624aced0] { max-height: 75vh; overflow: auto; } @media screen and (max-width: 46.9rem) { .preview-pdf_view[data-v-624aced0] { margin: 10PX 24PX; padding: 8PX; } [data-v-624aced0] .xu-dialog { width: 90% !important; } } @charset "UTF-8"; .no-course[data-v-a07527ec] { height: calc(100vh - 9.9rem - 8.1rem); position: relative; } .no-course p[data-v-a07527ec] { position: absolute; width: 100%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; font-size: 1.5rem; font-family: "Inter-Regular"; font-weight: 700; color: #353535; } .contentTit[data-v-a07527ec] { height: 8.1rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: #f6f6f6; } .contentTit .contentTit-text[data-v-a07527ec] { font-family: "Poppins-SemiBold"; width: 100%; text-align: center; font-weight: 600; color: #353535; font-size: 1.5rem; line-height: 2rem; } /* 播放器 */ .content-video[data-v-a07527ec] { height: 30rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; background-color: #fff; border-radius: 10px; margin: 0 9.9rem; padding-top: 2rem; } .left-view[data-v-a07527ec] { height: 100%; padding: 6px; width: 50.9rem; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; background-color: #000; margin-right: 10px; } @media screen and (max-width: 46.9rem) { .contentTit[data-v-a07527ec] { height: 5.1rem; padding: 0 1.5rem; -webkit-box-sizing: border-box; box-sizing: border-box; } .contentTit .contentTit-text[data-v-a07527ec] { padding-left: 12px; font-size: 1rem; line-height: 1.3rem; } .content-video[data-v-a07527ec] { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; height: auto; border-radius: 0; margin: 0; padding: 1.5rem; -webkit-box-sizing: border-box; box-sizing: border-box; } .content-video .left-view[data-v-a07527ec] { width: 100%; height: 11.9rem; padding: 0; } } .exam-view[data-v-389aa11e] { padding-top: 2.8rem; margin: 2.8rem 9.9rem 1.9rem; border-top: 1px solid #929292; } .exam-view .exam-view-header .exam-view-header-title[data-v-389aa11e] { font-weight: 600; color: #353535; font-size: 1.5rem; line-height: 2rem; font-family: "Poppins-SemiBold"; } .exam-view .exam-view-header .exam-view-header-subtitle[data-v-389aa11e] { font-family: "Inter-Regular"; font-weight: 700; color: #a6a6a6; font-size: 1rem; line-height: 1.5rem; margin: 1rem 0; } .exam-view .answer-sheet-list[data-v-389aa11e] { padding: 1.3rem; border: 1px solid #e5e5e5; margin-bottom: 1.4rem; font-family: "Inter-Regular"; } .exam-view .answer-sheet-list .sheet-title[data-v-389aa11e] { line-height: 1.5rem; font-weight: 600; color: #353535; font-size: 1rem; margin-bottom: 1rem; } .exam-view .answer-sheet-list .answer-sheet-view[data-v-389aa11e] { display: inline-block; width: 100%; } .exam-view .answer-sheet-list .exam-status[data-v-389aa11e] { display: inline-block; width: 7.5rem; font-size: 1rem; color: #35ba68; text-align: right; line-height: 1.5rem; font-weight: 700; } .exam-view .answer-sheet-list .is-pass[data-v-389aa11e] { color: #35ba68; } .exam-view .answer-sheet-list .is-fail[data-v-389aa11e] { color: #c52828; } .exam-view .answer-sheet-list .sheet-view[data-v-389aa11e] { display: inline-block; margin-right: 2.5rem; margin-bottom: 1.3rem; font-size: 1rem; font-weight: 600; color: #a6a6a6; } .exam-view .answer-sheet-list .sheet-num[data-v-389aa11e] { display: inline-block; width: 1.9rem; height: 1.9rem; border-radius: 50%; background-color: #f8f8f8; border: 1px solid transparent; position: relative; vertical-align: middle; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .exam-view .answer-sheet-list .sheet-num > div[data-v-389aa11e], .exam-view .answer-sheet-list .sheet-num > i[data-v-389aa11e] { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .exam-view .answer-sheet-list .is-current[data-v-389aa11e] { background: #ffffff; border: 1px solid #3a3a3a; color: #353535; } .exam-view .answer-sheet-list .is-choose[data-v-389aa11e] { color: #353535; } .exam-view .answer-sheet-list .is-right[data-v-389aa11e] { color: #3cbf6d; } .exam-view .answer-sheet-list .is-wrong[data-v-389aa11e] { color: #c52828; } .exam-view .exam-content[data-v-389aa11e] { padding: 1.3rem 1.3rem 0; border: 1px solid #e5e5e5; color: #353535; font-size: 1rem; line-height: 1.5rem; margin-bottom: 3rem; font-family: "Inter-Regular"; } .exam-view .exam-content .exam-title[data-v-389aa11e] { font-weight: 600; margin-bottom: 10px; font-family: "Inter-Bold"; } .exam-view .exam-content[data-v-389aa11e] .el-radio-group { width: 100%; } .exam-view .exam-content .exam-answer-items[data-v-389aa11e] { padding: 10px; border-bottom: 1px solid #e5e5e5; margin-top: 10px; } .exam-view .exam-content .exam-answer-items > label[data-v-389aa11e] { line-height: 1.5rem; } .exam-view .exam-content .exam-answer-items > label[data-v-389aa11e] .el-radio__label { word-break: break-word; white-space: pre-wrap; } .exam-view .exam-content .exam-answer-items[data-v-389aa11e] .el-radio__inner:hover, .exam-view .exam-content .exam-answer-items[data-v-389aa11e] .el-checkbox__inner:hover { border-color: #15236e; } .exam-view .exam-content .exam-answer-items[data-v-389aa11e] .is-focus .el-radio__inner, .exam-view .exam-content .exam-answer-items[data-v-389aa11e] .is-focus .el-checkbox__inner { border-color: #15236e; } .exam-view .exam-content .exam-answer-items[data-v-389aa11e] .is-checked .el-radio__inner, .exam-view .exam-content .exam-answer-items[data-v-389aa11e] .is-checked .el-checkbox__inner { border-color: #15236e; background: #15236e; } .exam-view .exam-content .exam-answer-items[data-v-389aa11e] .is-checked .el-radio__label, .exam-view .exam-content .exam-answer-items[data-v-389aa11e] .is-checked .el-checkbox__label { color: #606266 !important; } .exam-view .exam-content .answer-right[data-v-389aa11e] { border: 1px solid #3cbf6d; } .exam-view .exam-content .answer-wrong[data-v-389aa11e] { border: 1px solid #c52828; } .exam-view .exam-btns[data-v-389aa11e] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; font-size: 1rem; font-family: "Inter-Regular"; font-weight: 700; } .exam-view .exam-btns .subBtn[data-v-389aa11e] { width: 11.8rem; height: 3.8rem; background-color: #f9faf9; color: #d3d3d3; border-color: transparent; border-radius: 6px; margin-right: 2.5rem; cursor: not-allowed; } .exam-view .exam-btns .can-submit[data-v-389aa11e] { background-color: #15236e; color: #ffffff; cursor: pointer; } .exam-view .exam-btns .saveBtn[data-v-389aa11e] { width: 6.3rem; height: 2.8rem; color: #15236e; cursor: pointer; border: none; background: #ffffff; } .exam-view .exam-btns .preBtn[data-v-389aa11e] { width: 6.3rem; line-height: 2.8rem; margin: 0 10px; border: 1px solid #15236e; border-radius: 6px; background: #ffffff; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .exam-view .exam-btns .disableBtn[data-v-389aa11e] { opacity: 0.2; background-color: #f9faf9; pointer-events: none; } .exam-view .count-down_view[data-v-389aa11e] { margin-top: 1.9rem; border-top: 4px solid #dabb44; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 1.3rem 0; } .exam-view .count-down_view i[data-v-389aa11e] { color: #dabb44; font-size: 1.5rem; margin-right: 8px; } .exam-view .count-down_view p[data-v-389aa11e] { margin: 0; font-size: 1.1rem; font-family: "Inter-Regular"; line-height: 1.5rem; } .exam-view[data-v-389aa11e] .el-radio .el-radio__label { font-size: 0.9rem !important; } .exam-view[data-v-389aa11e] .el-checkbox .el-radio__label { font-size: 0.9rem !important; } .exam-view .exam-tip[data-v-389aa11e] { height: 1.4rem; font-family: "Inter-Regular"; font-weight: 700; color: #a6a6a6; font-size: 0.9rem; line-height: 1.4rem; margin: 1rem 0 0; } @media screen and (max-width: 46.9rem) { .exam-view[data-v-389aa11e] { margin: 0 1.5rem 1.5rem; padding-top: 1rem; } .exam-view .exam-view-header .exam-view-header-title[data-v-389aa11e] { font-size: 1rem; } .exam-view .exam-view-header .exam-view-header-subtitle[data-v-389aa11e] { font-size: 0.9rem; } .exam-view .answer-sheet-list[data-v-389aa11e] { padding: 0; margin-bottom: 1rem; border: none; position: relative; } .exam-view .answer-sheet-list .sheet-title[data-v-389aa11e] { font-size: 0.9rem; line-height: 1.1rem; } .exam-view .answer-sheet-list .answer-sheet-view[data-v-389aa11e] { width: 100% !important; padding: 1.5rem 12px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #e5e5e5; } .exam-view .answer-sheet-list .answer-sheet-view .sheet-view[data-v-389aa11e] { margin-right: 0; margin-bottom: 1.3rem; width: 20%; min-width: 3.8rem; text-align: center; font-size: 0.9rem; } .exam-view .answer-sheet-list .answer-sheet-view .sheet-view .sheet-num[data-v-389aa11e] { width: 1.9rem; height: 1.9rem; } .exam-view .answer-sheet-list .exam-status[data-v-389aa11e] { position: absolute; right: 0; top: 0; width: 100% !important; font-size: 0.9rem; } .exam-view .exam-content[data-v-389aa11e] { font-size: 0.9rem; } .exam-view .exam-content .exam-answer-items[data-v-389aa11e] { padding: 1rem 8px; } .exam-view .exam-btns[data-v-389aa11e] { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; font-size: 0.9rem; } .exam-view .exam-btns > div[data-v-389aa11e] { width: 100%; } .exam-view .exam-btns .fl[data-v-389aa11e] { margin-top: 2.5rem; margin-bottom: 2rem; } .exam-view .exam-btns .fl .subBtn[data-v-389aa11e] { width: 100%; line-height: 2.5rem; border-radius: 6px; } .exam-view .exam-btns .fr[data-v-389aa11e] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .exam-view .exam-btns .fr .preBtn[data-v-389aa11e] { width: 48%; margin: 0; line-height: 2.5rem; border-radius: 6px; } .exam-view .exam-tip[data-v-389aa11e] { text-align: center; font-size: 0.9rem; margin-bottom: 2.5rem; } } .xu-dialog[data-v-39d3eea2] .el-dialog { background-image: url(../img/pc_bg.375f5a6e.jpg); background-repeat: no-repeat; background-size: cover; background-position: bottom center; } .xu-dialog[data-v-39d3eea2] .el-dialog__header { padding: 1.9rem 3.8rem 1.6rem; } .xu-dialog[data-v-39d3eea2] .el-dialog__header .el-dialog__title { font-size: 1.1rem; color: #333333; letter-spacing: 0; line-height: 1.6rem; } .xu-dialog[data-v-39d3eea2] .el-dialog__body { padding: 0px 3.8rem 1.9rem; } .xu-dialog[data-v-39d3eea2] .el-dialog__footer { padding: 0px 3.8rem 2.2rem; text-align: center; } .xu-dialog[data-v-39d3eea2] .el-dialog__footer .close-btn { color: #15236e; font-size: 1rem; border: 1px solid #3a8dff; border-radius: 8px; line-height: 2.5rem; padding: 0px 3rem; } .dialogPic[data-v-39d3eea2] { width: 100%; } @media screen and (max-width: 46.9rem) { .xu-dialog[data-v-39d3eea2] .el-dialog { width: 90% !important; border-radius: 0 0 8PX 8PX; background-image: url(../img/mob_bg.17eb513b.png); } .xu-dialog[data-v-39d3eea2] .el-dialog .el-dialog__header { padding: 16PX; } .xu-dialog[data-v-39d3eea2] .el-dialog .el-dialog__header .el-dialog__title { font-size: 14PX; line-height: 18PX; } .xu-dialog[data-v-39d3eea2] .el-dialog .el-dialog__body { padding: 16PX 20PX; } } header[data-v-050e7cb2] { width: 100%; height: 9.9rem; background-color: #15236e; } header .header-view[data-v-050e7cb2] { height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } header .header-cont-first[data-v-050e7cb2] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 100%; } header .header-cont-first .solid[data-v-050e7cb2] { width: 1px; height: 2.1rem; background-color: #ffffff; margin: 0 3rem; } header .header-cont-first .header-sfe-logo[data-v-050e7cb2] { height: 2.8rem; } header .header-cont-first .header-content-logo[data-v-050e7cb2] { height: 3.1rem; } header .backBtn[data-v-050e7cb2] { font-family: "Inter-Medium"; padding: 0 1.4rem; color: #FFF; line-height: 3rem; text-align: center; background-color: #00A378; border-radius: 10px; font-size: 1rem; cursor: pointer; } @media screen and (min-width: 46.9rem) and (max-width: 70rem) { header[data-v-050e7cb2] { height: 110PX; } } @media screen and (max-width: 46.9rem) { header[data-v-050e7cb2] { height: 76PX; padding: 0 24PX; -webkit-box-sizing: border-box; box-sizing: border-box; } header .header-cont-first .solid[data-v-050e7cb2] { height: 15PX; margin: 0 20PX; } header .header-cont-first .header-sfe-logo[data-v-050e7cb2] { height: 20PX; } header .header-cont-first .header-content-logo[data-v-050e7cb2] { height: 22PX; } header .backBtn[data-v-050e7cb2] { font-size: 14PX; line-height: 32PX; height: 32PX; padding: 0 10PX; } } footer[data-v-018ec996] { background-color: #01132c; padding-top: 2.5rem; font-size: 1.1rem; color: #ffffff; } footer .footer-cont-first[data-v-018ec996] { margin: 0 9.9rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 2.9rem; } footer .footer-cont-first .footer-content-logo[data-v-018ec996] { width: 6.8rem; margin-bottom: 3.8rem; } footer .footer-cont-first .sfe-logo[data-v-018ec996] { height: 3.4rem; margin-bottom: 4.1rem; } footer .footer-cont-first .footer-cont-describe[data-v-018ec996] { width: 48%; font-size: 1rem; line-height: 1.5rem; } footer .footer-cont-first .footer-cont-describe .footer-cont-text[data-v-018ec996] { font-weight: 400; text-align: justify; } footer .footer-cont-first .footer-cont-describe .footer-cont-title[data-v-018ec996] { font-family: D-DIN-Bold; font-weight: 700; margin-bottom: 1rem; } footer .bottom-view[data-v-018ec996] { background-color: #000916; line-height: 5rem; text-align: center; } @media screen and (max-width: 46.9rem) { footer[data-v-018ec996] { font-size: 14PX; } footer .footer-cont-first[data-v-018ec996] { margin: 0; display: block; padding: 0 24PX; -webkit-box-sizing: border-box; box-sizing: border-box; } footer .footer-cont-first .footer-cont-describe[data-v-018ec996] { width: 100% !important; font-size: 14PX; margin-bottom: 40PX; } footer .footer-cont-first .footer-cont-describe .footer-cont-title[data-v-018ec996] { margin-bottom: 8PX; } footer .footer-cont-first .footer-content-logo[data-v-018ec996] { height: 40PX; margin-bottom: 20PX; } footer .footer-cont-first .sfe-logo[data-v-018ec996] { height: 32PX; margin-bottom: 20PX; } } .error-tip[data-v-15228e60] { position: fixed; background-color: rgba(0, 0, 0, 0.4); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 100vw; height: 100vh; top: 0; left: 0; z-index: 999999; } .error-tip .error-tip-cont[data-v-15228e60] { font-family: Inter-Regular; font-size: 16PX; color: #ffffff; letter-spacing: 0; line-height: 1.5rem; font-weight: 600; background: rgba(1, 19, 44, 0.7); height: 70PX; line-height: 70PX; text-align: center; width: 50%; } @media screen and (min-width: 46.9rem) and (max-width: 70rem) { .error-tip .error-tip-cont[data-v-15228e60] { width: 660PX; } } @media screen and (max-width: 46.9rem) { .error-tip .error-tip-cont[data-v-15228e60] { width: 310PX; padding: 0 20PX; } } @font-face { font-family: "Inter-Medium"; src: url(../fonts/Inter-Medium.1aa99aa2.ttf); } @font-face { font-family: "Inter-Regular"; src: url(../fonts/Inter-Regular.eba36000.ttf); } @font-face { font-family: "Inter-Bold"; src: url(../fonts/Inter-Bold.cef517a1.ttf); } @font-face { font-family: "Inter-SemiBold"; src: url(../fonts/Inter-SemiBold.3e87064b.ttf); } @font-face { font-family: "Poppins-SemiBold"; src: url(../fonts/Poppins-SemiBold.6f1520d1.ttf); } .sfeView[data-v-95aff360] .w_sfe { max-width: 90rem; min-width: 75rem; margin: 0 auto; } .sfeView[data-v-95aff360] { width: 100%; background-color: #f6f6f6; } .sfeView .main-content[data-v-95aff360] { background-color: #fff; overflow: hidden; } @media screen and (min-width: 46.9rem) and (max-width: 70rem) { .sfeView[data-v-95aff360] .w_sfe { min-width: calc(100% - 80PX); margin: 0 40PX; } .sfeView[data-v-95aff360] .w_sfe .contentTit .backBtn { font-size: 16PX; line-height: 40PX; } .sfeView[data-v-95aff360] .w_sfe .contentTit .backBtn i { font-size: 20PX; } .sfeView[data-v-95aff360] .w_sfe .content-video { margin: 0 40PX; } .sfeView[data-v-95aff360] .w_sfe .content-video .left-view { width: 70%; } .sfeView[data-v-95aff360] .w_sfe .content-video .right-view { min-width: 240PX; } .sfeView[data-v-95aff360] .w_sfe .content-video .right-view .right-header, .sfeView[data-v-95aff360] .w_sfe .content-video .right-view .card-cont-item { font-size: 14PX; } .sfeView[data-v-95aff360] .w_sfe .exam-view { margin: 20PX 40PX; padding-top: 20PX; } .sfeView[data-v-95aff360] .w_sfe .exam-view .exam-view-header .exam-view-header-subtitle, .sfeView[data-v-95aff360] .w_sfe .exam-view .answer-sheet-list .sheet-title, .sfeView[data-v-95aff360] .w_sfe .exam-view .exam-content, .sfeView[data-v-95aff360] .w_sfe .exam-view .exam-btns { font-size: 14PX; } .sfeView[data-v-95aff360] .w_sfe .exam-view .exam-content { line-height: 24PX !important; } .sfeView[data-v-95aff360] .w_sfe .exam-view .sheet-view { font-size: 14PX; } .sfeView[data-v-95aff360] .w_sfe .exam-view .el-radio__inner, .sfeView[data-v-95aff360] .w_sfe .exam-view .el-checkbox__inner { width: 12PX; height: 12PX; -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .sfeView[data-v-95aff360] .w_sfe .exam-view .el-radio__inner::after { width: 4PX; height: 4PX; } .sfeView[data-v-95aff360] .w_sfe .footer-cont-first { margin: 0 40PX 40PX; } .sfeView[data-v-95aff360] .w_sfe .footer-cont-first .footer-cont-describe { font-size: 14PX; } } @media screen and (max-width: 46.9rem) { .sfeView[data-v-95aff360] .w_sfe { max-width: 100%; min-width: 100%; margin: 0 auto; } } .login_warp[data-v-6a244221] { width: 35.3rem; margin: 10rem auto 1.3rem; font-family: "D-DIN"; } .titletop[data-v-6a244221] { text-align: center; font-size: 2.3rem; color: #333333; letter-spacing: 0; line-height: 2.6rem; font-family: "D-DIN-Bold"; } .form-horizontal[data-v-6a244221] { margin-top: 3.1rem; } .form-title[data-v-6a244221] { font-size: 1.1rem; color: #333333; line-height: 1; margin-bottom: 1.3rem; margin-left: 1.3rem; } .inputset[data-v-6a244221] .el-input__inner { width: 100%; height: 3.3rem; background: #eef1f6; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08); border-radius: 2rem; padding: 0 1.9rem; } .inputset[data-v-6a244221] .el-input__inner::-webkit-input-placeholder { color: #999; } .inputset[data-v-6a244221] .el-input__inner::-moz-placeholder { color: #999; } .inputset[data-v-6a244221] .el-input__inner:-ms-input-placeholder { color: #999; } .inputset[data-v-6a244221] .el-input__inner::-ms-input-placeholder { color: #999; } .inputset[data-v-6a244221] .el-input__inner::placeholder { color: #999; } [data-v-6a244221] .el-form-item { margin-bottom: 1.9rem; } .new-psd[data-v-6a244221] { margin-bottom: 0.9rem; } .passtip[data-v-6a244221] { font-size: 0.9rem; color: #666666; line-height: 1.1rem; margin-left: 1.3rem; margin-bottom: 1.9rem; } [data-v-6a244221] .el-form-item__error { margin-left: 1.3rem; position: relative !important; } .change-btn[data-v-6a244221] { background: #0073fa; border-radius: 2rem; text-align: center; font-size: 1.1rem; color: #ffffff; padding: 12px 0; cursor: pointer; margin-top: 1.9rem; } .feet[data-v-6a244221] { position: fixed; width: 100%; text-align: center; bottom: 0; left: 0; padding-bottom: 1.3rem; font-size: 0.9rem; background-color: #fff; } @charset "UTF-8"; @media screen and (max-width: 46.9rem) { /*当屏幕尺寸小于750px时，应用下面的CSS样式*/ .login_warp[data-v-6a244221] { width: 100%; margin: 0 auto !important; height: 100vh; background-color: #fff; padding-left: 2.61rem; padding-right: 2.61rem; -webkit-box-sizing: border-box; box-sizing: border-box; } [data-v-6a244221] .form-horizontal .el-input__inner { width: 100% !important; height: auto !important; display: inline-block !important; padding: 0.91rem !important; line-height: 1.3rem !important; border-radius: 1.56rem !important; border: 1PX #0073FA solid !important; font-size: 1rem !important; margin-top: 0.26rem !important; background: #fff !important; padding-left: 1rem !important; } [data-v-6a244221] .form-horizontal .el-input__inner::-webkit-input-placeholder { font-size: 1rem !important; } [data-v-6a244221] .form-horizontal .el-input__inner::-moz-placeholder { font-size: 1rem !important; } [data-v-6a244221] .form-horizontal .el-input__inner:-ms-input-placeholder { font-size: 1rem !important; } [data-v-6a244221] .form-horizontal .el-input__inner::-ms-input-placeholder { font-size: 1rem !important; } [data-v-6a244221] .form-horizontal .el-input__inner::placeholder { font-size: 1rem !important; } .titletop[data-v-6a244221] { font-size: 1.56rem !important; padding-top: 2rem !important; padding-bottom: 1.56rem !important; font-family: "D-DIN-Bold" !important; text-align: center !important; } .form-title[data-v-6a244221] { margin-left: 1rem !important; font-size: 1.17rem !important; margin-bottom: 0.52rem !important; } [data-v-6a244221] .el-form-item__error { font-size: 0.91rem !important; margin-left: 1rem !important; } .passtip[data-v-6a244221] { margin-top: 1.56rem !important; margin-left: 1rem !important; line-height: 0.78rem !important; display: none !important; } .form-title[data-v-6a244221] { margin-top: 1.56rem !important; } .dologin .change-btn[data-v-6a244221] { width: 92% !important; height: auto !important; display: inline-block !important; padding: 0.91rem !important; line-height: 1.3rem !important; border-radius: 1.56rem !important; border: 1PX #0073FA solid !important; font-size: 1.1rem !important; margin-top: 2rem !important; background-color: #0073FA !important; color: #fff !important; text-align: center !important; } .feet[data-v-6a244221] { padding-bottom: 1.56rem !important; font-size: 1rem !important; margin-top: 1.3rem !important; text-align: center !important; } .form-horizontal[data-v-6a244221] { margin-top: 1rem !important; } .el-form-item[data-v-6a244221] { margin-bottom: 0 !important; } } .login_warp[data-v-f7bb8ffa] { width: 35.3rem; margin: 10rem auto 1.3rem; font-family: "D-DIN"; } .titletop[data-v-f7bb8ffa] { text-align: center; font-size: 2.3rem; color: #333333; letter-spacing: 0; line-height: 2.6rem; font-family: "D-DIN-Bold"; } .form-horizontal[data-v-f7bb8ffa] { margin-top: 3.1rem; } .form-title[data-v-f7bb8ffa] { font-size: 1.1rem; color: #333333; line-height: 1; margin-bottom: 1.3rem; margin-left: 1.3rem; } .inputset[data-v-f7bb8ffa] .el-input__inner { width: 100%; height: 3.3rem; background: #eef1f6; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08); border-radius: 2rem; padding: 0 1.9rem; } .inputset[data-v-f7bb8ffa] .el-input__inner::-webkit-input-placeholder { color: #999; } .inputset[data-v-f7bb8ffa] .el-input__inner::-moz-placeholder { color: #999; } .inputset[data-v-f7bb8ffa] .el-input__inner:-ms-input-placeholder { color: #999; } .inputset[data-v-f7bb8ffa] .el-input__inner::-ms-input-placeholder { color: #999; } .inputset[data-v-f7bb8ffa] .el-input__inner::placeholder { color: #999; } [data-v-f7bb8ffa] .el-form-item { margin-bottom: 1.9rem; } .new-psd[data-v-f7bb8ffa] { margin-bottom: 0.9rem; } .passtip[data-v-f7bb8ffa] { font-size: 0.9rem; color: #666666; line-height: 1.1rem; margin-left: 1.3rem; margin-bottom: 1.9rem; } [data-v-f7bb8ffa] .el-form-item__error { margin-left: 1.3rem; position: relative !important; } .change-btn[data-v-f7bb8ffa] { background: #0073fa; border-radius: 2rem; text-align: center; font-size: 1.1rem; color: #ffffff; padding: 12px 0; cursor: pointer; margin-top: 1.9rem; } .feet[data-v-f7bb8ffa] { position: fixed; width: 100%; text-align: center; bottom: 0; left: 0; padding-bottom: 1.3rem; font-size: 0.9rem; background-color: #fff; } @charset "UTF-8"; @media screen and (max-width: 46.9rem) { /*当屏幕尺寸小于750px时，应用下面的CSS样式*/ .login_warp[data-v-f7bb8ffa] { width: 100%; margin: 0 auto !important; height: 100vh; background-color: #fff; padding-left: 2.61rem; padding-right: 2.61rem; -webkit-box-sizing: border-box; box-sizing: border-box; } [data-v-f7bb8ffa] .el-input__inner { width: 100% !important; height: auto !important; display: inline-block !important; padding: 0.91rem !important; line-height: 1.3rem !important; border-radius: 1.56rem !important; border: 1PX #0073FA solid !important; font-size: 1rem !important; margin-top: 0.26rem !important; background: #fff !important; padding-left: 1rem !important; } [data-v-f7bb8ffa] .el-input__inner::-webkit-input-placeholder { font-size: 1rem !important; } [data-v-f7bb8ffa] .el-input__inner::-moz-placeholder { font-size: 1rem !important; } [data-v-f7bb8ffa] .el-input__inner:-ms-input-placeholder { font-size: 1rem !important; } [data-v-f7bb8ffa] .el-input__inner::-ms-input-placeholder { font-size: 1rem !important; } [data-v-f7bb8ffa] .el-input__inner::placeholder { font-size: 1rem !important; } .titletop[data-v-f7bb8ffa] { font-size: 1.56rem !important; padding-top: 2.15rem !important; padding-bottom: 2rem !important; } .form-title[data-v-f7bb8ffa] { margin-left: 1rem !important; font-size: 1.17rem !important; margin-bottom: 0.8rem !important; } [data-v-f7bb8ffa] .el-form-item__error { font-size: 0.91rem !important; margin-left: 1rem !important; } .passtip[data-v-f7bb8ffa] { margin-top: 1.56rem !important; margin-left: 1rem !important; line-height: 0.78rem !important; display: none !important; } .form-title[data-v-f7bb8ffa]:nth-child(1) { margin-top: 1.3rem !important; } .change-btn[data-v-f7bb8ffa] { width: 92% !important; height: auto !important; display: inline-block !important; padding: 0.91rem !important; border-radius: 1.56rem !important; border: 1PX #0073FA solid !important; font-size: 1.1rem !important; margin-top: 2rem !important; } .form-horizontal[data-v-f7bb8ffa] { margin-top: 0 !important; } } .cap-dialog[data-v-70f7b594] { font-family: D-DIN; } .cap-dialog[data-v-70f7b594] .el-dialog__header { padding: 0; } .cap-dialog[data-v-70f7b594] .el-dialog__header .header-title { font-size: 1.3rem; color: rgba(0, 0, 0, 0.85); font-weight: 400; padding: 2rem 2rem 0px 2rem; line-height: 1.5rem; } .cap-dialog[data-v-70f7b594] .el-dialog__header .header-title span { font-size: 1.1rem; color: #999999; } .cap-dialog .el-radio[data-v-70f7b594] { display: block; font-size: 1.1rem; color: #333333; font-weight: 400; } .cap-dialog .dialog-footer[data-v-70f7b594] { text-align: center; padding-top: 3.7rem; padding-bottom: 2rem; } .cap-dialog .dialog-footer .el-button[data-v-70f7b594] { font-size: 0.9rem; line-height: 1.4rem; padding: 5px 1.2rem; background: #0073fa; border-radius: 1rem; } .cap-dialog[data-v-70f7b594] .el-radio__label { font-family: D-DIN; font-size: 1.1rem; color: #333333; line-height: 2.5rem; font-weight: 400; white-space: normal; word-wrap: break-word; } .cap-dialog .cap-title[data-v-70f7b594] { font-family: D-DIN; font-size: 1.1rem; color: #333333; letter-spacing: 0; font-weight: 400; margin-bottom: 1.3rem; margin-left: 10px; } @media screen and (max-width: 750PX) { [data-v-70f7b594] .el-dialog { width: 90% !important; margin-top: 73PX !important; } } .jump[data-v-9f54f5f0] { width: 15rem; height: 3.3rem; border: 1px solid #0073fa; border-radius: 2rem; font-size: 1.1rem; color: #0073fa; letter-spacing: 0; text-align: center; margin-right: 2.5rem; background-color: #fff; cursor: pointer; } .jump[data-v-9f54f5f0] :hover { border: 1px solid #0050af; } @media screen and (max-width: 46.9rem) { .jump[data-v-9f54f5f0] { width: 10rem !important; height: 2.5rem !important; } } .back[data-v-5481e597] { padding-top: 1.9rem; font-family: D-DIN; font-size: 1.3rem; color: #0073fa; letter-spacing: 0; text-align: right; font-weight: 400; text-decoration: underline; cursor: pointer; } @media screen and (max-width: 46.9rem) { .back[data-v-5481e597] { padding-left: 1.5rem; padding-right: 1.5rem; } } .cont-view[data-v-4e3cb59d] { margin: 1.9rem auto; height: 43.8rem; background: #ffffff; -webkit-box-shadow: 0 4px 0.9rem 0 #d3e4ea; box-shadow: 0 4px 0.9rem 0 #d3e4ea; background-image: url(../img/bg_CXJG.8ed7d3f8.jpg); background-size: 100% 100%; background-repeat: no-repeat; border-radius: 10px; } .cont-view > div[data-v-4e3cb59d] { font-family: D-DIN; width: 50%; height: 100%; min-width: 35rem; margin: 0 auto; overflow: hidden; position: relative; } .cont-view > div .title[data-v-4e3cb59d] { font-family: D-DIN-Bold; font-size: 2.3rem; color: #333333; letter-spacing: 0; text-align: center; font-weight: 700; margin: 12.4rem 0 3.8rem; } .cont-view > div[data-v-4e3cb59d] .el-form-item { margin-bottom: 1.9rem; } .cont-view > div[data-v-4e3cb59d] .el-input__inner { border-radius: 2rem; background: #f0f4f9; font-size: 1.1rem; height: 3.3rem; line-height: 3.3rem; padding: 0 1.9rem; } .cont-view > div .form-btn[data-v-4e3cb59d] { font-size: 1.1rem; color: #ffffff; letter-spacing: 0; text-align: center; font-weight: 400; background: #0073fa; border-radius: 2rem; line-height: 3.3rem; cursor: pointer; } .cont-view > div .error-tip[data-v-4e3cb59d] { background: #ffffff; -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.15); border-radius: 4px; padding: 1.1rem 1.6rem; } .cont-view > div .error-tip img[data-v-4e3cb59d] { width: 1.6rem; vertical-align: top; } .cont-view > div .error-tip div[data-v-4e3cb59d] { display: inline-block; vertical-align: middle; margin-left: 13px; font-family: D-DIN-Bold; font-size: 1rem; color: #333333; line-height: 1.5rem; } .cont-view > div .bottom-img[data-v-4e3cb59d] { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: 5rem; width: 7.5rem; } @media screen and (max-width: 750PX) { section[data-v-4e3cb59d] { height: calc(100vh - 80PX); } .w14[data-v-4e3cb59d] { max-width: 100%; min-width: 100%; padding: 20PX 40PX; -webkit-box-sizing: border-box; box-sizing: border-box; } .back[data-v-4e3cb59d] { position: fixed; top: 0; right: 40PX; z-index: 9999; padding: 18PX 0; font-size: 18PX; } .cont-view[data-v-4e3cb59d] { height: 100%; margin: 0 auto; -webkit-box-shadow: none; box-shadow: none; background-image: url(../img/bg_cxjgmob.3c3abf65.jpg); background-size: 100% 120%; background-position: bottom; border-radius: 0; } .cont-view > div[data-v-4e3cb59d] { min-width: 100%; } .cont-view > div .title[data-v-4e3cb59d] { margin: 15vh 0 40PX; font-size: 21PX; } .cont-view > div[data-v-4e3cb59d] .el-form-item { margin-bottom: 24PX; } .cont-view > div[data-v-4e3cb59d] .el-input__inner { font-size: 14PX; height: 32PX; line-height: 32PX; padding: 0 20PX; border-radius: 20PX; -webkit-border-radius: 20PX; -moz-border-radius: 20PX; -ms-border-radius: 20PX; -o-border-radius: 20PX; } .cont-view > div .form-btn[data-v-4e3cb59d] { font-size: 14PX; line-height: 32PX; border-radius: 20PX; } .cont-view > div .error-tip[data-v-4e3cb59d] { padding: 17PX 26PX; } .cont-view > div .error-tip img[data-v-4e3cb59d] { width: 25PX; } .cont-view > div .error-tip div[data-v-4e3cb59d] { width: calc(100% - 40PX); margin-left: 13PX; font-size: 16PX; color: #333333; line-height: 24PX; } .cont-view > div .bottom-img[data-v-4e3cb59d] { width: 100PX; bottom: 60PX; } } .padTop50[data-v-2d5bf762] { padding-top: 3.1rem; } .cont-view[data-v-2d5bf762] { position: relative; font-family: D-DIN; margin: 1.9rem auto; padding: 4rem 4rem 6.3rem; -webkit-box-sizing: border-box; box-sizing: border-box; background: #ffffff; -webkit-box-shadow: 0 4px 0.9rem 0 #d3e4ea; box-shadow: 0 4px 0.9rem 0 #d3e4ea; border-radius: 10px; color: #183969; } .cont-view > div[data-v-2d5bf762] { padding: 1.9rem; } .cont-view .cont-header[data-v-2d5bf762] { -webkit-box-sizing: border-box; box-sizing: border-box; background-image: url(../img/bg_CX.78c6479f.jpg); background-size: 100%; border: 1px solid #ceddee; border-radius: 8px 8px 0 0; } .cont-view .cont-header .cont-header-title[data-v-2d5bf762] { display: inline-block; margin-bottom: 3rem; font-family: D-DIN-Bold; font-size: 2.6rem; } .cont-view .cont-header .cont-header-title img[data-v-2d5bf762] { width: 5.6rem; margin-left: -0.9rem; } .cont-view .cont-header .cont-header-list[data-v-2d5bf762] { font-size: 1rem; margin-bottom: 8px; font-size: 1.1rem; line-height: 1.5rem; } .cont-view .cont-header .cont-header-list img[data-v-2d5bf762] { width: 1rem; margin-right: 0.9rem; } .cont-view .cont-wrap[data-v-2d5bf762] { position: relative; border: 1px solid #ceddee; border-top: none; border-radius: 0 0 8px 8px; font-size: 1.1rem; } .cont-view .cont-wrap > div[data-v-2d5bf762] { padding: 1.8rem 0; position: relative; } .cont-view .cont-wrap > div .title[data-v-2d5bf762] { font-family: D-DIN-Bold; word-wrap: break-word; word-break: break-word; } .cont-view .cont-wrap > div .cont[data-v-2d5bf762] { color: #333; } .cont-view .cont-wrap > div[data-v-2d5bf762]::after { position: absolute; bottom: 0; left: 0; content: ""; width: 100%; height: 2px; background-color: #f3f9ff; display: inline-block; } .cont-view .cont-wrap > div[data-v-2d5bf762]:nth-last-of-type(1) { padding-bottom: 0; } .cont-view .cont-wrap > div[data-v-2d5bf762]:nth-last-of-type(1)::after { display: none; } .cont-view .cont-wrap .has-two > div[data-v-2d5bf762] { display: inline-block; width: 50%; } .cont-view .cont-wrap .chapter[data-v-2d5bf762] { width: 8.1rem; position: absolute; bottom: 1.9rem; right: 1.9rem; background: #fff; padding: 10px; } .cont-view .bottom-img[data-v-2d5bf762] { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: 2.5rem; width: 7.5rem; } @media screen and (max-width: 750PX) { .w14[data-v-2d5bf762] { max-width: 100%; min-width: 100%; padding: 20PX; -webkit-box-sizing: border-box; box-sizing: border-box; } .back[data-v-2d5bf762] { position: fixed; top: 0; right: 40PX; z-index: 9999; padding: 18PX 0; font-size: 18PX; } section[data-v-2d5bf762] { height: calc(100vh - 80PX); padding-top: 0 !important; } .cont-view[data-v-2d5bf762] { -webkit-box-shadow: none; box-shadow: none; } .cont-view > div[data-v-2d5bf762] { padding: 16PX 13PX; } .cont-view .cont-header[data-v-2d5bf762] { border-radius: 8PX 8PX 0 0; -webkit-border-radius: 8PX 8PX 0 0; -moz-border-radius: 8PX 8PX 0 0; -ms-border-radius: 8PX 8PX 0 0; -o-border-radius: 8PX 8PX 0 0; background-image: url(../img/bg_cxmob.00d29405.jpg); } .cont-view .cont-header .cont-header-title[data-v-2d5bf762] { font-size: 20PX; } .cont-view .cont-header .cont-header-title img[data-v-2d5bf762] { width: 38PX; } .cont-view .cont-header .cont-header-list[data-v-2d5bf762] { font-size: 12PX; line-height: 16PX; margin-bottom: 14PX; } .cont-view .cont-wrap[data-v-2d5bf762] { border-radius: 0 0 8PX 8PX; -webkit-border-radius: 0 0 8PX 8PX; -moz-border-radius: 0 0 8PX 8PX; -ms-border-radius: 0 0 8PX 8PX; -o-border-radius: 0 0 8PX 8PX; padding-top: 17PX; } .cont-view .cont-wrap > div[data-v-2d5bf762] { padding: 0; margin-bottom: 10PX; } .cont-view .cont-wrap > div[data-v-2d5bf762]::after { display: none; height: 0; } .cont-view .cont-wrap > div > span[data-v-2d5bf762] { display: block; } .cont-view .cont-wrap > div .title[data-v-2d5bf762] { font-size: 14PX; line-height: 20PX; } .cont-view .cont-wrap > div .cont[data-v-2d5bf762] { font-size: 12PX; line-height: 24PX; word-wrap: break-word; word-break: break-word; } .cont-view .cont-wrap > div:nth-last-of-type(1) > span[data-v-2d5bf762] { display: inline; } .cont-view .cont-wrap .has-two[data-v-2d5bf762] { margin-bottom: 0; } .cont-view .cont-wrap .has-two > div[data-v-2d5bf762] { width: 100%; margin-bottom: 10PX; } .cont-view .cont-wrap .chapter[data-v-2d5bf762] { position: relative; display: block; margin: auto; width: 57PX; bottom: auto; padding: 0; } .cont-view .bottom-img[data-v-2d5bf762] { position: relative; left: auto; bottom: auto; transform: translateX(0); width: 100PX; display: block; margin: 50PX auto 0; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); } } .invite-view[data-v-def7c306] { position: relative; } .invite-view .invite-cont[data-v-def7c306] { width: 80%; margin: 0 auto; padding-top: 7rem; } .invite-view .invite-cont .title[data-v-def7c306] { text-align: center; font-family: D-DIN-Bold; font-size: 2.3rem; color: #333333; font-weight: 700; margin-bottom: 2.7rem; } .invite-view .invite-cont .cont[data-v-def7c306] { font-family: D-DIN; font-size: 1.1rem; color: #074292; letter-spacing: 0; font-weight: 400; border: 1px solid #ceddee; border-radius: 6px; padding: 1.8rem 1.9rem; width: 80%; margin: 0 auto 2.6rem; } .invite-view .invite-cont .link-cont[data-v-def7c306] { width: 80%; margin: 0 auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .invite-view .invite-cont .link-cont > div[data-v-def7c306] { font-family: D-DIN; font-size: 1.1rem; letter-spacing: 0; font-weight: 400; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 3.1rem; } .invite-view .invite-cont .link-cont .invite-link[data-v-def7c306] { padding: 1rem 2.5rem; background-color: #eef1f6; border: 1px solid #b7c2d2; color: #999999; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; margin-right: 2.5rem; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .invite-view .invite-cont .link-cont .invite-btn[data-v-def7c306] { padding: 1rem 0px; width: 12.5rem; text-align: center; color: #fff; background-color: #0073fa; cursor: pointer; } .invite-view .invite-footer[data-v-def7c306] { position: fixed; width: 100%; left: 0; bottom: 1.9rem; text-align: center; font-family: D-DIN; font-size: 0.9rem; color: #333333; } @media screen and (max-width: 46.9rem) { .w14[data-v-def7c306] { max-width: 100%; min-width: 100%; } .invite-view[data-v-def7c306] { padding: 0 1.3rem; -webkit-box-sizing: border-box; box-sizing: border-box; } .invite-view .invite-cont[data-v-def7c306] { width: 100%; padding-top: 5rem; } .invite-view .invite-cont .cont[data-v-def7c306] { padding: 1rem; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } .invite-view .invite-cont .link-cont[data-v-def7c306] { display: block; } .invite-view .invite-cont .link-cont .invite-link[data-v-def7c306] { width: 100%; } .invite-view .invite-cont .link-cont .invite-btn[data-v-def7c306] { width: 100%; margin-top: 1.3rem; } } @media screen and (max-width: 20rem) { .invite-view .invite-cont .title[data-v-def7c306] { font-size: 1.3rem; margin-bottom: 1.4rem; } .invite-view .invite-cont[data-v-def7c306] { padding-top: 1.9rem; } } .view[data-v-4c76984d] { width: 1200PX; margin: auto; } .opt0[data-v-4c76984d] { opacity: 0; height: 57PX; } .cont[data-v-4c76984d] { border: 1PX solid #0062ff; padding: 30PX 30PX 48PX; -webkit-box-sizing: border-box; box-sizing: border-box; margin-top: 40PX; margin-bottom: 40PX; } .cont .title[data-v-4c76984d] { margin: 0 0 30PX; font-family: D-DIN-Bold; font-size: 24PX; color: #183969; } .dis-between-center[data-v-4c76984d] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .dis-flex[data-v-4c76984d] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .certificate-view[data-v-4c76984d] { padding-top: 40PX; position: relative; overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; background-image: url(../img/bg.a608ca31.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; } .certificate-view .certificate-header[data-v-4c76984d] { width: 100%; } .certificate-view .certificate-header img[data-v-4c76984d] { height: 68PX; } .certificate-view .certificate-header p[data-v-4c76984d] { width: 200PX; text-align: right; opacity: 0.93; font-family: D-DIN-Bold; font-size: 16PX; color: #006cff; line-height: 24PX; font-weight: 700; margin-right: 36PX; } .certificate-view .certificate-header p span[data-v-4c76984d] { font-size: 12PX; } .certificate-view .certificate-self-study[data-v-4c76984d] { position: relative; } .certificate-view .certificate-self-study img[data-v-4c76984d] { position: absolute; right: 36PX; height: 20PX; } .certificate-view .certificate-cont[data-v-4c76984d] { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; width: 65%; margin: 35PX auto 0; } .certificate-view .certificate-cont .certificate-cont-detail .imgs[data-v-4c76984d] { position: relative; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .certificate-view .certificate-cont .certificate-cont-detail .imgs .imgs-div > img[data-v-4c76984d]:nth-of-type(2) { margin-left: 10PX; } .certificate-view .certificate-cont .certificate-cont-logo[data-v-4c76984d] { width: 120PX; position: absolute; top: 10PX; left: 0; } .certificate-view .certificate-cont .certType8[data-v-4c76984d] { width: 70PX; top: 15PX; } .certificate-view .certificate-cont .certType8-view[data-v-4c76984d] { position: absolute; top: 10PX; left: 90PX; padding-left: 20PX; } .certificate-view .certificate-cont .certType8-view[data-v-4c76984d]::after { content: ''; display: block; width: 1PX; height: 36PX; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background-color: #006cff; } .certificate-view .certificate-cont .certType8-logo[data-v-4c76984d] { height: 50PX; -o-object-fit: cover; object-fit: cover; } .certificate-view .certificate-cont .certificate-cont-detail[data-v-4c76984d] { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; height: 100%; border-radius: 8PX 8PX 0 0; padding: 30PX 40PX 20PX; -webkit-box-sizing: border-box; box-sizing: border-box; background-image: url(../img/bg_ww.9ca3c630.png); background-size: 100% 100%; margin-top: 6PX; } .certificate-view .certificate-cont .certificate-cont-detail .to-certify[data-v-4c76984d] { font-size: 24PX; color: #333; } .certificate-view .certificate-cont .certificate-cont-detail .name-surname[data-v-4c76984d] { font-family: D-DIN-Bold; font-size: 21PX; color: #333; letter-spacing: 0; line-height: 30PX; text-align: right; margin-top: 6PX; max-height: 90PX; overflow: hidden; word-wrap: break-word; word-break: break-word; } .certificate-view .certificate-cont .certificate-cont-detail .capstone-winner[data-v-4c76984d] { width: 58PX; } .certificate-view .certificate-cont .certificate-cont-detail .certificate-cont-detail-text[data-v-4c76984d] { text-align: right; font-size: 14PX; color: #666666; margin-top: 12PX; padding-bottom: 20PX; border-bottom: 1PX solid #006cff; } .certificate-view .certificate-cont .certificate-cont-detail .certificate-cont-detail-text .certificate-cont-detail-text-img[data-v-4c76984d] { width: 65%; margin: 8PX 0 4PX; } .certificate-view .certificate-cont .certificate-cont-detail .certificate-cont-detail-text .certificate-cont-detail-program-name[data-v-4c76984d] { position: relative; display: block; font-family: D-DIN-Bold; font-size: 16PX; font-weight: bold; line-height: 20PX; color: #006cff; padding-bottom: 2PX; } .certificate-view .certificate-cont .certificate-cont-detail .certificate-cont-detail-text > p[data-v-4c76984d]:nth-of-type(2) { line-height: 20PX; } .certificate-view .certificate-cont .certificate-cont-detail .certificate-cont-detail-footer[data-v-4c76984d] { margin-top: 16PX; } .certificate-view .certificate-cont .certificate-cont-detail .certificate-cont-detail-footer .qr[data-v-4c76984d] { border: 1PX solid #006cff; margin-right: 16PX; } .certificate-view .certificate-cont .certificate-cont-detail .certificate-cont-detail-footer .hash[data-v-4c76984d] { height: 90PX; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .certificate-view .certificate-cont .certificate-cont-detail .certificate-cont-detail-footer .hash > div[data-v-4c76984d]:nth-of-type(1) { border: 1PX solid #006cff; border-bottom: none; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding: 10PX; } .certificate-view .certificate-cont .certificate-cont-detail .certificate-cont-detail-footer .hash > div:nth-of-type(1) .hashCode[data-v-4c76984d] { height: 100%; word-wrap: break-word; word-break: break-word; font-size: 12PX; color: #666; text-align: center; line-height: 20PX; overflow: hidden; position: relative; } .certificate-view .certificate-cont .certificate-cont-detail .certificate-cont-detail-footer .hash > div:nth-of-type(1) .hashCode span[data-v-4c76984d] { position: absolute; display: inline-block; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; } .certificate-view .certificate-cont .certificate-cont-detail .certificate-cont-detail-footer .hash > div[data-v-4c76984d]:nth-of-type(2) { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 30PX; background: #006cff; } .certificate-view .certificate-cont .certificate-cont-detail .certificate-cont-detail-footer .hash > div:nth-of-type(2) img[data-v-4c76984d] { height: 70%; } .certificate-view .certificate-cont-type10[data-v-4c76984d] { margin-top: 100PX; } .certificate-AGI[data-v-4c76984d] { background-image: url(../img/cer_by_AGI_bg.e84d81ea.jpg); background-size: 100% 100%; } .certificate-AGI > div[data-v-4c76984d] { position: absolute; width: 76%; left: 12%; right: 12%; } .certificate-AGI .certificate-AGI-userName[data-v-4c76984d] { top: 250PX; height: 70PX; text-align: center; font-family: D-DIN-Bold; font-size: 32PX; line-height: 35PX; color: #183969; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; overflow: hidden; } .certificate-AGI .certificate-AGI-userName > span[data-v-4c76984d] { max-height: 100%; } .certificate-AGI .certificate-AGI-programName[data-v-4c76984d] { top: 365PX; font-family: D-DIN-Bold; font-size: 20PX; line-height: 24PX; color: #333333; text-align: center; height: 48PX; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .certificate-AGI .certificate-AGI-programName > span[data-v-4c76984d] { max-height: 100%; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .certificate-AGI .certificate-AGI-time[data-v-4c76984d] { top: 500PX; text-align: right; font-size: 14PX; line-height: 20PX; color: #333333; } .certificate-right[data-v-4c76984d] { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; margin-left: 30PX; position: relative; } .certificate-right .right-cont[data-v-4c76984d] { position: absolute; top: 130PX; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .certificate-right .right-cont > div[data-v-4c76984d] { font-family: D-DIN; font-size: 18PX; color: #0073fa; letter-spacing: 0; font-weight: 400; background: #ffffff; border: 1PX solid #0073fa; width: 221PX; text-align: center; padding: 6PX 20PX; cursor: pointer; } .certificate-right .right-cont img[data-v-4c76984d] { display: block; width: 120PX; margin: 25PX auto 0; } .certificate-right .certificate-btn[data-v-4c76984d] { position: absolute; font-family: D-DIN; font-size: 18PX; color: #0062ff; letter-spacing: 0; line-height: 24PX; font-weight: 400; bottom: 20PX; } .certificate-right .certificate-btn div[data-v-4c76984d] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-top: 20PX; cursor: pointer; } .certificate-right .certificate-btn div img[data-v-4c76984d] { width: 24PX; margin-right: 20PX; } .certificate-right .certificate-btn div a[data-v-4c76984d] { color: #006cff; } .view[data-v-17cfe0f9] { width: 1200PX; margin: auto; } .cont[data-v-17cfe0f9] { -webkit-box-shadow: 0 4PX 14PX 0 #d3e4ea; box-shadow: 0 4PX 14PX 0 #d3e4ea; padding: 30PX 30PX 48PX; -webkit-box-sizing: border-box; box-sizing: border-box; margin-top: 40PX; margin-bottom: 40PX; } .cont .title[data-v-17cfe0f9] { margin: 0 0 30PX; font-family: D-DIN-Bold; font-size: 24PX; color: #183969; } .cont .certificate-left[data-v-17cfe0f9] { width: 800PX; } .share-btn[data-v-17cfe0f9] { position: fixed; right: 50PX; bottom: 100PX; } .down-btn[data-v-17cfe0f9] { bottom: 70PX; } p[data-v-17cfe0f9] { margin: 0; } .dis-between-center[data-v-17cfe0f9] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .dis-flex[data-v-17cfe0f9] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .certificate-view[data-v-17cfe0f9] { position: relative; overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; background-image: url(../img/bg_A+.434f564a.jpg); background-repeat: no-repeat; background-size: 100% 100%; background-position: center; } .certificate-view .certificate-header[data-v-17cfe0f9] { width: 100%; } .certificate-view .certificate-header img[data-v-17cfe0f9] { height: 141PX; width: 348PX; } .certificate-view .certificate-header p[data-v-17cfe0f9] { width: 200PX; text-align: right; opacity: 0.93; font-family: D-DIN-Bold; font-size: 16PX; color: #006cff; line-height: 24PX; font-weight: 700; margin-right: 36PX; } .certificate-view .certificate-header p span[data-v-17cfe0f9] { font-size: 12PX; } .certificate-view .certificate-cont[data-v-17cfe0f9] { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; width: 75%; margin: -12PX auto 0; } .certificate-view .certificate-cont .certificate-cont-detail[data-v-17cfe0f9] { text-align: center; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; height: 100%; border-radius: 8PX 8PX 0 0; padding: 0 30PX 40PX 30PX; -webkit-box-sizing: border-box; box-sizing: border-box; } .certificate-view .certificate-cont .certificate-cont-detail .to-certify[data-v-17cfe0f9] { font-size: 24PX; color: #333; } .certificate-view .certificate-cont .certificate-cont-detail .feet-logo img[data-v-17cfe0f9] { margin-left: 10PX; margin-right: 10PX; } .certificate-view .certificate-cont .certificate-cont-detail .feet-logo span[data-v-17cfe0f9] { font-family: D-DIN-Bold; font-size: 10PX; color: #000000; text-align: center; font-weight: 700; margin-right: 10PX; } .certificate-view .certificate-cont .certificate-cont-detail .name-surname span[data-v-17cfe0f9] { display: inline-block; font-family: D-DIN-Bold; letter-spacing: 0; line-height: 22PX; text-align: center; margin-top: 20PX; max-height: 90PX; overflow: hidden; word-wrap: break-word; word-break: break-word; font-size: 22PX; color: #000000; font-weight: 700; border-bottom: 3PX solid #040000; padding-bottom: 10PX; } .certificate-view .certificate-cont .certificate-cont-detail .name-program[data-v-17cfe0f9] { color: #0071fb; font-family: D-DIN; font-size: 18PX; letter-spacing: 0; line-height: 24PX; font-weight: 400; } .certificate-view .certificate-cont .certificate-cont-detail .name-exp[data-v-17cfe0f9] { color: #040000; font-size: 12PX; line-height: 24PX; margin-top: 10PX; font-family: D-DIN-Bold; } .certificate-view .certificate-cont .certificate-cont-detail .certificate-info-detail[data-v-17cfe0f9] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 85%; margin: 0 auto; } .certificate-view .certificate-cont .certificate-cont-detail .certificate-info-detail .info-detail1[data-v-17cfe0f9] { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } .certificate-view .certificate-cont .certificate-cont-detail .certificate-info-detail .info-detail[data-v-17cfe0f9] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 0; -webkit-flex: 0 0 30%; -ms-flex: 0 0 30%; flex: 0 0 30%; } .certificate-view .certificate-cont .certificate-cont-detail .certificate-info-detail .info-detail span[data-v-17cfe0f9] { padding: 5PX 10PX 0PX 10PX; } .certificate-view .certificate-cont .certificate-cont-detail .certificate-info-detail .info-exp[data-v-17cfe0f9] { font-family: D-DIN-Bold; font-size: 10PX; color: #000000; text-align: center; font-weight: 700; } .certificate-view .certificate-cont .certificate-cont-detail .certificate-info-detail .info-exp1[data-v-17cfe0f9] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; border-bottom: 1PX solid #070102; height: 65PX; } .certificate-view .certificate-cont .certificate-cont-detail .qianming7[data-v-17cfe0f9] { width: 120PX; padding: 0 25PX; } .certificate-view .certificate-cont .certificate-cont-detail .qianming71[data-v-17cfe0f9] { width: 160PX; padding: 0 6PX; } .certificate-view .certificate-cont .certificate-cont-detail .certificate-cont-detail-text[data-v-17cfe0f9] { color: #040000; font-size: 12PX; line-height: 24PX; margin-top: 12PX; font-family: D-DIN-Bold; } .certificate-view .certificate-cont .certificate-cont-detail .certificate-cont-detail-text .certificate-cont-detail-text-img[data-v-17cfe0f9] { width: 65%; margin: 8PX 0; } .certificate-view .certificate-cont .certificate-cont-detail .certificate-cont-detail-text > p[data-v-17cfe0f9]:nth-of-type(2) { line-height: 20PX; } .certificate-view .certificate-cont .certificate-cont-detail .certificate-cont-detail-footer[data-v-17cfe0f9] { width: 85%; margin: 16PX auto 0; } .certificate-view .certificate-cont .certificate-cont-detail .certificate-cont-detail-footer .qr[data-v-17cfe0f9] { border: 1PX solid #006cff; margin-right: 16PX; } .certificate-view .certificate-cont .certificate-cont-detail .certificate-cont-detail-footer .hash[data-v-17cfe0f9] { height: 60PX; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; padding-bottom: 28PX; } .certificate-view .certificate-cont .certificate-cont-detail .certificate-cont-detail-footer .hash > div[data-v-17cfe0f9]:nth-of-type(1) { border: 1PX solid #0d0a0a; border-bottom: none; height: 28PX; -webkit-box-sizing: border-box; box-sizing: border-box; } .certificate-view .certificate-cont .certificate-cont-detail .certificate-cont-detail-footer .hash > div:nth-of-type(1) .hashCode[data-v-17cfe0f9] { height: 100%; word-wrap: break-word; word-break: break-word; font-family: D-DIN; font-size: 12PX; color: #666; text-align: center; position: relative; padding: 3PX; -webkit-box-sizing: border-box; box-sizing: border-box; } .certificate-view .certificate-cont .certificate-cont-detail .certificate-cont-detail-footer .hash > div:nth-of-type(1) .hashCode span[data-v-17cfe0f9] { position: absolute; display: inline-block; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; } .certificate-view .certificate-cont .certificate-cont-detail .certificate-cont-detail-footer .hash > div[data-v-17cfe0f9]:nth-of-type(2) { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 32PX; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1PX solid #0d0a0a; } .certificate-view .certificate-cont .certificate-cont-detail .certificate-cont-detail-footer .hash > div:nth-of-type(2) img[data-v-17cfe0f9] { height: 50%; } .certificate-right[data-v-17cfe0f9] { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; margin-left: 30PX; position: relative; } .certificate-right .right-cont[data-v-17cfe0f9] { position: absolute; top: 130PX; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .certificate-right .right-cont > div[data-v-17cfe0f9] { font-family: D-DIN; font-size: 18PX; color: #0073fa; letter-spacing: 0; font-weight: 400; background: #ffffff; border: 1PX solid #0073fa; border-radius: 24PX; width: 221PX; text-align: center; padding: 6PX 20PX; cursor: pointer; } .certificate-right .right-cont img[data-v-17cfe0f9] { display: block; width: 120PX; margin: 25PX auto 0; } .certificate-right .certificate-btn[data-v-17cfe0f9] { position: absolute; font-family: D-DIN; font-size: 18PX; color: #0062ff; letter-spacing: 0; line-height: 24PX; font-weight: 400; bottom: 20PX; } .certificate-right .certificate-btn div[data-v-17cfe0f9] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-top: 20PX; cursor: pointer; } .certificate-right .certificate-btn div img[data-v-17cfe0f9] { width: 24PX; margin-right: 20PX; } .certificate-right .certificate-btn div a[data-v-17cfe0f9] { color: #006cff; } .view[data-v-caa93be6] { width: 1200PX; margin: auto; } .cont[data-v-caa93be6] { -webkit-box-shadow: 0 4PX 14PX 0 #d3e4ea; box-shadow: 0 4PX 14PX 0 #d3e4ea; padding: 30PX 30PX 48PX; -webkit-box-sizing: border-box; box-sizing: border-box; margin-top: 40PX; margin-bottom: 40PX; } .cont .title[data-v-caa93be6] { margin: 0 0 30PX; font-family: D-DIN-Bold; font-size: 24PX; color: #183969; } .cont .certificate-left[data-v-caa93be6] { width: 800PX; } .share-btn[data-v-caa93be6] { position: fixed; right: 50PX; bottom: 100PX; } .down-btn[data-v-caa93be6] { bottom: 70PX; } p[data-v-caa93be6] { margin: 0; } .dis-between-center[data-v-caa93be6] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .dis-flex[data-v-caa93be6] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .certificate-view[data-v-caa93be6] { position: relative; overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; background-image: url(../img/bg_A+.434f564a.jpg); background-repeat: no-repeat; background-size: 100% 100%; background-position: center; } .certificate-view .certificate-header[data-v-caa93be6] { width: 100%; } .certificate-view .certificate-header img[data-v-caa93be6] { height: 141PX; width: 348PX; } .certificate-view .certificate-header p[data-v-caa93be6] { width: 200PX; text-align: right; opacity: 0.93; font-family: D-DIN-Bold; font-size: 16PX; color: #006cff; line-height: 24PX; font-weight: 700; margin-right: 36PX; } .certificate-view .certificate-header p span[data-v-caa93be6] { font-size: 12PX; } .certificate-view .certificate-cont[data-v-caa93be6] { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; width: 75%; margin: -12PX auto 0; } .certificate-view .certificate-cont .certificate-cont-detail[data-v-caa93be6] { text-align: center; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; height: 100%; border-radius: 8PX 8PX 0 0; padding: 0 30PX 40PX 30PX; -webkit-box-sizing: border-box; box-sizing: border-box; } .certificate-view .certificate-cont .certificate-cont-detail .name-surname span[data-v-caa93be6] { display: inline-block; font-family: D-DIN-Bold; letter-spacing: 0; line-height: 22PX; text-align: center; margin-top: 20PX; max-height: 90PX; overflow: hidden; word-wrap: break-word; word-break: break-word; font-size: 22PX; color: #000000; font-weight: 700; border-bottom: 3PX solid #040000; padding-bottom: 10PX; } .certificate-view .certificate-cont .certificate-cont-detail .name-exp[data-v-caa93be6] { color: #0071fb; font-size: 32PX; font-family: D-DIN-Bold; margin-top: 24PX; } .certificate-view .certificate-cont .certificate-cont-detail .certificate-info-detail[data-v-caa93be6] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 85%; margin: 48PX auto 48PX; } .certificate-view .certificate-cont .certificate-cont-detail .certificate-info-detail .info-detail span[data-v-caa93be6] { padding: 5PX 10PX 0PX 10PX; } .certificate-view .certificate-cont .certificate-cont-detail .certificate-info-detail .info-detail > span[data-v-caa93be6]:nth-child(1) { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; border-bottom: 1PX solid #070102; } .certificate-view .certificate-cont .certificate-cont-detail .certificate-info-detail .info-detail > span[data-v-caa93be6]:nth-child(2) { font-family: D-DIN-Bold; font-size: 12PX; color: #000000; text-align: center; font-weight: 700; } .certificate-view .certificate-cont .certificate-cont-detail .certificate-info-detail .certificate-info-detail-right[data-v-caa93be6] { font-family: D-DIN; font-size: 16PX; color: #006cff; line-height: 24PX; } .certificate-view .certificate-cont .certificate-cont-detail .certificate-info-detail .certificate-info-detail-right > div[data-v-caa93be6]:nth-child(2) { font-size: 14PX; } .certificate-view .certificate-cont .certificate-cont-detail .certificate-cont-detail-text[data-v-caa93be6] { color: #040000; font-size: 14PX; line-height: 24PX; margin-top: 12PX; font-family: D-DIN; } .certificate-view .certificate-cont .certificate-cont-detail .certificate-cont-detail-text .certificate-cont-detail-text-content[data-v-caa93be6] { padding: 0 72PX; line-height: 20px; } .certificate-right[data-v-caa93be6] { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; margin-left: 30PX; position: relative; } .certificate-right .right-cont[data-v-caa93be6] { position: absolute; top: 130PX; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .certificate-right .right-cont > div[data-v-caa93be6] { font-family: D-DIN; font-size: 18PX; color: #0073fa; letter-spacing: 0; font-weight: 400; background: #ffffff; border: 1PX solid #0073fa; border-radius: 24PX; width: 221PX; text-align: center; padding: 6PX 20PX; cursor: pointer; } .certificate-right .right-cont img[data-v-caa93be6] { display: block; width: 120PX; margin: 25PX auto 0; } .certificate-right .certificate-btn[data-v-caa93be6] { position: absolute; font-family: D-DIN; font-size: 18PX; color: #0062ff; letter-spacing: 0; line-height: 24PX; font-weight: 400; bottom: 20PX; } .certificate-right .certificate-btn div[data-v-caa93be6] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-top: 20PX; cursor: pointer; } .certificate-right .certificate-btn div img[data-v-caa93be6] { width: 24PX; margin-right: 20PX; } .certificate-right .certificate-btn div a[data-v-caa93be6] { color: #006cff; } .ques-view[data-v-2cb62981] { background-color: #f9fcfd; min-height: calc(100vh - 27.4rem); } .ques-view-container[data-v-2cb62981] { margin-top: 1.9rem; background-color: #fff; border-radius: 6px; -webkit-box-shadow: 0px 4px 0.9rem 0px #d3e4ea; box-shadow: 0px 4px 0.9rem 0px #d3e4ea; padding: 2.5rem; } .ques-view-container .container-header[data-v-2cb62981] { border-bottom: 1px solid rgba(0, 108, 255, 0.8); margin-bottom: 1.9rem; font-size: 1.1rem; font-weight: normal; line-height: 1.5rem; color: #0a3c82; } .ques-view-container .container-header .container-title[data-v-2cb62981] { margin: 0 auto 1.3rem; font-family: D-DIN-Bold; font-size: 2rem; font-weight: bold; line-height: 2.5rem; color: #0a3c82; text-align: center; } .ques-view-container .container-header .container-subtitle[data-v-2cb62981] { margin-bottom: 10px; } .ques-view-container .container-header .container-thanks[data-v-2cb62981] { margin-bottom: 1.3rem; } .ques-view-container .exam-container[data-v-2cb62981] { max-width: 37.5rem; min-width: 20.6rem; margin: 0 auto; } .btn-view[data-v-2cb62981] { text-align: center; margin-top: 5rem; margin-bottom: 3.8rem; } .btn-view > div[data-v-2cb62981] { display: inline-block; color: #0073fa; font-size: 1.5rem; line-height: 1.7rem; padding: 10px 3.1rem; background-color: #ffffff; border: 1px solid #0073fa; border-radius: 1.5rem; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .btn-view .primary[data-v-2cb62981] { background-color: #006cff; border: 1px solid #006cff; color: #ffffff; } .first-page[data-v-5dc8039e] { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; } .first-page .one[data-v-5dc8039e] { position: relative; width: 100%; height: 100%; overflow: hidden; } .first-page .one .circle[data-v-5dc8039e] { position: absolute; top: calc(50% - 240PX); left: calc(50% - 160PX); width: 320PX; height: 320PX; border-radius: 50%; background-color: #006cff; opacity: 1; -webkit-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; -webkit-animation: zoomIn-5dc8039e 0.3s ease-out forwards,scaleIn-5dc8039e 0.5s 1.5s ease-in-out forwards; animation: zoomIn-5dc8039e 0.3s ease-out forwards,scaleIn-5dc8039e 0.5s 1.5s ease-in-out forwards; } .first-page .one .opacityA[data-v-5dc8039e] { opacity: 0; } .first-page .one .circleMoveTop[data-v-5dc8039e] { -webkit-animation: circleMoveTop-5dc8039e 0.3s ease-out forwards; animation: circleMoveTop-5dc8039e 0.3s ease-out forwards; } .first-page .one .logoMoveTop[data-v-5dc8039e] { -webkit-animation: logoMoveTop-5dc8039e 0.3s ease-out forwards; animation: logoMoveTop-5dc8039e 0.3s ease-out forwards; } .first-page .one .scroll-bg[data-v-5dc8039e] { position: absolute; left: 50%; width: 60vw; height: 100vh; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); background-image: url(../img/sp_bg.98ef7cac.png); background-repeat: repeat-y; background-size: 100% auto; -webkit-animation: scrollBg-5dc8039e 40s linear infinite; animation: scrollBg-5dc8039e 40s linear infinite; } .first-page .one .logo-gif[data-v-5dc8039e] { position: absolute; top: calc(50% - 120PX); left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 200PX; z-index: 2; } .first-page .one .go[data-v-5dc8039e] { position: absolute; width: 280PX; bottom: 115PX; left: calc(50% - 140PX); text-align: right; font-weight: 400; opacity: 0.8; font-size: 14PX; color: #ffffff; letter-spacing: 0; -webkit-animation-delay: 0.4s; animation-delay: 0.4s; line-height: 26PX; } .first-page .one .go p[data-v-5dc8039e] { white-space: nowrap; line-height: 26PX; margin: 0; } .first-page .title_content[data-v-5dc8039e] { font-family: D-DIN-Bold; position: absolute; width: 280PX; bottom: 230PX; left: calc(50% - 140PX); font-size: 15PX; color: #ffffff; letter-spacing: 0; line-height: 26PX; } @-webkit-keyframes zoomIn-5dc8039e { from { opacity: 0; -webkit-transform: scale(0.3); transform: scale(0.3); } 50% { opacity: 1; } to { -webkit-transform: scale(1); transform: scale(1); } } @keyframes zoomIn-5dc8039e { from { opacity: 0; -webkit-transform: scale(0.3); transform: scale(0.3); } 50% { opacity: 1; } to { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes scaleIn-5dc8039e { from { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } to { opacity: 1; -webkit-transform: scale(10); transform: scale(10); } } @keyframes scaleIn-5dc8039e { from { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } to { opacity: 1; -webkit-transform: scale(10); transform: scale(10); } } @-webkit-keyframes opacityC-5dc8039e { from { opacity: 0.4; } 50% { opacity: 1; } to { opacity: 0.4; } } @keyframes opacityC-5dc8039e { from { opacity: 0.4; } 50% { opacity: 1; } to { opacity: 0.4; } } @-webkit-keyframes title_n-5dc8039e { from { opacity: 0; } 50% { opacity: 0.4; } to { opacity: 1; } } @keyframes title_n-5dc8039e { from { opacity: 0; } 50% { opacity: 0.4; } to { opacity: 1; } } @-webkit-keyframes scrollBg-5dc8039e { from { background-position: 0 0; } to { background-position: 0 -300vh; } } @keyframes scrollBg-5dc8039e { from { background-position: 0 0; } to { background-position: 0 -300vh; } } @-webkit-keyframes circleMoveTop-5dc8039e { from { top: -20%; -webkit-transform: scale(10); transform: scale(10); } to { top: -350PX; -webkit-transform: scale(2); transform: scale(2); } } @keyframes circleMoveTop-5dc8039e { from { top: -20%; -webkit-transform: scale(10); transform: scale(10); } to { top: -350PX; -webkit-transform: scale(2); transform: scale(2); } } @-webkit-keyframes logoMoveTop-5dc8039e { to { top: 40PX; width: 110PX; } } @keyframes logoMoveTop-5dc8039e { to { top: 40PX; width: 110PX; } } .my_fadeIn[data-v-5dc8039e] { -webkit-animation: fadeIn-5dc8039e 0.3s ease-in both; animation: fadeIn-5dc8039e 0.3s ease-in both; } @-webkit-keyframes fadeIn-5dc8039e { from { opacity: 0; -webkit-transform: scale(0.95); transform: scale(0.95); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes fadeIn-5dc8039e { from { opacity: 0; -webkit-transform: scale(0.95); transform: scale(0.95); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } .headerImg[data-v-67f6bd0c] { width: 100%; height: 100%; } .headerImg .default-img[data-v-67f6bd0c] { width: 100%; height: auto; border-radius: 50%; } .swiper-container[data-v-67f6bd0c] { width: 100%; height: 100%; border-radius: 50%; } .swiper-wrapper[data-v-67f6bd0c], .swiper-slide[data-v-67f6bd0c], .swiper-slide img[data-v-67f6bd0c] { width: 100%; height: 100%; } [data-v-f610c43c] .swiper-slide { overflow: hidden; } .page1-view[data-v-f610c43c] { width: 17.8rem; margin: 25vh auto 0; font-family: D-DIN; font-size: 1rem; color: #242422; letter-spacing: 0; line-height: 1.5rem; font-weight: 400; } .page1-view p[data-v-f610c43c] { opacity: 0; -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } .center_content[data-v-f610c43c] { padding: 1.3rem 0; } .full-view[data-v-f610c43c] { font-family: D-DIN; position: relative; width: 100%; height: 100%; overflow: hidden; } .decline[data-v-f610c43c] { width: 1.9rem; position: absolute; bottom: 3.1rem; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 99; } .back_image[data-v-f610c43c] { width: 100%; height: 100%; position: relative; overflow: hidden; background-color: #fff; } .page3-circie[data-v-f610c43c] { position: absolute; width: 8.8rem; height: 8.8rem; border-radius: 50%; background-color: #fff; opacity: 0; right: 15%; top: 25%; -webkit-animation: page3CircieAni-f610c43c 0.55s ease-in 0.3s forwards; animation: page3CircieAni-f610c43c 0.55s ease-in 0.3s forwards; } @-webkit-keyframes page2CircieAni-f610c43c { from { opacity: 0; } to { opacity: 0.44; } } @keyframes page2CircieAni-f610c43c { from { opacity: 0; } to { opacity: 0.44; } } @-webkit-keyframes page3CircieAni-f610c43c { from { opacity: 0; } to { opacity: 0.58; } } @keyframes page3CircieAni-f610c43c { from { opacity: 0; } to { opacity: 0.58; } } .three[data-v-f610c43c] { width: 100%; height: 100%; position: relative; overflow: hidden !important; } .circie_img[data-v-f610c43c] { width: 100%; margin-top: -3.1rem; opacity: 0; -webkit-animation: pageBgIn-f610c43c 0.5s ease-in forwards; animation: pageBgIn-f610c43c 0.5s ease-in forwards; } .book_img[data-v-f610c43c] { position: absolute; width: 80%; z-index: 99; right: 0; bottom: 8.8rem; } .animate__fadeInBottomRight[data-v-f610c43c] { --animate-duration: 2s; } .page3-view[data-v-f610c43c] { position: absolute; top: 6.6rem; } .page3-view .line[data-v-f610c43c] { background-color: #006cff; -webkit-animation-delay: 2.2s; animation-delay: 2.2s; } .cont[data-v-f610c43c] { z-index: 40; font-family: D-DIN; font-size: 1rem; color: #242422; letter-spacing: 0; line-height: 1.5rem; padding-left: 2.5rem; } .cont i[data-v-f610c43c] { font-family: D-DIN-Bold; font-size: 2.6rem; color: #006cff; font-style: oblique; } .cptc[data-v-f610c43c] { padding-left: 2.5rem; font-size: 1.1rem; color: #242422; letter-spacing: 0; line-height: 3.3rem; -webkit-animation-delay: 2.4s; animation-delay: 2.4s; } .animate__bounceInUp[data-v-f610c43c] { --animate-duration: 20s; } .first_size[data-v-f610c43c] { font-size: 1.1rem; -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } .second_size[data-v-f610c43c] { -webkit-animation-delay: 0.8s; animation-delay: 0.8s; } .second_size i[data-v-f610c43c] { -webkit-animation-delay: 1.2s; animation-delay: 1.2s; } .last_size[data-v-f610c43c] { -webkit-animation-delay: 1.6s; animation-delay: 1.6s; } .last_size i[data-v-f610c43c] { -webkit-animation-delay: 2s; animation-delay: 2s; } .center_size[data-v-f610c43c] { font-size: 1.1rem; letter-spacing: 0; line-height: 3.3rem; } .logo_image[data-v-f610c43c] { width: 15.6rem; height: 1.4rem; margin: 2.8rem auto; -webkit-animation-delay: 0.8s; animation-delay: 0.8s; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; } .logo_image img[data-v-f610c43c] { width: 100%; height: 100%; } @-webkit-keyframes aaa-f610c43c { 0% { -webkit-transform: scale(1); transform: scale(1); } 75% { -webkit-transform: scale(2); transform: scale(2); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes aaa-f610c43c { 0% { -webkit-transform: scale(1); transform: scale(1); } 75% { -webkit-transform: scale(2); transform: scale(2); } 100% { -webkit-transform: scale(1); transform: scale(1); } } .computer_box[data-v-f610c43c] { width: 100%; height: 100%; overflow: hidden; -webkit-animation: bg-f610c43c 1.5s linear forwards; animation: bg-f610c43c 1.5s linear forwards; } .computer_box .page2-circe[data-v-f610c43c] { position: absolute; width: 7.5rem; height: 7.5rem; border-radius: 50%; background-color: #006cff; opacity: 0; left: -1.3rem; top: 40%; -webkit-animation: page2CircieAni-f610c43c 0.5s ease-in 0.3s forwards; animation: page2CircieAni-f610c43c 0.5s ease-in 0.3s forwards; } .line[data-v-f610c43c] { background-color: #fff; height: 1px; border: none; opacity: 0; } @-webkit-keyframes bg-f610c43c { from { background-color: transparent; } to { background-color: #006cff; } } @keyframes bg-f610c43c { from { background-color: transparent; } to { background-color: #006cff; } } .computer_img[data-v-f610c43c] { width: 100%; margin-top: -3.1rem; opacity: 0; -webkit-animation: pageBgIn-f610c43c 0.5s ease-in forwards; animation: pageBgIn-f610c43c 0.5s ease-in forwards; } @-webkit-keyframes pageBgIn-f610c43c { from { opacity: 0; -webkit-transform: translateY(40%); transform: translateY(40%); } to { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes pageBgIn-f610c43c { from { opacity: 0; -webkit-transform: translateY(40%); transform: translateY(40%); } to { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } .cpt_img[data-v-f610c43c] { width: 80%; position: absolute; right: 0px; bottom: 6.3rem; opacity: 1; z-index: 99; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-direction: 0.3s; animation-direction: 0.3s; } .computer_size[data-v-f610c43c] { font-family: D-DIN; font-size: 1rem; position: absolute; top: 5.3rem; right: 0px; color: white; width: 70%; z-index: 9999; } .computer_size div[data-v-f610c43c] { line-height: 1.5rem; margin-top: 8px; } .best[data-v-f610c43c] { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } .best i[data-v-f610c43c] { -webkit-animation-delay: 0.8s; animation-delay: 0.8s; } .best .line[data-v-f610c43c] { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } .eight[data-v-f610c43c] { -webkit-animation-delay: 1.2s; animation-delay: 1.2s; } .eight i[data-v-f610c43c] { -webkit-animation-delay: 1.6s; animation-delay: 1.6s; } .best i[data-v-f610c43c], .eight i[data-v-f610c43c], .thre i[data-v-f610c43c], .countLess i[data-v-f610c43c] { display: inline-block; font-size: 2.5rem; color: #ffffff; letter-spacing: 0; font-weight: 700; padding: 0 5px; } .thre[data-v-f610c43c] { text-align: right; float: right; -webkit-animation-delay: 2s; animation-delay: 2s; } .thre div[data-v-f610c43c] { padding-right: 1.9rem; } .thre i[data-v-f610c43c] { -webkit-animation-delay: 2.4s; animation-delay: 2.4s; } .thre .line[data-v-f610c43c] { -webkit-animation-delay: 2.2s; animation-delay: 2.2s; } .countLess[data-v-f610c43c] { clear: both; padding-right: 10px; padding-top: 1.3rem; -webkit-animation-delay: 2.8s; animation-delay: 2.8s; } .countLess i[data-v-f610c43c] { -webkit-animation-delay: 3.2s; animation-delay: 3.2s; font-size: 2rem; } .head_port[data-v-f610c43c] { width: 100%; height: 100%; background-image: url(../img/03_1_bg.41279828.png); background-repeat: no-repeat; background-size: 100%; position: relative; } .head_image_first[data-v-f610c43c], .head_image_second[data-v-f610c43c], .head_image_third[data-v-f610c43c], .head_image_fourth[data-v-f610c43c], .head_image_fiveth[data-v-f610c43c] { background: #006cff; border-radius: 50%; padding: 6px; -webkit-box-sizing: border-box; box-sizing: border-box; } .head_image_first[data-v-f610c43c] { width: 12.5rem; height: 12.5rem; position: absolute; top: 20%; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); padding: 1.3rem; } .head_image_first img[data-v-f610c43c] { border-radius: 50%; width: 100%; height: 100%; } .head_image_second[data-v-f610c43c] { width: 6.3rem; height: 6.3rem; position: absolute; top: 7%; left: 16%; } .head_image_third[data-v-f610c43c] { width: 3.1rem; height: 3.1rem; position: absolute; top: 5%; left: 68%; } .head_image_fourth[data-v-f610c43c] { width: 5rem; height: 5rem; position: absolute; top: 96vw; left: 5%; } .head_image_fiveth[data-v-f610c43c] { width: 3.6rem; height: 3.6rem; position: absolute; top: 97vw; right: 20%; } .swiper_header[data-v-f610c43c] { width: 6.3rem; height: 6.3rem; background: #006cff; border-radius: 50%; left: 5rem; top: 22.2rem; } .div_name[data-v-f610c43c] { position: absolute; left: 11%; bottom: 14%; } .group[data-v-f610c43c] { font-family: D-DIN-Bold; font-size: 1.1rem; color: #003885; letter-spacing: 0; line-height: 1.5rem; font-weight: 700; z-index: 9999; } .groups[data-v-f610c43c] { font-family: D-DIN-Bold; font-size: 1.9rem; color: #006cff; letter-spacing: 0; line-height: 2rem; font-weight: 700; } .member_name[data-v-f610c43c] { font-family: D-DIN; font-size: 0.9rem; color: #333333; letter-spacing: 0; line-height: 1.5rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; max-height: 9rem; overflow-y: auto; } .member_name > div[data-v-f610c43c] { width: 50%; padding-right: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .fame[data-v-f610c43c] { width: 100%; height: 100%; position: relative; background-color: #006cff; } .ani-delay2[data-v-f610c43c] { opacity: 0; } .left_fame[data-v-f610c43c] { width: 45%; height: 100%; position: absolute; left: 3%; background-image: url(../img/3_2_bg1.10633db9.png); background-repeat: repeat-y; background-size: 100%; -webkit-animation: opFadeIn-f610c43c 0.5s 1s linear forwards,scrollBg-f610c43c 100s 1s linear infinite; animation: opFadeIn-f610c43c 0.5s 1s linear forwards,scrollBg-f610c43c 100s 1s linear infinite; } .left_fame_type3[data-v-f610c43c] { background-image: url(../img/3_2_bg1_type3.472dd559.png); } .right_fame[data-v-f610c43c] { width: 45%; height: 100%; position: absolute; right: 3%; background-image: url(../img/3_2_bg2.fb424779.png); background-repeat: repeat-y; background-size: 100%; -webkit-animation: opFadeIn-f610c43c 0.5s 1s linear forwards,scrollAg-f610c43c 100s 1s linear infinite; animation: opFadeIn-f610c43c 0.5s 1s linear forwards,scrollAg-f610c43c 100s 1s linear infinite; } .right_fame_type3[data-v-f610c43c] { background-image: url(../img/3_2_bg2_type3.e02caf29.png); } @-webkit-keyframes scrollBgP-f610c43c { from { background-position: 0 0; } to { background-position: 0 -200vh; } } @keyframes scrollBgP-f610c43c { from { background-position: 0 0; } to { background-position: 0 -200vh; } } @-webkit-keyframes scrollBg-f610c43c { from { background-position: 0 0; } 50% { background-position: 0 -200vh; } to { background-position: 0 0; } } @keyframes scrollBg-f610c43c { from { background-position: 0 0; } 50% { background-position: 0 -200vh; } to { background-position: 0 0; } } @-webkit-keyframes scrollAg-f610c43c { from { background-position: 0 0; } 50% { background-position: 0 200vh; } to { background-position: 0 0; } } @keyframes scrollAg-f610c43c { from { background-position: 0 0; } 50% { background-position: 0 200vh; } to { background-position: 0 0; } } .on_shadow[data-v-f610c43c] { width: 100%; position: absolute; top: 0%; left: 0%; z-index: 1; } .under_shadow[data-v-f610c43c] { width: 100%; position: absolute; bottom: 0%; left: 0%; z-index: 1; } .hope[data-v-f610c43c] { position: absolute; width: 70%; left: 7%; top: 2rem; z-index: 2; color: #ffffff; font-family: D-DIN-Bold; font-size: 1.1rem; color: #ffffff; letter-spacing: 0; line-height: 1.6rem; font-weight: 700; } .title_names[data-v-f610c43c] { width: 80%; text-align: right; position: absolute; right: 10%; bottom: 15%; } .title_names > img[data-v-f610c43c]:nth-of-type(1) { width: 9.8rem; } .title_names > img[data-v-f610c43c]:nth-of-type(2) { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; width: 15rem; margin-top: 1.9rem; } .follow[data-v-f610c43c] { width: 6.3rem; } @-webkit-keyframes opFadeIn-f610c43c { from { opacity: 0; } to { opacity: 1; } } @keyframes opFadeIn-f610c43c { from { opacity: 0; } to { opacity: 1; } } .dear[data-v-f610c43c] { width: 100%; height: 100%; background: #006cff; color: #ffffff; position: relative; background-image: url(../img/04_bg.6ed98b8a.png); background-repeat: repeat-y; background-size: 100%; } .dear_content[data-v-f610c43c] { width: 80%; color: white; position: absolute; margin: auto; left: 10%; top: 18%; } .title_dear[data-v-f610c43c] { font-size: 1rem; line-height: 1.8rem; font-weight: 500; } .title_name[data-v-f610c43c] { font-family: D-DIN-Bold; font-size: 1.3rem; line-height: 2.5rem; margin: 10px 0; } .title_content[data-v-f610c43c] { font-size: 1rem; line-height: 1.8rem; font-weight: 400; } .title_content p[data-v-f610c43c] { word-wrap: break-word; word-break: break-word; } .texta[data-v-f610c43c] { width: 100%; font-size: 1rem; text-align: center; line-height: 1.5rem; font-weight: 400; background: rgba(0, 85, 201, 0.72); border: 1px solid rgba(255, 255, 255, 0.42); border-radius: 1px; color: white; word-wrap: break-word; word-break: break-word; padding: 8px; -webkit-box-sizing: border-box; box-sizing: border-box; margin-top: 2rem; } .textb[data-v-f610c43c] { padding: 8px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; background: white; border: 1px solid rgba(255, 255, 255, 0.42); border-radius: 1px; position: relative; } .textb img[data-v-f610c43c] { width: 80%; display: block; margin: auto; } .my_fadeIn[data-v-f610c43c] { opacity: 0; -webkit-animation-name: fadeIn-f610c43c; animation-name: fadeIn-f610c43c; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes fadeIn-f610c43c { from { opacity: 0; -webkit-transform: scale(0.95); transform: scale(0.95); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes fadeIn-f610c43c { from { opacity: 0; -webkit-transform: scale(0.95); transform: scale(0.95); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @media screen and (max-height: 43.8rem) { .decline[data-v-f610c43c] { width: 1.6rem; } .page1-view[data-v-f610c43c] { font-size: 0.9rem; line-height: 1.3rem; } .page1-view .center_content[data-v-f610c43c] { padding: 12px 0; } .page1-view .logo_image[data-v-f610c43c] { margin: 2rem auto; } .computer_size[data-v-f610c43c] { font-size: 0.9rem; top: 4.4rem; } .computer_size div[data-v-f610c43c] { line-height: 1.4rem; margin-top: 6px; } .computer_size div i[data-v-f610c43c] { font-size: 2rem; } .computer_size .countLess[data-v-f610c43c] { padding-top: 0.9rem; } .computer_size .countLess i[data-v-f610c43c] { font-size: 1.5rem; } .cpt_img[data-v-f610c43c] { width: 65%; bottom: 3.8rem; } .book_img[data-v-f610c43c] { width: 70%; bottom: 2.5rem; -webkit-animation-direction: 0.3s; animation-direction: 0.3s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .cont[data-v-f610c43c] { font-size: 0.9rem; line-height: 1.4rem; padding-left: 1.9rem; } .cont .center_size[data-v-f610c43c] { line-height: 2.6rem; } .cont i[data-v-f610c43c] { font-size: 2.4rem; } .cptc[data-v-f610c43c] { font-size: 1rem; line-height: 2.6rem; padding-left: 1.9rem; } .hope[data-v-f610c43c] { font-size: 0.9rem; line-height: 1.3rem; } .head_image_first[data-v-f610c43c] { width: 10rem; height: 10rem; } .head_image_second[data-v-f610c43c] { width: 5rem; height: 5rem; left: 13%; } .head_image_fourth[data-v-f610c43c] { width: 3.8rem; height: 3.8rem; top: 83vw; left: 17%; } .head_image_third[data-v-f610c43c] { width: 2.5rem; height: 2.5rem; } .head_image_fiveth[data-v-f610c43c] { top: 91vw; right: 20%; } .div_name .group[data-v-f610c43c] { font-size: 1rem; line-height: 1.3rem; } .div_name .member_name[data-v-f610c43c] { max-height: 6.3rem; overflow-y: auto; font-size: 0.9rem; line-height: 1.3rem; } .title_dear[data-v-f610c43c] { font-size: 0.9rem; line-height: 1.3rem; } .title_name[data-v-f610c43c] { font-size: 1.1rem; line-height: 2.1rem; } .title_content[data-v-f610c43c] { font-size: 0.9rem; line-height: 1.4rem; } .texta[data-v-f610c43c] { font-size: 0.9rem; line-height: 1.3rem; margin-top: 1.6rem; } .title_names[data-v-f610c43c] { bottom: 10%; } .title_names > img[data-v-f610c43c]:nth-of-type(1) { width: 9.7rem; } .title_names > img[data-v-f610c43c]:nth-of-type(2) { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; width: 13.6rem; margin-top: 10px; } } .first-page[data-v-0f0e7c2c] { width: 100%; height: 100%; overflow: hidden; background: #fff; } .first-page .one[data-v-0f0e7c2c] { position: relative; width: 100%; height: 100%; overflow: hidden; } .first-page .one .circle[data-v-0f0e7c2c] { position: absolute; top: calc(50% - 15rem); left: calc(50% - 10rem); width: 20rem; height: 20rem; border-radius: 50%; background-color: #006cff; opacity: 1; -webkit-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; -webkit-animation: zoomIn-0f0e7c2c 0.3s ease-out forwards,scaleIn-0f0e7c2c 0.5s 1.5s ease-in-out forwards; animation: zoomIn-0f0e7c2c 0.3s ease-out forwards,scaleIn-0f0e7c2c 0.5s 1.5s ease-in-out forwards; } .first-page .one .opacityA[data-v-0f0e7c2c] { opacity: 0; } .first-page .one .scroll-bg[data-v-0f0e7c2c] { position: absolute; left: 20vw; width: 60vw; height: 100vh; background-image: url(../img/sp_bg.98ef7cac.png); background-repeat: repeat-y; background-size: 100% auto; -webkit-animation: scrollBg-0f0e7c2c 40s linear infinite,opacityIn-0f0e7c2c 0.2s ease-in forwards; animation: scrollBg-0f0e7c2c 40s linear infinite,opacityIn-0f0e7c2c 0.2s ease-in forwards; } .first-page .one .logo-gif[data-v-0f0e7c2c] { position: absolute; top: calc(50% - 7.5rem); left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 12.5rem; z-index: 2; } .first-page .one .eric-logo-gif[data-v-0f0e7c2c] { -webkit-animation: moveTop-0f0e7c2c .3s 2.2s ease-in forwards; animation: moveTop-0f0e7c2c .3s 2.2s ease-in forwards; } .first-page .one .one-bottom-txt[data-v-0f0e7c2c] { position: absolute; bottom: 8.1rem; left: 4rem; right: 4rem; } .first-page .one .one-bottom-txt .title_content[data-v-0f0e7c2c] { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; font-style: italic; font-size: 0.9rem; line-height: 1.3rem; color: #fff; padding-right: 12px; } .first-page .one .one-bottom-txt .title_content .title_content-title[data-v-0f0e7c2c] { font-size: 1.1rem; font-family: D-DIN-Bold; font-weight: 700; line-height: 1.5rem; font-style: normal; margin-bottom: 8px; } .first-page .one .one-bottom-txt .title_content .title_content-cont[data-v-0f0e7c2c] { margin-bottom: 1.9rem; } .first-page .one .one-bottom-txt .go[data-v-0f0e7c2c] { color: #ffffff; -webkit-animation-delay: 0.6s; animation-delay: 0.6s; font-size: 1.1rem; font-weight: normal; line-height: 1.5rem; margin-top: 8px; } @-webkit-keyframes moveTop-0f0e7c2c { from { -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } to { -webkit-transform: translate(-50%, -10rem); transform: translate(-50%, -10rem); width: 10rem; } } @keyframes moveTop-0f0e7c2c { from { -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } to { -webkit-transform: translate(-50%, -10rem); transform: translate(-50%, -10rem); width: 10rem; } } @-webkit-keyframes zoomIn-0f0e7c2c { from { opacity: 0; -webkit-transform: scale(0.3); transform: scale(0.3); } 50% { opacity: 1; } to { -webkit-transform: scale(1); transform: scale(1); } } @keyframes zoomIn-0f0e7c2c { from { opacity: 0; -webkit-transform: scale(0.3); transform: scale(0.3); } 50% { opacity: 1; } to { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes scaleIn-0f0e7c2c { from { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } to { opacity: 1; -webkit-transform: scale(10); transform: scale(10); } } @keyframes scaleIn-0f0e7c2c { from { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } to { opacity: 1; -webkit-transform: scale(10); transform: scale(10); } } @-webkit-keyframes opacityIn-0f0e7c2c { from { opacity: 0; } to { opacity: 1; } } @keyframes opacityIn-0f0e7c2c { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes scrollBg-0f0e7c2c { from { background-position: 0 0; } to { background-position: 0 -300vh; } } @keyframes scrollBg-0f0e7c2c { from { background-position: 0 0; } to { background-position: 0 -300vh; } } .my_fadeIn[data-v-0f0e7c2c] { -webkit-animation: fadeIn-0f0e7c2c 0.3s ease-in both; animation: fadeIn-0f0e7c2c 0.3s ease-in both; } @-webkit-keyframes fadeIn-0f0e7c2c { from { opacity: 0; -webkit-transform: scale(0.95); transform: scale(0.95); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes fadeIn-0f0e7c2c { from { opacity: 0; -webkit-transform: scale(0.95); transform: scale(0.95); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } .page2-view[data-v-0f1c93ad] { position: relative; width: 100%; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #006cff; background-image: url(../img/page2_bg.9a378232.png); background-size: 100% 100%; background-repeat: no-repeat; -webkit-animation: bgColor-0f1c93ad 0.3s 0.2s linear forwards; animation: bgColor-0f1c93ad 0.3s 0.2s linear forwards; overflow: hidden; } .page2-view .lecturer-detail[data-v-0f1c93ad] { z-index: 2; position: absolute; left: 1.5rem; right: 1.5rem; top: 40%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .page2-view .lecturer-detail .lecturer-photo[data-v-0f1c93ad] { position: relative; padding: 0.9rem 1.6rem; background-image: url(../img/lecturer_bg.7c99e76f.png); background-position: top; background-size: 110%; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; } .page2-view .lecturer-detail .lecturer-photo > img[data-v-0f1c93ad] { height: 18.4rem; } .page2-view .lecturer-detail .lecturer-photo[data-v-0f1c93ad]::after { content: ''; position: absolute; display: block; left: 0; right: 0; bottom: 0; height: 5.6rem; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 108, 255, 0)), color-stop(0%, rgba(0, 108, 255, 0)), color-stop(83%, #006cff), color-stop(100%, #006cff), to(#006cff)); background: -webkit-linear-gradient(top, rgba(0, 108, 255, 0) 0%, rgba(0, 108, 255, 0) 0%, #006cff 83%, #006cff 100%, #006cff 100%); background: -o-linear-gradient(top, rgba(0, 108, 255, 0) 0%, rgba(0, 108, 255, 0) 0%, #006cff 83%, #006cff 100%, #006cff 100%); background: linear-gradient(180deg, rgba(0, 108, 255, 0) 0%, rgba(0, 108, 255, 0) 0%, #006cff 83%, #006cff 100%, #006cff 100%); } .page2-view .lecturer-detail .name-pos .name[data-v-0f1c93ad] { position: relative; z-index: 1; width: 18.4rem; margin: 0 auto; height: 1.3rem; background: -webkit-linear-gradient(88deg, #006cff 16%, #006cff 16%, rgba(10, 60, 130, 0.26) 85%, rgba(10, 60, 130, 0.26) 85%, rgba(10, 60, 130, 0.26) 85%); background: -o-linear-gradient(88deg, #006cff 16%, #006cff 16%, rgba(10, 60, 130, 0.26) 85%, rgba(10, 60, 130, 0.26) 85%, rgba(10, 60, 130, 0.26) 85%); background: linear-gradient(2deg, #006cff 16%, #006cff 16%, rgba(10, 60, 130, 0.26) 85%, rgba(10, 60, 130, 0.26) 85%, rgba(10, 60, 130, 0.26) 85%); } .page2-view .lecturer-detail .name-pos .name p[data-v-0f1c93ad] { position: absolute; left: 0; right: 0; font-family: D-DIN-Bold; margin: 0; text-align: center; bottom: 3px; color: #fff; font-size: 1.5rem; font-weight: bold; line-height: 2rem; text-shadow: 2px 2px #0a3c82; } .page2-view .lecturer-detail .name-pos .pos[data-v-0f1c93ad] { position: relative; width: 100%; padding: 12px 0; -webkit-box-sizing: border-box; box-sizing: border-box; margin-top: -10px; min-height: 3.8rem; font-size: 1rem; line-height: 1.1rem; color: #000000; background: -webkit-gradient(linear, left bottom, left top, from(#ffffff), color-stop(0%, #ffffff), color-stop(99%, rgba(255, 255, 255, 0.35)), to(rgba(255, 255, 255, 0.35))); background: -webkit-linear-gradient(bottom, #ffffff 0%, #ffffff 0%, rgba(255, 255, 255, 0.35) 99%, rgba(255, 255, 255, 0.35) 100%); background: -o-linear-gradient(bottom, #ffffff 0%, #ffffff 0%, rgba(255, 255, 255, 0.35) 99%, rgba(255, 255, 255, 0.35) 100%); background: linear-gradient(0deg, #ffffff 0%, #ffffff 0%, rgba(255, 255, 255, 0.35) 99%, rgba(255, 255, 255, 0.35) 100%); } .page2-view .lecturer-detail .name-pos .pos > div[data-v-0f1c93ad] { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; text-align: center; } .page2-view .lecturer-detail .thanks[data-v-0f1c93ad] { margin-top: 1.3rem; font-size: 1rem; line-height: 1.3rem; color: #ffffff; } .page2-view .honor[data-v-0f1c93ad] { margin-top: 1.3rem; font-family: D-DIN-Bold; font-weight: bold; } .page2-view .honor .honor-title[data-v-0f1c93ad] { font-size: 1.1rem; line-height: 1.3rem; color: #ffffff; margin-bottom: 10px; } .page2-view .honor .honor-cont[data-v-0f1c93ad] { position: relative; width: 21.9rem; margin: 0 auto; } .page2-view .honor .honor-cont > img[data-v-0f1c93ad] { width: 100%; height: 11.3rem; } .page2-view .honor .honor-cont > p[data-v-0f1c93ad] { position: absolute; width: 100%; text-align: center; } .page2-view .honor .honor-cont .honor-cont-year[data-v-0f1c93ad] { font-size: 2.1rem; font-weight: 700; color: #006cff; -webkit-text-stroke: #ffffff 1px; top: 2.3rem; } .page2-view .honor .honor-cont .honor-cont-txt[data-v-0f1c93ad] { top: 5.1rem; height: 2.4rem; line-height: 2.4rem; font-size: 1.5rem; color: #ffffff; } .page2-view .bottom-img[data-v-0f1c93ad] { position: absolute; bottom: -3.1rem; left: -50%; width: 200%; } .xu-pagination[data-v-0f1c93ad] { position: relative; } .xu-pagination[data-v-0f1c93ad] .swiper-pagination { top: 1.5rem; width: 100%; } .xu-pagination[data-v-0f1c93ad] .my-bullet { width: 1rem; border-radius: 8px; height: 8px; margin: 4px; display: inline-block; border: 1px solid #025FDD; background: rgba(255, 255, 255, 0.8); } .xu-pagination[data-v-0f1c93ad] .my-bullet-active { background: #025FDD; } .header_fadeIn[data-v-0f1c93ad] { -webkit-animation: trans_fadeIn-0f1c93ad 0.2s 0.3s linear both; animation: trans_fadeIn-0f1c93ad 0.2s 0.3s linear both; } .thanks_fadeIn[data-v-0f1c93ad] { -webkit-animation: scale_fadeIn-0f1c93ad 0.2s 0.6s ease-in-out both; animation: scale_fadeIn-0f1c93ad 0.2s 0.6s ease-in-out both; } .img_fadeIn[data-v-0f1c93ad] { -webkit-animation: bg_img_fadeIn-0f1c93ad 0.4s 0.4s ease-in both; animation: bg_img_fadeIn-0f1c93ad 0.4s 0.4s ease-in both; } .honor_fadeIn[data-v-0f1c93ad] { -webkit-animation: honor_fadeIn-0f1c93ad 0.2s 1.1s ease-in-out both; animation: honor_fadeIn-0f1c93ad 0.2s 1.1s ease-in-out both; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } @-webkit-keyframes honor_fadeIn-0f1c93ad { from { visibility: hidden; } to { visibility: visible; } } @keyframes honor_fadeIn-0f1c93ad { from { visibility: hidden; } to { visibility: visible; } } @-webkit-keyframes trans_fadeIn-0f1c93ad { from { opacity: 0; -webkit-transform: translate3d(0, 7.5rem, 0); transform: translate3d(0, 7.5rem, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes trans_fadeIn-0f1c93ad { from { opacity: 0; -webkit-transform: translate3d(0, 7.5rem, 0); transform: translate3d(0, 7.5rem, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes scale_fadeIn-0f1c93ad { from { opacity: 0; -webkit-transform: scale(0.5); transform: scale(0.5); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes scale_fadeIn-0f1c93ad { from { opacity: 0; -webkit-transform: scale(0.5); transform: scale(0.5); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes bg_img_fadeIn-0f1c93ad { from { opacity: 0; -webkit-transform: translateY(1.3rem); transform: translateY(1.3rem); } to { opacity: 0.6; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes bg_img_fadeIn-0f1c93ad { from { opacity: 0; -webkit-transform: translateY(1.3rem); transform: translateY(1.3rem); } to { opacity: 0.6; -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes bgColor-0f1c93ad { from { background-color: #006cff; } to { background-color: #fff; } } @keyframes bgColor-0f1c93ad { from { background-color: #006cff; } to { background-color: #fff; } } .pad_lr_16[data-v-5404f780] { padding-left: 1rem; padding-right: 1rem; -webkit-box-sizing: border-box; box-sizing: border-box; } .page3-item[data-v-5404f780] { font-size: 1.1rem; line-height: 1.3rem; } .page3-item .item-header .item-header-title[data-v-5404f780] { color: #0a3c82; } .page3-item .item-header .text-cont[data-v-5404f780] { margin: 8px 0; font-family: D-DIN-Bold; font-size: 1.3rem; font-weight: bold; line-height: 1.5rem; color: #006cff; text-shadow: 1px 1px #ffffff; } .page3-item .item-header .program-name[data-v-5404f780] { font-family: D-DIN-Bold; font-weight: bold; line-height: 1.5rem; color: #0a3c82; padding-top: 1.6rem; padding-bottom: 1.6rem; background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(0%, #ffffff), color-stop(51%, rgba(255, 255, 255, 0.32)), color-stop(100%, rgba(0, 108, 255, 0.19)), to(rgba(0, 108, 255, 0.19))); background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 0%, rgba(255, 255, 255, 0.32) 51%, rgba(0, 108, 255, 0.19) 100%, rgba(0, 108, 255, 0.19) 100%); background: -o-linear-gradient(top, #ffffff 0%, #ffffff 0%, rgba(255, 255, 255, 0.32) 51%, rgba(0, 108, 255, 0.19) 100%, rgba(0, 108, 255, 0.19) 100%); background: linear-gradient(180deg, #ffffff 0%, #ffffff 0%, rgba(255, 255, 255, 0.32) 51%, rgba(0, 108, 255, 0.19) 100%, rgba(0, 108, 255, 0.19) 100%); } .page3-item .class-detail[data-v-5404f780] { padding-top: 2.1rem; padding-bottom: 2.1rem; font-size: 1rem; line-height: 1.3rem; color: #0a3c82; border-radius: 2px; background: -webkit-linear-gradient(93deg, #ffffff 2%, #ffffff 2%, rgba(255, 255, 255, 0.87) 97%, rgba(255, 255, 255, 0.87) 97%); background: -o-linear-gradient(93deg, #ffffff 2%, #ffffff 2%, rgba(255, 255, 255, 0.87) 97%, rgba(255, 255, 255, 0.87) 97%); background: linear-gradient(357deg, #ffffff 2%, #ffffff 2%, rgba(255, 255, 255, 0.87) 97%, rgba(255, 255, 255, 0.87) 97%); -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); } .page3-item .class-detail[data-v-5404f780]::after { content: ''; display: block; clear: both; } .page3-item .class-detail .by-what[data-v-5404f780] { margin-top: 1.6rem; } .page3-item .class-detail .w_100[data-v-5404f780] { width: 100%; } .page3-item .class-detail .class-detail-cont[data-v-5404f780] { border-bottom: 1px solid #0a3c82; display: inline-block; font-family: D-DIN-Bold; font-weight: bold; } .page3-item .class-detail .class-detail-cont .class-detail-cont-num1[data-v-5404f780] { font-family: D-DIN-Bold; font-size: 2.3rem; font-weight: bold; line-height: 2.9rem; color: #006cff; text-shadow: 1px 1px #0a3c82; padding: 0 8px; } .page3-item .class-detail .from-country[data-v-5404f780] { margin-top: 1.9rem; display: inline-block; border-bottom: 1px solid #006cff; } .page3-item .class-detail .which-female[data-v-5404f780] { margin-top: 1.6rem; display: inline-block; padding-right: 4em; border-bottom: 1px solid #006cff; } .page3-item .class-detail .class-detail-cont-num2[data-v-5404f780] { font-family: D-DIN-Bold; font-size: 1.8rem; font-weight: bold; line-height: 2rem; color: #0a3c82; padding: 0 8px; } .page3Default-view[data-v-7b0f05d0] .swiper-wrapper { -webkit-box-align: end !important; -webkit-align-items: flex-end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .xu-pagination[data-v-7b0f05d0] { position: relative; } .xu-pagination[data-v-7b0f05d0] .swiper-pagination { top: 1.5rem; width: 100%; } .xu-pagination[data-v-7b0f05d0] .my-bullet { width: 1.5rem; border-radius: 8px; height: 6px; margin: 4px; display: inline-block; background: rgba(255, 255, 255, 0.6); } .xu-pagination[data-v-7b0f05d0] .my-bullet-active { background: #fff; } p[data-v-861aa9f2] { margin: 0; } .block_view[data-v-861aa9f2] { display: block; width: 100% !important; } .font24[data-v-861aa9f2] { font-size: 1.5rem; } .pad_lr_16[data-v-861aa9f2] { padding-left: 1rem; padding-right: 1rem; -webkit-box-sizing: border-box; box-sizing: border-box; } .font_Bold[data-v-861aa9f2] { font-family: D-DIN-Bold; font-weight: bold; } .black_color[data-v-861aa9f2] { color: #000; } .theme-color[data-v-861aa9f2] { color: #0a3c82; } .float-view[data-v-861aa9f2]::after { content: ''; display: block; clear: both; } .float-view .float_right[data-v-861aa9f2] { float: right; text-align: right; } .float-view .float_left[data-v-861aa9f2] { float: left; width: 100%; } .big_font[data-v-861aa9f2] { font-size: 2.3rem; line-height: 2.9rem; color: #006cff; padding-left: 4px; padding-right: 4px; } .page3-item[data-v-861aa9f2] { font-size: 1rem; line-height: 1.3rem; min-height: 28.1rem; } .page3-item .item-header[data-v-861aa9f2] { width: 95%; font-size: 1.4rem; line-height: 1.9rem; margin-bottom: 10px; color: #0a3c82; text-shadow: 1px 1px #ffffff; } .page3-item .class-detail[data-v-861aa9f2] { padding-top: 1rem; padding-bottom: 1rem; font-size: 1rem; line-height: 1.3rem; color: #0a3c82; background: -webkit-gradient(linear, left top, left bottom, color-stop(2%, rgba(255, 255, 255, 0.85)), to(rgba(255, 255, 255, 0.91))); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.85) 2%, rgba(255, 255, 255, 0.91) 100%); background: -o-linear-gradient(top, rgba(255, 255, 255, 0.85) 2%, rgba(255, 255, 255, 0.91) 100%); background: linear-gradient(180deg, rgba(255, 255, 255, 0.85) 2%, rgba(255, 255, 255, 0.91) 100%); -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); border-radius: 2px; } .page3-item .class-detail .lesson-view[data-v-861aa9f2] { border-bottom: 1px solid #006cff; } .page3-item .class-detail .lesson-view .lesson-item[data-v-861aa9f2] { padding-left: 1rem; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 1rem; } .page3-item .class-detail .lesson-view .lesson-item[data-v-861aa9f2]::after { position: absolute; content: ''; display: block; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 6px; height: 6px; border-radius: 50%; background-color: #0a3c82; } .page3-item .class-detail .lesson-view .lesson-item .lesson-item-cont[data-v-861aa9f2] { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .page3-item .class-detail .lesson-view .lesson-item .lesson-item-num[data-v-861aa9f2] { width: 6.3rem; font-weight: normal; border-bottom: 1px solid #006cff; text-align: right; } .page3-item .class-detail .lesson-view .lesson-item .lesson-item-num > span[data-v-861aa9f2] { font-size: 1.5rem; font-weight: bold; line-height: 1.3rem; color: #006cff; padding-left: 6px; padding-right: 6px; } .page3-item .class-detail .learners-detail[data-v-861aa9f2] { margin-top: 8px; border-bottom: 1px solid #006cff; padding-bottom: 12px; } .page3-item .class-detail .learners-detail > div[data-v-861aa9f2] { width: 80%; } .page3-item .class-detail .learners-detail .eric_total_learner[data-v-861aa9f2] { display: inline-block; width: auto; border-bottom: 1px solid #006cff; padding-bottom: 6px; padding-right: 1rem; margin-bottom: 10px; } .page3-item .class-detail .learners-rate .first-txt[data-v-861aa9f2] { width: 80%; margin-top: 12px; margin-bottom: 10px; } .page3-item .class-detail .learners-rate .first-txt .txt-left[data-v-861aa9f2] { text-align: left; display: block; margin-bottom: -0.9rem; } .page3-item .class-detail .learners-rate .first-txt .txt-rating[data-v-861aa9f2] { padding-left: 1em; } .page3-item .class-detail .learners-rate .type6-first-txt[data-v-861aa9f2] { width: 100%; } .page3-item .class-detail .learners-rate .type6-first-txt > span[data-v-861aa9f2] { display: block; width: 100%; text-align: left; } .page3-item .class-detail .learners-rate .type6-first-txt > span[data-v-861aa9f2]:nth-last-of-type(1) { margin-top: 1rem; } .page3-item .class-detail .learners-rate .last-items[data-v-861aa9f2] { margin-bottom: 12px; } p[data-v-ed73ddba] { margin: 0; } .block_view[data-v-ed73ddba] { display: block; width: 100% !important; } .font24[data-v-ed73ddba] { font-size: 1.5rem; } .pad_lr_16[data-v-ed73ddba] { padding-left: 1rem; padding-right: 1rem; -webkit-box-sizing: border-box; box-sizing: border-box; } .font_Bold[data-v-ed73ddba] { font-family: D-DIN-Bold; font-weight: bold; } .black_color[data-v-ed73ddba] { color: #000; } .big_font[data-v-ed73ddba] { font-size: 2.3rem; line-height: 1.1; color: #006cff; padding-left: 4px; padding-right: 4px; } .big_font_noPad[data-v-ed73ddba] { font-size: 2.3rem; line-height: 1.1; color: #006cff; } .white-color[data-v-ed73ddba] { color: #fff; } .theme-color[data-v-ed73ddba] { color: #0a3c82; } .page3-item[data-v-ed73ddba] { font-size: 1rem; line-height: 1.3rem; min-height: 28.1rem; } .page3-item .item-header[data-v-ed73ddba] { font-size: 1.3rem; line-height: 1.8rem; margin-bottom: 10px; color: #0a3c82; text-shadow: 1px 1px #ffffff; } .page3-item .class-detail[data-v-ed73ddba] { padding-top: 12px; padding-bottom: 10px; font-size: 1rem; line-height: 1.3rem; color: #0a3c82; background: -webkit-gradient(linear, left top, left bottom, color-stop(2%, rgba(255, 255, 255, 0.85)), to(rgba(255, 255, 255, 0.91))); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.85) 2%, rgba(255, 255, 255, 0.91) 100%); background: -o-linear-gradient(top, rgba(255, 255, 255, 0.85) 2%, rgba(255, 255, 255, 0.91) 100%); background: linear-gradient(180deg, rgba(255, 255, 255, 0.85) 2%, rgba(255, 255, 255, 0.91) 100%); -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); border-radius: 2px; } .page3-item .class-detail .eric_total_learner[data-v-ed73ddba] { border-bottom: 1px solid #006cff; padding-bottom: 6px; margin-bottom: 10px; } .page3-item .class-detail .eric-cert-model[data-v-ed73ddba] { margin-top: 8px; } .page3-item .class-detail .eric-cert-model > div[data-v-ed73ddba] { margin-bottom: 10px; } .page3-item .class-detail .eric-cert-model > div[data-v-ed73ddba]:nth-last-child(1) { margin-bottom: 0; } .page3-item .second-view[data-v-ed73ddba] { margin-top: 1.3rem; } .page3-item .second-view .line[data-v-ed73ddba] { margin: 8px 0; height: 1px; background-color: #fff; } p[data-v-0f2aab2e] { margin: 0; } .page3-view[data-v-0f2aab2e] { position: relative; width: 100%; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #006cff; background-image: url(../img/page3_bg.d53edeb1.png); background-size: 100% 100%; background-position: 0 10rem; background-repeat: no-repeat; overflow: hidden; -webkit-animation: bgColor-0f2aab2e 0.3s .2s linear forwards; animation: bgColor-0f2aab2e 0.3s .2s linear forwards; } .page3-view .header-img[data-v-0f2aab2e] { position: absolute; left: -50%; width: 240%; } .page3-view .container[data-v-0f2aab2e] { position: absolute; z-index: 1; left: 1.5rem; right: 1.5rem; top: 46%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .img_fadeIn[data-v-0f2aab2e] { -webkit-animation: fadeIn-0f2aab2e 0.4s 0.5s ease-in both; animation: fadeIn-0f2aab2e 0.4s 0.5s ease-in both; } .cont_fadeIn[data-v-0f2aab2e] { -webkit-animation: opacityIn-0f2aab2e 0.3s 0.3s ease-in both; animation: opacityIn-0f2aab2e 0.3s 0.3s ease-in both; } @-webkit-keyframes fadeIn-0f2aab2e { from { opacity: 0; -webkit-transform: translateY(1.3rem); transform: translateY(1.3rem); } to { opacity: 0.4; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeIn-0f2aab2e { from { opacity: 0; -webkit-transform: translateY(1.3rem); transform: translateY(1.3rem); } to { opacity: 0.4; -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes opacityIn-0f2aab2e { from { opacity: 0; -webkit-transform: translateY(3.1rem); transform: translateY(3.1rem); } to { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes opacityIn-0f2aab2e { from { opacity: 0; -webkit-transform: translateY(3.1rem); transform: translateY(3.1rem); } to { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes bgColor-0f2aab2e { from { background-color: #006cff; } to { background-color: #fff; } } @keyframes bgColor-0f2aab2e { from { background-color: #006cff; } to { background-color: #fff; } } p[data-v-4bb6d1e5] { margin: 0; } .txt-right[data-v-4bb6d1e5] { text-align: right; } .font14[data-v-4bb6d1e5] { font-size: 0.9rem; } .pad_lr_16[data-v-4bb6d1e5] { padding-left: 1rem; padding-right: 1rem; -webkit-box-sizing: border-box; box-sizing: border-box; } .page4-item[data-v-4bb6d1e5] { font-size: 1rem; line-height: 1.3rem; color: #ffffff; } .page4-item .first-view[data-v-4bb6d1e5] { padding: 8px 0; -webkit-box-sizing: border-box; box-sizing: border-box; background: -webkit-gradient(linear, left top, left bottom, color-stop(-3%, #0a3c82), color-stop(-3%, #0a3c82), color-stop(100%, rgba(10, 60, 130, 0)), to(rgba(10, 60, 130, 0))); background: -webkit-linear-gradient(top, #0a3c82 -3%, #0a3c82 -3%, rgba(10, 60, 130, 0) 100%, rgba(10, 60, 130, 0) 100%); background: -o-linear-gradient(top, #0a3c82 -3%, #0a3c82 -3%, rgba(10, 60, 130, 0) 100%, rgba(10, 60, 130, 0) 100%); background: linear-gradient(180deg, #0a3c82 -3%, #0a3c82 -3%, rgba(10, 60, 130, 0) 100%, rgba(10, 60, 130, 0) 100%); } .page4-item .first-view .program-name[data-v-4bb6d1e5] { font-family: D-DIN-Bold; font-size: 1.3rem; font-weight: bold; line-height: 1.5rem; color: #ffffff; margin: 8px 0; } .page4-item .first-view .line[data-v-4bb6d1e5] { width: 100%; height: 1px; margin-bottom: 6px; background: -webkit-gradient(linear, left top, right top, color-stop(49%, #ffffff), color-stop(49%, #ffffff), color-stop(65%, #ffffff), color-stop(99%, rgba(255, 255, 255, 0)), color-stop(99%, rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(left, #ffffff 49%, #ffffff 49%, #ffffff 65%, rgba(255, 255, 255, 0) 99%, rgba(255, 255, 255, 0) 99%); background: -o-linear-gradient(left, #ffffff 49%, #ffffff 49%, #ffffff 65%, rgba(255, 255, 255, 0) 99%, rgba(255, 255, 255, 0) 99%); background: linear-gradient(90deg, #ffffff 49%, #ffffff 49%, #ffffff 65%, rgba(255, 255, 255, 0) 99%, rgba(255, 255, 255, 0) 99%); } .page4-item .first-view .cont-txt[data-v-4bb6d1e5] { position: relative; display: inline-block; min-width: 51%; padding-bottom: 4px; } .page4-item .first-view .cont-txt .big-txt[data-v-4bb6d1e5] { font-family: D-DIN-Bold; font-size: 2.3rem; font-weight: bold; line-height: 2.9rem; text-shadow: 1px 1px #0a3c82; padding: 0 4px; } .page4-item .first-view .cont-txt .bold-txt[data-v-4bb6d1e5] { font-family: D-DIN-Bold; font-weight: bold; color: rgba(255, 255, 255, 0.8); } .page4-item .first-view .scored[data-v-4bb6d1e5] { min-width: 0; } .page4-item .first-view .scored[data-v-4bb6d1e5]::after { content: ''; display: block; position: absolute; width: 75%; bottom: 0; height: 1px; background-color: #fff; } .page4-item .first-view .comment-num[data-v-4bb6d1e5] { min-width: 100%; } .page4-item .first-view .comment-num[data-v-4bb6d1e5]::after { content: ''; display: block; position: absolute; left: 1rem; right: 1rem; bottom: 0; height: 1px; background-color: #fff; } .page4-item .first-view .comm-title[data-v-4bb6d1e5] { font-family: D-DIN-Bold; font-weight: bold; margin-top: 12px; width: 100%; } .page4-item .comm-view[data-v-4bb6d1e5] { position: relative; overflow: hidden; border: 1px solid #ffffff; height: 16.3rem; background: rgba(0, 0, 0, 0.24); padding: 2.4rem 1rem; } .page4-item .comm-view .swiper-img[data-v-4bb6d1e5] { position: absolute; height: 2rem; left: 0; right: 0; text-align: center; z-index: 99; line-height: 2rem; } .page4-item .comm-view .swiper-img img[data-v-4bb6d1e5] { width: 1.5rem; } .page4-item .comm-view .up-img[data-v-4bb6d1e5] { top: 0; background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.44))); background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.44) 100%); background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.44) 100%); background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.44) 100%); } .page4-item .comm-view .down-img[data-v-4bb6d1e5] { bottom: 0; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.44))); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.44) 100%); background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.44) 100%); background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.44) 100%); } .page4-item .comm-view .down-img img[data-v-4bb6d1e5] { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .page4-item .comm-view .btn-disabled img[data-v-4bb6d1e5] { opacity: 0.5; } .page4-item .comm-view .comm-item[data-v-4bb6d1e5] { position: absolute; width: 100%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .page4-item .comm-view .comm-item .comm-txt[data-v-4bb6d1e5] { font-style: italic; } .page4-item .comm-view .comm-item .person-info[data-v-4bb6d1e5] { margin-top: 1.9rem; } .page4-item .comm-view .comm-item .person-info .comm-name[data-v-4bb6d1e5] { font-family: D-DIN-Bold; font-weight: bold; } .page4-item .only-comm[data-v-4bb6d1e5] { height: 18.8rem; } p[data-v-0f38c2af] { margin: 0; } .page4-view[data-v-0f38c2af] { position: relative; width: 100%; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #006cff; overflow: hidden; } .page4-view .circle[data-v-0f38c2af] { position: absolute; background: rgba(10, 60, 130, 0.2); border-radius: 50%; -webkit-box-sizing: content-box; box-sizing: content-box; } .page4-view .circle[data-v-0f38c2af]::after { content: ''; display: block; background: rgba(10, 60, 130, 0.2); border-radius: 50%; width: 100%; height: 100%; } .page4-view .top_circle[data-v-0f38c2af] { top: -8.8rem; right: -8.8rem; width: 15rem; height: 15rem; padding: 3.1rem; } .page4-view .bottom_circle[data-v-0f38c2af] { bottom: -10rem; left: -10rem; width: 22.5rem; height: 22.5rem; padding: 2.3rem; } .page4-view .container[data-v-0f38c2af] { position: absolute; z-index: 1; left: 1.5rem; right: 1.5rem; top: 45%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .xu-pagination[data-v-0f38c2af] { position: relative; } .xu-pagination[data-v-0f38c2af] .swiper-pagination { top: 1.5rem; width: 100%; } .xu-pagination[data-v-0f38c2af] .my-bullet { width: 1.5rem; border-radius: 8px; height: 6px; margin: 4px; display: inline-block; background: rgba(255, 255, 255, 0.6); } .xu-pagination[data-v-0f38c2af] .my-bullet-active { background: #fff; } @-webkit-keyframes opacityIn-0f38c2af { from { opacity: 0.6; } to { opacity: 1; } } @keyframes opacityIn-0f38c2af { from { opacity: 0.6; } to { opacity: 1; } } .transIn_right[data-v-0f38c2af] { -webkit-animation: transIn_right-0f38c2af 0.3s 0.3s ease-in both; animation: transIn_right-0f38c2af 0.3s 0.3s ease-in both; } @-webkit-keyframes transIn_right-0f38c2af { from { opacity: 0; -webkit-transform: translate3d(6.3rem, -6.3rem, 0); transform: translate3d(6.3rem, -6.3rem, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes transIn_right-0f38c2af { from { opacity: 0; -webkit-transform: translate3d(6.3rem, -6.3rem, 0); transform: translate3d(6.3rem, -6.3rem, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .transIn_left[data-v-0f38c2af] { -webkit-animation: transIn_left-0f38c2af 0.3s 0.3s ease-in both; animation: transIn_left-0f38c2af 0.3s 0.3s ease-in both; } @-webkit-keyframes transIn_left-0f38c2af { from { opacity: 0; -webkit-transform: translate3d(-12.5rem, 12.5rem, 0); transform: translate3d(-12.5rem, 12.5rem, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes transIn_left-0f38c2af { from { opacity: 0; -webkit-transform: translate3d(-12.5rem, 12.5rem, 0); transform: translate3d(-12.5rem, 12.5rem, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .last-page[data-v-168410c9] { position: relative; width: 100%; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; background-image: url(../img/last_page_bg.a2101ea5.jpg); background-size: cover; } .last-page .container[data-v-168410c9] { position: absolute; z-index: 1; left: 1.5rem; right: 1.5rem; top: 45%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); color: #ffffff; } .last-page .container .title[data-v-168410c9] { font-family: D-DIN-Bold; font-size: 1.5rem; font-weight: bold; line-height: 1.9rem; text-shadow: 2px 2px #0a3c82; -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .last-page .container .title > p[data-v-168410c9] { text-align: center; } .last-page .container .title > p[data-v-168410c9]:nth-of-type(1) { margin-bottom: 1rem; } .last-page .container .about[data-v-168410c9] { margin-top: 1.5rem; text-align: center; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } .last-page .container .about .about-title[data-v-168410c9] { font-family: D-DIN-Bold; font-size: 1.5rem; font-weight: bold; line-height: 2.1rem; margin-bottom: 8px; } .last-page .container .about .about-cont[data-v-168410c9] { font-size: 1rem; line-height: 1.4rem; } .last-page .container .last-logo[data-v-168410c9] { margin-top: 2.5rem; text-align: center; -webkit-animation-delay: 0.8s; animation-delay: 0.8s; } .last-page .container .last-logo > img[data-v-168410c9] { width: 6.3rem; } .last-page .container .linkToIndex[data-v-168410c9] { display: block; font-size: 1rem; line-height: 1.4rem; padding: 1rem; text-align: center; -webkit-animation-delay: 1s; animation-delay: 1s; } .last-page .container .linkToIndex a[data-v-168410c9] { text-decoration: underline; } .last-page .ericType[data-v-168410c9] { top: 50%; } .last-page .ericType .title[data-v-168410c9] { margin-bottom: 10rem; } .opacityIn[data-v-168410c9] { -webkit-animation: opacityIn-168410c9 0.3s ease-in both; animation: opacityIn-168410c9 0.3s ease-in both; } @-webkit-keyframes opacityIn-168410c9 { from { opacity: 0; -webkit-transform: translate3d(0, 3.1rem, 0); transform: translate3d(0, 3.1rem, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes opacityIn-168410c9 { from { opacity: 0; -webkit-transform: translate3d(0, 3.1rem, 0); transform: translate3d(0, 3.1rem, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } [data-v-2ec5ec7f] .swiper-slide { overflow: hidden; } .full-view[data-v-2ec5ec7f] { position: relative; width: 100%; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #006cff; max-width: 50rem; margin: 0 auto; } .decline[data-v-2ec5ec7f] { width: 1.9rem; position: absolute; bottom: 3.1rem; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 9999; } @media screen and (max-height: 43.8rem) { .decline[data-v-2ec5ec7f] { width: 1.6rem; } } .module1[data-v-4f654252] { background: #0066ff; position: relative; width: 100%; margin-top: -4.3rem; height: 100vh; overflow: hidden; } .module1 .module1-video[data-v-4f654252] { position: relative; top: 0; left: 0; display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; pointer-events: none; opacity: 0; -webkit-animation: videoIn-4f654252 1.2s 1000ms ease forwards; animation: videoIn-4f654252 1.2s 1000ms ease forwards; } .module1 .module1-container[data-v-4f654252] { position: absolute; top: 5rem; left: 0; width: 100%; font-family: D-DIN-Bold; font-weight: bold; color: #ffffff; } .module1 .module1-container .module1-container-title[data-v-4f654252] { margin: 3.1rem 0 1.5rem; font-size: 3.8rem; line-height: 4.5rem; opacity: 0; -webkit-animation: textIn-4f654252 0.8s 200ms ease forwards; animation: textIn-4f654252 0.8s 200ms ease forwards; } .module1 .module1-container .module1-container-subtitle[data-v-4f654252] { font-size: 6.3rem; line-height: 7.5rem; opacity: 0; -webkit-animation: textIn-4f654252 0.8s 400ms ease forwards; animation: textIn-4f654252 0.8s 400ms ease forwards; } @-webkit-keyframes videoIn-4f654252 { 0% { opacity: 0; -webkit-transform: translateY(8px); transform: translateY(8px); } 60% { opacity: .6; -webkit-transform: translateY(-4px); transform: translateY(-4px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes videoIn-4f654252 { 0% { opacity: 0; -webkit-transform: translateY(8px); transform: translateY(8px); } 60% { opacity: .6; -webkit-transform: translateY(-4px); transform: translateY(-4px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes textIn-4f654252 { 0% { opacity: 0; -webkit-transform: translateX(-2.5rem); transform: translateX(-2.5rem); } 70% { opacity: .7; -webkit-transform: translateX(5px); transform: translateX(5px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes textIn-4f654252 { 0% { opacity: 0; -webkit-transform: translateX(-2.5rem); transform: translateX(-2.5rem); } 70% { opacity: .7; -webkit-transform: translateX(5px); transform: translateX(5px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } .module2[data-v-4f491350] { position: relative; height: 110vh; } .module2 .module2-bg[data-v-4f491350] { position: -webkit-sticky; position: sticky; top: 5.1rem; width: 100%; margin-top: 1.5rem; height: calc(100vh - 4.3rem - 1.5rem); border-top: 1px solid #0066ff; } .module2 .module2-video[data-v-4f491350] { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; pointer-events: none; } .module2 .module2-container[data-v-4f491350] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .module2 .module2-container .module2-container-content[data-v-4f491350] { height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .module2 .module2-container .module2-container-content > div[data-v-4f491350] { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .module2 .module2-container .module2-container-content .module2-container-left[data-v-4f491350] { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; position: relative; } .module2 .module2-container .module2-container-content .module2-container-left > div[data-v-4f491350] { -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #0066ff; background: rgba(255, 255, 255, 0.6); } .module2 .module2-container .module2-container-content .module2-container-left .module2-container-left-first[data-v-4f491350] { margin-top: -1px; opacity: 0; } .module2 .module2-container .module2-container-content .module2-container-left .module2-container-left-first .module2-container-left-first-title[data-v-4f491350] { font-size: 1.4rem; line-height: 1.8rem; color: #3c3c3c; padding: 2.5rem 0; margin: 0 2.5rem; border-bottom: 1px solid #0066ff; } .module2 .module2-container .module2-container-content .module2-container-left .module2-container-left-first .module2-container-left-first-content[data-v-4f491350] { padding: 2.5rem; } .module2 .module2-container .module2-container-content .module2-container-left .module2-container-left-first .module2-container-left-first-content > div[data-v-4f491350]:nth-child(1) { font-weight: bold; font-size: 1.5rem; line-height: 2rem; color: #3c3c3c; } .module2 .module2-container .module2-container-content .module2-container-left .module2-container-left-first .module2-container-left-first-content > div[data-v-4f491350]:nth-child(2) { margin-top: 2.5rem; font-family: D-DIN-Bold; font-weight: bold; font-size: 10rem; text-align: center; color: rgba(211, 227, 255, 0.5); -webkit-text-stroke: #006cff 1px; } .module2 .module2-container .module2-container-content .module2-container-left .module2-container-left-second[data-v-4f491350] { margin-top: -1px; opacity: 0; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; top: 0; width: 100%; padding: 2.5rem; } .module2 .module2-container .module2-container-content .module2-container-left .module2-container-left-second > img[data-v-4f491350] { margin-top: 3.8rem; margin-left: -3.1rem; width: 8.1rem; } .module2 .module2-container .module2-container-content .module2-container-left .module2-container-left-second > div[data-v-4f491350] { position: absolute; } .module2 .module2-container .module2-container-content .module2-container-left .module2-container-left-second > div[data-v-4f491350]:nth-of-type(1) { top: 2.5rem; left: 2.5rem; } .module2 .module2-container .module2-container-content .module2-container-left .module2-container-left-second > div[data-v-4f491350]:nth-of-type(2) { bottom: 2.5rem; right: 2.5rem; } .module2 .module2-container .module2-container-content .module2-container-right[data-v-4f491350] { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; } .module2 .module2-container .module2-container-content .module2-container-right > div[data-v-4f491350] { -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #0066ff; background: rgba(255, 255, 255, 0.6); opacity: 0; } .module2 .module2-container .module2-container-content .module2-container-right .module2-container-right-first[data-v-4f491350] { font-size: 1.4rem; color: #3c3c3c; margin-left: -1px; margin-bottom: -1px; } .module2 .module2-container .module2-container-content .module2-container-right .module2-container-right-first .module2-container-right-first-one[data-v-4f491350] { padding: 2.5rem 2.5rem 0; } .module2 .module2-container .module2-container-content .module2-container-right .module2-container-right-first .module2-container-right-first-one[data-v-4f491350]::after { content: ''; display: block; width: 50%; margin-top: 2.5rem; border-bottom: 1px solid #0066ff; } .module2 .module2-container .module2-container-content .module2-container-right .module2-container-right-first .module2-container-right-first-two[data-v-4f491350] { padding: 2.5rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .module2 .module2-container .module2-container-content .module2-container-right .module2-container-right-first .module2-container-right-first-two > img[data-v-4f491350] { width: 8.1rem; } .module2 .module2-container .module2-container-content .module2-container-right .module2-container-right-first .module2-container-right-first-two .module2-container-right-first-two-num[data-v-4f491350] { margin-left: 8px; margin-top: -9px; } .module2 .module2-container .module2-container-content .module2-container-right .module2-container-right-second[data-v-4f491350] { margin-left: -1px; margin-bottom: -1px; } .module2 .module2-container .module2-container-content .module2-container-right .module2-container-right-second .module2-container-right-second-one[data-v-4f491350] { padding: 2.5rem 2.5rem 0; } .module2 .module2-container .module2-container-content .module2-container-right .module2-container-right-second .module2-container-right-second-one[data-v-4f491350]::after { content: ''; display: block; width: 50%; margin-top: 2.5rem; border-bottom: 1px solid #0066ff; } .module2 .module2-container .module2-container-content .module2-container-right .module2-container-right-second .module2-container-right-second-two[data-v-4f491350] { padding: 2.5rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .module2 .module2-container .firstAnimation .module2-container-left-first[data-v-4f491350] { -webkit-animation: firstAnimationIn-4f491350 0.6s ease forwards; animation: firstAnimationIn-4f491350 0.6s ease forwards; } .module2 .module2-container .firstAnimation .module2-container-right-first[data-v-4f491350] { -webkit-animation: firstAnimationIn-4f491350 0.6s 0.3s ease forwards; animation: firstAnimationIn-4f491350 0.6s 0.3s ease forwards; } .module2 .module2-container .firstAnimation .module2-container-left-second[data-v-4f491350] { -webkit-animation: firstAnimationIn-4f491350 0.6s 0.6s ease forwards; animation: firstAnimationIn-4f491350 0.6s 0.6s ease forwards; } .module2 .module2-container .firstAnimation .module2-container-right-second[data-v-4f491350] { -webkit-animation: firstAnimationIn-4f491350 0.6s 0.9s ease forwards; animation: firstAnimationIn-4f491350 0.6s 0.9s ease forwards; } @-webkit-keyframes firstAnimationIn-4f491350 { from { opacity: 0; -webkit-transform: translateY(3.8rem); transform: translateY(3.8rem); } to { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes firstAnimationIn-4f491350 { from { opacity: 0; -webkit-transform: translateY(3.8rem); transform: translateY(3.8rem); } to { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } .module2 .stroke-text[data-v-4f491350] { font-family: D-DIN; font-size: 1.4rem; line-height: 28x; color: #3e3a39; -webkit-text-stroke: currentColor; } .module2 .stroke-text > span[data-v-4f491350] { font-family: D-DIN-Bold; font-weight: bold; font-size: 4.5rem; line-height: 4.5rem; color: rgba(211, 227, 255, 0.5); -webkit-text-stroke: #006cff 1px; margin-right: 1rem; } .module2 .hover-effect[data-v-4f491350], .module2 .hover-effect > div[data-v-4f491350], .module2 .hover-effect span[data-v-4f491350] { -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; } .module2 .hover-effect[data-v-4f491350]:hover, .module2 .hover-effect > div[data-v-4f491350]:hover, .module2 .hover-effect span[data-v-4f491350]:hover { color: #0066ff !important; } .module2 .hover-effect:hover div[data-v-4f491350], .module2 .hover-effect:hover span[data-v-4f491350], .module2 .hover-effect > div:hover div[data-v-4f491350], .module2 .hover-effect > div:hover span[data-v-4f491350], .module2 .hover-effect span:hover div[data-v-4f491350], .module2 .hover-effect span:hover span[data-v-4f491350] { color: #0066ff !important; } @charset "UTF-8"; .module3[data-v-4f2ce44e] { position: relative; width: 100%; border-top: 1px solid #0066ff; border-bottom: 1px solid #0066ff; font-family: D-DIN; font-size: 1.1rem; line-height: 1.5rem; } .module3 .img-module[data-v-4f2ce44e] { border-bottom: 1px solid #0066ff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .module3 .img-module .img-module-item[data-v-4f2ce44e] { width: 33.33%; border-left: 2px solid #fff; border-right: 2px solid #fff; border-top: 4px solid #fff; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; background-color: #e9f1ff; -webkit-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease; cursor: pointer; } .module3 .img-module .img-module-item[data-v-4f2ce44e]:nth-child(-n + 3) { border-top: none; } .module3 .img-module .img-module-item .img-module-item-left[data-v-4f2ce44e] { width: 14.4rem; height: 15rem; } .module3 .img-module .img-module-item .img-module-item-left > img[data-v-4f2ce44e] { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease; } .module3 .img-module .img-module-item .img-module-item-right[data-v-4f2ce44e] { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; position: relative; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease; } .module3 .img-module .img-module-item .img-module-item-right .img-module-item-right-default[data-v-4f2ce44e] { padding-top: 8px; } .module3 .img-module .img-module-item .img-module-item-right .img-module-item-right-default > div[data-v-4f2ce44e]:nth-child(1) { font-family: D-DIN-Bold; font-weight: bold; font-size: 1.5rem; line-height: 2rem; color: #3c3c3c; margin-bottom: 12px; margin-top: 12px; } .module3 .img-module .img-module-item .img-module-item-right .img-module-item-right-default > div[data-v-4f2ce44e]:nth-child(2) { color: #505050; display: -webkit-box; -webkit-line-clamp: 6; /* 控制行数 */ -webkit-box-orient: vertical; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .module3 .img-module .img-module-item .img-module-item-right .img-module-item-right-default[data-v-4f2ce44e], .module3 .img-module .img-module-item .img-module-item-right .img-module-item-right-hover[data-v-4f2ce44e] { position: absolute; inset: 0; padding: 1rem 1.5rem; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .module3 .img-module .img-module-item .img-module-item-right .img-module-item-right-hover[data-v-4f2ce44e] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); } .module3 .img-module .img-module-item .img-module-item-right .img-module-item-right-hover .img-module-item-right-hover-text[data-v-4f2ce44e] { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .module3 .img-module .img-module-item .img-module-item-right .img-module-item-right-hover .img-module-item-right-hover-text > div[data-v-4f2ce44e]:nth-child(1) { color: #3c3c3c; font-family: D-DIN-Bold; font-weight: bold; margin-bottom: 8px; } .module3 .img-module .img-module-item .img-module-item-right .img-module-item-right-hover .img-module-item-right-hover-text > div[data-v-4f2ce44e]:nth-child(2) { color: #333333; margin-bottom: 8px; } .module3 .img-module .img-module-item .img-module-item-right .img-module-item-right-hover .img-module-item-right-hover-text > div[data-v-4f2ce44e]:nth-child(3) { color: #0a418c; font-family: D-DIN-Bold; font-weight: bold; margin-bottom: 12px; } .module3 .img-module .img-module-item .img-module-item-right .img-module-item-right-hover .img-module-item-right-hover-btn[data-v-4f2ce44e] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .module3 .img-module .img-module-item[data-v-4f2ce44e]:hover { background-color: #fff; } .module3 .img-module .img-module-item:hover .img-module-item-left > img[data-v-4f2ce44e] { -webkit-filter: drop-shadow(-6px 0 2px #d6e5fe); filter: drop-shadow(-6px 0 2px #d6e5fe); } .module3 .img-module .img-module-item:hover .img-module-item-right[data-v-4f2ce44e] { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } .module3 .img-module-text[data-v-4f2ce44e] { height: 3rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 100%; border-bottom: 1px solid #0066ff; color: #8cbeff; cursor: pointer; -webkit-transform: all 0.3s ease; -ms-transform: all 0.3s ease; transform: all 0.3s ease; } .module3 .img-module-text > div[data-v-4f2ce44e] { text-align: center; } .module3 .img-module-text[data-v-4f2ce44e]:hover { color: #0066ff; } .module3 .module3-container[data-v-4f2ce44e] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; border-left: 1px solid #0066ff; border-right: 1px solid #0066ff; -webkit-box-sizing: border-box; box-sizing: border-box; } .module3 .module3-container > div[data-v-4f2ce44e] { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .module3 .module3-container .module3-container-left[data-v-4f2ce44e] { padding: 2rem 0; border-right: 1px solid #0066ff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .module3 .module3-container .module3-container-left > div[data-v-4f2ce44e] { width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; } .module3 .module3-container .module3-container-left .module3-container-left-one[data-v-4f2ce44e] { padding: 0 2.5rem; border-right: 1px solid #0066ff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .module3 .module3-container .module3-container-left .module3-container-left-two > div[data-v-4f2ce44e] { padding: 0 2.5rem; -webkit-box-sizing: border-box; box-sizing: border-box; } .module3 .module3-container .module3-container-left .module3-container-left-two .module3-container-left-two-first[data-v-4f2ce44e] { padding-bottom: 12px; position: relative; } .module3 .module3-container .module3-container-left .module3-container-left-two .module3-container-left-two-first[data-v-4f2ce44e]::after { content: ''; position: absolute; bottom: 0; left: 2.5rem; right: 2.5rem; display: block; border-top: 1px solid #0066ff; } .module3 .module3-container .module3-container-left .module3-container-left-two .module3-container-left-two-second[data-v-4f2ce44e] { padding-top: 12px; } .module3 .module3-container .module3-container-right[data-v-4f2ce44e] { padding: 2rem 0; } .module3 .module3-container .module3-container-right > div[data-v-4f2ce44e] { padding: 0 2.5rem; height: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .module3 .module3-container .module3-container-right .module3-container-right-first[data-v-4f2ce44e] { padding-bottom: 12px; position: relative; } .module3 .module3-container .module3-container-right .module3-container-right-first > div[data-v-4f2ce44e] { width: 50%; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .module3 .module3-container .module3-container-right .module3-container-right-first > div[data-v-4f2ce44e]:nth-child(2) { padding-left: 2.5rem; border-left: 1px solid #0066ff; } .module3 .module3-container .module3-container-right .module3-container-right-first[data-v-4f2ce44e]::after { content: ''; position: absolute; bottom: 0; left: 2.5rem; right: 2.5rem; display: block; border-top: 1px solid #0066ff; } .stroke-text[data-v-4f2ce44e] { font-family: D-DIN; font-size: 1.4rem; line-height: 1.8rem; color: #3e3a39; } .stroke-text > span[data-v-4f2ce44e] { font-family: D-DIN-Bold; font-weight: bold; font-size: 4.5rem; line-height: 4.5rem; color: rgba(211, 227, 255, 0.5); -webkit-text-stroke: #006cff 1px; margin-right: 1rem; } .hover-effect[data-v-4f2ce44e], .hover-effect > div[data-v-4f2ce44e], .hover-effect span[data-v-4f2ce44e] { -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; } .hover-effect[data-v-4f2ce44e]:hover, .hover-effect > div[data-v-4f2ce44e]:hover, .hover-effect span[data-v-4f2ce44e]:hover { color: #0066ff !important; } .hover-effect:hover div[data-v-4f2ce44e], .hover-effect:hover span[data-v-4f2ce44e], .hover-effect > div:hover div[data-v-4f2ce44e], .hover-effect > div:hover span[data-v-4f2ce44e], .hover-effect span:hover div[data-v-4f2ce44e], .hover-effect span:hover span[data-v-4f2ce44e] { color: #0066ff !important; } .module4-scroll[data-v-4590a047] { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; overflow: hidden; font-size: 0; } .module4-scroll[data-v-4590a047]:nth-child(1) { margin-bottom: 0; border-top: 1px solid #0066ff; } .module4-scroll .module4-scroll-inner[data-v-4590a047] { white-space: nowrap; -webkit-animation: animate-4590a047 var(--t) linear infinite; animation: animate-4590a047 var(--t) linear infinite; } .module4-scroll .module4-scroll-inner[data-v-4590a047]:nth-child(2) { -webkit-animation: animate2-4590a047 var(--t) linear infinite; animation: animate2-4590a047 var(--t) linear infinite; -webkit-animation-delay: calc(var(--t) / -2); animation-delay: calc(var(--t) / -2); } .module4-scroll .module4-scroll-inner .module4-scroll-inner-item[data-v-4590a047] { width: 23.8rem; height: 15rem; border-bottom: 1px solid #0066ff; border-right: 1px solid #0066ff; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; background-color: #fff; } .module4-scroll .module4-scroll-inner .module4-scroll-inner-item > img[data-v-4590a047] { max-height: 10rem; width: 8.8rem; -o-object-fit: cover; object-fit: cover; } .module4-scroll .module4-scroll-inner .module4-scroll-inner-item > div[data-v-4590a047] { width: 72%; margin-top: 1.1rem; padding: 10px 0 12px; -webkit-box-sizing: content-box; box-sizing: content-box; height: 2rem; text-align: center; border-top: 1px solid #006cff; color: #3c3c3c; font-size: 1rem; line-height: 1; overflow: hidden; white-space: pre-wrap; } .module4-scroll .is-reverse[data-v-4590a047] { animation-direction: reverse; } .module4-scroll .is-reverse[data-v-4590a047]:nth-child(2) { animation-direction: reverse; } @-webkit-keyframes animate-4590a047 { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); } 100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } @keyframes animate-4590a047 { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); } 100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } @-webkit-keyframes animate2-4590a047 { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { -webkit-transform: translateX(-200%); transform: translateX(-200%); } } @keyframes animate2-4590a047 { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { -webkit-transform: translateX(-200%); transform: translateX(-200%); } } .module4[data-v-4f10b54c] { margin: 1.5rem 0; border-top: 1px solid #0066ff; border-bottom: 1px solid #0066ff; background-color: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .module4 .border-top[data-v-4f10b54c] { border-top: 1px solid #0066ff; } .module4 .module4-container1[data-v-4f10b54c] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .module4 .module4-container1 > div[data-v-4f10b54c] { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding: 3.8rem 2.5rem; -webkit-box-sizing: border-box; box-sizing: border-box; border-right: 1px solid #0066ff; font-family: D-DIN; font-size: 1.4rem; } .module4 .module4-container1 > div[data-v-4f10b54c]:nth-of-type(1) { border-left: 1px solid #0066ff; } .module4 .module4-container1 .module4-container1-right[data-v-4f10b54c] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .module4 .module4-container1 .module4-container1-right .module4-container1-right-text[data-v-4f10b54c] { line-height: 1.8rem; color: #505050; margin-top: 1.3rem; } .module4 .module4-container1 .module4-container1-right .module4-container1-right-btn[data-v-4f10b54c] { font-size: 1.1rem; margin-top: 2.6rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; border-bottom: 1px solid #0066ff; padding: 4px 0; -webkit-box-sizing: border-box; box-sizing: border-box; color: #006cff; cursor: pointer; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; width: 9.4rem; } .module4 .module4-container1 .module4-container1-right .module4-container1-right-btn > i[data-v-4f10b54c] { width: 1.6rem; height: 1.1rem; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAGCAYAAAA2aTUtAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAB5SURBVCiRtc2hEYNAFITh/x0WiaCMFHIihiaOO5EOUgU1pAMKiKGJKEQaOElmERgmM6iDtbuzn1GaoBbHCEw0JJ62/E+sGNmgGscLo+JHx2B5X7tTkMEyDXfgg+NNUHvK72GSIlEzQbdroV6eqC+9PIARpQu5BeOxAm4PHm3oSyTTAAAAAElFTkSuQmCC); background-repeat: no-repeat; background-position: center; background-size: 100% auto; } .module4 .module4-container1 .module4-container1-right .module4-container1-right-btn[data-v-4f10b54c]:hover { color: #fff; background-color: #006cff; padding: 4px 1rem; } .module4 .module4-container1 .module4-container1-right .module4-container1-right-btn:hover > i[data-v-4f10b54c] { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAGCAYAAAA2aTUtAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAABTSURBVCiRtc9BCYBAAETRETwaYGMYxChe7CJYRDCGITxYQnhePHtZdgL8xySVQ8GJDX1t7w8asOPA0BLqsX6vSjPow2ZcGFtDE25MSdJBQ+9JsryjBUK3lhtdZgAAAABJRU5ErkJggg==); } .module4 .module4-scroll-wrap[data-v-4f10b54c] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 2.5rem 0; background-color: #f4f8ff; } .stroke-text[data-v-4f10b54c] { font-family: D-DIN; font-size: 1.4rem; line-height: 1.8rem; color: #3e3a39; } .stroke-text > span[data-v-4f10b54c] { font-family: D-DIN-Bold; font-weight: bold; font-size: 4.5rem; line-height: 4.5rem; color: rgba(211, 227, 255, 0.5); -webkit-text-stroke: #006cff 1px; margin-right: 1rem; } .stroke-text .margin-l16[data-v-4f10b54c] { margin-left: 1rem; } .hover-effect[data-v-4f10b54c], .hover-effect > div[data-v-4f10b54c], .hover-effect span[data-v-4f10b54c] { -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; } .hover-effect[data-v-4f10b54c]:hover, .hover-effect > div[data-v-4f10b54c]:hover, .hover-effect span[data-v-4f10b54c]:hover { color: #0066ff !important; } .hover-effect:hover div[data-v-4f10b54c], .hover-effect:hover span[data-v-4f10b54c], .hover-effect > div:hover div[data-v-4f10b54c], .hover-effect > div:hover span[data-v-4f10b54c], .hover-effect span:hover div[data-v-4f10b54c], .hover-effect span:hover span[data-v-4f10b54c] { color: #0066ff !important; } .module1[data-v-c578cff4] { background: #0066ff; position: relative; width: 100%; margin-top: -4.3rem; height: 100vh; overflow: hidden; } .module1 .module1-video[data-v-c578cff4] { position: relative; top: 0; left: 0; display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; pointer-events: none; opacity: 0; -webkit-animation: videoIn-c578cff4 1.2s 1000ms ease forwards; animation: videoIn-c578cff4 1.2s 1000ms ease forwards; } .module1 .module1-container[data-v-c578cff4] { position: absolute; top: 4.3rem; left: 0; width: 100%; font-family: D-DIN-Bold; font-weight: bold; color: #ffffff; padding-left: 2.5rem; -webkit-box-sizing: border-box; box-sizing: border-box; } .module1 .module1-container .module1-container-title[data-v-c578cff4] { margin: 2.5rem 0 1rem; font-size: 1.5rem; line-height: 2rem; opacity: 0; -webkit-animation: textIn-c578cff4 0.8s 200ms ease forwards; animation: textIn-c578cff4 0.8s 200ms ease forwards; } .module1 .module1-container .module1-container-subtitle[data-v-c578cff4] { font-size: 3.3rem; line-height: 3.8rem; opacity: 0; -webkit-animation: textIn-c578cff4 0.8s 400ms ease forwards; animation: textIn-c578cff4 0.8s 400ms ease forwards; } @-webkit-keyframes videoIn-c578cff4 { 0% { opacity: 0; -webkit-transform: translateY(8px); transform: translateY(8px); } 60% { opacity: 0.6; -webkit-transform: translateY(-4px); transform: translateY(-4px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes videoIn-c578cff4 { 0% { opacity: 0; -webkit-transform: translateY(8px); transform: translateY(8px); } 60% { opacity: 0.6; -webkit-transform: translateY(-4px); transform: translateY(-4px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes textIn-c578cff4 { 0% { opacity: 0; -webkit-transform: translateX(-2.5rem); transform: translateX(-2.5rem); } 70% { opacity: 0.7; -webkit-transform: translateX(5px); transform: translateX(5px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes textIn-c578cff4 { 0% { opacity: 0; -webkit-transform: translateX(-2.5rem); transform: translateX(-2.5rem); } 70% { opacity: 0.7; -webkit-transform: translateX(5px); transform: translateX(5px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } .module2[data-v-c55ca0f2] { position: relative; } .module2 .module2-bg[data-v-c55ca0f2] { position: -webkit-sticky; position: sticky; top: 5.1rem; width: 100%; margin: 1.5rem 0; height: calc(100vh - 4.3rem - 3rem); } .module2 .module2-video[data-v-c55ca0f2] { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; pointer-events: none; } .module2 .module2-container[data-v-c55ca0f2] { position: relative; margin-top: calc(-100vh + 4.3rem); } .module2 .module2-container[data-v-c55ca0f2]::before, .module2 .module2-container[data-v-c55ca0f2]::after { content: ''; position: -webkit-sticky; position: sticky; width: 100%; height: 1.5rem; display: block; background: #fff; z-index: 1; } .module2 .module2-container[data-v-c55ca0f2]::before { top: 4.3rem; border-bottom: 1px solid #0066ff; } .module2 .module2-container[data-v-c55ca0f2]::after { bottom: 0; border-top: 1px solid #0066ff; } .module2 .module2-container .module2-container-content[data-v-c55ca0f2] { padding: 0 1rem; } .module2 .module2-container .module2-container-content .module2-container-left[data-v-c55ca0f2] { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; position: relative; } .module2 .module2-container .module2-container-content .module2-container-left > div[data-v-c55ca0f2] { -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #0066ff; background: rgba(255, 255, 255, 0.6); } .module2 .module2-container .module2-container-content .module2-container-left .module2-container-left-first[data-v-c55ca0f2] { opacity: 0; margin-top: 1.5rem; } .module2 .module2-container .module2-container-content .module2-container-left .module2-container-left-first .module2-container-left-first-title[data-v-c55ca0f2] { font-size: 1.1rem; line-height: 1.6rem; color: #3c3c3c; padding: 1.5rem 0; margin: 0 1.5rem; border-bottom: 1px solid #0066ff; } .module2 .module2-container .module2-container-content .module2-container-left .module2-container-left-first .module2-container-left-first-content[data-v-c55ca0f2] { padding: 1.5rem; } .module2 .module2-container .module2-container-content .module2-container-left .module2-container-left-first .module2-container-left-first-content > div[data-v-c55ca0f2]:nth-child(1) { font-weight: bold; font-size: 1.5rem; line-height: 2rem; color: #3c3c3c; } .module2 .module2-container .module2-container-content .module2-container-left .module2-container-left-first .module2-container-left-first-content > div[data-v-c55ca0f2]:nth-child(2) { margin-top: 1rem; font-family: D-DIN-Bold; font-weight: bold; font-size: 6.3rem; text-align: center; color: rgba(211, 227, 255, 0.5); -webkit-text-stroke: #006cff 1px; } .module2 .module2-container .module2-container-content .module2-container-left .module2-container-left-second[data-v-c55ca0f2] { opacity: 0; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; top: 0; width: 100%; padding: 1.5rem; } .module2 .module2-container .module2-container-content .module2-container-left .module2-container-left-second > img[data-v-c55ca0f2] { margin-top: 3.8rem; margin-left: -3.1rem; width: 5.6rem; } .module2 .module2-container .module2-container-content .module2-container-left .module2-container-left-second > div[data-v-c55ca0f2] { position: absolute; } .module2 .module2-container .module2-container-content .module2-container-left .module2-container-left-second > div[data-v-c55ca0f2]:nth-of-type(1) { top: 2.5rem; left: 2.5rem; } .module2 .module2-container .module2-container-content .module2-container-left .module2-container-left-second > div[data-v-c55ca0f2]:nth-of-type(2) { bottom: 1.3rem; right: 1rem; } .module2 .module2-container .module2-container-content .module2-container-right[data-v-c55ca0f2] { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; } .module2 .module2-container .module2-container-content .module2-container-right > div[data-v-c55ca0f2] { -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #0066ff; background: rgba(255, 255, 255, 0.6); opacity: 0; } .module2 .module2-container .module2-container-content .module2-container-right .module2-container-right-first[data-v-c55ca0f2] { color: #3c3c3c; } .module2 .module2-container .module2-container-content .module2-container-right .module2-container-right-first .module2-container-right-first-one[data-v-c55ca0f2] { padding: 1.5rem 1.5rem 0; } .module2 .module2-container .module2-container-content .module2-container-right .module2-container-right-first .module2-container-right-first-one[data-v-c55ca0f2]::after { content: ''; display: block; width: 50%; margin-top: 1.5rem; border-bottom: 1px solid #0066ff; } .module2 .module2-container .module2-container-content .module2-container-right .module2-container-right-first .module2-container-right-first-two[data-v-c55ca0f2] { padding: 1.5rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .module2 .module2-container .module2-container-content .module2-container-right .module2-container-right-first .module2-container-right-first-two > img[data-v-c55ca0f2] { width: 8.1rem; } .module2 .module2-container .module2-container-content .module2-container-right .module2-container-right-first .module2-container-right-first-two .module2-container-right-first-two-num[data-v-c55ca0f2] { margin-left: 8px; margin-top: -9px; } .module2 .module2-container .module2-container-content .module2-container-right .module2-container-right-second .module2-container-right-second-one[data-v-c55ca0f2] { padding: 1.5rem 1.5rem 0; } .module2 .module2-container .module2-container-content .module2-container-right .module2-container-right-second .module2-container-right-second-one[data-v-c55ca0f2]::after { content: ''; display: block; width: 50%; margin-top: 1.5rem; border-bottom: 1px solid #0066ff; } .module2 .module2-container .module2-container-content .module2-container-right .module2-container-right-second .module2-container-right-second-two[data-v-c55ca0f2] { padding: 1.5rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .module2 .module2-container .firstAnimation .module2-container-left-first[data-v-c55ca0f2] { -webkit-animation: firstAnimationIn-c55ca0f2 0.6s ease forwards; animation: firstAnimationIn-c55ca0f2 0.6s ease forwards; } .module2 .module2-container .firstAnimation .module2-container-right-first[data-v-c55ca0f2] { -webkit-animation: firstAnimationIn-c55ca0f2 0.6s 0.6s ease forwards; animation: firstAnimationIn-c55ca0f2 0.6s 0.6s ease forwards; } .module2 .module2-container .firstAnimation .module2-container-left-second[data-v-c55ca0f2] { -webkit-animation: firstAnimationIn-c55ca0f2 0.6s 0.3s ease forwards; animation: firstAnimationIn-c55ca0f2 0.6s 0.3s ease forwards; } .module2 .module2-container .firstAnimation .module2-container-right-second[data-v-c55ca0f2] { -webkit-animation: firstAnimationIn-c55ca0f2 0.6s 0.9s ease forwards; animation: firstAnimationIn-c55ca0f2 0.6s 0.9s ease forwards; } @-webkit-keyframes firstAnimationIn-c55ca0f2 { from { opacity: 0; -webkit-transform: translateY(3.8rem); transform: translateY(3.8rem); } to { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes firstAnimationIn-c55ca0f2 { from { opacity: 0; -webkit-transform: translateY(3.8rem); transform: translateY(3.8rem); } to { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } .module2 .stroke-text[data-v-c55ca0f2] { font-family: D-DIN; font-size: 1.1rem; line-height: 1.6rem; color: #3e3a39; -webkit-text-stroke: currentColor; } .module2 .stroke-text > span[data-v-c55ca0f2] { font-family: D-DIN-Bold; font-weight: bold; font-size: 3rem; line-height: 3rem; color: rgba(211, 227, 255, 0.5); -webkit-text-stroke: #006cff 1px; margin: 0 6px; } .module2 .margin-bottom24[data-v-c55ca0f2] { margin-bottom: 1.5rem; } @charset "UTF-8"; .module3[data-v-c54071f0] { position: relative; width: 100%; border-top: 1px solid #0066ff; border-bottom: 1px solid #0066ff; } .module3 .img-module[data-v-c54071f0] { border-bottom: 1px solid #0066ff; } .module3 .img-module .img-module-item[data-v-c54071f0] { border: 4px solid #fff; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; background-color: #e9f1ff; -webkit-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease; cursor: pointer; } .module3 .img-module .img-module-item .img-module-item-left[data-v-c54071f0] { width: 10rem; height: 12.5rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .module3 .img-module .img-module-item .img-module-item-left > img[data-v-c54071f0] { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; width: 10rem; height: 10rem; -o-object-fit: cover; object-fit: cover; -webkit-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease; } .module3 .img-module .img-module-item .img-module-item-right[data-v-c54071f0] { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; position: relative; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease; } .module3 .img-module .img-module-item .img-module-item-right .img-module-item-right-default[data-v-c54071f0] { padding-top: 8px; } .module3 .img-module .img-module-item .img-module-item-right .img-module-item-right-default > div[data-v-c54071f0]:nth-child(1) { font-family: D-DIN-Bold; font-weight: bold; font-size: 1.5rem; line-height: 2rem; color: #3c3c3c; margin-bottom: 12px; margin-top: 12px; } .module3 .img-module .img-module-item .img-module-item-right .img-module-item-right-default > div[data-v-c54071f0]:nth-child(2) { color: #505050; display: -webkit-box; -webkit-line-clamp: 6; /* 控制行数 */ -webkit-box-orient: vertical; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .module3 .img-module .img-module-item .img-module-item-right .img-module-item-right-default[data-v-c54071f0], .module3 .img-module .img-module-item .img-module-item-right .img-module-item-right-hover[data-v-c54071f0] { position: absolute; inset: 0; padding: 12px 1rem; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .module3 .img-module .img-module-item .img-module-item-right .img-module-item-right-hover[data-v-c54071f0] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); } .module3 .img-module .img-module-item .img-module-item-right .img-module-item-right-hover .img-module-item-right-hover-text[data-v-c54071f0] { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .module3 .img-module .img-module-item .img-module-item-right .img-module-item-right-hover .img-module-item-right-hover-text > div[data-v-c54071f0]:nth-child(1) { color: #3c3c3c; font-family: D-DIN-Bold; font-weight: bold; margin-bottom: 8px; margin-top: 8px; } .module3 .img-module .img-module-item .img-module-item-right .img-module-item-right-hover .img-module-item-right-hover-text > div[data-v-c54071f0]:nth-child(2) { color: #333333; margin-bottom: 8px; } .module3 .img-module .img-module-item .img-module-item-right .img-module-item-right-hover .img-module-item-right-hover-text > div[data-v-c54071f0]:nth-child(3) { color: #0a418c; font-family: D-DIN-Bold; font-weight: bold; margin-bottom: 12px; } .module3 .img-module .img-module-item .img-module-item-right .img-module-item-right-hover .img-module-item-right-hover-btn[data-v-c54071f0] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .module3 .img-module .img-module-item[data-v-c54071f0]:hover { background-color: #fff; } .module3 .img-module .img-module-item:hover .img-module-item-left > img[data-v-c54071f0] { -webkit-filter: drop-shadow(-6px 0 2px #d6e5fe); filter: drop-shadow(-6px 0 2px #d6e5fe); } .module3 .img-module .img-module-item:hover .img-module-item-right[data-v-c54071f0] { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } .module3 .img-module-text[data-v-c54071f0] { width: 100%; border-bottom: 1px solid #0066ff; color: #0066ff; cursor: pointer; padding: 12px 1rem; } .module3 .module3-container[data-v-c54071f0] { margin: 0 1.5rem; border-left: 1px solid #0066ff; border-right: 1px solid #0066ff; -webkit-box-sizing: border-box; box-sizing: border-box; } .module3 .module3-container > div[data-v-c54071f0] { padding: 1rem 1.5rem; } .module3 .module3-container .module3-container-first[data-v-c54071f0] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-size: 1.1rem; line-height: 1.6rem; border-bottom: 1px solid #0066ff; } .module3 .module3-container .module3-container-second[data-v-c54071f0] { position: relative; text-align: right; } .module3 .module3-container .module3-container-second[data-v-c54071f0]::after { content: ''; position: absolute; width: 60%; height: 1px; background: #0066ff; right: 0; bottom: 0; } .module3 .module3-container .module3-container-third[data-v-c54071f0], .module3 .module3-container .module3-container-fourth[data-v-c54071f0] { border-bottom: 1px solid #0066ff; } .module3 .module3-container .module3-container-fourth[data-v-c54071f0] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .module3 .module3-container .module3-container-fourth > div[data-v-c54071f0] { width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; } .stroke-text[data-v-c54071f0] { font-family: D-DIN; font-size: 1.1rem; line-height: 1.6rem; color: #3e3a39; } .stroke-text > span[data-v-c54071f0] { font-family: D-DIN-Bold; font-weight: bold; font-size: 3rem; line-height: 3rem; color: rgba(211, 227, 255, 0.5); -webkit-text-stroke: #006cff 1px; margin: 0 6px; } .module4-scroll[data-v-19060b94] { position: relative; width: 48%; height: 45vh; overflow: hidden; font-size: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .module4-scroll .module4-scroll-inner[data-v-19060b94] { -webkit-animation: animate-19060b94 var(--t) linear infinite; animation: animate-19060b94 var(--t) linear infinite; } .module4-scroll .module4-scroll-inner[data-v-19060b94]:nth-child(2) { -webkit-animation: animate2-19060b94 var(--t) linear infinite; animation: animate2-19060b94 var(--t) linear infinite; -webkit-animation-delay: calc(var(--t) / -2); animation-delay: calc(var(--t) / -2); } .module4-scroll .module4-scroll-inner .module4-scroll-inner-item[data-v-19060b94] { width: 100%; border-left: 1px solid #0066ff; border-bottom: 1px solid #0066ff; border-right: 1px solid #0066ff; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 8px 1rem; } .module4-scroll .module4-scroll-inner .module4-scroll-inner-item > img[data-v-19060b94] { height: 6.3rem; max-width: 100%; -o-object-fit: cover; object-fit: cover; } .module4-scroll .module4-scroll-inner .module4-scroll-inner-item > span[data-v-19060b94] { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding-top: 8px; margin-top: 8px; text-align: center; border-top: 1px solid #DCECFF; color: #3c3c3c; font-size: 0.9rem; overflow: hidden; width: 100%; } .module4-scroll .is-reverse[data-v-19060b94] { animation-direction: reverse; } .module4-scroll .is-reverse[data-v-19060b94]:nth-child(2) { animation-direction: reverse; } @-webkit-keyframes animate-19060b94 { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } } @keyframes animate-19060b94 { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } } @-webkit-keyframes animate2-19060b94 { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { -webkit-transform: translateY(-200%); transform: translateY(-200%); } } @keyframes animate2-19060b94 { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { -webkit-transform: translateY(-200%); transform: translateY(-200%); } } .module4[data-v-c52442ee] { margin: 1.5rem 0; border-top: 1px solid #0066ff; border-bottom: 1px solid #0066ff; background-color: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .module4 .border-top[data-v-c52442ee] { border-top: 1px solid #0066ff; z-index: 1; } .module4 .module4-container1[data-v-c52442ee] { margin: 0 1.5rem; } .module4 .module4-container1 > div[data-v-c52442ee] { padding: 1rem 1.5rem; -webkit-box-sizing: border-box; box-sizing: border-box; border-right: 1px solid #0066ff; border-left: 1px solid #0066ff; font-family: D-DIN; font-size: 1.1rem; } .module4 .module4-container1 .module4-container1-left[data-v-c52442ee] { position: relative; } .module4 .module4-container1 .module4-container1-left[data-v-c52442ee]::after { content: ''; position: absolute; width: 56%; height: 1px; background: #0066ff; left: 24; bottom: 0; } .module4 .module4-container1 .module4-container1-right[data-v-c52442ee] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .module4 .module4-container1 .module4-container1-right .module4-container1-right-text[data-v-c52442ee] { line-height: 1.4rem; color: #505050; } .module4 .module4-container1 .module4-container1-right .module4-container1-right-btn[data-v-c52442ee] { margin-top: 1.5rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; border-bottom: 1px solid #0066ff; padding: 4px 0; -webkit-box-sizing: border-box; box-sizing: border-box; color: #006cff; cursor: pointer; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; width: 7.5rem; } .module4 .module4-container1 .module4-container1-right .module4-container1-right-btn > i[data-v-c52442ee] { width: 1.3rem; height: 0.9rem; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAGCAYAAAA2aTUtAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAB5SURBVCiRtc2hEYNAFITh/x0WiaCMFHIihiaOO5EOUgU1pAMKiKGJKEQaOElmERgmM6iDtbuzn1GaoBbHCEw0JJ62/E+sGNmgGscLo+JHx2B5X7tTkMEyDXfgg+NNUHvK72GSIlEzQbdroV6eqC+9PIARpQu5BeOxAm4PHm3oSyTTAAAAAElFTkSuQmCC); background-repeat: no-repeat; background-position: center; background-size: 100% auto; } .module4 .module4-container1 .module4-container1-right .module4-container1-right-btn[data-v-c52442ee]:hover { color: #fff; background-color: #006cff; padding: 4px 10px; } .module4 .module4-container1 .module4-container1-right .module4-container1-right-btn:hover > i[data-v-c52442ee] { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAGCAYAAAA2aTUtAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAABTSURBVCiRtc9BCYBAAETRETwaYGMYxChe7CJYRDCGITxYQnhePHtZdgL8xySVQ8GJDX1t7w8asOPA0BLqsX6vSjPow2ZcGFtDE25MSdJBQ+9JsryjBUK3lhtdZgAAAABJRU5ErkJggg==); } .module4 .module4-scroll-wrap[data-v-c52442ee] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding: 0 8px; margin: 0 1.5rem; background-color: #f4f8ff; -webkit-box-sizing: border-box; box-sizing: border-box; border-left: 1px solid #0066ff; border-right: 1px solid #0066ff; } .stroke-text[data-v-c52442ee] { font-family: D-DIN; font-size: 1.1rem; line-height: 1.6rem; color: #3e3a39; -webkit-text-stroke: currentColor; } .stroke-text > span[data-v-c52442ee] { font-family: D-DIN-Bold; font-weight: bold; font-size: 3rem; line-height: 3rem; color: rgba(211, 227, 255, 0.5); -webkit-text-stroke: #006cff 1px; margin: 0 6px; } .hover-effect[data-v-c52442ee], .hover-effect > div[data-v-c52442ee], .hover-effect span[data-v-c52442ee] { -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; } .hover-effect[data-v-c52442ee]:hover, .hover-effect > div[data-v-c52442ee]:hover, .hover-effect span[data-v-c52442ee]:hover { color: #0066ff !important; } .hover-effect:hover div[data-v-c52442ee], .hover-effect:hover span[data-v-c52442ee], .hover-effect > div:hover div[data-v-c52442ee], .hover-effect > div:hover span[data-v-c52442ee], .hover-effect span:hover div[data-v-c52442ee], .hover-effect span:hover span[data-v-c52442ee] { color: #0066ff !important; } .page-container { font-family: D-DIN; } @charset "UTF-8"; .header-box[data-v-249fca54] { padding: 1.5rem 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .header-box .header-box-content[data-v-249fca54] { border-top: 1px solid #006cff; border-bottom: 1px solid #006cff; } .header-box .about-header-box-content[data-v-249fca54] { border-left: 1px solid #006cff; border-right: 1px solid #006cff; margin: 0 1rem; position: relative; } .header-box .about-header-box-content[data-v-249fca54]::before, .header-box .about-header-box-content[data-v-249fca54]::after { content: ''; position: absolute; display: block; height: 1.5rem; left: -1px; right: -1px; border-left: 1px solid #006cff; border-right: 1px solid #006cff; } .header-box .about-header-box-content[data-v-249fca54]::before { top: -1.5rem; } .header-box .about-header-box-content[data-v-249fca54]::after { bottom: -1.5rem; } .header-box .about-header-box-content .about-header-box-content-video[data-v-249fca54] { position: relative; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .header-box .about-header-box-content .about-header-box-content-video > video[data-v-249fca54] { width: 100%; height: 100%; -o-object-position: center; object-position: center; pointer-events: none; } .header-box .about-header-box-content .about-header-box-content-video[data-v-249fca54]::after { content: ''; position: absolute; display: block; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; opacity: 1; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(244, 248, 255, 0.7); -webkit-backdrop-filter: blur(1.3rem); backdrop-filter: blur(1.3rem); } .header-box .about-header-box-content .video-bottom[data-v-249fca54] { border-top: 1px solid #006cff; border-bottom: 1px solid #006cff; } .header-box .about-header-box-content .video-bottom[data-v-249fca54]::before { content: ''; display: block; width: 10.8rem; height: 7.5rem; background-color: #f5faff; margin-left: auto; border-left: 1px solid #006cff; } .header-box .about-header-box-content .about-header-box-title[data-v-249fca54] { position: absolute; opacity: 1; width: 80%; left: 0; top: 0; font-family: D-DIN-Bold; font-weight: bold; font-size: 2.3rem; color: #0a418c; line-height: 2.8rem; margin: 1.5rem; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; z-index: 1; } .header-box .about-header-box-content .about-header-box-text[data-v-249fca54] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; background-color: #f5faff; position: relative; } .header-box .about-header-box-content .about-header-box-text .about-header-box-text-detail[data-v-249fca54] { padding: 1rem; background-color: #fff; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .header-box .about-header-box-content .about-header-box-text .about-header-box-text-detail .box-text-detail-img[data-v-249fca54] { padding-bottom: 1rem; border-bottom: 1px solid #006cff; } .header-box .about-header-box-content .about-header-box-text .about-header-box-text-detail .box-text-detail-img > img[data-v-249fca54] { width: 100%; } .header-box .about-header-box-content .about-header-box-text .about-header-box-text-detail .box-text-detail-img > span[data-v-249fca54] { display: block; height: 1px; margin: 1rem 0; background-color: #006cff; } .header-box .about-header-box-content .about-header-box-text .about-header-box-text-detail .box-text-detail-img > div[data-v-249fca54] { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .header-box .about-header-box-content .about-header-box-text .about-header-box-text-detail .box-text-detail-img > div > img[data-v-249fca54] { width: 18%; } .header-box .about-header-box-content .about-header-box-text .about-header-box-text-detail .box-text-detail-text[data-v-249fca54] { padding-top: 1rem; font-family: D-DIN; font-size: 1.3rem; line-height: 1.6rem; color: #3c3c3c; } .header-box .about-header-box-content .about-header-box-text[data-v-249fca54]::after { content: ''; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; background-color: #f5faff; } .header-box .video-btn[data-v-249fca54] { position: absolute; right: 0; bottom: -3.1rem; width: 3.1rem; height: 6.3rem; background-color: #006cff; z-index: 3; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .header-box .video-btn .video-btn-circle[data-v-249fca54] { position: relative; width: 2rem; height: 2rem; margin: 9px auto; border: 1px solid #fff; border-radius: 50%; cursor: pointer; } .header-box .video-btn .video-btn-circle .dot-view[data-v-249fca54] { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; -webkit-transform: rotate(-70deg); -ms-transform: rotate(-70deg); transform: rotate(-70deg); -webkit-animation: circleRotate-249fca54 1.6s infinite ease-in-out; animation: circleRotate-249fca54 1.6s infinite ease-in-out; } .header-box .video-btn .video-btn-circle .dot-view .dot[data-v-249fca54] { position: absolute; left: -2px; bottom: calc(50% - 4px); width: 4px; height: 4px; border-radius: 50%; background: #fff; } .header-box .video-btn .video-btn-circle .dot-view[data-v-249fca54]::after { content: ''; position: absolute; display: block; width: 4px; height: 4px; background-color: #006cff; bottom: calc(50% - 8px); left: -2px; } .header-box .video-btn .video-btn-circle .stop-animation[data-v-249fca54] { -webkit-animation-iteration-count: 1; animation-iteration-count: 1; /* 动画只运行一次 */ -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; /* 在动画结束后保持最后一帧的样式 */ } .header-box .video-btn .video-btn-icon[data-v-249fca54] { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; height: 1rem; } .header-box .video-btn .video-btn-icon .video-btn-icon-left[data-v-249fca54], .header-box .video-btn .video-btn-icon .video-btn-icon-right[data-v-249fca54] { position: absolute; height: 100%; top: 0; overflow: hidden; } .header-box .video-btn .video-btn-icon .video-btn-icon-left[data-v-249fca54] { width: 42%; left: 0; } .header-box .video-btn .video-btn-icon .video-btn-icon-left[data-v-249fca54]::before { content: ''; position: absolute; height: 100%; border-right: 1px solid #f5faff; right: 0; } .header-box .video-btn .video-btn-icon .video-btn-icon-right[data-v-249fca54] { width: 58%; right: 0; } .header-box .video-btn .video-btn-icon .video-btn-icon-right .video-btn-icon-right-btn[data-v-249fca54] { position: absolute; width: 1rem; height: 1rem; left: -9px; top: 0; background-color: #ffffff6b; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease; transition: background-color 0.3s ease; } .header-box .video-btn .video-btn-icon .video-btn-icon-right .video-btn-icon-right-btn[data-v-249fca54]::before, .header-box .video-btn .video-btn-icon .video-btn-icon-right .video-btn-icon-right-btn[data-v-249fca54]::after { content: ''; position: absolute; background-color: #f5faff; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .header-box .video-btn .video-btn-icon .video-btn-icon-right .video-btn-icon-right-btn[data-v-249fca54]::before { height: 1px; width: 100%; top: 0; left: 0; } .header-box .video-btn .video-btn-icon .video-btn-icon-right .video-btn-icon-right-btn[data-v-249fca54]::after { height: 100%; width: 1px; top: 0; right: 0; } .header-box .video-is-playing .about-header-box-content-video[data-v-249fca54] { width: 100%; height: 100%; } .header-box .video-is-playing .about-header-box-content-video[data-v-249fca54]::after { opacity: 0; } .header-box .video-is-playing .about-header-box-content-video .video-btn[data-v-249fca54] { height: 3.1rem; bottom: 0; } .header-box .video-is-playing .about-header-box-content-video .video-btn .video-btn-icon-left[data-v-249fca54]::before { -webkit-animation: moveBtnLeft-249fca54 0.3s ease forwards; animation: moveBtnLeft-249fca54 0.3s ease forwards; } .header-box .video-is-playing .about-header-box-content-video .video-btn .video-btn-icon-right-btn[data-v-249fca54] { background-color: transparent !important; } .header-box .video-is-playing .about-header-box-content-video .video-btn .video-btn-icon-right-btn[data-v-249fca54]::before { -webkit-transform-origin: right; -ms-transform-origin: right; transform-origin: right; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .header-box .video-is-playing .about-header-box-content-video .video-btn .video-btn-icon-right-btn[data-v-249fca54]::after { -webkit-transform-origin: top; -ms-transform-origin: top; transform-origin: top; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .header-box .video-is-playing .about-header-box-title[data-v-249fca54] { -webkit-transform: translateX(-7.5rem); -ms-transform: translateX(-7.5rem); transform: translateX(-7.5rem); opacity: 0; } @-webkit-keyframes circleRotate-249fca54 { 0% { -webkit-transform: rotate(-70deg); transform: rotate(-70deg); } 100% { -webkit-transform: rotate(290deg); transform: rotate(290deg); } } @keyframes circleRotate-249fca54 { 0% { -webkit-transform: rotate(-70deg); transform: rotate(-70deg); } 100% { -webkit-transform: rotate(290deg); transform: rotate(290deg); } } @-webkit-keyframes moveBtnLeft-249fca54 { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 80% { -webkit-transform: translate3d(-3px, 0, 0); transform: translate3d(-3px, 0, 0); } 100% { -webkit-transform: translate3d(-2px, 0, 0); transform: translate3d(-2px, 0, 0); } } @keyframes moveBtnLeft-249fca54 { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 80% { -webkit-transform: translate3d(-3px, 0, 0); transform: translate3d(-3px, 0, 0); } 100% { -webkit-transform: translate3d(-2px, 0, 0); transform: translate3d(-2px, 0, 0); } } .about-video-dialog { background-color: #fff; border-radius: unset; -webkit-box-shadow: unset; box-shadow: unset; } .about-video-dialog .el-dialog__header { display: none; } .about-video-dialog .video-wrap { width: 100%; border: 1px solid #006cff; padding: 2px; -webkit-box-sizing: border-box; box-sizing: border-box; } .about-video-dialog .close-btn { width: 3.8rem; margin: 0.9rem auto 0; cursor: pointer; } .about-video-dialog .close-btn > img { width: 100%; } .about-video-dialog .mobile-close { width: 2.5rem; } @charset "UTF-8"; .content-box-text[data-v-403609b2] { margin-bottom: 1rem; } .who-list-item[data-v-403609b2] { margin-bottom: 1rem; } .who-list-item .who-list-item-left .who-list-item-left-video[data-v-403609b2] { height: 13.1rem; background-color: #ffffff; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #ffffff; position: relative; } .who-list-item .who-list-item-left .who-list-item-left-video .video-cover[data-v-403609b2] { width: 100%; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; pointer-events: none; opacity: 0.3; } .who-list-item .who-list-item-left .who-list-item-left-video .video-play[data-v-403609b2] { border: 1px solid #ffffff; border-radius: 50%; width: 2.5rem; position: absolute; right: 2.4rem; bottom: 2.1rem; cursor: pointer; } .who-list-item .who-list-item-left .who-list-item-left-video .video-play[data-v-403609b2]:hover { opacity: 0.8; } .who-list-item .who-list-item-left .who-list-item-left-video[data-v-403609b2]::before { content: ''; display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(10, 67, 145, 0.7); } .who-list-item .who-list-item-left .who-list-item-left-text[data-v-403609b2] { padding: 8px 1rem; color: #0a418c; margin-bottom: 8px; } .who-list-item .who-list-item-left .who-list-item-left-text > p[data-v-403609b2]:nth-of-type(1) { font-size: 1rem; font-family: D-DIN-Bold; font-weight: bold; line-height: 1.4rem; } .who-list-item .who-list-item-left .who-list-item-left-text > p[data-v-403609b2]:nth-of-type(2) { font-size: 1rem; line-height: 1.4rem; } .who-list-item .who-list-item-right[data-v-403609b2] { background: #f2f7ff; border: 1px solid #006cff; padding: 1rem 1.5rem; -webkit-box-sizing: border-box; box-sizing: border-box; } .video-btn[data-v-403609b2] { position: absolute; right: 10px; bottom: 0; width: 3.1rem; height: 3.1rem; background-color: #fff; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; border: 1px solid #006cff; } .video-btn .video-btn-circle[data-v-403609b2] { position: relative; width: 2rem; height: 2rem; margin: 9px auto; border: 1px solid #006cff; border-radius: 50%; cursor: pointer; } .video-btn .video-btn-circle .dot-view[data-v-403609b2] { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; -webkit-transform: rotate(-80deg); -ms-transform: rotate(-80deg); transform: rotate(-80deg); -webkit-animation: circleRotate-403609b2 2s infinite ease-in-out; animation: circleRotate-403609b2 2s infinite ease-in-out; } .video-btn .video-btn-circle .dot-view .dot[data-v-403609b2] { position: absolute; left: -2px; bottom: calc(50% - 2px); width: 4px; height: 4px; border-radius: 50%; background: #006cff; } .video-btn .video-btn-circle .dot-view[data-v-403609b2]::after { content: ''; position: absolute; display: block; width: 4px; height: 4px; background-color: #fff; bottom: calc(50% - 6px); left: -2px; } .video-btn .video-btn-circle .stop-animation[data-v-403609b2] { -webkit-animation-iteration-count: 1; animation-iteration-count: 1; /* 动画只运行一次 */ -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; /* 在动画结束后保持最后一帧的样式 */ } .video-btn .video-btn-icon[data-v-403609b2] { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; height: 1rem; } .video-btn .video-btn-icon .video-btn-icon-left[data-v-403609b2], .video-btn .video-btn-icon .video-btn-icon-right[data-v-403609b2] { position: absolute; height: 100%; top: 0; overflow: hidden; } .video-btn .video-btn-icon .video-btn-icon-left[data-v-403609b2] { width: 42%; left: 0; } .video-btn .video-btn-icon .video-btn-icon-left[data-v-403609b2]::before { content: ''; position: absolute; width: 1px; height: 100%; right: 0; background-color: #006cff; } .video-btn .video-btn-icon .video-btn-icon-right[data-v-403609b2] { width: 58%; right: 0; } .video-btn .video-btn-icon .video-btn-icon-right .video-btn-icon-right-btn[data-v-403609b2] { position: absolute; width: 1rem; height: 1rem; left: -9px; top: 0; background-color: rgba(255, 255, 255, 0.42); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease; transition: background-color 0.3s ease; } .video-btn .video-btn-icon .video-btn-icon-right .video-btn-icon-right-btn[data-v-403609b2]::before, .video-btn .video-btn-icon .video-btn-icon-right .video-btn-icon-right-btn[data-v-403609b2]::after { content: ''; position: absolute; background-color: #006cff; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .video-btn .video-btn-icon .video-btn-icon-right .video-btn-icon-right-btn[data-v-403609b2]::before { height: 1px; width: 100%; top: 0; left: 0; } .video-btn .video-btn-icon .video-btn-icon-right .video-btn-icon-right-btn[data-v-403609b2]::after { height: 100%; width: 1px; top: 0; right: 0; } .video-is-playing .video-btn .video-btn-icon-left[data-v-403609b2]::before { -webkit-animation: moveBtnLeft-403609b2 0.3s ease forwards; animation: moveBtnLeft-403609b2 0.3s ease forwards; } .video-is-playing .video-btn .video-btn-icon-right-btn[data-v-403609b2] { background-color: transparent !important; } .video-is-playing .video-btn .video-btn-icon-right-btn[data-v-403609b2]::before { -webkit-transform-origin: right; -ms-transform-origin: right; transform-origin: right; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .video-is-playing .video-btn .video-btn-icon-right-btn[data-v-403609b2]::after { -webkit-transform-origin: top; -ms-transform-origin: top; transform-origin: top; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } @-webkit-keyframes circleRotate-403609b2 { 0% { -webkit-transform: rotate(-80deg); transform: rotate(-80deg); } 100% { -webkit-transform: rotate(280deg); transform: rotate(280deg); } } @keyframes circleRotate-403609b2 { 0% { -webkit-transform: rotate(-80deg); transform: rotate(-80deg); } 100% { -webkit-transform: rotate(280deg); transform: rotate(280deg); } } @-webkit-keyframes moveBtnLeft-403609b2 { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 80% { -webkit-transform: translate3d(-2px, 0, 0); transform: translate3d(-2px, 0, 0); } 100% { -webkit-transform: translate3d(-1px, 0, 0); transform: translate3d(-1px, 0, 0); } } @keyframes moveBtnLeft-403609b2 { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 80% { -webkit-transform: translate3d(-2px, 0, 0); transform: translate3d(-2px, 0, 0); } 100% { -webkit-transform: translate3d(-1px, 0, 0); transform: translate3d(-1px, 0, 0); } } .content-box-text[data-v-3e6086f6] { margin-bottom: 1.5rem; } .content-box-text .content-box-text-margin-bottom16[data-v-3e6086f6] { margin-bottom: 1rem; } .content-box-content-img[data-v-3e6086f6] { width: 100%; } [data-v-c54d4b6e] .el-dialog__body { padding: 2.5rem 0; } [data-v-c54d4b6e] .el-dialog__header { display: none; } [data-v-c54d4b6e] .our-impact-dialog { border-radius: unset; -webkit-box-shadow: unset; box-shadow: unset; border: 1px solid #006cff; } [data-v-c54d4b6e] .our-impact-dialog .our-impact-dialog-body { font-family: D-DIN; font-size: 1.1rem; line-height: 1.5rem; color: #3c3c3c; padding: 0 2.5rem; max-height: 68vh; overflow: auto; } [data-v-c54d4b6e] .our-impact-dialog .our-impact-name { font-family: D-DIN-Bold; font-size: 1.5rem; font-weight: bold; } [data-v-c54d4b6e] .our-impact-dialog .our-impact-pos { margin-top: 4px; } [data-v-c54d4b6e] .our-impact-dialog .our-impact-text { margin: 1.3rem 0; } [data-v-c54d4b6e] .our-impact-dialog .video-wrap { width: 100%; border: 1px solid #006cff; } [data-v-c54d4b6e] .our-impact-dialog .close-btn { width: 3.8rem; margin: 0.9rem auto 0; cursor: pointer; } [data-v-c54d4b6e] .our-impact-dialog .close-btn > img { width: 100%; } [data-v-c54d4b6e] .our-impact-dialog .mobile-close { width: 2.5rem; } @charset "UTF-8"; .our-impact[data-v-be5b5dba] { padding-bottom: 0 !important; } .content-box-item[data-v-be5b5dba] { margin-bottom: 1.8rem; } .content-box-item .content-box-item-title[data-v-be5b5dba] { font-family: D-DIN-Bold; font-weight: bold; font-size: 1.5rem; color: #0a418c; margin-bottom: 8px; } .content-box-item .content-box-item-number[data-v-be5b5dba] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .content-box-item .content-box-item-number .content-box-item-number-item[data-v-be5b5dba] { width: 100%; padding: 8px 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 1.1rem; line-height: 1; } .content-box-item .content-box-item-number .content-box-item-number-item .content-box-item-number-item-text1[data-v-be5b5dba], .content-box-item .content-box-item-number .content-box-item-number-item .content-box-item-number-item-text2[data-v-be5b5dba] { color: #3c3c3c; } .content-box-item .content-box-item-number .content-box-item-number-item .content-box-item-number-item-num[data-v-be5b5dba] { font-size: 1.1rem; font-family: D-DIN-Bold; font-weight: bold; color: #006cff; margin: 0 4px; } .content-box-item .content-box-item-number .content-box-item-number-item .activeNum[data-v-be5b5dba] { font-family: D-DIN-Bold; color: #006cff; font-weight: bold; } .content-box-item .content-list[data-v-be5b5dba] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; background-color: #fff; font-family: D-DIN; font-size: 1rem; line-height: 1.4rem; color: #3c3c3c; } .content-box-item .content-list .content-list-item[data-v-be5b5dba] { width: 100%; padding-bottom: 1rem; margin-bottom: 1rem; -webkit-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #006cff; } .content-box-item .content-list .content-list-item[data-v-be5b5dba]:nth-last-child(1) { margin-bottom: 0; } .content-box-item .content-list .content-list-item .content-list-item-img[data-v-be5b5dba] { display: block; width: 100%; height: 20rem; -o-object-fit: cover; object-fit: cover; opacity: 0.7; border: 1px solid transparent; -webkit-box-sizing: border-box; box-sizing: border-box; } .content-box-item .content-list .content-list-item .content-list-item-btn[data-v-be5b5dba] { margin-bottom: 1rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .content-box-item .content-list .content-list-item .content-list-item-text[data-v-be5b5dba] { width: 100%; margin-top: 8px; margin-bottom: 1.5rem; } .content-box-item .content-list .content-list-words[data-v-be5b5dba] { width: 100%; padding-bottom: 1rem; margin-bottom: 1rem; -webkit-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #006cff; } .content-box-item .content-list .content-list-words[data-v-be5b5dba]:nth-last-child(1) { margin-bottom: 0; border-bottom: none; } .content-box-item .content-list .content-list-words .content-list-words-header[data-v-be5b5dba] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .content-box-item .content-list .content-list-words .content-list-words-header .content-list-words-info[data-v-be5b5dba] { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; margin-left: 1.5rem; } .content-box-item .content-list .content-list-words .content-list-words-img[data-v-be5b5dba] { position: relative; width: 3.8rem; height: 3.8rem; } .content-box-item .content-list .content-list-words .content-list-words-img > img[data-v-be5b5dba] { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; position: absolute; inset: 0; border: 1px solid #005eff; } .content-box-item .content-list .content-list-words .content-list-words-img[data-v-be5b5dba]::before { content: ''; position: absolute; width: 100%; height: 100%; border: 1px solid #006cff; left: 4px; top: 4px; } .content-box-item .content-list .content-list-words .content-list-words-name[data-v-be5b5dba] { font-family: D-DIN-Bold; font-size: 1rem; font-weight: bold; } .content-box-item .content-list .content-list-words .content-list-words-pos[data-v-be5b5dba] { margin-top: 4px; } .content-box-item .content-list .content-list-words .content-list-words-detail[data-v-be5b5dba] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; position: relative; } .content-box-item .content-list .content-list-words .content-list-words-detail .content-list-words-text[data-v-be5b5dba] { min-height: 1rem; margin-top: 1.5rem; margin-bottom: 1.5rem; /* 多行省略号 */ display: -webkit-box; -webkit-line-clamp: 5; /* 控制行数 */ -webkit-box-orient: vertical; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .content-box-item .content-list .content-list-words .content-list-words-detail .content-list-words-btn[data-v-be5b5dba] { position: absolute; left: 0; right: 0; bottom: 0; padding: 1rem 0; background-color: rgba(255, 255, 255, 0.84); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .content-box-item .content-list .content-list-words:hover .content-list-words-name[data-v-be5b5dba] { color: #006cff; } .content-box-item .content-list .content-list-words:hover .content-list-words-pos[data-v-be5b5dba] { color: #1450ce; } .content-box-item .content-list .content-list-words:hover .content-list-words-text[data-v-be5b5dba] { color: #8cbeff; } .content-box-item .transition-box[data-v-be5b5dba] { -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .in-their-words[data-v-be5b5dba] { margin-bottom: 0; } .content-box-list .content-box-item[data-v-1af4d29a] { margin-bottom: 1.5rem; } .content-box-list .content-box-item .content-box-item-year[data-v-1af4d29a] { font-family: D-DIN-Bold; font-weight: bold; color: #006cff; margin-bottom: 4px; } .content-box-list .content-box-item .content-box-item-text[data-v-1af4d29a] { position: relative; padding: 1rem; border: 1px solid #006cff; } .content-box-list .content-box-item .content-box-item-text .content-box-item-text-cont[data-v-1af4d29a] p { margin-bottom: 1rem; } .content-box-list .content-box-item .content-box-item-text .content-box-item-text-cont[data-v-1af4d29a] p:nth-last-child(1) { margin-bottom: 0; } .content-box-list .content-box-item .content-box-item-text .content-box-item-text-cont[data-v-1af4d29a] p > span { font-family: D-DIN-Bold; font-weight: bold; color: #006cff; } .content-box-list .content-box-item .content-box-item-text .content-box-item-text-img[data-v-1af4d29a] { width: 3rem; height: 3rem; position: absolute; right: 1rem; top: -2rem; } .page-wrap[data-v-7bba9ccc] { font-family: D-DIN; font-size: 1.3rem; line-height: 1.8rem; color: #3c3c3c; } .page-wrap .page-wrap-title[data-v-7bba9ccc] { font-family: D-DIN-Bold; font-size: 2.5rem; font-weight: bold; line-height: 3rem; color: #3c3c3c; padding-bottom: 1.5rem; border-bottom: 1px solid #006cff; margin-bottom: 1.5rem; } @media screen and (max-width: 46.9rem) { .page-wrap[data-v-7bba9ccc] { font-size: 1.1rem; line-height: 1.6rem; } .page-wrap .page-wrap-title[data-v-7bba9ccc] { font-size: 1.5rem; line-height: 2rem; padding: 1rem 0; margin-bottom: 1rem; } } .inspire-list[data-v-6f31328d] { font-family: D-DIN; font-size: 1.3rem; line-height: 1.8rem; } .inspire-list .inspire-list-item[data-v-6f31328d] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; border-bottom: 1px solid #006cff; padding: 1.5rem 1.5rem 1.5rem 0; } .inspire-list .inspire-list-item .inspire-item-img[data-v-6f31328d] { width: 21.3rem; height: calc(21.3rem * 0.6); position: relative; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; border: 1px solid #006cff; opacity: 0.7; } .inspire-list .inspire-list-item .inspire-item-img .inspire-item-img-cover[data-v-6f31328d] { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; } .inspire-list .inspire-list-item .inspire-item-img .inspire-item-img-hot[data-v-6f31328d] { position: absolute; left: 0; top: 0; width: 5rem; } .inspire-list .inspire-list-item .inspire-list-item-content[data-v-6f31328d] { margin-left: 1.5rem; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .inspire-list .inspire-list-item .inspire-list-item-content .inspire-list-item-content-text[data-v-6f31328d] { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .inspire-list .inspire-list-item .inspire-list-item-content .inspire-list-item-content-text .inspire-list-item-title[data-v-6f31328d] { font-family: D-DIN-Bold; font-weight: bold; font-size: 1.3rem; line-height: 1.6rem; color: #3c3c3c; margin-bottom: 8px; -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .inspire-list .inspire-list-item .inspire-list-item-content .inspire-list-item-content-text .inspire-list-item-subtitle[data-v-6f31328d] { color: #505050; margin-bottom: 8px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .inspire-list .inspire-list-item .inspire-list-item-content .inspire-list-item-bottom[data-v-6f31328d] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .inspire-list .inspire-list-item .inspire-list-item-content .inspire-list-item-bottom .articles-item-org[data-v-6f31328d] { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 0.9rem; line-height: 1.3rem; color: #3c3c3c; } .inspire-list .inspire-list-item .inspire-list-item-content .inspire-list-item-bottom .articles-item-org img[data-v-6f31328d] { border-radius: 50%; width: 1.8rem; height: 1.8rem; -o-object-fit: cover; object-fit: cover; margin-right: 8px; border: 1px solid #006cff; -webkit-box-sizing: border-box; box-sizing: border-box; } .inspire-list .inspire-list-item:hover .inspire-item-img[data-v-6f31328d] { opacity: 1; } .inspire-list .inspire-list-item:hover .inspire-list-item-title[data-v-6f31328d] { color: #006cff !important; } .inspire-list .inspire-list-item:hover .inspire-list-item-subtitle[data-v-6f31328d] { color: #0a418c !important; } @media screen and (max-width: 46.9rem) { .inspire-list[data-v-6f31328d] { font-family: D-DIN; font-size: 1.1rem; line-height: 1.6rem; } .inspire-list .inspire-list-item[data-v-6f31328d] { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 1rem 0 0; } .inspire-list .inspire-list-item .inspire-item-img[data-v-6f31328d] { width: 100%; opacity: 1; } .inspire-list .inspire-list-item .inspire-list-item-content[data-v-6f31328d] { margin-left: 0; padding: 1rem 0; height: unset; } .inspire-list .inspire-list-item .inspire-list-item-content .inspire-list-item-content-text .inspire-list-item-title[data-v-6f31328d] { font-size: 1.1rem; line-height: 1.6rem; } } .content-box-title[data-v-f07d6226] { margin-bottom: 0; padding-bottom: 2rem; border-bottom: 1px solid #006cff; position: -webkit-sticky; position: sticky; top: 4.1rem; background: #fff; z-index: 1; } .content-box-subtitle[data-v-08325dfe] { padding-bottom: 1rem; border-bottom: 1px solid #006cff; margin-bottom: 1.5rem; } .partner-item-type[data-v-08325dfe] { margin-top: 1.5rem; } .partner-item-list[data-v-08325dfe] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; flex-wrap: wrap; } .partner-item-list-item[data-v-08325dfe] { height: auto; margin-bottom: 1rem; } .partner-item-list-item .partner-logo[data-v-08325dfe] { border: 1px solid #dcecff; padding: 8px; height: 11.3rem; width: 11.3rem; -webkit-box-sizing: border-box; box-sizing: border-box; } .partner-item-list-item .partner-logo img[data-v-08325dfe] { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .partner-item-list-item .partner-logo[data-v-08325dfe]:hover { border-color: #7db4ff; } .partner-item-list-item .partner-name[data-v-08325dfe] { word-wrap: break-word; word-break: break-word; margin-top: 8px; text-align: center; width: 11.3rem; font-size: 1rem; line-height: 1.4rem; } .partner-item-list-item .addCur[data-v-08325dfe] { cursor: pointer; text-decoration: underline; } .pick[data-v-08325dfe] { width: 11.6rem; } .content-box-content[data-v-67fe9fb4] { border-top: 1px solid #006cff; padding-top: 1.5rem; background-image: url(../img/leadership_governance.1367f2b9.png); background-size: 100% auto; background-repeat: repeat-y; } .content-box-content .content-box-content-list[data-v-67fe9fb4] { padding-top: 1rem; } .content-box-content .content-box-content-list .content-box-content-list-item[data-v-67fe9fb4] { margin-bottom: 1rem; } .content-box-content .content-box-content-list .content-box-content-list-item .list-item-header[data-v-67fe9fb4] { position: relative; background-color: #fff; } .content-box-content .content-box-content-list .content-box-content-list-item .list-item-header > img[data-v-67fe9fb4] { position: absolute; left: 0; top: 1rem; width: 5rem; height: 5rem; border-radius: 50%; -o-object-fit: cover; object-fit: cover; border: 1px solid #006cff; } .content-box-content .content-box-content-list .content-box-content-list-item .list-item-header .list-item-header-content[data-v-67fe9fb4] { margin-left: 2.5rem; padding: 1rem 1.5rem 1rem 4rem; border-top: 1px solid #006cff; } .content-box-content .content-box-content-list .content-box-content-list-item .list-item-header .list-item-header-content .list-item-name[data-v-67fe9fb4] { font-size: 1.1rem; font-family: D-DIN-Bold; font-weight: bold; line-height: 1.6rem; color: #0a418c; margin-bottom: 4px; } .content-box-content .content-box-content-list .content-box-content-list-item .list-item-header .list-item-header-content .list-item-position[data-v-67fe9fb4] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .content-box-content .content-box-content-list .content-box-content-list-item .list-item-header .list-item-header-content .list-item-position .list-item-position-detail[data-v-67fe9fb4] { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .content-box-content .content-box-content-list .content-box-content-list-item .list-item-header .list-item-header-content .list-item-position .icon[data-v-67fe9fb4] { position: relative; width: 1.5rem; height: 1.5rem; margin: 0 8px; cursor: pointer; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .content-box-content .content-box-content-list .content-box-content-list-item .list-item-header .list-item-header-content .list-item-position .icon[data-v-67fe9fb4]::before, .content-box-content .content-box-content-list .content-box-content-list-item .list-item-header .list-item-header-content .list-item-position .icon[data-v-67fe9fb4]::after { content: ''; display: block; position: absolute; background-color: #006cff; -webkit-transition: all 0.2s 0.2s; -o-transition: all 0.2s 0.2s; transition: all 0.2s 0.2s; } .content-box-content .content-box-content-list .content-box-content-list-item .list-item-header .list-item-header-content .list-item-position .icon[data-v-67fe9fb4]::before { width: 100%; height: 1px; top: calc(50% - 0.5px); left: 0; } .content-box-content .content-box-content-list .content-box-content-list-item .list-item-header .list-item-header-content .list-item-position .icon[data-v-67fe9fb4]::after { width: 1px; height: 100%; left: calc(50% - 0.5px); top: 0; } .content-box-content .content-box-content-list .content-box-content-list-item .list-item-header .list-item-header-content .list-item-position .showIcon[data-v-67fe9fb4] { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .content-box-content .content-box-content-list .content-box-content-list-item .list-item-header .list-item-header-content .list-item-position .showIcon[data-v-67fe9fb4]::before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .content-box-content .content-box-content-list .content-box-content-list-item .list-item-header .list-item-header-content .list-item-position .showIcon[data-v-67fe9fb4]::after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .content-box-content .content-box-content-list .content-box-content-list-item .list-item-header[data-v-67fe9fb4]::after { content: ''; display: block; width: calc(100% - 2.5rem); height: 1px; position: absolute; bottom: 0; right: 0; background-color: #006cff; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .content-box-content .content-box-content-list .content-box-content-list-item .borderBottom[data-v-67fe9fb4]::after { width: 100%; } .content-box-content .list-item-content[data-v-67fe9fb4] { width: 100%; margin-left: auto; padding: 1rem; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: rgba(229, 240, 255, 0.57); border-top: none; border-bottom: 1px solid #006cff; } .content-box-text[data-v-64057cb3] { margin-bottom: 1rem; border-bottom: 1px solid #006cff; } .content-box-list .content-box-list-item[data-v-64057cb3] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 1.5rem; } .content-box-list .content-box-list-item > img[data-v-64057cb3] { width: 5rem; height: 5rem; border-radius: 50%; border: 1px solid #dcecff; -o-object-fit: cover; object-fit: cover; margin-right: 1.5rem; } .content-box-list .content-box-list-item .content-box-list-item-detail[data-v-64057cb3] { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .content-box-list .content-box-list-item .content-box-list-item-detail .detail-name[data-v-64057cb3] { font-size: 1.1rem; font-family: D-DIN-Bold; font-weight: bold; line-height: 1.6rem; color: #0a418c; } .content-box-list .content-box-list-item .content-box-list-item-detail .detail-name > img[data-v-64057cb3] { height: 1.5rem; margin-left: 8px; opacity: 1; } .content-box-list .content-box-list-item .content-box-list-item-detail .detail-mechanism > span[data-v-64057cb3] { display: inline-block; padding-bottom: 8px; border-bottom: 1px solid #006cff; margin-bottom: 8px; } .content-box-content[data-v-030fada4] { border-top: 1px solid #006cff; padding-top: 1.5rem; } .content-box-content .content-box-content-sub[data-v-030fada4] { margin-bottom: 1.5rem; } .content-box-content .content-box-content-list[data-v-030fada4] { margin-top: 1rem; background-image: url(../img/leadership_governance.1367f2b9.png); background-size: 100% auto; background-repeat: repeat-y; } .content-box-content .content-box-content-list .content-box-content-list-item[data-v-030fada4] { margin-bottom: 1rem; } .content-box-content .content-box-content-list .content-box-content-list-item .list-item-header[data-v-030fada4] { position: relative; background-color: #fff; } .content-box-content .content-box-content-list .content-box-content-list-item .list-item-header > img[data-v-030fada4] { position: absolute; left: 0; top: 1rem; width: 5rem; height: 5rem; border-radius: 50%; -o-object-fit: cover; object-fit: cover; border: 1px solid #006cff; } .content-box-content .content-box-content-list .content-box-content-list-item .list-item-header .list-item-header-content[data-v-030fada4] { margin-left: 2.5rem; padding: 1rem 1.5rem 1rem 4rem; border-top: 1px solid #006cff; } .content-box-content .content-box-content-list .content-box-content-list-item .list-item-header .list-item-header-content .list-item-name[data-v-030fada4] { font-size: 1.1rem; font-family: D-DIN-Bold; font-weight: bold; line-height: 1.6rem; color: #0a418c; margin-bottom: 4px; } .content-box-content .content-box-content-list .content-box-content-list-item .list-item-header .list-item-header-content .list-item-position[data-v-030fada4] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .content-box-content .content-box-content-list .content-box-content-list-item .list-item-header .list-item-header-content .list-item-position .list-item-position-detail[data-v-030fada4] { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .content-box-content .content-box-content-list .content-box-content-list-item .list-item-header .list-item-header-content .list-item-position .icon[data-v-030fada4] { position: relative; width: 1.5rem; height: 1.5rem; margin: 0 8px; cursor: pointer; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .content-box-content .content-box-content-list .content-box-content-list-item .list-item-header .list-item-header-content .list-item-position .icon[data-v-030fada4]::before, .content-box-content .content-box-content-list .content-box-content-list-item .list-item-header .list-item-header-content .list-item-position .icon[data-v-030fada4]::after { content: ''; display: block; position: absolute; background-color: #006cff; -webkit-transition: all 0.2s 0.2s; -o-transition: all 0.2s 0.2s; transition: all 0.2s 0.2s; } .content-box-content .content-box-content-list .content-box-content-list-item .list-item-header .list-item-header-content .list-item-position .icon[data-v-030fada4]::before { width: 100%; height: 1px; top: calc(50% - 0.5px); left: 0; } .content-box-content .content-box-content-list .content-box-content-list-item .list-item-header .list-item-header-content .list-item-position .icon[data-v-030fada4]::after { width: 1px; height: 100%; left: calc(50% - 0.5px); top: 0; } .content-box-content .content-box-content-list .content-box-content-list-item .list-item-header .list-item-header-content .list-item-position .showIcon[data-v-030fada4] { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .content-box-content .content-box-content-list .content-box-content-list-item .list-item-header .list-item-header-content .list-item-position .showIcon[data-v-030fada4]::before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .content-box-content .content-box-content-list .content-box-content-list-item .list-item-header .list-item-header-content .list-item-position .showIcon[data-v-030fada4]::after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .content-box-content .content-box-content-list .content-box-content-list-item .list-item-header[data-v-030fada4]::after { content: ''; display: block; width: calc(100% - 2.5rem); height: 1px; position: absolute; bottom: 0; right: 0; background-color: #006cff; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .content-box-content .content-box-content-list .content-box-content-list-item .borderBottom[data-v-030fada4]::after { width: 100%; } .content-box-content .list-item-content[data-v-030fada4] { width: 100%; margin-left: auto; padding: 1rem; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: rgba(229, 240, 255, 0.57); border-top: none; border-bottom: 1px solid #006cff; } .line-base-bottom[data-v-55ad02ed] { height: 1.5rem; border-top: 1px solid #006cff; border-bottom: 1px solid #006cff; position: relative; } .line-base-bottom[data-v-55ad02ed]::before, .line-base-bottom[data-v-55ad02ed]::after { content: ''; display: block; height: 100%; width: 1px; background-color: #006cff; position: absolute; } .line-base-bottom[data-v-55ad02ed]::before { left: 1rem; } .line-base-bottom[data-v-55ad02ed]::after { right: 1rem; } .line[data-v-55ad02ed] { border-top: 1px solid #006cff; } .content-pad-margin[data-v-55ad02ed] { margin: 0 1rem; border-right: 1px solid #006cff; border-left: 1px solid #006cff; padding: 1rem 1.5rem; -webkit-box-sizing: border-box; box-sizing: border-box; } .about-content[data-v-55ad02ed] { font-family: D-DIN; } .about-content .about-menu-box[data-v-55ad02ed] { position: -webkit-sticky; position: sticky; background-color: #fff; width: 100%; z-index: 1; } .about-content .current-module[data-v-55ad02ed] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .about-content .current-module .current-module-name[data-v-55ad02ed] { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; font-size: 1.1rem; line-height: 1.6rem; color: #0a418c; font-weight: bold; font-family: D-DIN-Bold; } .about-content .current-module .icon[data-v-55ad02ed] { position: relative; width: 1.5rem; height: 1.5rem; margin: 0 8px; cursor: pointer; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .about-content .current-module .icon[data-v-55ad02ed]::before, .about-content .current-module .icon[data-v-55ad02ed]::after { content: ''; display: block; position: absolute; background-color: #006cff; -webkit-transition: all 0.2s 0.2s; -o-transition: all 0.2s 0.2s; transition: all 0.2s 0.2s; } .about-content .current-module .icon[data-v-55ad02ed]::before { width: 100%; height: 1px; top: calc(50% - 0.5px); left: 0; } .about-content .current-module .icon[data-v-55ad02ed]::after { width: 1px; height: 100%; left: calc(50% - 0.5px); top: 0; } .about-content .current-module .showIcon[data-v-55ad02ed] { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .about-content .current-module .showIcon[data-v-55ad02ed]::before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .about-content .current-module .showIcon[data-v-55ad02ed]::after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .about-content .transitionWrap-abs[data-v-55ad02ed] { position: absolute; width: 100%; } .about-content .about-menu-list[data-v-55ad02ed] { border-bottom: 1px solid #006cff; background-color: #fff; } .about-content .about-menu-list .about-menu-item[data-v-55ad02ed] { font-size: 1.1rem; line-height: 1.6rem; color: #0a418c; padding: 12px 0; } .about-content .about-menu-list .active[data-v-55ad02ed] { color: #006cff; font-weight: 700; } .about-content[data-v-55ad02ed] .content-box { border-right: 1px solid #006cff; border-left: 1px solid #006cff; margin: 0 1rem; padding: 1.5rem 1rem; font-family: D-DIN; font-size: 1.1rem; line-height: 1.6rem; color: #3c3c3c; } .about-content[data-v-55ad02ed] .content-box .content-box-title { font-family: D-DIN-Bold; font-weight: bold; font-size: 1.5rem; line-height: 2rem; color: #3c3c3c; margin-bottom: 1rem; } .about-content[data-v-55ad02ed] .content-box .content-box-sub-title { font-family: D-DIN-Bold; font-weight: bold; font-size: 1.1rem; line-height: 1.6rem; color: #0a418c; margin-bottom: 1rem; } @charset "UTF-8"; .about-header[data-v-994f0a36] { border-top: 1px solid #006cff; border-bottom: 1px solid #006cff; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; } .about-header .about-header-box[data-v-994f0a36] { border-left: 1px solid #006cff; border-right: 1px solid #006cff; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; position: relative; } .about-header .about-header-box .about-header-box-title[data-v-994f0a36] { font-size: 4rem; color: #3c3c3c; line-height: 4.5rem; padding: 2.5rem 2.5rem; font-family: D-DIN-Bold; font-weight: bold; -webkit-animation: titleMoveIn-994f0a36 0.8s 0.1s ease-in-out forwards; animation: titleMoveIn-994f0a36 0.8s 0.1s ease-in-out forwards; opacity: 0; } .about-header .about-header-box .about-header-box-content[data-v-994f0a36] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; border-top: 1px solid #006cff; } .about-header .about-header-box .about-header-box-content .about-header-box-text-detail[data-v-994f0a36] { max-width: 50rem; padding: 2.5rem; border-right: 1px solid #006cff; -webkit-animation: contMoveIn-994f0a36 0.8s 0.2s ease-in-out forwards; animation: contMoveIn-994f0a36 0.8s 0.2s ease-in-out forwards; -webkit-box-sizing: border-box; box-sizing: border-box; opacity: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .about-header .about-header-box .about-header-box-content .about-header-box-text-detail .box-text-detail-img[data-v-994f0a36] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-bottom: 1.5rem; border-bottom: 1px solid #006cff; } .about-header .about-header-box .about-header-box-content .about-header-box-text-detail .box-text-detail-img > img[data-v-994f0a36] { width: 18.8rem; } .about-header .about-header-box .about-header-box-content .about-header-box-text-detail .box-text-detail-img > span[data-v-994f0a36] { width: 1px; height: 3.8rem; margin: 0 1.5rem; background-color: #006cff; } .about-header .about-header-box .about-header-box-content .about-header-box-text-detail .box-text-detail-img > div[data-v-994f0a36] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .about-header .about-header-box .about-header-box-content .about-header-box-text-detail .box-text-detail-img > div > img[data-v-994f0a36] { width: 3.8rem; margin-left: 8px; } .about-header .about-header-box .about-header-box-content .about-header-box-text-detail .box-text-detail-img > div > img[data-v-994f0a36]:nth-child(1) { margin-left: 0; } .about-header .about-header-box .about-header-box-content .about-header-box-text-detail .box-text-detail-text[data-v-994f0a36] { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-top: 1.5rem; font-family: D-DIN; font-size: 1.5rem; line-height: 2rem; color: #3c3c3c; } .about-header .about-header-box .about-header-box-content .about-header-box-video[data-v-994f0a36] { opacity: 0; -webkit-animation: contMoveIn-994f0a36 0.8s 0.2s ease-in-out forwards; animation: contMoveIn-994f0a36 0.8s 0.2s ease-in-out forwards; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; background-color: #f5faff; } .about-header .about-header-box .about-header-box-content .about-header-box-video[data-v-994f0a36] { position: relative; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .about-header .about-header-box .about-header-box-content .about-header-box-video > video[data-v-994f0a36] { width: 100%; height: 100%; -o-object-position: center; object-position: center; pointer-events: none; -o-object-fit: cover; object-fit: cover; } .about-header .about-header-box .about-header-box-content .about-header-box-video[data-v-994f0a36]::after { content: ''; position: absolute; display: block; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; opacity: 1; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(244, 248, 255, 0.7); } .about-header .video-btn[data-v-994f0a36] { position: absolute; right: 0; bottom: 0; width: 5rem; height: 5rem; background-color: #006cff; z-index: 3; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; } .about-header .video-btn .video-btn-circle[data-v-994f0a36] { position: relative; width: 2.5rem; height: 2.5rem; margin: 1.3rem auto; border: 1px solid #fff; border-radius: 50%; cursor: pointer; } .about-header .video-btn .video-btn-circle .dot-view[data-v-994f0a36] { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; -webkit-transform: rotate(-80deg); -ms-transform: rotate(-80deg); transform: rotate(-80deg); -webkit-animation: circleRotate-994f0a36 2s infinite ease-in-out; animation: circleRotate-994f0a36 2s infinite ease-in-out; } .about-header .video-btn .video-btn-circle .dot-view .dot[data-v-994f0a36] { position: absolute; left: -3px; bottom: calc(50% - 3px); width: 6px; height: 6px; border-radius: 50%; background: #fff; } .about-header .video-btn .video-btn-circle .dot-view[data-v-994f0a36]::after { content: ''; position: absolute; display: block; width: 6px; height: 6px; background-color: #006cff; bottom: calc(50% - 9px); left: -3px; } .about-header .video-btn .video-btn-circle .stop-animation[data-v-994f0a36] { -webkit-animation-iteration-count: 1; animation-iteration-count: 1; /* 动画只运行一次 */ -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; /* 在动画结束后保持最后一帧的样式 */ } .about-header .video-btn .video-btn-icon[data-v-994f0a36] { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; height: 1.3rem; } .about-header .video-btn .video-btn-icon .video-btn-icon-left[data-v-994f0a36], .about-header .video-btn .video-btn-icon .video-btn-icon-right[data-v-994f0a36] { position: absolute; height: 100%; top: 0; overflow: hidden; } .about-header .video-btn .video-btn-icon .video-btn-icon-left[data-v-994f0a36] { width: 42%; left: 0; } .about-header .video-btn .video-btn-icon .video-btn-icon-left[data-v-994f0a36]::before { content: ''; position: absolute; width: 1px; height: 100%; right: 0; background-color: #f5faff; } .about-header .video-btn .video-btn-icon .video-btn-icon-right[data-v-994f0a36] { width: 58%; right: 0; } .about-header .video-btn .video-btn-icon .video-btn-icon-right .video-btn-icon-right-btn[data-v-994f0a36] { position: absolute; width: 1.3rem; height: 1.3rem; left: -0.9rem; top: 0; background-color: rgba(255, 255, 255, 0.42); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease; transition: background-color 0.3s ease; } .about-header .video-btn .video-btn-icon .video-btn-icon-right .video-btn-icon-right-btn[data-v-994f0a36]::before, .about-header .video-btn .video-btn-icon .video-btn-icon-right .video-btn-icon-right-btn[data-v-994f0a36]::after { content: ''; position: absolute; background-color: #f5faff; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .about-header .video-btn .video-btn-icon .video-btn-icon-right .video-btn-icon-right-btn[data-v-994f0a36]::before { height: 1px; width: 100%; top: 0; left: 0; } .about-header .video-btn .video-btn-icon .video-btn-icon-right .video-btn-icon-right-btn[data-v-994f0a36]::after { height: 100%; width: 1px; top: 0; right: 0; } .about-header .video-is-playing .about-header-box-video[data-v-994f0a36] { position: absolute !important; width: 100% !important; height: 100% !important; left: 0; top: 0; } .about-header .video-is-playing .about-header-box-video > video[data-v-994f0a36] { -o-object-fit: contain !important; object-fit: contain !important; } .about-header .video-is-playing .about-header-box-video[data-v-994f0a36]::after { opacity: 0 !important; } .about-header .video-is-playing .about-header-box-video .video-btn .video-btn-icon-left[data-v-994f0a36]::before { -webkit-animation: moveBtnLeft-994f0a36 0.3s ease forwards; animation: moveBtnLeft-994f0a36 0.3s ease forwards; } .about-header .video-is-playing .about-header-box-video .video-btn .video-btn-icon-right-btn[data-v-994f0a36] { background-color: transparent !important; } .about-header .video-is-playing .about-header-box-video .video-btn .video-btn-icon-right-btn[data-v-994f0a36]::before { -webkit-transform-origin: right; -ms-transform-origin: right; transform-origin: right; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .about-header .video-is-playing .about-header-box-video .video-btn .video-btn-icon-right-btn[data-v-994f0a36]::after { -webkit-transform-origin: top; -ms-transform-origin: top; transform-origin: top; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } @-webkit-keyframes titleMoveIn-994f0a36 { 0% { opacity: 0; -webkit-transform: translateY(-3.1rem); transform: translateY(-3.1rem); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes titleMoveIn-994f0a36 { 0% { opacity: 0; -webkit-transform: translateY(-3.1rem); transform: translateY(-3.1rem); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes contMoveIn-994f0a36 { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes contMoveIn-994f0a36 { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes circleRotate-994f0a36 { 0% { -webkit-transform: rotate(-80deg); transform: rotate(-80deg); } 100% { -webkit-transform: rotate(280deg); transform: rotate(280deg); } } @keyframes circleRotate-994f0a36 { 0% { -webkit-transform: rotate(-80deg); transform: rotate(-80deg); } 100% { -webkit-transform: rotate(280deg); transform: rotate(280deg); } } @-webkit-keyframes moveBtnLeft-994f0a36 { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 80% { -webkit-transform: translate3d(-4px, 0, 0); transform: translate3d(-4px, 0, 0); } 100% { -webkit-transform: translate3d(-3px, 0, 0); transform: translate3d(-3px, 0, 0); } } @keyframes moveBtnLeft-994f0a36 { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 80% { -webkit-transform: translate3d(-4px, 0, 0); transform: translate3d(-4px, 0, 0); } 100% { -webkit-transform: translate3d(-3px, 0, 0); transform: translate3d(-3px, 0, 0); } } @charset "UTF-8"; .content-box-text[data-v-2ffbd476] { margin-bottom: 4.6rem; border-top: 1px solid #006cff; padding-top: 1.5rem; } .who-list-item[data-v-2ffbd476] { margin-bottom: 2rem; position: relative; min-width: 37.5rem; } .who-list-item .who-list-item-left[data-v-2ffbd476] { width: 23.1rem; } .who-list-item .who-list-item-left .who-list-item-left-video[data-v-2ffbd476] { height: 13.1rem; background-color: #ffffff; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #ffffff; position: relative; } .who-list-item .who-list-item-left .who-list-item-left-video .video-cover[data-v-2ffbd476] { width: 100%; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; pointer-events: none; opacity: 0.3; } .who-list-item .who-list-item-left .who-list-item-left-video .video-play[data-v-2ffbd476] { border: 1px solid #ffffff; border-radius: 50%; width: 2.5rem; position: absolute; right: 2.4rem; bottom: 2.1rem; cursor: pointer; } .who-list-item .who-list-item-left .who-list-item-left-video .video-play[data-v-2ffbd476]:hover { opacity: 0.8; } .who-list-item .who-list-item-left .who-list-item-left-video[data-v-2ffbd476]::before { content: ''; display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(10, 67, 145, 0.7); } .who-list-item .who-list-item-left .who-list-item-left-text[data-v-2ffbd476] { padding-right: 5rem; padding-left: 1.3rem; padding-top: 10px; color: #0a418c; } .who-list-item .who-list-item-left .who-list-item-left-text > p[data-v-2ffbd476]:nth-of-type(1) { font-size: 1.4rem; font-family: D-DIN-Bold; font-weight: bold; line-height: 1.8rem; } .who-list-item .who-list-item-left .who-list-item-left-text > p[data-v-2ffbd476]:nth-of-type(2) { font-size: 1.1rem; line-height: 1.5rem; } .who-list-item .who-list-item-right[data-v-2ffbd476] { position: absolute; width: calc(100% - 16.1rem); right: -2rem; bottom: 0; background: #f2f7ff; border: 1px solid #006cff; padding: 1.5rem 1.5rem 1.5rem 7rem; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: -1; } .video-btn[data-v-2ffbd476] { position: absolute; right: 0; bottom: 0; width: 4.8rem; height: 4.8rem; background-color: #fff; z-index: 3; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; border: 1px solid #006cff; } .video-btn .video-btn-circle[data-v-2ffbd476] { position: relative; width: 2.5rem; height: 2.5rem; margin: 1.3rem auto; border: 1px solid #006cff; border-radius: 50%; cursor: pointer; } .video-btn .video-btn-circle .dot-view[data-v-2ffbd476] { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; -webkit-transform: rotate(-80deg); -ms-transform: rotate(-80deg); transform: rotate(-80deg); -webkit-animation: circleRotate-2ffbd476 2s infinite ease-in-out; animation: circleRotate-2ffbd476 2s infinite ease-in-out; } .video-btn .video-btn-circle .dot-view .dot[data-v-2ffbd476] { position: absolute; left: -3px; bottom: calc(50% - 3px); width: 6px; height: 6px; border-radius: 50%; background: #006cff; } .video-btn .video-btn-circle .dot-view[data-v-2ffbd476]::after { content: ''; position: absolute; display: block; width: 6px; height: 6px; background-color: #fff; bottom: calc(50% - 9px); left: -3px; } .video-btn .video-btn-circle .stop-animation[data-v-2ffbd476] { -webkit-animation-iteration-count: 1; animation-iteration-count: 1; /* 动画只运行一次 */ -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; /* 在动画结束后保持最后一帧的样式 */ } .video-btn .video-btn-icon[data-v-2ffbd476] { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; height: 1rem; } .video-btn .video-btn-icon .video-btn-icon-left[data-v-2ffbd476], .video-btn .video-btn-icon .video-btn-icon-right[data-v-2ffbd476] { position: absolute; height: 100%; top: 0; overflow: hidden; } .video-btn .video-btn-icon .video-btn-icon-left[data-v-2ffbd476] { width: 45%; left: 0; } .video-btn .video-btn-icon .video-btn-icon-left[data-v-2ffbd476]::before { content: ''; position: absolute; width: 1px; height: 100%; right: 0; background-color: #006cff; } .video-btn .video-btn-icon .video-btn-icon-right[data-v-2ffbd476] { width: 56%; right: 0; } .video-btn .video-btn-icon .video-btn-icon-right .video-btn-icon-right-btn[data-v-2ffbd476] { position: absolute; width: 1rem; height: 1rem; left: -10px; top: 0; background-color: rgba(255, 255, 255, 0.42); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease; transition: background-color 0.3s ease; } .video-btn .video-btn-icon .video-btn-icon-right .video-btn-icon-right-btn[data-v-2ffbd476]::before, .video-btn .video-btn-icon .video-btn-icon-right .video-btn-icon-right-btn[data-v-2ffbd476]::after { content: ''; position: absolute; background-color: #006cff; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .video-btn .video-btn-icon .video-btn-icon-right .video-btn-icon-right-btn[data-v-2ffbd476]::before { height: 1px; width: 100%; top: 0; left: 0; } .video-btn .video-btn-icon .video-btn-icon-right .video-btn-icon-right-btn[data-v-2ffbd476]::after { height: 100%; width: 1px; top: 0; right: 0; } .video-is-playing .video-btn .video-btn-icon-left[data-v-2ffbd476]::before { -webkit-animation: moveBtnLeft-2ffbd476 0.3s ease forwards; animation: moveBtnLeft-2ffbd476 0.3s ease forwards; } .video-is-playing .video-btn .video-btn-icon-right-btn[data-v-2ffbd476] { background-color: transparent !important; } .video-is-playing .video-btn .video-btn-icon-right-btn[data-v-2ffbd476]::before { -webkit-transform-origin: right; -ms-transform-origin: right; transform-origin: right; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .video-is-playing .video-btn .video-btn-icon-right-btn[data-v-2ffbd476]::after { -webkit-transform-origin: top; -ms-transform-origin: top; transform-origin: top; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } @-webkit-keyframes circleRotate-2ffbd476 { 0% { -webkit-transform: rotate(-80deg); transform: rotate(-80deg); } 100% { -webkit-transform: rotate(280deg); transform: rotate(280deg); } } @keyframes circleRotate-2ffbd476 { 0% { -webkit-transform: rotate(-80deg); transform: rotate(-80deg); } 100% { -webkit-transform: rotate(280deg); transform: rotate(280deg); } } @-webkit-keyframes moveBtnLeft-2ffbd476 { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 80% { -webkit-transform: translate3d(-4px, 0, 0); transform: translate3d(-4px, 0, 0); } 100% { -webkit-transform: translate3d(-3px, 0, 0); transform: translate3d(-3px, 0, 0); } } @keyframes moveBtnLeft-2ffbd476 { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 80% { -webkit-transform: translate3d(-4px, 0, 0); transform: translate3d(-4px, 0, 0); } 100% { -webkit-transform: translate3d(-3px, 0, 0); transform: translate3d(-3px, 0, 0); } } .content-box-text[data-v-00e75c96] { letter-spacing: 0.04em; border-top: 1px solid #006cff; padding-top: 1.5rem; margin-bottom: 4.6rem; } .content-box-text .content-box-text-subtitle[data-v-00e75c96] { font-family: D-DIN-Bold; font-weight: bold; line-height: 1.8rem; margin-bottom: 6px; } .content-box-text .content-box-text-margin-bottom24[data-v-00e75c96] { margin-bottom: 1.5rem; } .content-box-content-img[data-v-00e75c96] { width: 100%; } @charset "UTF-8"; .content-box-btn[data-v-5396a1b4] { border-top: 1px solid #006cff; padding: 2.5rem 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; background-color: #fff; position: -webkit-sticky; position: sticky; z-index: 2; } .content-box-btn > div[data-v-5396a1b4] { font-family: D-DIN-Bold; font-weight: bold; font-size: 1.5rem; color: #b0ceff; padding-right: 2.5rem; margin-right: 2.5rem; border-right: 1px solid #d7e6ff; cursor: pointer; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .content-box-btn > div[data-v-5396a1b4]:nth-last-child(1) { border-right: none; } .content-box-btn .active[data-v-5396a1b4] { color: #0a418c; } .content-box-item[data-v-5396a1b4] { margin-bottom: 1.8rem; } .content-box-item .by-the-number[data-v-5396a1b4] { -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .content-box-item .by-the-number .number-item[data-v-5396a1b4] { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding: 0 2.5rem; } .content-box-item .by-the-number .number-item-left[data-v-5396a1b4] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .content-box-item .by-the-number .number-item-left .number-item-left-title[data-v-5396a1b4] { font-size: 1.1rem; line-height: 1.5rem; margin-bottom: 8px; } .content-box-item .by-the-number .number-item-left .number-item-left-num[data-v-5396a1b4] { font-family: D-DIN-Bold; font-size: 6.9rem; font-weight: bold; line-height: 7.5rem; color: rgba(211, 227, 255, 0.5); -webkit-text-stroke: #006cff 1px; } .content-box-item .by-the-number .number-item-right[data-v-5396a1b4] { border-left: 1px solid #006cff; min-height: 12.5rem; } .content-box-item .by-the-number .number-item-right .content-box-item-number-item[data-v-5396a1b4] { padding: 12px 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 1.1rem; line-height: 1.5rem; } .content-box-item .by-the-number .number-item-right .content-box-item-number-item .content-box-item-number-item-text1[data-v-5396a1b4], .content-box-item .by-the-number .number-item-right .content-box-item-number-item .content-box-item-number-item-text2[data-v-5396a1b4] { color: #3c3c3c; } .content-box-item .by-the-number .number-item-right .content-box-item-number-item .content-box-item-number-item-num[data-v-5396a1b4] { font-size: 1.5rem; font-family: D-DIN-Bold; font-weight: bold; color: #006cff; margin: 0 8px; } .content-box-item .by-the-number .number-item-right .content-box-item-number-item .activeNum[data-v-5396a1b4] { font-family: D-DIN-Bold; color: #006cff; font-weight: bold; } .content-box-item .number-top[data-v-5396a1b4] { padding-bottom: 1.9rem; border-bottom: 1px solid #006cff; } .content-box-item .number-bottom[data-v-5396a1b4] { padding-top: 1.9rem; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .content-box-item .number-bottom .number-item[data-v-5396a1b4] { padding-top: 1.9rem; } .content-box-item .number-bottom .number-item-right .number-item-left-num[data-v-5396a1b4] { font-family: D-DIN-Bold; font-size: 6.9rem; font-weight: bold; line-height: 7.5rem; color: rgba(211, 227, 255, 0.5); -webkit-text-stroke: #006cff 1px; width: 100%; text-align: center; padding-bottom: 1.5rem; border-bottom: 1px solid #006cff; } .content-box-item .number-bottom .number-item-right .number-item-left-last[data-v-5396a1b4] { padding: 1.5rem 0; width: 100%; } .content-box-item .number-bottom .number-item-right .number-item-left-last > span[data-v-5396a1b4] { font-size: 1.5rem; font-family: D-DIN-Bold; font-weight: bold; color: #006cff; margin: 0 8px; } .content-box-item .number-bottom .number-item-left .number-item-left-title[data-v-5396a1b4] { width: 15rem; } .content-box-item .number-bottom .number-item-left .number-item-left-num[data-v-5396a1b4] { text-align: right; } .content-box-item .content-list[data-v-5396a1b4] { padding: 12px 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; background-color: #fff; font-family: D-DIN; font-size: 1.1rem; line-height: 1.5rem; color: #3c3c3c; } .content-box-item .content-list .content-list-item[data-v-5396a1b4] { width: 50%; padding: 1.5rem; -webkit-box-sizing: border-box; box-sizing: border-box; border-top: 1px solid #006cff; border-left: 1px solid #006cff; cursor: pointer; } .content-box-item .content-list .content-list-item[data-v-5396a1b4]:nth-child(-n + 2) { border-top: none; } .content-box-item .content-list .content-list-item[data-v-5396a1b4]:nth-child(2n + 1) { border-left: none; } .content-box-item .content-list .content-list-item .content-list-item-img[data-v-5396a1b4] { position: relative; } .content-box-item .content-list .content-list-item .content-list-item-img > img[data-v-5396a1b4] { display: block; width: 100%; height: 20rem; -o-object-fit: cover; object-fit: cover; opacity: 0.7; border: 1px solid transparent; -webkit-box-sizing: border-box; box-sizing: border-box; } .content-box-item .content-list .content-list-item .content-list-item-img .content-list-item-img-mask[data-v-5396a1b4] { position: absolute; left: 1px; right: 1px; bottom: 1px; height: 4rem; background-color: rgba(255, 255, 255, 0.84); opacity: 0; padding: 0 1rem; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .content-box-item .content-list .content-list-item .content-list-item-text[data-v-5396a1b4] { width: 100%; margin-top: 8px; } .content-box-item .content-list .content-list-item:hover .content-list-item-img > img[data-v-5396a1b4] { opacity: 1; border-color: #005eff; } .content-box-item .content-list .content-list-item:hover .content-list-item-img .content-list-item-img-mask[data-v-5396a1b4] { opacity: 1 !important; } .content-box-item .content-list .content-list-item:hover .content-list-item-text[data-v-5396a1b4] { color: #006cff; } .content-box-item .content-list .content-list-words[data-v-5396a1b4] { width: 50%; padding: 1.5rem; -webkit-box-sizing: border-box; box-sizing: border-box; border-top: 1px solid #006cff; border-left: 1px solid #006cff; position: relative; } .content-box-item .content-list .content-list-words[data-v-5396a1b4]:nth-child(-n + 2) { border-top: none; } .content-box-item .content-list .content-list-words[data-v-5396a1b4]:nth-child(2n + 1) { border-left: none; } .content-box-item .content-list .content-list-words .content-list-words-img[data-v-5396a1b4] { position: relative; width: 3.8rem; height: 3.8rem; } .content-box-item .content-list .content-list-words .content-list-words-img > img[data-v-5396a1b4] { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; position: absolute; inset: 0; border: 1px solid #005eff; } .content-box-item .content-list .content-list-words .content-list-words-img[data-v-5396a1b4]::before { content: ''; position: absolute; width: 100%; height: 100%; border: 1px solid #006cff; left: 4px; top: 4px; } .content-box-item .content-list .content-list-words .content-list-words-name[data-v-5396a1b4] { margin-top: 12px; font-family: D-DIN-Bold; font-size: 1.5rem; font-weight: bold; } .content-box-item .content-list .content-list-words .content-list-words-pos[data-v-5396a1b4] { margin-top: 4px; } .content-box-item .content-list .content-list-words .content-list-words-text[data-v-5396a1b4] { margin-top: 1.5rem; /* 多行省略号 */ display: -webkit-box; -webkit-line-clamp: 3; /* 控制行数 */ -webkit-box-orient: vertical; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .content-box-item .content-list .content-list-words .content-list-words-btn[data-v-5396a1b4] { position: absolute; left: 0; right: 2rem; bottom: 1.5rem; padding: 1rem 0; background-color: rgba(255, 255, 255, 0.84); opacity: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .content-box-item .content-list .content-list-words:hover .content-list-words-name[data-v-5396a1b4] { color: #006cff; } .content-box-item .content-list .content-list-words:hover .content-list-words-pos[data-v-5396a1b4] { color: #1450ce; } .content-box-item .content-list .content-list-words:hover .content-list-words-text[data-v-5396a1b4] { color: #8cbeff; } .content-box-item .content-list .content-list-words:hover .content-list-words-btn[data-v-5396a1b4] { opacity: 1; } .content-box-item .transition-box[data-v-5396a1b4] { -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .content-box-title[data-v-cf694f7c] { margin-bottom: 0; padding-bottom: 2rem; border-bottom: 1px solid #006cff; position: -webkit-sticky; position: sticky; top: 4.1rem; background: #fff; z-index: 1; } .content-box-cont[data-v-cf694f7c] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .content-box-list[data-v-cf694f7c] { margin-right: 1rem; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .content-box-list .content-box-item[data-v-cf694f7c] { margin-bottom: 1.5rem; } .content-box-list .content-box-item .content-box-item-year[data-v-cf694f7c] { font-family: D-DIN-Bold; font-weight: bold; color: #006cff; margin-bottom: 4px; } .content-box-list .content-box-item .content-box-item-text[data-v-cf694f7c] { position: relative; border: 1px solid #006cff; -webkit-box-sizing: border-box; box-sizing: border-box; } .content-box-list .content-box-item .content-box-item-text .content-box-item-text-cont[data-v-cf694f7c] { padding: 1.5rem 10.5rem 1.5rem 1.5rem; } .content-box-list .content-box-item .content-box-item-text .content-box-item-text-cont[data-v-cf694f7c] p { margin-bottom: 1.4rem; } .content-box-list .content-box-item .content-box-item-text .content-box-item-text-cont[data-v-cf694f7c] p:nth-last-child(1) { margin-bottom: 0; } .content-box-list .content-box-item .content-box-item-text .content-box-item-text-cont[data-v-cf694f7c] p > span { font-family: D-DIN-Bold; font-weight: bold; color: #006cff; } .content-box-list .content-box-item .content-box-item-text .content-box-item-text-img[data-v-cf694f7c] { width: 10rem; height: 10rem; position: absolute; right: -1rem; bottom: -1rem; } .journey-nav[data-v-cf694f7c] { position: -webkit-sticky; position: sticky; top: 7.5rem; width: 3.8rem; padding: 2.5rem 0; border-left: 1px solid #006cff; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; margin-left: 1.5rem; margin-top: 2rem; } .journey-nav[data-v-cf694f7c]::before, .journey-nav[data-v-cf694f7c]::after { content: ''; position: absolute; display: block; width: 100%; left: -1px; height: 2.5rem; } .journey-nav[data-v-cf694f7c]::before { top: 0; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(transparent)); background: -webkit-linear-gradient(top, #fff, transparent); background: -o-linear-gradient(top, #fff, transparent); background: linear-gradient(to bottom, #fff, transparent); } .journey-nav[data-v-cf694f7c]::after { bottom: 0; background: -webkit-gradient(linear, left bottom, left top, from(#fff), to(transparent)); background: -webkit-linear-gradient(bottom, #fff, transparent); background: -o-linear-gradient(bottom, #fff, transparent); background: linear-gradient(to top, #fff, transparent); } .journey-nav .journey-nav-item[data-v-cf694f7c] { width: 100%; font-family: D-DIN; font-size: 1.5rem; line-height: 2rem; text-align: right; color: rgba(0, 108, 255, 0.6); margin-bottom: 2.5rem; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: color 0.3s ease; -o-transition: color 0.3s ease; transition: color 0.3s ease; cursor: pointer; } .journey-nav .journey-nav-item[data-v-cf694f7c]:nth-last-child(1) { margin-bottom: 0; } .journey-nav .journey-nav-item[data-v-cf694f7c]::before, .journey-nav .journey-nav-item[data-v-cf694f7c]::after { content: ''; position: absolute; border-radius: 50%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background-color: #006cff; } .journey-nav .journey-nav-item[data-v-cf694f7c]::before { width: 12px; height: 12px; opacity: 0.12; left: -6px; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .journey-nav .journey-nav-item[data-v-cf694f7c]::after { width: 4px; height: 4px; left: -2px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .journey-nav .active-item[data-v-cf694f7c] { color: #006cff; font-family: D-DIN-Bold; font-weight: bold; } .journey-nav .active-item[data-v-cf694f7c]::before { opacity: 0.3; } .journey-nav .active-item[data-v-cf694f7c]::after { width: 8px; height: 8px; left: -4px; } .content-box-title[data-v-7496b0d2] { margin-bottom: 1rem; } .content-box-subtitle[data-v-7496b0d2] { padding-bottom: 1.5rem; border-bottom: 1px solid #006cff; margin-bottom: 2rem; } .partner-item-type[data-v-7496b0d2] { font-family: D-DIN-Bold; font-weight: bold; font-size: 1.5rem; color: #0a418c; letter-spacing: 0; margin-top: 2.5rem; margin-bottom: 1.3rem; } .partner-item-list[data-v-7496b0d2] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .partner-item-list-item[data-v-7496b0d2] { height: auto; margin-bottom: 1rem; width: 11.9rem; } .partner-item-list-item .partner-logo[data-v-7496b0d2] { border: 1px solid #dcecff; padding: 8px; width: 11.9rem; height: 11.9rem; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; overflow: hidden; } .partner-item-list-item .partner-logo img[data-v-7496b0d2] { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .partner-item-list-item .partner-name[data-v-7496b0d2] { -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; word-wrap: break-word; word-break: break-word; margin-top: 8px; text-align: center; font-size: 1.1rem; line-height: 1.2; } .partner-item-list-item .addCur[data-v-7496b0d2] { cursor: pointer; } .partner-item-list-item[data-v-7496b0d2]:hover { border-color: #7db4ff; } .partner-item-list-item:hover .partner-logo img[data-v-7496b0d2] { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .partner-item-list-item:hover .partner-name[data-v-7496b0d2] { color: #006cff; } .pick[data-v-7496b0d2] { width: 10.5rem; } .content-box-content[data-v-56090af5] { border-top: 1px solid #006cff; padding-top: 2rem; background-image: url(../img/leadership_governance.1367f2b9.png); background-size: 100% auto; background-repeat: repeat-y; } .content-box-content .content-box-content-title[data-v-56090af5] { font-size: 1.5rem; font-family: D-DIN-Bold; font-weight: bold; line-height: 2rem; color: #0a418c; margin-bottom: 1.5rem; } .content-box-content .content-box-content-list[data-v-56090af5] { padding-top: 2rem; } .content-box-content .content-box-content-list .content-box-content-list-item[data-v-56090af5] { margin-bottom: 5rem; } .content-box-content .content-box-content-list .content-box-content-list-item .list-item-header[data-v-56090af5] { position: relative; } .content-box-content .content-box-content-list .content-box-content-list-item .list-item-header .list-item-header-img[data-v-56090af5] { position: absolute; z-index: 1; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 12.5rem; height: 12.5rem; border-radius: 50%; border: 1px solid #006cff; background-color: #fff; overflow: hidden; } .content-box-content .content-box-content-list .content-box-content-list-item .list-item-header .list-item-header-img > img[data-v-56090af5] { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; opacity: 0.65; border-radius: 50%; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; -webkit-box-sizing: border-box; box-sizing: border-box; } .content-box-content .content-box-content-list .content-box-content-list-item .list-item-header .list-item-header-content[data-v-56090af5] { position: relative; margin-left: 6.3rem; padding: 1rem 1.5rem 1rem 7.8rem; border-width: 1px 0px 1px 0px; border-style: solid; border-color: #006cff; background-color: #fff; height: 8.8rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .content-box-content .content-box-content-list .content-box-content-list-item .list-item-header .list-item-header-content[data-v-56090af5]::after { content: ''; position: absolute; bottom: -1px; left: -6.3rem; width: 6.3rem; height: 6.3rem; background-color: transparent; } .content-box-content .content-box-content-list .content-box-content-list-item .list-item-header .list-item-header-content .list-item-name[data-v-56090af5] { font-size: 1.5rem; line-height: 2rem; color: #0a418c; margin-bottom: 4px; font-family: D-DIN-Bold; font-weight: bold; -webkit-transition: color 0.3s ease; -o-transition: color 0.3s ease; transition: color 0.3s ease; } .content-box-content .content-box-content-list .content-box-content-list-item .list-item-header .list-item-header-content .list-item-position[data-v-56090af5] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .content-box-content .content-box-content-list .content-box-content-list-item .list-item-header .list-item-header-content .list-item-position .list-item-position-detail[data-v-56090af5] { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .content-box-content .content-box-content-list .content-box-content-list-item .list-item-header .list-item-header-content .list-item-position .icon[data-v-56090af5] { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; position: relative; width: 1.5rem; height: 1.5rem; margin: 0 8px; cursor: pointer; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .content-box-content .content-box-content-list .content-box-content-list-item .list-item-header .list-item-header-content .list-item-position .icon[data-v-56090af5]::before, .content-box-content .content-box-content-list .content-box-content-list-item .list-item-header .list-item-header-content .list-item-position .icon[data-v-56090af5]::after { content: ''; display: block; position: absolute; background-color: #006cff; -webkit-transition: all 0.2s 0.2s; -o-transition: all 0.2s 0.2s; transition: all 0.2s 0.2s; } .content-box-content .content-box-content-list .content-box-content-list-item .list-item-header .list-item-header-content .list-item-position .icon[data-v-56090af5]::before { width: 100%; height: 1px; top: calc(50% - 0.5px); left: 0; } .content-box-content .content-box-content-list .content-box-content-list-item .list-item-header .list-item-header-content .list-item-position .icon[data-v-56090af5]::after { width: 1px; height: 100%; left: calc(50% - 0.5px); top: 0; } .content-box-content .content-box-content-list .content-box-content-list-item .list-item-header .list-item-header-content .list-item-position .showIcon[data-v-56090af5] { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .content-box-content .content-box-content-list .content-box-content-list-item .list-item-header .list-item-header-content .list-item-position .showIcon[data-v-56090af5]::before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .content-box-content .content-box-content-list .content-box-content-list-item .list-item-header .list-item-header-content .list-item-position .showIcon[data-v-56090af5]::after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .content-box-content .content-box-content-list .content-box-content-list-item .list-item-header .close-detail[data-v-56090af5]::after { -webkit-transition: all 16ms 0.3s linear; -o-transition: all 16ms 0.3s linear; transition: all 16ms 0.3s linear; } .content-box-content .content-box-content-list .content-box-content-list-item .list-item-header:hover .list-item-name[data-v-56090af5] { color: #006cff; } .content-box-content .content-box-content-list .content-box-content-list-item .list-item-header:hover .list-item-position[data-v-56090af5] { color: #0a418c; } .content-box-content .content-box-content-list .content-box-content-list-item .list-item-header:hover .list-item-header-img > img[data-v-56090af5] { opacity: 1; } .content-box-content .content-box-content-list .content-box-content-list-item .open-detail .list-item-header-img > img[data-v-56090af5] { opacity: 1; } .content-box-content .content-box-content-list .content-box-content-list-item .open-detail .list-item-header-content[data-v-56090af5]::after { background-color: rgba(229, 240, 255, 0.57); } .content-box-content .list-item-content[data-v-56090af5] { width: 100%; padding: 1.5rem; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: rgba(229, 240, 255, 0.57); border-bottom: 1px solid #006cff; } .content-box-text[data-v-76f7ed04] { margin-bottom: 1.5rem; border-top: 1px solid #006cff; } .content-box-list[data-v-76f7ed04] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .content-box-list .content-box-list-item[data-v-76f7ed04] { width: 49%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 2rem; } .content-box-list .content-box-list-item > img[data-v-76f7ed04] { width: 10rem; height: 10rem; border-radius: 50%; border: 1px solid #dcecff; -o-object-fit: cover; object-fit: cover; margin-right: 1.5rem; opacity: .65; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .content-box-list .content-box-list-item .content-box-list-item-detail[data-v-76f7ed04] { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .content-box-list .content-box-list-item .content-box-list-item-detail > div[data-v-76f7ed04] { -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .content-box-list .content-box-list-item .content-box-list-item-detail .detail-name[data-v-76f7ed04] { font-size: 1.5rem; font-family: D-DIN-Bold; font-weight: bold; line-height: 2rem; color: #0A418C; } .content-box-list .content-box-list-item .content-box-list-item-detail .detail-name > img[data-v-76f7ed04] { height: 1.5rem; margin-left: 8px; cursor: not-allowed; opacity: .5; } .content-box-list .content-box-list-item .content-box-list-item-detail .detail-name .hasLink[data-v-76f7ed04] { cursor: pointer; opacity: 1; } .content-box-list .content-box-list-item .content-box-list-item-detail .detail-mechanism > span[data-v-76f7ed04] { display: inline-block; padding-bottom: 8px; border-bottom: 1px solid #006cff; margin-bottom: 8px; } .content-box-list .content-box-list-item:hover > img[data-v-76f7ed04] { border-color: #006cff; opacity: 1; } .content-box-list .content-box-list-item:hover .detail-name[data-v-76f7ed04] { color: #006CFF; } .content-box-list .content-box-list-item:hover .detail-mechanism[data-v-76f7ed04], .content-box-list .content-box-list-item:hover .detail-position[data-v-76f7ed04], .content-box-list .content-box-list-item:hover .detail-content[data-v-76f7ed04] { color: #0A418C; } .content-box-content[data-v-713bfef5] { border-top: 1px solid #006cff; padding-top: 2rem; } .content-box-content .content-box-content-sub[data-v-713bfef5] { margin-bottom: 2rem; } .content-box-content .content-box-content-title[data-v-713bfef5] { font-size: 1.5rem; font-family: D-DIN-Bold; font-weight: bold; line-height: 2rem; color: #0a418c; margin-bottom: 1.5rem; } .content-box-content .content-box-content-list[data-v-713bfef5] { margin: 2rem; background-image: url(../img/leadership_governance.1367f2b9.png); background-size: 100% auto; background-repeat: repeat-y; } .content-box-content .content-box-content-list .content-box-content-list-item[data-v-713bfef5] { margin-bottom: 5rem; } .content-box-content .content-box-content-list .content-box-content-list-item .list-item-header[data-v-713bfef5] { position: relative; } .content-box-content .content-box-content-list .content-box-content-list-item .list-item-header .list-item-header-img[data-v-713bfef5] { position: absolute; z-index: 1; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 12.5rem; height: 12.5rem; border-radius: 50%; border: 1px solid #006cff; background-color: #fff; overflow: hidden; } .content-box-content .content-box-content-list .content-box-content-list-item .list-item-header .list-item-header-img > img[data-v-713bfef5] { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; opacity: 0.65; border-radius: 50%; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; -webkit-box-sizing: border-box; box-sizing: border-box; } .content-box-content .content-box-content-list .content-box-content-list-item .list-item-header .list-item-header-content[data-v-713bfef5] { position: relative; margin-left: 6.3rem; padding: 1rem 1.5rem 1rem 7.8rem; border-width: 1px 0px 1px 0px; border-style: solid; border-color: #006cff; background-color: #fff; height: 8.8rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .content-box-content .content-box-content-list .content-box-content-list-item .list-item-header .list-item-header-content[data-v-713bfef5]::after { content: ''; position: absolute; bottom: -1px; left: -6.3rem; width: 6.3rem; height: 6.3rem; background-color: transparent; } .content-box-content .content-box-content-list .content-box-content-list-item .list-item-header .list-item-header-content .list-item-name[data-v-713bfef5] { font-size: 1.5rem; line-height: 2rem; color: #0a418c; margin-bottom: 4px; font-family: D-DIN-Bold; font-weight: bold; -webkit-transition: color 0.3s ease; -o-transition: color 0.3s ease; transition: color 0.3s ease; } .content-box-content .content-box-content-list .content-box-content-list-item .list-item-header .list-item-header-content .list-item-position[data-v-713bfef5] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .content-box-content .content-box-content-list .content-box-content-list-item .list-item-header .list-item-header-content .list-item-position .list-item-position-detail[data-v-713bfef5] { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .content-box-content .content-box-content-list .content-box-content-list-item .list-item-header .list-item-header-content .list-item-position .icon[data-v-713bfef5] { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; position: relative; width: 1.5rem; height: 1.5rem; margin: 0 8px; cursor: pointer; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .content-box-content .content-box-content-list .content-box-content-list-item .list-item-header .list-item-header-content .list-item-position .icon[data-v-713bfef5]::before, .content-box-content .content-box-content-list .content-box-content-list-item .list-item-header .list-item-header-content .list-item-position .icon[data-v-713bfef5]::after { content: ''; display: block; position: absolute; background-color: #006cff; -webkit-transition: all 0.2s 0.2s; -o-transition: all 0.2s 0.2s; transition: all 0.2s 0.2s; } .content-box-content .content-box-content-list .content-box-content-list-item .list-item-header .list-item-header-content .list-item-position .icon[data-v-713bfef5]::before { width: 100%; height: 1px; top: calc(50% - 0.5px); left: 0; } .content-box-content .content-box-content-list .content-box-content-list-item .list-item-header .list-item-header-content .list-item-position .icon[data-v-713bfef5]::after { width: 1px; height: 100%; left: calc(50% - 0.5px); top: 0; } .content-box-content .content-box-content-list .content-box-content-list-item .list-item-header .list-item-header-content .list-item-position .showIcon[data-v-713bfef5] { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .content-box-content .content-box-content-list .content-box-content-list-item .list-item-header .list-item-header-content .list-item-position .showIcon[data-v-713bfef5]::before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .content-box-content .content-box-content-list .content-box-content-list-item .list-item-header .list-item-header-content .list-item-position .showIcon[data-v-713bfef5]::after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .content-box-content .content-box-content-list .content-box-content-list-item .list-item-header .close-detail[data-v-713bfef5]::after { -webkit-transition: all 16ms 0.3s linear; -o-transition: all 16ms 0.3s linear; transition: all 16ms 0.3s linear; } .content-box-content .content-box-content-list .content-box-content-list-item .list-item-header:hover .list-item-name[data-v-713bfef5] { color: #006cff; } .content-box-content .content-box-content-list .content-box-content-list-item .list-item-header:hover .list-item-position[data-v-713bfef5] { color: #0a418c; } .content-box-content .content-box-content-list .content-box-content-list-item .list-item-header:hover .list-item-header-img > img[data-v-713bfef5] { opacity: 1; } .content-box-content .content-box-content-list .content-box-content-list-item .open-detail .list-item-header-img > img[data-v-713bfef5] { opacity: 1; } .content-box-content .content-box-content-list .content-box-content-list-item .open-detail .list-item-header-content[data-v-713bfef5]::after { background-color: rgba(229, 240, 255, 0.57); } .content-box-content .list-item-content[data-v-713bfef5] { width: 100%; padding: 1.5rem; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: rgba(229, 240, 255, 0.57); border-bottom: 1px solid #006cff; } .content-box-title[data-v-79d28fbe] { margin-bottom: 0; padding-bottom: 2rem; border-bottom: 1px solid #006cff; position: -webkit-sticky; position: sticky; top: 4.1rem; background: #fff; z-index: 1; } .top-border[data-v-140126fe] { border-top: 1px solid #006cff; margin-top: -1px; } .about-content[data-v-140126fe] { padding-bottom: 2.5rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .about-content .about-menu-box[data-v-140126fe] { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; padding: 1.3rem 2.5rem; margin-top: 5rem; width: 22.5rem; -webkit-box-sizing: border-box; box-sizing: border-box; position: -webkit-sticky; position: sticky; top: 3.8rem; display: inline-block; vertical-align: top; border: 1px solid #006cff; } .about-content .about-menu-box .about-menu-item[data-v-140126fe] { font-family: D-DIN-Bold; font-size: 1.3rem; font-weight: 600; color: #b0ceff; background: rgba(255, 255, 255, 0.8); cursor: pointer; padding: 1.3rem 0; -webkit-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .about-content .about-menu-box .about-menu-item[data-v-140126fe]:hover { -webkit-transform: translateX(4px); -ms-transform: translateX(4px); transform: translateX(4px); color: #006cff; } .about-content .about-menu-box .active[data-v-140126fe] { font-weight: 700; color: #0a418c !important; } .about-content-detail[data-v-140126fe] { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-sizing: border-box; box-sizing: border-box; } .about-content-detail[data-v-140126fe] .content-box { padding: 2rem 2.5rem; font-family: D-DIN; font-size: 1.3rem; line-height: 1.8rem; color: #3c3c3c; min-height: calc(100vh - 4.3rem - 4rem); } .about-content-detail[data-v-140126fe] .content-box .content-box-title { font-family: D-DIN-Bold; font-size: 2.5rem; line-height: 3rem; color: #3c3c3c; font-weight: bold; margin-bottom: 2rem; } .about-page { font-family: D-DIN; } .content-pad-margin[data-v-3cbfc4a1] { margin: 0 1rem; border: 1px solid #006cff; padding: 1rem 1.5rem; -webkit-box-sizing: border-box; box-sizing: border-box; } .about-menu-box[data-v-3cbfc4a1] { font-family: D-DIN; position: -webkit-sticky; position: sticky; background-color: #fff; width: 100%; z-index: 9; } .current-module[data-v-3cbfc4a1] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .current-module .current-module-name[data-v-3cbfc4a1] { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; font-size: 1.1rem; line-height: 1.8rem; color: #0a418c; font-weight: bold; font-family: D-DIN-Bold; } .current-module .icon[data-v-3cbfc4a1] { position: relative; width: 1.5rem; height: 1.5rem; margin: 0 8px; cursor: pointer; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .current-module .icon[data-v-3cbfc4a1]::before, .current-module .icon[data-v-3cbfc4a1]::after { content: ''; display: block; position: absolute; background-color: #006cff; -webkit-transition: all 0.2s 0.2s; -o-transition: all 0.2s 0.2s; transition: all 0.2s 0.2s; } .current-module .icon[data-v-3cbfc4a1]::before { width: 100%; height: 1px; top: calc(50% - 0.5px); left: 0; } .current-module .icon[data-v-3cbfc4a1]::after { width: 1px; height: 100%; left: calc(50% - 0.5px); top: 0; } .current-module .showIcon[data-v-3cbfc4a1] { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .current-module .showIcon[data-v-3cbfc4a1]::before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .current-module .showIcon[data-v-3cbfc4a1]::after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .hideTopBorder[data-v-3cbfc4a1] { border-top-color: transparent; } .transitionWrap-abs[data-v-3cbfc4a1] { position: absolute; width: 100%; } .about-menu-list[data-v-3cbfc4a1] { border-bottom: 1px solid #006cff; background-color: #fff; } .about-menu-list .about-menu-item[data-v-3cbfc4a1] { font-size: 1.1rem; line-height: 1.8rem; color: #0a418c; padding: 12px 0; } .about-menu-list .active[data-v-3cbfc4a1] { color: #006cff; font-weight: 700; } .impact-header-view[data-v-1aeb3f8d] { margin: 2.5rem 0; color: #3c3c3c; -webkit-box-sizing: border-box; box-sizing: border-box; border-top: 1px solid #006cff; border-bottom: 1px solid #006cff; background-image: var(--bg); background-repeat: no-repeat; background-position: bottom; background-size: cover; } .impact-header-view .impact-header-view-box[data-v-1aeb3f8d] { padding: 2.5rem; -webkit-box-sizing: border-box; box-sizing: border-box; border-left: 1px solid #006cff; border-right: 1px solid #006cff; } .impact-header-view .impact-header-view-box .impact-header-view-box-title[data-v-1aeb3f8d] { font-family: D-DIN-Bold; font-size: 4rem; font-weight: bold; line-height: 5rem; margin-bottom: 2.5rem; } .impact-header-view .impact-header-view-box .impact-header-view-box-subtitle[data-v-1aeb3f8d] { margin-bottom: 2.5rem; } .impact-header-view .impact-header-view-box .impact-header-view-box-hot[data-v-1aeb3f8d] { border: 1px solid #006cff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; background: rgba(255, 255, 255, 0.8); cursor: pointer; } .impact-header-view .impact-header-view-box .impact-header-view-box-hot > img[data-v-1aeb3f8d] { width: 22.5rem; height: 13.8rem; -o-object-fit: cover; object-fit: cover; border-right: 1px solid #006cff; } .impact-header-view .impact-header-view-box .impact-header-view-box-hot .impact-header-view-box-hot-text[data-v-1aeb3f8d] { padding: 2.5rem; } .impact-header-view .impact-header-view-box .impact-header-view-box-hot .impact-header-view-box-hot-text > div[data-v-1aeb3f8d]:nth-child(1) { font-family: D-DIN-Bold; font-size: 1.5rem; font-weight: bold; line-height: 2rem; color: #006cff; margin-bottom: 10px; } @media screen and (max-width: 46.9rem) { .impact-header-view[data-v-1aeb3f8d] { background-position: 80% bottom; margin: 1.5rem 0; } .impact-header-view .impact-header-view-box[data-v-1aeb3f8d] { padding: 1.5rem; margin: 0 1rem; } .impact-header-view .impact-header-view-box .impact-header-view-box-title[data-v-1aeb3f8d] { font-size: 2.3rem; line-height: 2.8rem; margin-bottom: 1rem; } .impact-header-view .impact-header-view-box .impact-header-view-box-subtitle[data-v-1aeb3f8d] { margin-bottom: 1rem; } .impact-header-view .impact-header-view-box .impact-header-view-box-hot[data-v-1aeb3f8d] { display: block; } .impact-header-view .impact-header-view-box .impact-header-view-box-hot > img[data-v-1aeb3f8d] { width: 100%; height: auto; } .impact-header-view .impact-header-view-box .impact-header-view-box-hot .impact-header-view-box-hot-text[data-v-1aeb3f8d] { padding: 10px; } } .events-module-nav[data-v-11ef0388] { width: 22.5rem; background: #ffffff; padding-bottom: 2px; border: 1px solid #006cff; } .events-module-nav[data-v-11ef0388] .el-collapse-item .el-collapse-item__header { padding: 1.5rem 2.5rem; border: none; font-family: D-DIN-Bold; font-size: 1.3rem; font-weight: bold; line-height: 1.8rem; height: 1.9rem; color: #b0ceff; } .events-module-nav[data-v-11ef0388] .el-collapse-item .el-collapse-item__header .el-collapse-item__arrow { display: none; } .events-module-nav[data-v-11ef0388] .el-collapse-item .el-collapse-item__header.is-active { color: #0a418c; } .events-module-nav[data-v-11ef0388] .el-collapse-item .el-collapse-item__wrap { padding: 1rem 2.5rem; background-color: #f5f9ff; border-bottom: none; border-top: 1px solid #0057f9; } .events-module-nav[data-v-11ef0388] .el-collapse-item .el-collapse-item__wrap .el-collapse-item__content { font-family: D-DIN; font-size: 1.1rem; line-height: 1.5rem; color: #3c3c3c; padding-bottom: 0; } .events-module-nav[data-v-11ef0388] .el-collapse-item .el-collapse-item__wrap .el-collapse-item__content .btn-view { text-align: right; } .events-module-nav[data-v-11ef0388] .el-collapse-item .el-collapse-item__wrap .el-collapse-item__content .events-module-nav-btn { margin-top: 1.5rem; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #006cff; cursor: pointer; border-bottom: 1px solid #006cff; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .events-module-nav[data-v-11ef0388] .el-collapse-item .el-collapse-item__wrap .el-collapse-item__content .events-module-nav-btn > span { -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; margin-right: 1rem; } .events-module-nav[data-v-11ef0388] .el-collapse-item .el-collapse-item__wrap .el-collapse-item__content .events-module-nav-btn > img { width: 10px; } .events-module-nav[data-v-11ef0388] .el-collapse-item .el-collapse-item__wrap .el-collapse-item__content .events-module-nav-btn:hover { padding: 0 3px; } .events-module-nav[data-v-11ef0388] .el-collapse-item .el-collapse-item__wrap .el-collapse-item__content .events-module-nav-btn:hover > span { margin-right: 10px; } .activity-cont[data-v-2a9fed6a] { position: relative; z-index: 2; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; border: 1px solid #006cff; font-family: D-DIN; font-size: 1.3rem; line-height: 1.8rem; color: #3c3c3c; } .activity-cont .activity-cont-cover[data-v-2a9fed6a] { width: 45%; padding-bottom: 45%; position: relative; opacity: 0.7; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .activity-cont .activity-cont-cover > img[data-v-2a9fed6a] { position: absolute; inset: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .activity-cont .activity-cont-detail-right[data-v-2a9fed6a] { padding: 1.5rem; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .activity-cont .activity-cont-detail-right .activity-detail-right-top[data-v-2a9fed6a] { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .activity-cont .activity-cont-detail-right .activity-detail-right-top .activity-title[data-v-2a9fed6a] { font-family: D-DIN-Bold; font-weight: bold; font-size: 1.5rem; line-height: 2rem; color: #3c3c3c; margin-bottom: 12px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .activity-cont .activity-cont-detail-right .activity-detail-right-top .activity-time[data-v-2a9fed6a] { margin-bottom: 1.5rem; } .activity-cont .activity-cont-detail-right .activity-detail-right-top .activity-detail[data-v-2a9fed6a] { color: #3c3c3c; margin-bottom: 1.5rem; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .activity-cont .activity-cont-detail-right .activity-detail-right-top .activity-detail > div[data-v-2a9fed6a]:nth-of-type(1) { margin-bottom: 8px; } .activity-cont .activity-cont-detail-right .activity-detail-right-top .activity-detail .activity-detail-speaker[data-v-2a9fed6a] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 8px; } .activity-cont .activity-cont-detail-right .activity-detail-right-top .activity-detail .activity-detail-speaker .activity-detail-speaker-item[data-v-2a9fed6a] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-right: 1.5rem; } .activity-cont .activity-cont-detail-right .activity-detail-right-top .activity-detail .activity-detail-speaker .activity-detail-speaker-item > img[data-v-2a9fed6a] { width: 1.5rem; height: 1.5rem; margin-top: 2px; border-radius: 50%; } .activity-cont .activity-cont-detail-right .activity-detail-right-top .activity-detail .activity-detail-speaker .activity-detail-speaker-item > span[data-v-2a9fed6a] { margin-left: 8px; } .activity-cont .activity-cont-detail-right .activity-bottom-btn[data-v-2a9fed6a] { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .activity-cont:hover .activity-cont-cover[data-v-2a9fed6a] { opacity: 1; } .activity-cont:hover .activity-title[data-v-2a9fed6a] { color: #006cff !important; } .activity-cont:hover .activity-detail[data-v-2a9fed6a] { color: #0a418c !important; } .activity-cont:hover .activity-time[data-v-2a9fed6a] { color: #006cff; } @media screen and (max-width: 46.9rem) { .activity-cont[data-v-2a9fed6a] { display: block; border: none; font-size: 1.1rem; line-height: 1.6rem; } .activity-cont .activity-cont-top[data-v-2a9fed6a] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-left: 2px; } .activity-cont .activity-cont-top .activity-cont-cover[data-v-2a9fed6a] { opacity: 1; width: 8.8rem; padding-bottom: 8.8rem; -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; } .activity-cont .activity-cont-top .activity-detail-right[data-v-2a9fed6a] { margin-left: 8px; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .activity-cont .activity-cont-top .activity-detail-right .activity-title[data-v-2a9fed6a] { font-size: 1.1rem; line-height: 1.6rem; margin-bottom: 8px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .activity-cont .activity-cont-top .activity-detail-right .activity-time[data-v-2a9fed6a] { font-size: 1rem; line-height: 1.5rem; } .activity-cont .activity-cont-detail-right[data-v-2a9fed6a] { padding: 0; border-top: 1px solid #006cff; margin-top: 8px; padding-top: 8px; } .activity-cont .activity-cont-detail-right .activity-detail-speaker-title[data-v-2a9fed6a] { margin-bottom: 8px; } .activity-cont .activity-cont-detail-right .activity-detail-speaker[data-v-2a9fed6a] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .activity-cont .activity-cont-detail-right .activity-detail-speaker .activity-detail-speaker-item[data-v-2a9fed6a] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-right: 8px; margin-bottom: 2px; font-size: 1.1rem; } .activity-cont .activity-cont-detail-right .activity-detail-speaker .activity-detail-speaker-item > img[data-v-2a9fed6a] { width: 1.1rem; height: 1.1rem; border-radius: 50%; } .activity-cont .activity-cont-detail-right .activity-detail-speaker .activity-detail-speaker-item > span[data-v-2a9fed6a] { margin-left: 8px; } } .event-swiper[data-v-4441b420] { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .event-swiper .event-item-wrap[data-v-4441b420] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100%; } .event-swiper .event-item-wrap[data-v-4441b420] .activity-cont { height: 100%; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .event-swiper .event-swiper-pagination[data-v-4441b420] { position: static; text-align: center; } .event-swiper .event-swiper-pagination[data-v-4441b420] .swiper-pagination-bullet { margin: 1.5rem 8px 0; } .program-content[data-v-2fa37559] { -webkit-box-sizing: border-box; box-sizing: border-box; } .program-content .program-header[data-v-2fa37559] { padding: 1.5rem; border: 1px solid #006cff; -webkit-box-sizing: border-box; box-sizing: border-box; background-image: var(--bg); background-repeat: no-repeat; background-size: cover; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; line-height: 1.5rem; } .program-content .program-header .program-name[data-v-2fa37559] { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .program-content .program-header .program-name div[data-v-2fa37559]:nth-child(1) { font-family: D-DIN-Bold; font-size: 1.5rem; font-weight: bold; line-height: 1.9rem; color: #0a418c; margin-bottom: 4px; } .program-content .program-header .program-name div[data-v-2fa37559]:nth-child(2) { font-family: D-DIN; font-size: 1.3rem; line-height: 1.5rem; color: #005fff; } .program-content .program-header .program-header-right .program-detail-item[data-v-2fa37559] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 12px; } .program-content .program-header .program-header-right .program-detail-item > img[data-v-2fa37559] { width: 1.5rem; height: 1.5rem; margin-right: 12px; border-radius: 50%; } .program-content .program-header .program-header-right .program-detail-item > span[data-v-2fa37559] { margin-right: 8px; } .program-content .program-btn[data-v-2fa37559] { margin: -1.3rem auto 1.5rem; background-color: #006cff; color: #fff; padding: 10px; text-align: center; cursor: pointer; } .program-content .program-detail[data-v-2fa37559] { -webkit-box-sizing: border-box; box-sizing: border-box; } .program-content .program-detail .program-detail-about-title[data-v-2fa37559] { margin-bottom: 1rem; font-family: D-DIN-Bold; font-size: 1.4rem; line-height: 1.8rem; font-weight: bold; } .program-content .program-detail .program-detail-about-content[data-v-2fa37559] { margin-bottom: 1.5rem; } .program-content .program-detail .program-detail-times[data-v-2fa37559] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; border-top: 1px solid #8cbeff; border-left: 1px solid #8cbeff; color: #0a418c; } .program-content .program-detail .program-detail-times > div[data-v-2fa37559] { -webkit-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #8cbeff; border-right: 1px solid #8cbeff; padding: 6px 2.5rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 2.5rem; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .program-content .program-detail .program-detail-times > div > span[data-v-2fa37559] { margin-right: 8px; } .program-content .program-detail .program-detail-times .program-detail-times-one[data-v-2fa37559] { width: 50%; } .program-content .program-detail .program-detail-times .program-detail-times-last[data-v-2fa37559] { width: 100%; } @media screen and (max-width: 46.9rem) { .program-content .program-header[data-v-2fa37559] { margin: 0; padding: 1.5rem 1rem; } .program-content .program-header-right[data-v-2fa37559] { padding: 12px 0; } .program-content .program-header-right .program-detail-item[data-v-2fa37559] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 8px; } .program-content .program-header-right .program-detail-item > img[data-v-2fa37559] { width: 1.5rem; height: 1.5rem; margin-right: 6px; border-radius: 50%; } .program-content .program-header-right .program-detail-item > span[data-v-2fa37559] { margin-right: 6px; } .program-content .program-header-right .program-detail-item[data-v-2fa37559]:nth-last-child(1) { margin-bottom: 0; } .program-content .program-btn[data-v-2fa37559] { margin: 0; } .program-content .program-detail .program-detail-about-title[data-v-2fa37559] { margin: 12px 0; } .program-content .program-detail .program-detail-about-content[data-v-2fa37559] { font-size: 1.1rem; line-height: 1.4rem; } .program-content .program-detail .program-detail-times > div[data-v-2fa37559] { padding: 6px 10px; color: #0a418c; font-size: 1.1rem; } .program-content .program-detail .program-detail-times .program-detail-times-one[data-v-2fa37559] { width: 100%; } } .program-content[data-v-45d1c6f0] { border: 1px solid #006cff; -webkit-box-sizing: border-box; box-sizing: border-box; } .program-content .program-header[data-v-45d1c6f0] { padding: 2rem; -webkit-box-sizing: border-box; box-sizing: border-box; background-image: var(--bg); background-repeat: no-repeat; background-size: cover; line-height: 1.5rem; border-bottom: 1px solid #006cff; } .program-content .program-header .program-name div[data-v-45d1c6f0]:nth-child(1) { font-family: D-DIN-Bold; font-size: 1.5rem; font-weight: bold; line-height: 1.9rem; color: #0a418c; margin-bottom: 4px; } .program-content .program-header .program-name div[data-v-45d1c6f0]:nth-child(2) { font-family: D-DIN; font-size: 1.3rem; line-height: 1.5rem; color: #005fff; } .program-content .program-detail[data-v-45d1c6f0] { padding: 1.5rem 2rem; -webkit-box-sizing: border-box; box-sizing: border-box; } .program-content .program-detail > img[data-v-45d1c6f0] { width: 100%; -o-object-fit: cover; object-fit: cover; } .program-content .program-detail .program-detail-content[data-v-45d1c6f0] { font-family: D-DIN; font-size: 1.3rem; line-height: 1.5rem; color: #505050; margin: 12px 0; } .program-content .program-detail-btn[data-v-45d1c6f0] { background-color: #fff; border-top: 1px solid #006cff; color: #006cff; padding: 10px; text-align: center; cursor: pointer; } @media screen and (max-width: 46.9rem) { .program-content .program-header[data-v-45d1c6f0] { padding: 1rem; } .program-content .program-detail[data-v-45d1c6f0] { padding: 0; } .program-content .program-detail .program-detail-content[data-v-45d1c6f0] { padding: 12px 1rem; margin: 0; font-size: 1.1rem; line-height: 1.4rem; } .program-content .program-detail-btn[data-v-45d1c6f0] { margin: 0 1rem 12px; border: none; background-color: #006cff; color: #fff; } } .program-wrap[data-v-75dc421a] { padding-bottom: 1.5rem; } .video-detail[data-v-26c7d4f9] { margin: 0 1.9rem; padding-top: 2rem; border: 1px solid #006cff; border-bottom: none; -webkit-box-sizing: border-box; box-sizing: border-box; background-image: var(--bg); background-repeat: no-repeat; background-size: 100% 100%; background-position: center; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-family: D-DIN; font-size: 1.3rem; line-height: 1.5rem; color: #505050; } .video-detail .video-detail-title[data-v-26c7d4f9] { font-family: D-DIN-Bold; font-size: 1.5rem; font-weight: bold; line-height: 1.9rem; color: #0a418c; margin-bottom: 8px; } .video-detail .video-detail-subtitle[data-v-26c7d4f9] { color: #005fff; margin-bottom: 12px; } .video-detail .video-detail-img[data-v-26c7d4f9] { width: 55%; max-height: 16.3rem; -o-object-fit: cover; object-fit: cover; margin-bottom: 12px; } .video-detail .video-text[data-v-26c7d4f9] { padding: 0 1.5rem; margin-top: 1.5rem; line-height: 1.8rem; margin-bottom: 12px; } .video-detail .video-detail-time[data-v-26c7d4f9] { color: #006cff; } .video-detail-btn[data-v-26c7d4f9] { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #006cff; color: #006cff; padding: 10px; text-align: center; cursor: pointer; background-color: #fff; } @media screen and (max-width: 46.9rem) { .video-detail[data-v-26c7d4f9] { font-size: 1.1rem; line-height: 1.4rem; margin: 0; padding: 1.5rem; -webkit-box-sizing: border-box; box-sizing: border-box; } .video-detail .video-detail-title[data-v-26c7d4f9] { line-height: 1.5rem; } .video-detail .video-detail-img[data-v-26c7d4f9] { width: 100%; max-height: auto; } .video-detail .video-text[data-v-26c7d4f9] { margin-top: 0; padding: 0; } .video-detail .video-detail-btn[data-v-26c7d4f9] { background-color: #006cff; color: #fff; } } .inspire-view[data-v-b5588cdc] { border-bottom: 1px solid #006cff; } .inspire-view > img[data-v-b5588cdc] { width: 100%; height: 30rem; -o-object-fit: cover; object-fit: cover; } .inspire-view .inspire-content[data-v-b5588cdc] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; padding: 1rem 0; background-color: #fff; } .inspire-view .inspire-content .inspire-content-text[data-v-b5588cdc] { width: 66%; } .inspire-view .inspire-content .inspire-content-btn[data-v-b5588cdc] { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .events-module[data-v-356bdf59] { border-top: 1px solid #006cff; border-bottom: 1px solid #006cff; margin: 1.5rem 0; color: #3c3c3c; padding: 1.5rem 0; } .events-module .events-module-title[data-v-356bdf59] { font-family: D-DIN-Bold; font-size: 2.5rem; font-weight: bold; line-height: 3rem; margin-bottom: 1rem; } .events-module .events-module-subtitle[data-v-356bdf59] { color: #505050; margin-bottom: 1.5rem; } .events-module .events-module-cont[data-v-356bdf59] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .events-module .events-module-cont .events-module-cont-components[data-v-356bdf59] { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; margin-left: 2.5rem; overflow: hidden; } @media screen and (max-width: 46.9rem) { .events-module[data-v-356bdf59] { padding: 0; } .events-module .events-module-title[data-v-356bdf59], .events-module .events-module-subtitle[data-v-356bdf59] { margin: 0 1rem; padding: 1.5rem 1.5rem; border-left: 1px solid #006cff; border-right: 1px solid #006cff; } .events-module .events-module-title[data-v-356bdf59] { font-size: 1.5rem; line-height: 2rem; padding-bottom: 0; } .events-module .events-mobile-text[data-v-356bdf59] { background-color: #f5f9ff; font-family: D-DIN; font-size: 1.1rem; line-height: 1.6rem; color: #3c3c3c; margin: 0 1rem; padding: 1.5rem 1.5rem; border-left: 1px solid #006cff; border-right: 1px solid #006cff; } .events-module .events-mobile-text .btn-view[data-v-356bdf59] { text-align: right; } .events-module .events-mobile-text .events-module-nav-btn[data-v-356bdf59] { margin-top: 4px; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #006cff; cursor: pointer; border-bottom: 1px solid #006cff; } .events-module .events-mobile-text .events-module-nav-btn > span[data-v-356bdf59] { margin-right: 1rem; } .events-module .events-mobile-text .events-module-nav-btn > img[data-v-356bdf59] { width: 10px; } .events-module .events-module-cont[data-v-356bdf59] { display: block; } .events-module .events-module-cont .events-module-cont-components[data-v-356bdf59] { display: block; margin: 0 1rem; padding: 1.5rem; border-left: 1px solid #006cff; border-right: 1px solid #006cff; -webkit-box-sizing: border-box; box-sizing: border-box; } } .community-detail-item .community-detail-item-header[data-v-f6b8cb20] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; background-color: #f5f9ff; padding: 2.5rem; margin-bottom: 1.5rem; } .community-detail-item .community-detail-item-header > div[data-v-f6b8cb20]:nth-child(1) { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; color: #505050; } .community-detail-item .community-detail-item-header .go-detail-btn[data-v-f6b8cb20] { cursor: pointer; border-bottom: 1px solid #006cff; color: #006cff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 6px; margin-left: 1.5rem; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; } .community-detail-item .community-detail-item-header .go-detail-btn > img[data-v-f6b8cb20] { -webkit-transition: margin 0.3s ease; -o-transition: margin 0.3s ease; transition: margin 0.3s ease; margin-left: 12px; width: 12px; } .community-detail-item .community-detail-item-header .go-detail-btn[data-v-f6b8cb20]:hover { background-color: #006cff; color: #fff; padding: 6px 8px; } .community-detail-item .community-detail-item-header .go-detail-btn:hover > img[data-v-f6b8cb20] { margin-left: 8px; -webkit-transform: translateX(20.6rem); -ms-transform: translateX(20.6rem); transform: translateX(20.6rem); -webkit-filter: drop-shadow(#fff -20.6rem 0px 0px); filter: drop-shadow(#fff -20.6rem 0px 0px); } .community-detail-item .community-detail-list[data-v-f6b8cb20] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 1.5rem; } .community-detail-item .community-detail-list .community-detail-list-item[data-v-f6b8cb20] { width: 33.3%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; border-right: 1px solid #006cff; border-bottom: 1px solid #006cff; padding: 1.5rem; -webkit-box-sizing: border-box; box-sizing: border-box; } .community-detail-item .community-detail-list .community-detail-list-item[data-v-f6b8cb20]:nth-child(3n) { border-right: none; } .community-detail-item .community-detail-list .community-detail-list-item .community-detail-list-item-detail[data-v-f6b8cb20] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .community-detail-item .community-detail-list .community-detail-list-item .community-detail-list-item-detail .community-detail-list-item-info[data-v-f6b8cb20] { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; color: #505050; } .community-detail-item .community-detail-list .community-detail-list-item .community-detail-list-item-detail .community-detail-list-item-info-name[data-v-f6b8cb20] { font-family: D-DIN-Bold; font-weight: bold; color: #3c3c3c; } .community-detail-item .community-detail-list .community-detail-list-item .community-detail-list-item-detail .community-detail-list-item-info-company[data-v-f6b8cb20] { word-break: break-word; } .community-detail-item .community-detail-list .community-detail-list-item .community-detail-list-item-detail .community-detail-list-item-info-name[data-v-f6b8cb20], .community-detail-item .community-detail-list .community-detail-list-item .community-detail-list-item-detail .community-detail-list-item-info-pos[data-v-f6b8cb20], .community-detail-item .community-detail-list .community-detail-list-item .community-detail-list-item-detail .community-detail-list-item-info-company[data-v-f6b8cb20] { -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .community-detail-item .community-detail-list .community-detail-list-item .community-detail-list-item-detail .community-detail-list-item-img[data-v-f6b8cb20] { position: relative; margin-left: 2rem; } .community-detail-item .community-detail-list .community-detail-list-item .community-detail-list-item-detail .community-detail-list-item-img > img[data-v-f6b8cb20] { position: relative; width: 5rem; height: 5rem; -o-object-fit: cover; object-fit: cover; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #006cff; z-index: 1; } .community-detail-item .community-detail-list .community-detail-list-item .community-detail-list-item-detail .community-detail-list-item-img[data-v-f6b8cb20]::before { position: absolute; content: ''; width: 5.6rem; height: 3.8rem; background-color: rgba(0, 108, 255, 0.16); top: -8px; left: -1.9rem; } .community-detail-item .community-detail-list .community-detail-list-item .community-detail-list-item-btn[data-v-f6b8cb20] { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; margin-top: 8px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .community-detail-item .community-detail-list .community-detail-list-item .community-detail-list-item-remark[data-v-f6b8cb20] { margin-top: 8px; overflow: hidden; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; text-overflow: ellipsis; font-size: 1rem; color: #b0ceff; line-height: 1.5rem; } .community-detail-item .community-detail-list .community-detail-list-item:hover .community-detail-list-item-info-name[data-v-f6b8cb20] { color: #006cff; } .community-detail-item .community-detail-list .community-detail-list-item:hover .community-detail-list-item-info-pos[data-v-f6b8cb20], .community-detail-item .community-detail-list .community-detail-list-item:hover .community-detail-list-item-info-company[data-v-f6b8cb20] { color: #0a418c; } .community-detail-item .community-detail-list .hideBorderBottom[data-v-f6b8cb20] { border-bottom: none; } @media screen and (max-width: 46.9rem) { .community-detail-item .community-detail-item-header[data-v-f6b8cb20] { padding: 1.5rem; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-bottom: 0; } .community-detail-item .community-detail-item-header .go-detail-btn[data-v-f6b8cb20] { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; margin-left: 0; margin-top: 4px; } .community-detail-item .community-detail-list[data-v-f6b8cb20] { margin-bottom: 0; } .community-detail-item .community-detail-list .community-detail-list-item[data-v-f6b8cb20] { width: 100%; border-right: none; } } .articles-item[data-v-3ca301be] { font-family: D-DIN; font-size: 1.3rem; line-height: 1.8rem; width: 100%; height: 100%; padding: 1.5rem; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .articles-item .articles-item-img[data-v-3ca301be] { width: 100%; height: 17.5rem; -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 8px; position: relative; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; border: 1px solid #006cff; opacity: 0.8; } .articles-item .articles-item-img .articles-item-img-cover[data-v-3ca301be] { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; } .articles-item .articles-item-img .articles-item-img-hot[data-v-3ca301be] { position: absolute; left: 0; top: 0; width: 5rem; } .articles-item .articles-item-title[data-v-3ca301be] { -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; font-family: D-DIN-Bold; font-weight: bold; font-size: 1.5rem; line-height: 1.9rem; height: 5.6rem; color: #3c3c3c; margin-bottom: 8px; -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .articles-item .articles-item-subtitle[data-v-3ca301be] { -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; color: #505050; margin-bottom: 8px; height: 3.5rem; overflow: hidden; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .articles-item .articles-item-text[data-v-3ca301be] { margin-top: 1rem; padding-top: 1rem; border-top: 1px solid #006cff; margin-bottom: 8px; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .articles-item .articles-item-text .articles-item-org[data-v-3ca301be] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 0.9rem; line-height: 1.5rem; color: #3c3c3c; } .articles-item .articles-item-text .articles-item-org img[data-v-3ca301be] { width: 1.5rem; height: 1.5rem; -o-object-fit: cover; object-fit: cover; margin-right: 8px; } .articles-item .articles-item-bottom[data-v-3ca301be] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .articles-item:hover .articles-item-img[data-v-3ca301be] { opacity: 1; -webkit-transform: scale(1.02); -ms-transform: scale(1.02); transform: scale(1.02); } .articles-item:hover .articles-item-title[data-v-3ca301be] { color: #006cff; } .articles-item:hover .articles-item-subtitle[data-v-3ca301be] { color: #006cff; } @media screen and (max-width: 46.9rem) { .articles-item[data-v-3ca301be] { font-size: 1.1rem; line-height: 1.6rem; } .articles-item .articles-item-img[data-v-3ca301be] { opacity: 1; } .articles-item .articles-item-title[data-v-3ca301be] { font-size: 1.3rem; line-height: 1.8rem; height: unset; overflow: unset; } .articles-item .articles-item-subtitle[data-v-3ca301be] { height: unset; overflow: unset; -webkit-line-clamp: unset; } } .community-detail-item .community-detail-item-header[data-v-8e60ccd8] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; background-color: #f5f9ff; padding: 2.5rem; margin-bottom: 1.5rem; } .community-detail-item .community-detail-item-header > div[data-v-8e60ccd8]:nth-child(1) { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; color: #505050; } .community-detail-item .community-detail-item-header .go-detail-btn[data-v-8e60ccd8] { cursor: pointer; border-bottom: 1px solid #006cff; color: #006cff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 6px; margin-left: 1.5rem; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; } .community-detail-item .community-detail-item-header .go-detail-btn > img[data-v-8e60ccd8] { -webkit-transition: margin 0.3s ease; -o-transition: margin 0.3s ease; transition: margin 0.3s ease; margin-left: 12px; width: 12px; } .community-detail-item .community-detail-item-header .go-detail-btn[data-v-8e60ccd8]:hover { background-color: #006cff; color: #fff; padding: 6px 8px; } .community-detail-item .community-detail-item-header .go-detail-btn:hover > img[data-v-8e60ccd8] { margin-left: 8px; -webkit-transform: translateX(20.6rem); -ms-transform: translateX(20.6rem); transform: translateX(20.6rem); -webkit-filter: drop-shadow(#fff -20.6rem 0px 0px); filter: drop-shadow(#fff -20.6rem 0px 0px); } .community-detail-item .community-detail-list[data-v-8e60ccd8] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 1.5rem; } .community-detail-item .community-detail-list .community-detail-list-item[data-v-8e60ccd8] { width: 33.3%; border-right: 1px solid #006cff; border-bottom: 1px solid #006cff; border-bottom: 1px solid #006cff; -webkit-box-sizing: border-box; box-sizing: border-box; } .community-detail-item .community-detail-list .community-detail-list-item[data-v-8e60ccd8]:nth-child(3n) { border-right: none; } .community-detail-item .community-detail-list .hideBorderBottom[data-v-8e60ccd8] { border-bottom: none; } @media screen and (max-width: 46.9rem) { .community-detail-item .community-detail-item-header[data-v-8e60ccd8] { padding: 1.5rem; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-bottom: 0; } .community-detail-item .community-detail-item-header .go-detail-btn[data-v-8e60ccd8] { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; margin-left: 0; margin-top: 4px; } .community-detail-item .community-detail-list[data-v-8e60ccd8] { margin-bottom: 0; } .community-detail-item .community-detail-list .community-detail-list-item[data-v-8e60ccd8] { width: 100%; border-right: none; } } .community-detail-item .community-detail-item-header[data-v-35cab482] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; background-color: #f5f9ff; padding: 2.5rem; margin-bottom: 1.5rem; } .community-detail-item .community-detail-item-header > div[data-v-35cab482]:nth-child(1) { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; color: #505050; } .community-detail-item .community-detail-item-header .go-detail-btn[data-v-35cab482] { cursor: pointer; border-bottom: 1px solid #006cff; color: #006cff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 6px; margin-left: 1.5rem; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; } .community-detail-item .community-detail-item-header .go-detail-btn > img[data-v-35cab482] { -webkit-transition: margin 0.3s ease; -o-transition: margin 0.3s ease; transition: margin 0.3s ease; margin-left: 12px; width: 12px; } .community-detail-item .community-detail-item-header .go-detail-btn[data-v-35cab482]:hover { background-color: #006cff; color: #fff; padding: 6px 8px; } .community-detail-item .community-detail-item-header .go-detail-btn:hover > img[data-v-35cab482] { margin-left: 8px; -webkit-transform: translateX(20.6rem); -ms-transform: translateX(20.6rem); transform: translateX(20.6rem); -webkit-filter: drop-shadow(#fff -20.6rem 0px 0px); filter: drop-shadow(#fff -20.6rem 0px 0px); } .community-detail-item .community-detail-list[data-v-35cab482] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 1.5rem; } .community-detail-item .community-detail-list .community-detail-list-item[data-v-35cab482] { width: 33.3%; border-right: 1px solid #006cff; border-bottom: 1px solid #006cff; border-bottom: 1px solid #006cff; -webkit-box-sizing: border-box; box-sizing: border-box; } .community-detail-item .community-detail-list .community-detail-list-item[data-v-35cab482]:nth-child(3n) { border-right: none; } .community-detail-item .community-detail-list .hideBorderBottom[data-v-35cab482] { border-bottom: none; } @media screen and (max-width: 46.9rem) { .community-detail-item .community-detail-item-header[data-v-35cab482] { padding: 1.5rem; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-bottom: 0; } .community-detail-item .community-detail-item-header .go-detail-btn[data-v-35cab482] { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; margin-left: 0; margin-top: 4px; } .community-detail-item .community-detail-list[data-v-35cab482] { margin-bottom: 0; } .community-detail-item .community-detail-list .community-detail-list-item[data-v-35cab482] { width: 100%; border-right: none; } } .module4-scroll[data-v-d96d1ecc] { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; overflow: hidden; font-size: 0; } .module4-scroll[data-v-d96d1ecc]:nth-child(1) { margin-bottom: 0; } .module4-scroll .module4-scroll-inner[data-v-d96d1ecc] { white-space: nowrap; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-animation: animate-d96d1ecc var(--t) linear infinite; animation: animate-d96d1ecc var(--t) linear infinite; } .module4-scroll .module4-scroll-inner[data-v-d96d1ecc]:nth-child(2) { -webkit-animation: animate2-d96d1ecc var(--t) linear infinite; animation: animate2-d96d1ecc var(--t) linear infinite; -webkit-animation-delay: calc(var(--t) / -2); animation-delay: calc(var(--t) / -2); } .module4-scroll .module4-scroll-inner .module4-scroll-inner-item[data-v-d96d1ecc] { width: 20rem; height: 10rem; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; white-space: wrap; background-color: rgba(0, 108, 255, 0.16); margin-right: 10px; margin-bottom: 10px; } .module4-scroll .module4-scroll-inner .module4-scroll-inner-item > img[data-v-d96d1ecc] { width: 8.8rem; height: 10rem; -o-object-fit: cover; object-fit: cover; } .module4-scroll .module4-scroll-inner .module4-scroll-inner-item > div[data-v-d96d1ecc] { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; line-height: 1.4rem; font-size: 1.1rem; padding: 1.5rem; } .module4-scroll .module4-scroll-inner .module4-scroll-inner-item > div .lecturer-name[data-v-d96d1ecc] { font-family: D-DIN-Bold; font-weight: bold; color: #3c3c3c; margin-bottom: 8px; } .module4-scroll .module4-scroll-inner .module4-scroll-inner-item > div .lecturer-detail[data-v-d96d1ecc] { color: #505050; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } .module4-scroll .is-reverse[data-v-d96d1ecc] { animation-direction: reverse; } .module4-scroll .is-reverse[data-v-d96d1ecc]:nth-child(2) { animation-direction: reverse; } @-webkit-keyframes animate-d96d1ecc { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); } 100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } @keyframes animate-d96d1ecc { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); } 100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } @-webkit-keyframes animate2-d96d1ecc { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { -webkit-transform: translateX(-200%); transform: translateX(-200%); } } @keyframes animate2-d96d1ecc { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { -webkit-transform: translateX(-200%); transform: translateX(-200%); } } @media screen and (max-width: 46.9rem) { .module4-scroll[data-v-d96d1ecc] { position: relative; display: block; width: 48%; height: 45vh; -webkit-box-sizing: border-box; box-sizing: border-box; } .module4-scroll .module4-scroll-inner[data-v-d96d1ecc] { display: block; -webkit-animation: animateMobile-d96d1ecc var(--t) linear infinite; animation: animateMobile-d96d1ecc var(--t) linear infinite; } .module4-scroll .module4-scroll-inner[data-v-d96d1ecc]:nth-child(2) { -webkit-animation: animate2Mobile-d96d1ecc var(--t) linear infinite; animation: animate2Mobile-d96d1ecc var(--t) linear infinite; -webkit-animation-delay: calc(var(--t) / -2); animation-delay: calc(var(--t) / -2); } .module4-scroll .module4-scroll-inner .module4-scroll-inner-item[data-v-d96d1ecc] { width: 100%; display: block; margin-bottom: 10px; margin-right: 0; height: auto; } .module4-scroll .module4-scroll-inner .module4-scroll-inner-item > div[data-v-d96d1ecc] { line-height: 1.3rem; font-size: 1rem; padding: 8px; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } .module4-scroll .module4-scroll-inner .module4-scroll-inner-item > div .lecturer-name[data-v-d96d1ecc] { margin-bottom: 0; } .module4-scroll .module4-scroll-inner .module4-scroll-inner-item > div .lecturer-detail[data-v-d96d1ecc] { height: 3.8rem; } .module4-scroll .module4-scroll-inner .module4-scroll-inner-item > img[data-v-d96d1ecc] { width: 6.3rem; height: 7.5rem; display: block; margin-left: auto; } .module4-scroll .is-reverse[data-v-d96d1ecc] { animation-direction: reverse; } .module4-scroll .is-reverse[data-v-d96d1ecc]:nth-child(2) { animation-direction: reverse; } @-webkit-keyframes animateMobile-d96d1ecc { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } } @keyframes animateMobile-d96d1ecc { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } } @-webkit-keyframes animate2Mobile-d96d1ecc { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { -webkit-transform: translateY(-200%); transform: translateY(-200%); } } @keyframes animate2Mobile-d96d1ecc { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { -webkit-transform: translateY(-200%); transform: translateY(-200%); } } } .community-lecturer[data-v-53dbefed] { border-top: 1px solid #006cff; border-bottom: 1px solid #006cff; margin: 1.5rem 0; max-width: 100vw; overflow: hidden; } .community-lecturer .community-lecturer-wrap[data-v-53dbefed] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .community-lecturer .community-lecturer-wrap .box-left[data-v-53dbefed] { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; position: relative; height: 21.3rem; padding: 1.3rem 0 10px; } .community-lecturer .community-lecturer-wrap .box-left .box-left-scroll-wrap[data-v-53dbefed] { position: absolute; right: 0; width: 70vw; } .community-lecturer .community-lecturer-wrap .box-right[data-v-53dbefed] { width: 33.3%; border-left: 1px solid #006cff; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 2.5rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .community-lecturer .community-lecturer-wrap .box-right .box-right-title[data-v-53dbefed] { font-family: D-DIN-Bold; font-size: 2.5rem; font-weight: bold; line-height: 3rem; color: #3c3c3c; margin-bottom: 2.5rem; } .community-lecturer .community-lecturer-wrap .box-right .box-right-subtitle[data-v-53dbefed] { color: #505050; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; margin-bottom: 1.5rem; } .community-lecturer .community-lecturer-wrap .box-right .box-right-btn[data-v-53dbefed] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } @media screen and (max-width: 46.9rem) { .community-lecturer .community-lecturer-wrap[data-v-53dbefed] { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 0 1.5rem 1.5rem; -webkit-box-sizing: border-box; box-sizing: border-box; margin-left: 1rem; margin-right: 1rem; border-left: 1px solid #006cff; border-right: 1px solid #006cff; } .community-lecturer .community-lecturer-wrap .box-left[data-v-53dbefed] { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; position: relative; height: 45vh; padding: 0; } .community-lecturer .community-lecturer-wrap .box-left .box-left-scroll-wrap[data-v-53dbefed] { position: static; width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .community-lecturer .community-lecturer-wrap .box-right[data-v-53dbefed] { width: 100%; border-left: none; padding: 0; } .community-lecturer .community-lecturer-wrap .box-right .box-right-title[data-v-53dbefed] { font-size: 1.5rem; line-height: 2rem; margin-bottom: 4px; margin-top: 1.5rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .community-lecturer .community-lecturer-wrap .box-right .box-right-title > div[data-v-53dbefed]:nth-child(1) { margin-right: 8px; } } .module4-scroll[data-v-404271cc] { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; overflow: hidden; font-size: 0; } .module4-scroll[data-v-404271cc]:nth-child(1) { margin-bottom: 0; border-top: 1px solid #0066ff; -webkit-box-sizing: border-box; box-sizing: border-box; } .module4-scroll .module4-scroll-inner[data-v-404271cc] { white-space: nowrap; -webkit-animation: animate-404271cc var(--t) linear infinite; animation: animate-404271cc var(--t) linear infinite; } .module4-scroll .module4-scroll-inner[data-v-404271cc]:nth-child(2) { -webkit-animation: animate2-404271cc var(--t) linear infinite; animation: animate2-404271cc var(--t) linear infinite; -webkit-animation-delay: calc(var(--t) / -2); animation-delay: calc(var(--t) / -2); } .module4-scroll .module4-scroll-inner .module4-scroll-inner-item[data-v-404271cc] { width: 23.8rem; height: 12.5rem; border-bottom: 1px solid #0066ff; border-right: 1px solid #0066ff; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; background-color: #fff; } .module4-scroll .module4-scroll-inner .module4-scroll-inner-item > img[data-v-404271cc] { max-height: 8.8rem; width: 7.5rem; -o-object-fit: cover; object-fit: cover; } .module4-scroll .module4-scroll-inner .module4-scroll-inner-item > div[data-v-404271cc] { width: 72%; margin-top: 1.1rem; padding: 10px 0 12px; -webkit-box-sizing: content-box; box-sizing: content-box; height: 2rem; text-align: center; border-top: 1px solid #006cff; color: #3c3c3c; font-size: 1rem; line-height: 1; overflow: hidden; white-space: pre-wrap; } .module4-scroll .is-reverse[data-v-404271cc] { animation-direction: reverse; } .module4-scroll .is-reverse[data-v-404271cc]:nth-child(2) { animation-direction: reverse; } @-webkit-keyframes animate-404271cc { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); } 100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } @keyframes animate-404271cc { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); } 100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } @-webkit-keyframes animate2-404271cc { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { -webkit-transform: translateX(-200%); transform: translateX(-200%); } } @keyframes animate2-404271cc { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { -webkit-transform: translateX(-200%); transform: translateX(-200%); } } @media screen and (max-width: 46.9rem) { .module4-scroll[data-v-404271cc] { position: relative; display: block; width: 48%; height: 45vh; border: none; -webkit-box-sizing: border-box; box-sizing: border-box; } .module4-scroll .module4-scroll-inner[data-v-404271cc] { display: block; -webkit-animation: animateMobile-404271cc var(--t) linear infinite; animation: animateMobile-404271cc var(--t) linear infinite; } .module4-scroll .module4-scroll-inner[data-v-404271cc]:nth-child(2) { -webkit-animation: animate2Mobile-404271cc var(--t) linear infinite; animation: animate2Mobile-404271cc var(--t) linear infinite; -webkit-animation-delay: calc(var(--t) / -2); animation-delay: calc(var(--t) / -2); } .module4-scroll .module4-scroll-inner .module4-scroll-inner-item[data-v-404271cc] { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 10px; height: auto; border: 1px solid #0066ff; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 8px; } .module4-scroll .module4-scroll-inner .module4-scroll-inner-item > div[data-v-404271cc] { line-height: 1.3rem; font-size: 1rem; width: 100%; height: auto; margin-top: 12px; padding: 4px 0 6px; border-top: 1px solid #dcecff; } .module4-scroll .is-reverse[data-v-404271cc] { animation-direction: reverse; } .module4-scroll .is-reverse[data-v-404271cc]:nth-child(2) { animation-direction: reverse; } @-webkit-keyframes animateMobile-404271cc { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } } @keyframes animateMobile-404271cc { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } } @-webkit-keyframes animate2Mobile-404271cc { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { -webkit-transform: translateY(-200%); transform: translateY(-200%); } } @keyframes animate2Mobile-404271cc { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { -webkit-transform: translateY(-200%); transform: translateY(-200%); } } } .community-partner[data-v-6b323e9f] { border-top: 1px solid #006cff; border-bottom: 1px solid #006cff; margin: 1.5rem 0; max-width: 100vw; overflow: hidden; } .community-partner .community-partner-wrap[data-v-6b323e9f] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .community-partner .community-partner-wrap .box-right[data-v-6b323e9f] { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; position: relative; height: 25rem; padding: 1.3rem 0; -webkit-box-sizing: content-box; box-sizing: content-box; } .community-partner .community-partner-wrap .box-right .box-right-scroll-wrap[data-v-6b323e9f] { position: absolute; left: 0; width: 70vw; } .community-partner .community-partner-wrap .box-left[data-v-6b323e9f] { width: 33.3%; border-right: 1px solid #006cff; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 2.5rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .community-partner .community-partner-wrap .box-left .box-left-title[data-v-6b323e9f] { font-family: D-DIN-Bold; font-size: 2.5rem; font-weight: bold; line-height: 3rem; color: #3c3c3c; margin-bottom: 2.5rem; } .community-partner .community-partner-wrap .box-left .box-left-subtitle[data-v-6b323e9f] { color: #505050; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; margin-bottom: 1.5rem; } .community-partner .community-partner-wrap .box-left .box-left-btn[data-v-6b323e9f] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } @media screen and (max-width: 46.9rem) { .community-partner .community-partner-wrap[data-v-6b323e9f] { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; padding: 0 1.5rem 1.5rem; -webkit-box-sizing: border-box; box-sizing: border-box; margin-left: 1rem; margin-right: 1rem; border-left: 1px solid #006cff; border-right: 1px solid #006cff; } .community-partner .community-partner-wrap .box-right[data-v-6b323e9f] { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; position: relative; height: 45vh; padding: 0; } .community-partner .community-partner-wrap .box-right .box-right-scroll-wrap[data-v-6b323e9f] { position: static; width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .community-partner .community-partner-wrap .box-left[data-v-6b323e9f] { width: 100%; border-right: none; padding: 0; } .community-partner .community-partner-wrap .box-left .box-left-title[data-v-6b323e9f] { font-size: 1.5rem; line-height: 2rem; margin-bottom: 4px; margin-top: 1.5rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .community-partner .community-partner-wrap .box-left .box-left-title > div[data-v-6b323e9f]:nth-child(1) { margin-right: 8px; } } .community-view[data-v-81182dce] { font-family: D-DIN; font-size: 1.3rem; line-height: 1.8rem; } .community-detail[data-v-81182dce] { margin: 1.5rem 0; border-top: 1px solid #006cff; border-bottom: 1px solid #006cff; background-color: #fff; } .community-detail .community-detail-wrap[data-v-81182dce] { padding: 2rem 0; border-bottom: 1px solid #006cff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .community-detail .community-detail-wrap > div[data-v-81182dce] { font-family: D-DIN-Bold; font-weight: bold; font-size: 1.8rem; color: #b0ceff; padding-right: 2.5rem; margin-right: 2.5rem; border-right: 1px solid #d7e6ff; line-height: 2.5rem; cursor: pointer; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .community-detail .community-detail-wrap > div[data-v-81182dce]:nth-last-child(1) { border-right: none; } .community-detail .community-detail-wrap .active[data-v-81182dce] { color: #000; font-size: 2.5rem; } @media screen and (max-width: 46.9rem) { .community-view[data-v-81182dce] { font-size: 1.1rem; line-height: 1.6rem; } .community-view .mobile-border-lr[data-v-81182dce] { margin: 0 1rem; border-left: 1px solid #006cff; border-right: 1px solid #006cff; } } .link[data-v-08320004] { color: #0073fa !important; } [data-v-08320004] .el-form-item__label { line-height: 1 !important; } [data-v-08320004] .login-dialog { width: 53.8rem; background-image: url(../img/login_bg.1fb42b5f.jpg); background-size: cover; } [data-v-08320004] .login-dialog .dialog-container { width: 72%; margin: 2rem auto 3.8rem; } [data-v-08320004] .login-dialog .dialog-container .dialog-title { font-size: 1.5rem; font-weight: bold; color: #006cff; cursor: pointer; text-align: center; margin-bottom: 1.5rem; } [data-v-08320004] .login-dialog .tips { font-size: 0.9rem; color: #666666; margin-top: 1.6rem; margin-bottom: 1rem; } [data-v-08320004] .login-dialog .code-view { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } [data-v-08320004] .login-dialog .code-view .login-code { margin-left: 8px; height: 2.3rem; cursor: pointer; vertical-align: middle; border: 1px solid #dcdfe6; border-radius: 4px; } [data-v-08320004] .login-dialog .code-view .login-code img { height: 100%; } [data-v-08320004] .login-dialog .dologin .tip-view { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-top: 1.3rem; } [data-v-08320004] .login-dialog .dologin .tip-view-container { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; font-size: 0.9rem; color: #333333; line-height: 1.3rem; } [data-v-08320004] .login-dialog .dologin input { width: 100%; height: 3rem; color: #ffffff; background: #0073fa; border-radius: 2rem; border: none; margin-top: 1.3rem; font-size: 1.1rem; cursor: pointer; } [data-v-08320004] .login-dialog .footer-view { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-top: 1.9rem; } [data-v-08320004] .login-dialog .footer-view > div { font-size: 1.1rem; line-height: 1.4rem; text-decoration: underline; color: #0073fa; cursor: pointer; } [data-v-08320004] .login-dialog .footer-view .footer-view-text { width: 100%; color: #3e3a39; text-decoration: none; cursor: default; text-align: center; } [data-v-08320004] .login-dialog .footer-view .footer-view-text > span { color: #0073fa; cursor: pointer; } @media screen and (max-width: 46.9rem) { [data-v-08320004] .login-dialog { width: 90% !important; } [data-v-08320004] .login-dialog .el-dialog__body { font-size: 1rem; line-height: 1.3rem; } [data-v-08320004] .login-dialog .el-dialog__body .dialog-container { width: 100%; } [data-v-08320004] .login-dialog .el-dialog__body .tips { margin-top: 12px; margin-bottom: 12px; } [data-v-08320004] .login-dialog .el-dialog__body .el-checkbox__input { vertical-align: top; } [data-v-08320004] .login-dialog .el-dialog__body .tip-view-container { white-space: break-spaces; } [data-v-08320004] .login-dialog .el-dialog__body .footer-view-text { text-align: left; } } .new-activity-tooltip { background: #fff !important; padding: 10px !important; font-size: 0.9rem !important; width: 11.9rem; font-family: D-DIN; line-height: 1.3rem; border-radius: 0; border: 1px solid #006cff; } .new-activity-tooltip .activity-tooltip-name { font-family: D-DIN-Bold; font-weight: bold; color: #006cff; margin-bottom: 2px; } .new-activity-tooltip .activity-tooltip-cont { line-height: 1.1rem; margin-bottom: 4px; color: #0a418c; } .new-activity-tooltip .activity-tooltip-detail { color: #0a418c; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; cursor: pointer; } .new-activity-tooltip .activity-tooltip-detail > div { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); overflow: hidden; margin-left: 8px; width: 1rem; height: 1rem; } .new-activity-tooltip .activity-tooltip-detail > div > img { width: 100%; -webkit-transform: translateX(1.3rem); -ms-transform: translateX(1.3rem); transform: translateX(1.3rem); -webkit-filter: drop-shadow(#006cff -1.3rem 0 0); filter: drop-shadow(#006cff -1.3rem 0 0); } .new-activity-tooltip .popper__arrow { border-top-color: #006cff !important; } .new-activity-tooltip .popper__arrow:after { border-top-color: #fff !important; } .activity-cont[data-v-6a8b24be] { margin-top: 1rem; font-family: D-DIN; font-size: 1.3rem; line-height: 1.8rem; } .activity-cont .activity-cont-detail[data-v-6a8b24be] { position: relative; margin-bottom: 3.4rem; background-color: #fff; } .activity-cont .activity-cont-detail .activity-cont-cover[data-v-6a8b24be] { position: absolute; width: 22.5rem; height: 22.5rem; background-color: #ffffff; top: -1.9rem; left: 0; } .activity-cont .activity-cont-detail .activity-cont-cover .cover-img[data-v-6a8b24be] { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .activity-cont .activity-cont-detail .activity-cont-detail-right[data-v-6a8b24be] { padding: 2.5rem 2.5rem 2.5rem 23.8rem; min-height: 18.8rem; -webkit-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #006cff; } .activity-cont .activity-cont-detail .activity-cont-detail-right .activity-text[data-v-6a8b24be] { width: 100%; padding-bottom: 12px; } .activity-cont .activity-cont-detail .activity-cont-detail-right .activity-text .activity-time[data-v-6a8b24be] { color: #006cff; margin-bottom: 1rem; } .activity-cont .activity-cont-detail .activity-cont-detail-right .activity-text .activity-title[data-v-6a8b24be] { font-family: D-DIN-Bold; font-size: 2.5rem; font-weight: bold; line-height: 3rem; color: #0f2341; margin-bottom: 1rem; } .activity-cont .activity-cont-detail .activity-cont-detail-right .activity-text .smallText[data-v-6a8b24be] { font-size: 1.6rem; line-height: 2rem; } .activity-cont .activity-cont-detail .activity-cont-detail-right .activity-text .activity-detail[data-v-6a8b24be] { line-height: 1.5rem; color: #3c3c3c; margin-bottom: 1rem; } .activity-cont .activity-cont-detail .activity-cont-detail-right .activity-text .activity-detail > div[data-v-6a8b24be]:nth-child(1) { margin-bottom: 12px; } .activity-cont .activity-cont-detail .activity-cont-detail-right .activity-text .activity-detail .activity-detail-speaker[data-v-6a8b24be] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .activity-cont .activity-cont-detail .activity-cont-detail-right .activity-text .activity-detail .activity-detail-speaker .activity-detail-speaker-item[data-v-6a8b24be] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-right: 1rem; margin-bottom: 8px; } .activity-cont .activity-cont-detail .activity-cont-detail-right .activity-text .activity-detail .activity-detail-speaker .activity-detail-speaker-item > img[data-v-6a8b24be] { width: 1.5rem; height: 1.5rem; margin-top: 2px; border-radius: 50%; } .activity-cont .activity-cont-detail .activity-cont-detail-right .activity-text .activity-detail .activity-detail-speaker .activity-detail-speaker-item > span[data-v-6a8b24be] { margin-left: 8px; } .activity-cont .activity-cont-detail .activity-cont-detail-right .activity-text .registration-deadline[data-v-6a8b24be] { margin-top: 12px; line-height: 1.5rem; color: #666666; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .activity-cont .activity-cont-detail .activity-cont-detail-right .activity-text .registration-deadline > span[data-v-6a8b24be]:nth-of-type(1) { font-family: D-DIN-Bold; font-weight: bold; margin-right: 6px; } .activity-cont .activity-cont-detail .activity-cont-detail-right .activity-text .registration-deadline > span[data-v-6a8b24be]:nth-of-type(2) { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .activity-cont .activity-cont-detail .activity-cont-detail-right .activity-btn[data-v-6a8b24be] { position: absolute; right: 2.5rem; bottom: -1.5rem; height: 3rem; line-height: 3rem; background-color: #006cff; color: #fff; cursor: pointer; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 10px 1.8rem; -webkit-box-sizing: border-box; box-sizing: border-box; } .activity-cont .activity-cont-detail .activity-cont-detail-right .activity-btn > span[data-v-6a8b24be] { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; margin-right: 2rem; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; white-space: nowrap; } .activity-cont .activity-cont-detail .activity-cont-detail-right .activity-btn > .activity-btn-img[data-v-6a8b24be] { width: 3.1rem; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .activity-cont .activity-cont-detail .activity-cont-detail-right .activity-btn:hover > span[data-v-6a8b24be] { -webkit-transform: translateX(8px); -ms-transform: translateX(8px); transform: translateX(8px); } .activity-cont .activity-cont-detail .activity-cont-detail-right .activity-btn:hover > .activity-btn-img[data-v-6a8b24be] { -webkit-transform: translateX(-8px); -ms-transform: translateX(-8px); transform: translateX(-8px); } .activity-cont .activity-cont-detail .activity-cont-detail-right .btnDisabled[data-v-6a8b24be] { border-color: rgba(0, 108, 255, 0.5); background-color: #b5bfcf; cursor: not-allowed; } .activity-cont .activity-cont-detail .activity-cont-detail-right .btnDisabled .activity-btn-img[data-v-6a8b24be] { overflow: hidden; } .activity-cont .activity-cont-detail .activity-cont-detail-right .btnDisabled .activity-btn-img img[data-v-6a8b24be] { -webkit-transform: translateX(3.1rem); -ms-transform: translateX(3.1rem); transform: translateX(3.1rem); -webkit-filter: drop-shadow(#b5bfcf -3.1rem 0px 0px); filter: drop-shadow(#b5bfcf -3.1rem 0px 0px); } .activity-cont .activity-cont-person[data-v-6a8b24be] { border-bottom: 1px solid #006cff; } .activity-cont .activity-cont-person .activity-divider[data-v-6a8b24be] { color: #3c3c3c; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; cursor: pointer; } .activity-cont .activity-cont-person .activity-divider > i[data-v-6a8b24be] { color: #006cff; font-size: 1.5rem; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .activity-cont .activity-cont-person .activity-cont-person-detail[data-v-6a8b24be] { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 1.1rem; height: 5.4rem; overflow: hidden; } .activity-cont .activity-cont-person .activity-cont-person-detail .join-user-item[data-v-6a8b24be] { width: 3.8rem; height: 3.8rem; overflow: hidden; border: 5px solid #fff; border-radius: 50%; margin-right: -12px; padding-bottom: 1rem; background-color: #ffffff; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; z-index: var(--z); } .activity-cont .activity-cont-person .activity-cont-person-detail .join-user-item img[data-v-6a8b24be] { border: 1px solid #006cff; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; } .activity-cont .activity-cont-person .activity-cont-person-detail .join-user-item[data-v-6a8b24be]:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .activity-cont .showMoreUser .activity-divider > i[data-v-6a8b24be] { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .activity-cont .showMoreUser .activity-cont-person-detail[data-v-6a8b24be] { height: auto; } @media screen and (max-width: 46.9rem) { .activity-cont[data-v-6a8b24be] { font-size: 1.1rem; line-height: 1.6rem; } .activity-cont .activity-cont-detail[data-v-6a8b24be] { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .activity-cont .activity-cont-detail .activity-cont-cover[data-v-6a8b24be] { margin: 0; width: 100%; height: unset; margin-bottom: 8px; position: unset; } .activity-cont .activity-cont-detail .activity-cont-detail-right[data-v-6a8b24be] { padding: 0; width: 100%; } .activity-cont .activity-cont-detail .activity-cont-detail-right .activity-text .activity-title[data-v-6a8b24be] { font-size: 1.1rem; line-height: 1.6rem; margin-bottom: 8px; } .activity-cont .activity-cont-detail .activity-cont-detail-right .activity-text .activity-time[data-v-6a8b24be] { margin-bottom: 8px; } .activity-cont .activity-cont-detail .activity-cont-detail-right .activity-text .activity-detail[data-v-6a8b24be] { font-size: 0.9rem; } .activity-cont .activity-cont-detail .activity-cont-detail-right .activity-btn[data-v-6a8b24be] { margin: 0 auto; right: 50%; -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); } } .dialog-body[data-v-397a307a] { padding: 1.3rem; } .secondtitle[data-v-397a307a] { width: 3.8rem; height: 3.8rem; text-align: center; margin: 0 auto 1.5rem; overflow: hidden; border-radius: 50%; background-color: darkgray; position: relative; cursor: pointer; } .secondtitle img[data-v-397a307a] { width: 100%; vertical-align: initial; } .secondtitle .sr-only[data-v-397a307a] { position: absolute; left: 0; right: 0; width: 100%; height: 100%; opacity: 0; } .confirm-btn[data-v-397a307a] { display: block; border: none; color: #ffffff; background: #0073fa; width: 12.5rem; height: 3.3rem; border-radius: 2rem; margin: 3.8rem auto; margin-top: 6.3rem; } .previewimg-txt[data-v-397a307a] { margin-top: 1.3rem; text-align: center; font-size: 1.1rem; } .show-preview[data-v-397a307a] { margin: auto; text-align: center; width: 12.5rem; height: 12.5rem; overflow: hidden; border-radius: 50%; position: relative; } .show-preview-img[data-v-397a307a] { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: darkgray; border: 2px solid darkgray; border-radius: 50%; overflow: hidden; } .show-preview-img img[data-v-397a307a] { max-width: none; } .crapperTxt[data-v-397a307a] { font-size: 1.1rem; } .cropperstyle[data-v-397a307a] { width: 25rem !important; height: 25rem !important; display: inline-block; margin-top: 4.4rem; margin-left: 4.4rem; } .previewimg[data-v-397a307a] { display: inline-block; width: 15.6rem; vertical-align: top; margin-left: 12.5rem; margin-top: 4.4rem; } [data-v-397a307a] .el-dialog { min-width: 50rem; } @media screen and (max-width: 46.9rem) { .secondtitle[data-v-397a307a] { margin: 3.8rem auto 0; } [data-v-397a307a] .el-dialog { margin-top: 4.6rem !important; min-width: 0 !important; width: 85% !important; -webkit-box-shadow: 0 4px 0.9rem 0 #666666; box-shadow: 0 4px 0.9rem 0 #666666; border-radius: 8px; } [data-v-397a307a] .el-dialog .el-icon-close { font-size: 1rem; } .crapperTxt[data-v-397a307a] { position: relative; margin: 0; font-family: D-DIN; font-size: 0.9rem; color: #666666; letter-spacing: 0; font-weight: 400; text-align: left; } [data-v-397a307a] .dialog-body { padding: 0 10px 0 0; text-align: center; } .cropperstyle[data-v-397a307a] { width: 13.9rem !important; height: 13.9rem !important; margin-top: 1.9rem !important; margin-left: 0 !important; } .previewimg[data-v-397a307a] { margin-top: 0; margin-left: 0; } .previewimg .show-preview[data-v-397a307a] { display: none; } .previewimg .previewimg-txt[data-v-397a307a] { display: none; } .confirm-btn[data-v-397a307a] { margin-top: 1.9rem; margin-bottom: 10px !important; } } .activity-user-info[data-v-93afe89c] { width: 37.5rem; margin: 0 auto 2rem; border-radius: 6px; background: rgba(0, 108, 255, 0.08); border: 1px solid rgba(0, 108, 255, 0.5); padding: 1.5rem; } .activity-user-info .activity-form[data-v-93afe89c] { width: 22.5rem; margin: 0 auto; } .activity-user-info .activity-form[data-v-93afe89c] .el-select { width: 100%; } .activity-user-info .activity-form[data-v-93afe89c] .email-tip { margin-top: -10px; color: #88baff; } @charset "UTF-8"; .activity-dialog[data-v-480a1290] .el-dialog .el-dialog__body #activityDialogBody { height: 60vh; overflow-y: auto; overflow-x: hidden; /* 滚动条的滑轨背景颜色 */ /* 滑块颜色 */ /* 滑轨两头的监听按钮颜色 */ } .activity-dialog[data-v-480a1290] .el-dialog .el-dialog__body #activityDialogBody::-webkit-scrollbar { width: 6px; } .activity-dialog[data-v-480a1290] .el-dialog .el-dialog__body #activityDialogBody::-webkit-scrollbar-track { background-color: #fcf8f8f6; border: solid 1px #b8b7b7; } .activity-dialog[data-v-480a1290] .el-dialog .el-dialog__body #activityDialogBody::-webkit-scrollbar-thumb { background-color: #a3a298e1; border-radius: 5px; } .activity-dialog[data-v-480a1290] .el-dialog .el-dialog__body #activityDialogBody::-webkit-scrollbar-button { height: 0; background-color: #fefffb; } .activity-dialog[data-v-480a1290] .el-dialog .el-dialog__body #activityDialogBody::-webkit-scrollbar-corner { background-color: #fff; } .dialog-title[data-v-480a1290] { font-family: D-DIN; font-size: 1.1rem; line-height: 1.5rem; text-align: center; color: #333333; } .btn-view[data-v-480a1290] { text-align: center; } .btn-view > div[data-v-480a1290] { display: inline-block; color: #0073fa; min-width: 9.1rem; text-align: center; font-size: 1.1rem; line-height: 1.4rem; padding: 10px 1.5rem; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #ffffff; border: 1px solid #0073fa; border-radius: 3.1rem; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin-left: 1.9rem; } .btn-view .primary[data-v-480a1290] { background-color: #006cff; border: 1px solid #006cff; color: #ffffff; } .success-tip[data-v-480a1290] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-top: 9.4rem; } .success-tip > img[data-v-480a1290] { width: 10.9rem; margin-bottom: 6.3rem; } .success-tip .success-tip-text[data-v-480a1290] { width: 80%; font-size: 1.1rem; line-height: 1.5rem; text-align: center; color: #006cff; margin-bottom: 2.5rem; word-wrap: break-word; word-break: break-word; } .success-tip .success-tip-text > div[data-v-480a1290]:nth-child(1) { margin-top: -3.8rem; font-family: D-DIN-Bold; font-weight: 700; margin-bottom: 1.9rem; } .success-tip-footer[data-v-480a1290] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 3rem; height: 3rem; border-radius: 50%; border: 1px solid #006cff; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .success-tip-footer > img[data-v-480a1290] { width: 1.1rem; height: 1.1rem; } @charset "UTF-8"; .activity-dialog[data-v-4fb85ead] .el-dialog .el-dialog__body #activityDialogBody { height: 60vh; overflow-y: auto; overflow-x: hidden; /* 滚动条的滑轨背景颜色 */ /* 滑块颜色 */ /* 滑轨两头的监听按钮颜色 */ } .activity-dialog[data-v-4fb85ead] .el-dialog .el-dialog__body #activityDialogBody::-webkit-scrollbar { width: 6px; } .activity-dialog[data-v-4fb85ead] .el-dialog .el-dialog__body #activityDialogBody::-webkit-scrollbar-track { background-color: #fcf8f8f6; border: solid 1px #b8b7b7; } .activity-dialog[data-v-4fb85ead] .el-dialog .el-dialog__body #activityDialogBody::-webkit-scrollbar-thumb { background-color: #a3a298e1; border-radius: 5px; } .activity-dialog[data-v-4fb85ead] .el-dialog .el-dialog__body #activityDialogBody::-webkit-scrollbar-button { height: 0; background-color: #fefffb; } .activity-dialog[data-v-4fb85ead] .el-dialog .el-dialog__body #activityDialogBody::-webkit-scrollbar-corner { background-color: #fff; } .btn-view[data-v-4fb85ead] { text-align: center; } .btn-view > div[data-v-4fb85ead] { display: inline-block; color: #0073fa; min-width: 9.1rem; text-align: center; font-size: 1.1rem; line-height: 1.4rem; padding: 10px 1.5rem; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #ffffff; border: 1px solid #0073fa; border-radius: 3.1rem; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin-left: 1.9rem; } .btn-view .primary[data-v-4fb85ead] { background-color: #006cff; border: 1px solid #006cff; color: #ffffff; } .video-title[data-v-5e463edd] { font-family: D-DIN-Bold; font-size: 1.1rem; font-weight: 700; color: #183969; margin-bottom: 1rem; } .video-introduction[data-v-5e463edd] { font-size: 1.1rem; line-height: 1.5rem; color: rgba(70, 70, 70, 0.89); margin-bottom: 1rem; } .Topcontents[data-v-5e463edd] { position: relative; width: 100%; height: 100%; background: no-repeat 50% / cover; overflow: hidden; border-radius: 6px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin-bottom: 1rem; } .Topcontents .top-video[data-v-5e463edd] { width: 100%; height: 100%; z-index: 1; display: block; } .Topcontents .mask[data-v-5e463edd] { cursor: pointer; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(10, 60, 130, 0.69); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(55%, rgba(0, 0, 0, 0)), color-stop(96%, rgba(0, 0, 0, 0.81))); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0.81) 96%); background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0.81) 96%); background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0.81) 96%); border-radius: 4px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .Topcontents .mask > img[data-v-5e463edd] { height: 5rem; } @media screen and (max-width: 46.9rem) { .play-btn[data-v-5e463edd] { height: 2.5rem !important; } .video-title[data-v-5e463edd] { font-size: 0.9rem; margin-bottom: 10px; } .video-introduction[data-v-5e463edd] { font-size: 0.9rem; line-height: 1rem; margin-bottom: 10px; } } .detailContent-item[data-v-24fe581e] { font-size: 1.3rem !important; color: #666666; letter-spacing: 0; line-height: 1.8rem; font-weight: 400; } .detailContent-item[data-v-24fe581e] .text-model { margin-bottom: 1rem; word-wrap: break-word; word-break: break-word; } .detailContent-item .imageText-model[data-v-24fe581e] { border-radius: 6px; } .detailContent-item .imageText-model .imageText-model-title[data-v-24fe581e] { font-family: D-DIN-Bold; font-weight: 700; font-size: 1.1rem; color: #183969; margin-bottom: 1rem; } .detailContent-item .imageText-model .imageText-model-introduction[data-v-24fe581e] { font-size: 1.1rem; line-height: 1.5rem; color: rgba(70, 70, 70, 0.89); margin-bottom: 1rem; } .detailContent-item .imageText-model > img[data-v-24fe581e] { width: 100%; border-radius: 6px; margin-bottom: 1rem; } @media screen and (max-width: 46.9rem) { .activityDetail-view[data-v-24fe581e] { width: 100%; } .activityDetail-view[data-v-24fe581e] .text-model { font-size: 1.1rem !important; line-height: 1.6rem !important; } .activityDetail-view[data-v-24fe581e] .text-model a, .activityDetail-view[data-v-24fe581e] .text-model u, .activityDetail-view[data-v-24fe581e] .text-model span, .activityDetail-view[data-v-24fe581e] .text-model ul, .activityDetail-view[data-v-24fe581e] .text-model li, .activityDetail-view[data-v-24fe581e] .text-model p, .activityDetail-view[data-v-24fe581e] .text-model div { font-size: 1.1rem !important; line-height: 1.6rem !important; } } .Discussion-view[data-v-06645327] { position: relative; font-family: D-DIN; font-size: 1.1rem; line-height: 1.4rem; } .Discussion-view .Discussion-view-item[data-v-06645327] { margin-bottom: 1.5rem; } .Discussion-view .Discussion-view-item .Discussion-detail[data-v-06645327] { overflow: hidden; border-bottom: 1px solid rgba(0, 108, 255, 0.51); } .Discussion-view .Discussion-view-item .Discussion-detail > div[data-v-06645327]:nth-of-type(1) { font-family: D-DIN-Bold; font-weight: bold; font-size: 1.5rem; line-height: 2rem; color: #183969; margin-bottom: 1rem; } .Discussion-view .Discussion-view-item .Discussion-detail > div[data-v-06645327]:nth-of-type(2) { font-size: 1.1rem; line-height: 1.5rem; color: rgba(70, 70, 70, 0.89); margin-bottom: 1rem; } .Discussion-view .Discussion-view-item .Discussion-comment[data-v-06645327] { padding: 1rem 0; } .Discussion-view .Discussion-view-item .Discussion-comment .comment-item[data-v-06645327] { padding: 8px 1.5rem; border-radius: 4px; } .Discussion-view .Discussion-view-item .Discussion-comment .comment-item .comment-item-wrap[data-v-06645327] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 4px; } .Discussion-view .Discussion-view-item .Discussion-comment .comment-item .comment-item-wrap .comment-wrap-right[data-v-06645327] { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; border-bottom: 1px solid #c4d2e6; } .Discussion-view .Discussion-view-item .Discussion-comment .comment-item .comment-item-wrap .comment-wrap-right .comment-item[data-v-06645327] { margin-bottom: 0; padding: 0; } .Discussion-view .Discussion-view-item .Discussion-comment .comment-item .comment-item-wrap .comment-wrap-right .comment-item .comment-item-wrap[data-v-06645327] { margin-bottom: 1.3rem; } .Discussion-view .Discussion-view-item .Discussion-comment .comment-item .comment-item-wrap .comment-wrap-right .comment-item .newComment-class .comment-text[data-v-06645327] { color: #183969; } .Discussion-view .Discussion-view-item .Discussion-comment .comment-item .comment-item-wrap .comment-wrap-right .comment-item .newComment-class .comment-text > span[data-v-06645327]:nth-last-of-type(1) { text-decoration: underline; } .Discussion-view .Discussion-view-item .Discussion-comment .comment-item .comment-item-wrap .comment-wrap-right .comment-item .comment-wrap-right[data-v-06645327] { border-bottom: none; } .Discussion-view .Discussion-view-item .Discussion-comment .comment-item .comment-item-wrap .comment-wrap-right .comment-item .comment-wrap-right .comment-text > span[data-v-06645327]:nth-of-type(1) { font-family: D-DIN-Bold; font-weight: bold; margin-right: 4px; } .Discussion-view .Discussion-view-item .Discussion-comment .comment-item .comment-item-wrap .comment-wrap-right .comment-item .comment-wrap-right .comment-reply-info[data-v-06645327] { padding-top: 8px; border-top: 1px dashed #b5bfcf; color: #b5bfcf; } .Discussion-view .Discussion-view-item .Discussion-comment .comment-item .comment-item-wrap .comment-wrap-right .comment-item .comment-wrap-right .comment-reply-info > span[data-v-06645327]:nth-of-type(1) { margin-right: 1.3rem; color: rgba(0, 108, 255, 0.6); } .Discussion-view .Discussion-view-item .Discussion-comment .comment-item .comment-item-wrap .comment-wrap-right .comment-item .comment-wrap-right .comment-reply-info > span[data-v-06645327]:nth-of-type(2) { font-family: D-DIN-Bold; font-weight: bold; } .Discussion-view .Discussion-view-item .Discussion-comment .comment-item .comment-item-wrap .comment-wrap-right .comment-item:nth-last-of-type(1) .comment-wrap-right[data-v-06645327] { border-bottom: none; } .Discussion-view .Discussion-view-item .Discussion-comment .comment-item .comment-item-wrap .comment-wrap-right .comment-name[data-v-06645327] { font-family: D-DIN-Bold; font-weight: bold; color: #183969; margin-bottom: 4px; } .Discussion-view .Discussion-view-item .Discussion-comment .comment-item .comment-item-wrap .comment-wrap-right .comment-text[data-v-06645327] { color: rgba(70, 70, 70, 0.89); margin-bottom: 10px; word-wrap: break-word; word-break: break-word; } .Discussion-view .Discussion-view-item .Discussion-comment .comment-item .comment-item-wrap .comment-wrap-right .comment-reply-btn[data-v-06645327] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; color: #b5bfcf; margin-bottom: 10px; } .Discussion-view .Discussion-view-item .Discussion-comment .comment-item .comment-item-wrap .comment-wrap-right .comment-reply-btn .comment-reply-btn-item[data-v-06645327] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .Discussion-view .Discussion-view-item .Discussion-comment .comment-item .comment-item-wrap .comment-wrap-right .comment-reply-btn .comment-reply-btn-item div[data-v-06645327] { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-left: 1.5rem; } .Discussion-view .Discussion-view-item .Discussion-comment .comment-item .comment-item-wrap .comment-wrap-right .comment-reply-btn .comment-reply-btn-item div > img[data-v-06645327] { width: 1rem; margin-right: 4px; overflow: hidden; } .Discussion-view .Discussion-view-item .Discussion-comment .comment-item .comment-item-wrap .comment-wrap-right .comment-reply-btn .comment-reply-btn-item .currentReplyCont[data-v-06645327] { color: #006cff; } .Discussion-view .Discussion-view-item .Discussion-comment .comment-item .comment-item-wrap .comment-wrap-right .comment-reply-btn .comment-reply-btn-item .currentReplyCont > img[data-v-06645327] { -webkit-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); -webkit-filter: drop-shadow(#006cff 0px 0px 0px); filter: drop-shadow(#006cff 0px 0px 0px); } .Discussion-view .user-avatar[data-v-06645327] { width: 3rem; height: 3rem; border-radius: 50%; overflow: hidden; -o-object-fit: cover; object-fit: cover; margin-right: 1rem; } .Discussion-view .comment-input[data-v-06645327] { position: -webkit-sticky; position: sticky; bottom: 12px; } .Discussion-view .comment-input .comment-reply[data-v-06645327] { background-color: #ebf4ff; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid rgba(24, 64, 121, 0.19); position: relative; } .Discussion-view .comment-input .comment-reply[data-v-06645327] .el-textarea__inner { font-size: 1.1rem; line-height: 1.4rem; background-color: transparent; border: none; padding: 12px 1.5rem 1.3rem 12px; -webkit-box-sizing: border-box; box-sizing: border-box; } .Discussion-view .comment-input .comment-reply .comment-reply-btn[data-v-06645327] { position: absolute; bottom: -12px; right: 1.5rem; cursor: pointer; background-color: #006cff; color: #fff; font-size: 1.1rem; line-height: 1.4rem; padding: 5px 1rem; display: inline-block; } .nav-content[data-v-4ac1c8e5] { background-color: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 1.5rem; padding-top: 1.5rem; } .nav-content .nav-menu-box[data-v-4ac1c8e5] { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; padding: 1.3rem 2.5rem; width: 22.5rem; -webkit-box-sizing: border-box; box-sizing: border-box; position: -webkit-sticky; position: sticky; top: 4.3rem; display: inline-block; vertical-align: top; border: 1px solid #006cff; } .nav-content .nav-menu-box .nav-menu-item[data-v-4ac1c8e5] { font-family: 'D-DIN-Bold'; font-size: 1.3rem; font-weight: 600; color: #B0CEFF; background: rgba(255, 255, 255, 0.8); cursor: pointer; padding: 1.8rem 0; -webkit-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .nav-content .nav-menu-box .nav-menu-item[data-v-4ac1c8e5]:hover { -webkit-transform: translateX(4px); -ms-transform: translateX(4px); transform: translateX(4px); color: #006cff; } .nav-content .nav-menu-box .active[data-v-4ac1c8e5] { font-weight: 700; color: #0a418c !important; } .nav-content .nav-content-detail[data-v-4ac1c8e5] { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding: 0 2.5rem; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; } .back-btn[data-v-4ae26eb8] { font-family: D-DIN; font-size: 1.3rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-sizing: border-box; box-sizing: border-box; width: 5rem; cursor: pointer; color: #006cff; border-bottom: 1px solid #006cff; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .back-btn > img[data-v-4ae26eb8] { -webkit-transform: rotate(180deg) translateX(20.6rem); -ms-transform: rotate(180deg) translateX(20.6rem); transform: rotate(180deg) translateX(20.6rem); -webkit-filter: drop-shadow(#0073fa -20.6rem 0px 0px); filter: drop-shadow(#0073fa -20.6rem 0px 0px); } .back-btn[data-v-4ae26eb8]:hover { background-color: #006cff; color: #fff; padding-left: 4px; padding-right: 4px; } .back-btn:hover > img[data-v-4ae26eb8] { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); -webkit-filter: none; filter: none; } .light[data-v-4ae26eb8] { color: #fff; border-bottom-color: #fff; } .light > img[data-v-4ae26eb8] { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } @media screen and (max-width: 46.9rem) { .back-btn[data-v-4ae26eb8] { font-size: 1.1rem; border: 1px solid #b0ceff !important; color: #b0ceff; width: 4.3rem; padding: 2px 8px; -webkit-box-sizing: content-box; box-sizing: content-box; background-color: #fff; } .back-btn > img[data-v-4ae26eb8] { -webkit-transform: rotate(180deg) translateX(20.6rem); -ms-transform: rotate(180deg) translateX(20.6rem); transform: rotate(180deg) translateX(20.6rem); -webkit-filter: drop-shadow(#b0ceff -20.6rem 0px 0px); filter: drop-shadow(#b0ceff -20.6rem 0px 0px); } } .connect-view[data-v-2a8e5d90] { position: relative; min-height: calc(100vh - 27.4rem); background-color: #fff; background-image: var(--bg); background-repeat: no-repeat; background-size: 100% auto; padding-top: 3.1rem; font-family: D-DIN; font-size: 1.1rem; line-height: 1.4rem; } .connect-view .connect-content .back-view[data-v-2a8e5d90] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .connect-view .marginTop12[data-v-2a8e5d90] { margin-top: 12px; } .connect-view .activity-content[data-v-2a8e5d90] { border-top: 1px solid #006cff; } .connect-view .activity-detail[data-v-2a8e5d90] { position: relative; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; min-height: 30rem; } .connect-view .activity-detail .back-btn[data-v-2a8e5d90] { position: absolute; right: 2.5rem; top: 1rem; -webkit-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.3); padding: 0 1rem; font-size: 1.1rem; color: #006cff; border-radius: 3.1rem; height: 2.3rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .connect-view .activity-detail .back-btn > img[data-v-2a8e5d90] { width: 0.9rem; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); margin-right: 4px; } .activity-feedback-que[data-v-2a8e5d90] { background-color: #fff; border-radius: 4px; margin-bottom: 3.1rem; padding: 10px 2.5rem; -webkit-box-shadow: 0px 0px 2.5rem 0px rgba(53, 86, 129, 0.1); box-shadow: 0px 0px 2.5rem 0px rgba(53, 86, 129, 0.1); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 1.1rem; line-height: 1.5rem; } .activity-feedback-que > img[data-v-2a8e5d90] { width: 2.3rem; } .activity-feedback-que > span[data-v-2a8e5d90]:nth-of-type(1) { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; margin: 0 1rem; color: #333333; } .activity-feedback-que > span[data-v-2a8e5d90]:nth-of-type(2) { text-decoration: underline; color: #006cff; cursor: pointer; } @media screen and (max-width: 46.9rem) { .connect-view[data-v-2a8e5d90] { padding-top: 12px; } .connect-view .connect-content[data-v-2a8e5d90] { margin: 0; } .connect-view .connect-content .connect-content-header[data-v-2a8e5d90] { margin: 0 1rem; padding: 1.5rem; border-left: 1px solid #006cff; border-right: 1px solid #006cff; border-bottom: 1px solid #006cff; } .connect-view .activity-detail[data-v-2a8e5d90] { padding: 1.5rem; margin: 0 1rem; border-left: 1px solid #006cff; border-right: 1px solid #006cff; } .connect-view[data-v-2a8e5d90] .activity-dialog .el-dialog { width: 92% !important; } .connect-view[data-v-2a8e5d90] .activity-dialog .el-dialog .el-dialog__body { padding: 12px; } .connect-view[data-v-2a8e5d90] .activity-dialog .el-dialog .el-dialog__body .activity-user-info { margin-top: 12px; padding: 8px; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } .connect-view[data-v-2a8e5d90] .activity-dialog .el-dialog .el-dialog__body .activity-user-info .activity-form { margin-top: 12px; } .connect-view[data-v-2a8e5d90] .activity-dialog .el-dialog .el-dialog__body .activity-user-info .activity-form .el-form-item__label { width: 6.9rem !important; } .connect-view[data-v-2a8e5d90] .activity-dialog .el-dialog .el-dialog__body .activity-user-info .activity-form .el-form-item__content { margin-left: 6.9rem !important; } .connect-view[data-v-2a8e5d90] .activity-dialog .el-dialog .btn-view div { min-width: 3.1rem; margin-left: 12px; } [data-v-2a8e5d90] .Discussion-view .Discussion-view-item .Discussion-detail > div:nth-of-type(1) { font-size: 1rem; line-height: 1.3rem; margin-bottom: 12px; } [data-v-2a8e5d90] .Discussion-view .Discussion-view-item .Discussion-detail > div:nth-of-type(2) { font-size: 0.9rem; line-height: 1.3rem; margin-bottom: 12px; } [data-v-2a8e5d90] .Discussion-view .Discussion-view-item .Discussion-comment .comment-item { padding-left: 0; padding-right: 0; } [data-v-2a8e5d90] .Discussion-view .Discussion-view-item .Discussion-comment .comment-item .comment-item-wrap .comment-wrap-right .comment-item .comment-item-wrap { margin-bottom: 12px; } [data-v-2a8e5d90] .Discussion-view .user-avatar { width: 1.3rem; height: 1.3rem; margin-right: 8px; } } .event-list-header[data-v-a24a134a] { overflow: hidden; } .event-list-header-cont[data-v-a24a134a] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; font-family: D-DIN; color: #3c3c3c; font-size: 1.3rem; line-height: 1.8rem; } .event-list-header-cont-left[data-v-a24a134a] { width: 67%; padding: 2.5rem 2.5rem 2.5rem 0; -webkit-box-sizing: border-box; box-sizing: border-box; border-right: 1px solid #006cff; } .event-list-header-cont-left > div[data-v-a24a134a]:nth-of-type(1) { font-family: D-DIN-Bold; font-size: 4rem; font-weight: bold; line-height: 4.5rem; margin-bottom: 0.9rem; } .event-list-header-cont-right[data-v-a24a134a] { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; padding-bottom: 1.3rem; } @media screen and (max-width: 46.9rem) { .event-list-header[data-v-a24a134a] { margin: 1rem 0; padding: 0 1rem; border-top: 1px solid #006cff; border-bottom: 1px solid #006cff; font-size: 1.1rem; line-height: 1.6rem; } .event-list-header-cont[data-v-a24a134a] { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; border-left: 1px solid #006cff; border-right: 1px solid #006cff; padding: 1.5rem; } .event-list-header-cont-left[data-v-a24a134a] { width: 100%; padding: 0; border: none; } .event-list-header-cont-left > div[data-v-a24a134a]:nth-of-type(1) { font-size: 2.3rem; line-height: 2.8rem; } } .activity-cont[data-v-16f2f56f] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 1.5rem 1.5rem 1.5rem 0; border-bottom: 1px solid #006cff; } .activity-cont .activity-cont-cover[data-v-16f2f56f] { position: relative; width: 21.3rem; height: 21.3rem; margin-right: 0.9rem; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; opacity: 0.7; } .activity-cont .activity-cont-cover > img[data-v-16f2f56f] { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .activity-cont .activity-cont-cover .activity-cont-cover-mask[data-v-16f2f56f] { position: absolute; bottom: 0; left: 0; width: 100%; padding: 8px; text-align: center; background-color: #ecf3ff; color: #006cff; -webkit-box-sizing: border-box; box-sizing: border-box; } .activity-cont .activity-cont-detail-right[data-v-16f2f56f] { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .activity-cont .activity-cont-detail-right .activity-detail-right-top[data-v-16f2f56f] { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; margin-bottom: 1rem; } .activity-cont .activity-cont-detail-right .activity-detail-right-top .activity-title[data-v-16f2f56f] { font-family: D-DIN-Bold; font-weight: bold; font-size: 1.5rem; line-height: 1.9rem; color: #3c3c3c; margin-bottom: 8px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .activity-cont .activity-cont-detail-right .activity-detail-right-top .activity-time[data-v-16f2f56f] { margin-bottom: 8px; } .activity-cont .activity-cont-detail-right .activity-detail-right-top .activity-detail[data-v-16f2f56f] { color: #3c3c3c; margin-bottom: 8px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .activity-cont .activity-cont-detail-right .activity-detail-right-top .activity-detail > div[data-v-16f2f56f]:nth-of-type(1) { margin-bottom: 8px; } .activity-cont .activity-cont-detail-right .activity-detail-right-top .activity-detail .activity-detail-speaker[data-v-16f2f56f] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .activity-cont .activity-cont-detail-right .activity-detail-right-top .activity-detail .activity-detail-speaker .activity-detail-speaker-item[data-v-16f2f56f] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-right: 1rem; margin-bottom: 8px; } .activity-cont .activity-cont-detail-right .activity-detail-right-top .activity-detail .activity-detail-speaker .activity-detail-speaker-item > img[data-v-16f2f56f] { width: 1.5rem; height: 1.5rem; margin-top: 2px; border-radius: 50%; } .activity-cont .activity-cont-detail-right .activity-detail-right-top .activity-detail .activity-detail-speaker .activity-detail-speaker-item > span[data-v-16f2f56f] { margin-left: 8px; } .activity-cont .activity-cont-detail-right .activity-bottom[data-v-16f2f56f] { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .activity-cont .activity-cont-detail-right .activity-bottom .user-num-view span[data-v-16f2f56f] { color: #0a418c; margin-right: 4px; } .activity-cont .activity-cont-detail-right .activity-bottom .activity-bottom-btn[data-v-16f2f56f] { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; text-align: right; } .activity-cont-completed[data-v-16f2f56f] { opacity: 0.9; color: #8cbeff !important; } .activity-cont-completed .activity-detail[data-v-16f2f56f] { color: #8cbeff !important; } .activity-cont-completed .activity-cont-detail-right .activity-detail-right-top .activity-title[data-v-16f2f56f] { color: #8cbeff; } .activity-cont:hover .activity-cont-cover[data-v-16f2f56f] { opacity: 1; -webkit-transform: scale(1.01); -ms-transform: scale(1.01); transform: scale(1.01); } .activity-cont:hover .activity-title[data-v-16f2f56f] { color: #006cff !important; } .activity-cont:hover .activity-detail[data-v-16f2f56f] { color: #0a418c !important; } .activity-cont:hover .activity-time[data-v-16f2f56f] { color: #006cff; } @media screen and (max-width: 46.9rem) { .activity-cont[data-v-16f2f56f] { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 1rem 0; font-size: 1.1rem; line-height: 1.6rem; } .activity-cont .activity-cont-cover[data-v-16f2f56f] { margin: 0; width: 100%; height: unset; margin-bottom: 1rem; opacity: 1; } .activity-cont .activity-cont-detail-right .activity-detail-right-top .activity-title[data-v-16f2f56f] { font-size: 1.1rem; line-height: 1.6rem; } .activity-cont .activity-cont-detail-right .activity-detail[data-v-16f2f56f] { max-height: unset; margin-bottom: unset; } } .event-list-view[data-v-c2d63632] { font-family: D-DIN; color: #3c3c3c; font-size: 1.3rem; line-height: 1.8rem; } .event-list-view .search-year[data-v-c2d63632] { padding: 1rem 0; border-top: 1px solid #006cff; border-bottom: 1px solid #006cff; } .event-list-view .search-year > div[data-v-c2d63632] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .event-list-view .search-year > div[data-v-c2d63632]::before { content: ''; display: block; width: 25rem; height: 0; } .event-list-view .search-year > div[data-v-c2d63632] .search-item { margin-top: 0; margin-bottom: 0; } .event-list-view .search-year > div .search-by-name[data-v-c2d63632] { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .event-list-view .event-cont-tip[data-v-c2d63632] { color: #0a418c; padding-bottom: 1.5rem; border-bottom: 1px solid #006cff; } @media screen and (max-width: 46.9rem) { .event-list-view[data-v-c2d63632] { font-size: 1.1rem; line-height: 1.6rem; } .event-list-view .search-year[data-v-c2d63632] { padding: 1rem; } .event-list-view .search-year > div[data-v-c2d63632] { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .event-list-view .search-year > div[data-v-c2d63632] .search-item { width: 100%; } .event-list-view .search-year > div[data-v-c2d63632] .search-item:nth-child(1) { margin: 0 0 1rem !important; } .event-list-view .event-cont[data-v-c2d63632] { margin: 0 1rem; padding: 1.5rem; border-left: 1px solid #006cff; border-right: 1px solid #006cff; } } .event-list-header[data-v-a4115204] { overflow: hidden; border-bottom: 1px solid #006cff; font-family: D-DIN; color: #3c3c3c; font-size: 1.3rem; line-height: 1.8rem; } .event-list-header-cont[data-v-a4115204] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .event-list-header-cont-left[data-v-a4115204] { width: 66.66%; padding: 2.5rem 2.5rem 2.5rem 0; -webkit-box-sizing: border-box; box-sizing: border-box; border-right: 1px solid #006cff; } .event-list-header-cont-left > div[data-v-a4115204]:nth-of-type(1) { font-family: D-DIN-Bold; font-size: 4rem; font-weight: bold; line-height: 4.5rem; margin-bottom: 0.9rem; } .event-list-header-cont-right[data-v-a4115204] { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; padding-bottom: 1.3rem; } @media screen and (max-width: 46.9rem) { .event-list-header[data-v-a4115204] { margin: 1rem 0; padding: 0 1rem; border-top: 1px solid #006cff; border-bottom: 1px solid #006cff; font-size: 1.1rem; } .event-list-header-cont[data-v-a4115204] { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; border-left: 1px solid #006cff; border-right: 1px solid #006cff; padding: 1.5rem; } .event-list-header-cont-left[data-v-a4115204] { width: 100%; padding: 0; border: none; } .event-list-header-cont-left > div[data-v-a4115204]:nth-of-type(1) { font-size: 2.3rem; line-height: 2.8rem; } } .list-view[data-v-43dae20a] { font-family: D-DIN; color: #3c3c3c; font-size: 1.3rem; line-height: 1.8rem; } .list-view .list-content[data-v-43dae20a] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .list-view .list-content .inspire-item[data-v-43dae20a] { width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #006cff; border-left: 1px solid #006cff; cursor: pointer; } .list-view .list-content .inspire-item[data-v-43dae20a]:nth-child(-n + 2) { border-top: 1px solid #006cff; } .list-view .list-content .inspire-item[data-v-43dae20a]:nth-child(2n + 1) { border-left: none; } @media screen and (max-width: 46.9rem) { .list-view .list-content[data-v-43dae20a] { border-top: 1px solid #006cff; } .list-view .list-content .inspire-item[data-v-43dae20a] { margin: 0 1rem; border-left: 1px solid #006cff; border-right: 1px solid #006cff; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } .list-view .list-content .inspire-item[data-v-43dae20a]:nth-child(-n + 2) { border-top: none; } .list-view .list-content .inspire-item[data-v-43dae20a]:nth-child(2n + 1) { border-left: 1px solid #006cff; } } .event-list-header[data-v-023c4f29] { overflow: hidden; border-bottom: 1px solid #006cff; } .event-list-header-cont[data-v-023c4f29] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; font-family: D-DIN; color: #3c3c3c; font-size: 1.3rem; line-height: 1.8rem; } .event-list-header-cont-left[data-v-023c4f29] { width: 66.666%; padding: 2.5rem 2.5rem 2.5rem 0; -webkit-box-sizing: border-box; box-sizing: border-box; border-right: 1px solid #006cff; } .event-list-header-cont-left > div[data-v-023c4f29]:nth-of-type(1) { font-family: D-DIN-Bold; font-size: 4rem; font-weight: bold; line-height: 4.5rem; margin-bottom: 0.9rem; } .event-list-header-cont-right[data-v-023c4f29] { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; padding-bottom: 1.3rem; } @media screen and (max-width: 46.9rem) { .event-list-header[data-v-023c4f29] { margin: 1rem 0; padding: 0 1rem; border-top: 1px solid #006cff; border-bottom: 1px solid #006cff; font-size: 1.1rem; } .event-list-header-cont[data-v-023c4f29] { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; border-left: 1px solid #006cff; border-right: 1px solid #006cff; padding: 1.5rem; } .event-list-header-cont-left[data-v-023c4f29] { width: 100%; padding: 0; border: none; } .event-list-header-cont-left > div[data-v-023c4f29]:nth-of-type(1) { font-size: 2.3rem; line-height: 2.8rem; } } .list-view[data-v-9deafa96] { font-family: D-DIN; color: #3c3c3c; font-size: 1.3rem; line-height: 1.8rem; } .list-view .line[data-v-9deafa96] { height: 1.5rem; border-bottom: 1px solid #006cff; } .list-view .community-detail-list[data-v-9deafa96] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 1.5rem 0; } .list-view .community-detail-list .community-detail-list-item[data-v-9deafa96] { width: 33.3%; border-right: 1px solid #006cff; border-bottom: 1px solid #006cff; border-bottom: 1px solid #006cff; -webkit-box-sizing: border-box; box-sizing: border-box; } .list-view .community-detail-list .community-detail-list-item[data-v-9deafa96]:nth-child(3n) { border-right: none; } .list-view .community-detail-list .hideBorderBottom[data-v-9deafa96] { border-bottom: none; } @media screen and (max-width: 46.9rem) { .list-view .community-detail-list[data-v-9deafa96] { border-top: 1px solid #006cff; } .list-view .community-detail-list .community-detail-list-item[data-v-9deafa96] { margin: 0 1rem; border-left: 1px solid #006cff; border-right: 1px solid #006cff; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } .list-view .community-detail-list .community-detail-list-item[data-v-9deafa96]:nth-child(3n) { border-right: none; } } .event-list-header[data-v-07cd9e1a] { overflow: hidden; } .event-list-header-cont[data-v-07cd9e1a] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; font-family: D-DIN; color: #3c3c3c; font-size: 1.3rem; line-height: 1.8rem; } .event-list-header-cont-left[data-v-07cd9e1a] { width: 67%; padding: 2.5rem 2.5rem 2.5rem 0; -webkit-box-sizing: border-box; box-sizing: border-box; border-right: 1px solid #006cff; } .event-list-header-cont-left > div[data-v-07cd9e1a]:nth-of-type(1) { font-family: D-DIN-Bold; font-size: 4rem; font-weight: bold; line-height: 4.5rem; margin-bottom: 0.9rem; } .event-list-header-cont-left .input-view[data-v-07cd9e1a] { width: 100%; margin-top: 1.9rem; } .event-list-header-cont-left .input-view[data-v-07cd9e1a] .el-input__inner { font-size: 1.3rem; border-color: #8cbeff; border-radius: 0; padding-left: 4.5rem; color: #8cbeff; } .event-list-header-cont-left .input-view[data-v-07cd9e1a] .el-input__prefix { left: 0; color: #cadaff; } .event-list-header-cont-left .input-view[data-v-07cd9e1a] .el-input__prefix::after { content: ''; display: block; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); height: 1.5rem; width: 1px; background-color: #8cbeff; } .event-list-header-cont-left .input-view[data-v-07cd9e1a] .el-input__prefix .el-icon-search { width: 3.5rem; font-size: 1.3rem; } .event-list-header-cont-right[data-v-07cd9e1a] { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; padding-bottom: 1.3rem; } @media screen and (max-width: 46.9rem) { .event-list-header[data-v-07cd9e1a] { margin: 1rem 0; padding: 0 1rem; border-top: 1px solid #006cff; border-bottom: 1px solid #006cff; font-size: 1.1rem; line-height: 1.6rem; } .event-list-header-cont[data-v-07cd9e1a] { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; border-left: 1px solid #006cff; border-right: 1px solid #006cff; padding: 1.5rem; } .event-list-header-cont-left[data-v-07cd9e1a] { width: 100%; padding: 0; border: none; } .event-list-header-cont-left > div[data-v-07cd9e1a]:nth-of-type(1) { font-size: 2.3rem; line-height: 2.8rem; } } .lecturer-page-cont-items-item[data-v-5624e2d5] { font-family: D-DIN; font-size: 1.3rem; line-height: 1.8rem; width: 33.33%; padding-top: 2rem; margin-bottom: 1rem; -webkit-box-sizing: border-box; box-sizing: border-box; border-top: 1px solid #006cff; } .lecturer-page-cont-items-item .LecturerItem[data-v-5624e2d5] { padding: 0 2.5rem 1.5rem; -webkit-box-sizing: border-box; box-sizing: border-box; border-right: 1px solid #006cff; } .lecturer-page-cont-items-item .LecturerItem .LecturerItem-header[data-v-5624e2d5] { border-bottom: 1px solid #006cff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .lecturer-page-cont-items-item .LecturerItem .LecturerItem-header > img[data-v-5624e2d5] { width: 15.6rem; height: 15.6rem; -o-object-fit: cover; object-fit: cover; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .lecturer-page-cont-items-item .LecturerItem .LecturerItem-info[data-v-5624e2d5] { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 1.5rem; color: #006cff; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .lecturer-page-cont-items-item .LecturerItem .LecturerItem-info .LecturerItem-info-name[data-v-5624e2d5] { font-family: D-DIN-Bold; color: #3c3c3c; font-weight: 700; margin-bottom: 8px; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .lecturer-page-cont-items-item .LecturerItem .LecturerItem-info .LecturerItem-info-detail[data-v-5624e2d5] { margin-bottom: 8px; color: #505050; height: 5.3rem; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .lecturer-page-cont-items-item .LecturerItem .LecturerItem-info .LecturerItem-info-btn[data-v-5624e2d5] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .lecturer-page-cont-items-item:hover .LecturerItem-header[data-v-5624e2d5] { -webkit-filter: drop-shadow(-6px 0 2px #d6e5fe); filter: drop-shadow(-6px 0 2px #d6e5fe); } .lecturer-page-cont-items-item:hover .LecturerItem-info .LecturerItem-info-name[data-v-5624e2d5] { color: #006cff; } .lecturer-page-cont-items-item:hover .LecturerItem-info .LecturerItem-info-detail[data-v-5624e2d5] { color: #0a418c; } .lecturer-page-cont-items-item:nth-child(3n) .LecturerItem[data-v-5624e2d5] { border-right-color: transparent; } .lecturer-page-cont-items-item[data-v-5624e2d5]:nth-child(-n + 3) { border-top-color: transparent; } @media screen and (max-width: 46.9rem) { .lecturer-page-cont-items-item[data-v-5624e2d5] { width: 100%; border-bottom: 1px solid #006cff; border-top: none; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 1rem; padding: 1rem 0; font-size: 1.1rem; line-height: 1.6rem; } .lecturer-page-cont-items-item .LecturerItem[data-v-5624e2d5] { -webkit-box-sizing: border-box; box-sizing: border-box; border-right: none; padding: 0; } .lecturer-page-cont-items-item .LecturerItem .LecturerItem-header[data-v-5624e2d5] { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .lecturer-page-cont-items-item .LecturerItem .LecturerItem-info-detail[data-v-5624e2d5] { height: unset !important; overflow: unset !important; display: block !important; } } .lecturer-page .lecturer-search-type[data-v-1d47a374] { padding: 1rem; border-top: 1px solid #006cff; border-bottom: 1px solid #006cff; } .lecturer-page .lecturer-search-type > div[data-v-1d47a374] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .lecturer-page .lecturer-search-type > div[data-v-1d47a374] .search-item { margin-top: 0 !important; margin-bottom: 0 !important; } .lecturer-page .lecturer-search-type .lecturer-page-search[data-v-1d47a374] .el-select { width: 16.3rem; } .lecturer-page .lecturer-page-cont-items[data-v-1d47a374] { margin-bottom: 1.5rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media screen and (max-width: 46.9rem) { .lecturer-page .lecturer-search-type .lecturer-page-search[data-v-1d47a374] { width: 100%; } .lecturer-page .lecturer-search-type .lecturer-page-search[data-v-1d47a374] .el-select { width: unset; } .lecturer-page .lecturer-page-cont-items[data-v-1d47a374] { margin: 0 1rem; border-left: 1px solid #006cff; border-right: 1px solid #006cff; } } .LecturersInfo-view[data-v-671824eb] { background-color: #fff; border-bottom: 1px solid #006cff; margin-bottom: 2.5rem; font-family: D-DIN; } .LecturersInfo[data-v-671824eb] { height: 18.8rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .LecturersInfo .LecturersInfo-logo[data-v-671824eb] { width: 25rem; height: 100%; background: -webkit-gradient(linear, left top, right top, color-stop(50%, #f7faff), color-stop(50%, transparent)); background: -webkit-linear-gradient(left, #f7faff 50%, transparent 50%); background: -o-linear-gradient(left, #f7faff 50%, transparent 50%); background: linear-gradient(to right, #f7faff 50%, transparent 50%); border-left: 1px solid #006cff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: relative; } .LecturersInfo .LecturersInfo-logo[data-v-671824eb]::after { content: ''; position: absolute; width: 50%; height: 100%; left: 0; border-right: 1px solid #006cff; } .LecturersInfo .LecturersInfo-logo > img[data-v-671824eb] { z-index: 1; height: 100%; } .LecturersInfo .LecturersInfo-right[data-v-671824eb] { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding-left: 2.5rem; } .LecturersInfo .LecturersInfo-right .LecturersInfo-right-back[data-v-671824eb] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; margin-top: 2.5rem; margin-bottom: 1rem; } .LecturersInfo .LecturersInfo-right .LecturersInfo-right-name[data-v-671824eb] { font-size: 1.5rem; font-family: D-DIN-Bold; font-weight: bold; line-height: 2rem; color: #3c3c3c; margin-bottom: 8px; } .LecturersInfo .LecturersInfo-right .LecturersInfo-right-pos[data-v-671824eb] { font-size: 1.3rem; line-height: 1.6rem; color: #505050; margin-bottom: 1.5rem; word-wrap: break-word; word-break: break-word; } .LecturersInfo .LecturersInfo-right .LecturersInfo-right-icon .LecturersInfo-right-icon-item[data-v-671824eb] { width: 2rem; height: 2rem; margin-right: 1.5rem; -o-object-fit: cover; object-fit: cover; } .LecturersInfo .LecturersInfo-right .LecturersInfo-right-icon .gray-icon[data-v-671824eb] { opacity: 0.5; } @media screen and (max-width: 46.9rem) { .LecturersInfo-view[data-v-671824eb] { margin: 1.5rem 0; padding: 0 1rem; border-top: 1px solid #006cff; font-size: 1.1rem; line-height: 1.6rem; } .LecturersInfo-view .LecturersInfo[data-v-671824eb] { height: auto; border-left: 1px solid #006cff; border-right: 1px solid #006cff; background: -webkit-linear-gradient(left, #f7faff 4rem, transparent 4rem); background: -o-linear-gradient(left, #f7faff 4rem, transparent 4rem); background: linear-gradient(to right, #f7faff 4rem, transparent 4rem); position: relative; } .LecturersInfo-view .LecturersInfo .LecturersInfo-logo[data-v-671824eb] { width: 6.5rem; border-left: none; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; background: none; position: static; } .LecturersInfo-view .LecturersInfo .LecturersInfo-logo[data-v-671824eb]::after { width: 4rem; height: 100%; left: 0; border-right: 1px solid #006cff; } .LecturersInfo-view .LecturersInfo .LecturersInfo-logo > img[data-v-671824eb] { margin-top: 2.5rem; z-index: 1; height: 5rem; width: 5rem; -o-object-fit: cover; object-fit: cover; border: 1px solid #006cff; border-radius: 50%; } .LecturersInfo-view .LecturersInfo .LecturersInfo-right[data-v-671824eb] { margin-left: 0; padding: 0; } .LecturersInfo-view .LecturersInfo .LecturersInfo-right .LecturersInfo-right-back[data-v-671824eb] { margin: 1rem 1.5rem 0 0; } .LecturersInfo-view .LecturersInfo .LecturersInfo-right .LecturersInfo-right-name[data-v-671824eb] { padding: 6px 0 6px 8px; border-bottom: 1px solid #006cff; font-size: 1.1rem; line-height: 1.6rem; margin-bottom: 6px; } .LecturersInfo-view .LecturersInfo .LecturersInfo-right .LecturersInfo-right-pos[data-v-671824eb] { padding: 6px 0 6px 8px; margin-bottom: 6px; } .LecturersInfo-view .LecturersInfo .LecturersInfo-right .LecturersInfo-right-icon[data-v-671824eb] { margin-bottom: 12px; } .LecturersInfo-view .LecturersInfo .LecturersInfo-right .LecturersInfo-right-icon .LecturersInfo-right-icon-item[data-v-671824eb] { margin-right: 12px; } } .program-module-course[data-v-457f5aa6] { font-family: D-DIN; font-size: 1.3rem; line-height: 1.6rem; color: #333333; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-bottom: 1.5rem; } .program-module-course .course-icon[data-v-457f5aa6] { margin-right: 1.5rem; } .program-module-course .course-icon > img[data-v-457f5aa6] { width: 2rem; } .program-module-course .course-right[data-v-457f5aa6] { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .program-module-course .course-right .course-right-title > div[data-v-457f5aa6]:nth-child(1) { font-family: D-DIN-Bold; font-weight: bold; font-size: 1.5rem; line-height: 2rem; color: #3c3c3c; margin-bottom: 5px; } .program-module-course .course-right .course-right-title > div[data-v-457f5aa6]:nth-child(2) { margin-bottom: 1.5rem; } .program-module-course .course-right .course-programs[data-v-457f5aa6] { border-top: 1px solid #006cff; } .program-module-course .course-right .course-programs .course-programs-item[data-v-457f5aa6] { margin-bottom: 1rem; background-color: #f7faff; padding: 1rem; cursor: pointer; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .program-module-course .course-right .course-programs .course-programs-item .programs-item-name[data-v-457f5aa6] { font-family: D-DIN-Bold; font-weight: bold; font-size: 1.5rem; line-height: 2rem; margin-bottom: 8px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .program-module-course .course-right .course-programs .course-programs-item .programs-item-date[data-v-457f5aa6] { margin-bottom: 8px; } .program-module-course .course-right .course-programs .course-programs-item .programs-item-about-title[data-v-457f5aa6] { margin-bottom: 2px; } .program-module-course .course-right .course-programs .course-programs-item .programs-item-about-cont[data-v-457f5aa6] { margin-bottom: 1rem; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .program-module-course .course-right .course-programs .course-programs-item .programs-item-btn[data-v-457f5aa6] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .program-module-course .course-right .course-programs .course-programs-item[data-v-457f5aa6]:hover { color: #0a418c; } .program-module-course .course-right .course-programs .course-programs-item:hover .programs-item-name[data-v-457f5aa6] { color: #006cff; } .bio-module[data-v-57869279] { color: #505050; } .inspire-list[data-v-47415837] { font-family: D-DIN; font-size: 1.3rem; line-height: 1.8rem; } .inspire-list .inspire-list-item[data-v-47415837] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; border-bottom: 1px solid #006cff; padding-bottom: 2.5rem; margin-bottom: 2.5rem; height: 11.9rem; } .inspire-list .inspire-list-item > img[data-v-47415837] { width: 21.3rem; height: 100%; border: 1px solid #006cff; -o-object-fit: cover; object-fit: cover; } .inspire-list .inspire-list-item .inspire-list-item-content[data-v-47415837] { margin-left: 2.5rem; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .inspire-list .inspire-list-item .inspire-list-item-content .inspire-list-item-content-text[data-v-47415837] { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .inspire-list .inspire-list-item .inspire-list-item-content .inspire-list-item-content-text .inspire-list-item-title[data-v-47415837] { font-family: D-DIN-Bold; font-weight: bold; font-size: 1.5rem; line-height: 1.9rem; color: #3c3c3c; margin-bottom: 8px; -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .inspire-list .inspire-list-item .inspire-list-item-content .inspire-list-item-content-text .inspire-list-item-subtitle[data-v-47415837] { color: #505050; margin-bottom: 8px; } .inspire-list .inspire-list-item .inspire-list-item-content .inspire-list-item-content-text .inspire-list-item-org[data-v-47415837] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 1rem; line-height: 1.5rem; color: #3c3c3c; } .inspire-list .inspire-list-item .inspire-list-item-content .inspire-list-item-content-text .inspire-list-item-org img[data-v-47415837] { width: 1.5rem; height: 1.5rem; -o-object-fit: cover; object-fit: cover; margin-right: 8px; } .inspire-list .inspire-list-item .inspire-list-item-content .inspire-list-item-bottom[data-v-47415837] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } @media screen and (max-width: 46.9rem) { .inspire-list[data-v-47415837] { font-size: 1.1rem; line-height: 1.6rem; } .inspire-list .inspire-list-item[data-v-47415837] { height: unset; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-bottom: 1rem; margin-bottom: 1rem; } .inspire-list .inspire-list-item > img[data-v-47415837] { width: 100%; height: unset; margin-bottom: 1rem; } .inspire-list .inspire-list-item .inspire-list-item-content[data-v-47415837] { margin-left: 0; } } .border-top[data-v-587ef8f8] { border-top: 1px solid #006cff; } .content-wrap[data-v-587ef8f8] .nav-menu-box { width: 22.5rem; } .content-detail[data-v-587ef8f8] { background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; min-height: 30rem; } @media screen and (max-width: 46.9rem) { .content-detail[data-v-587ef8f8] { margin: 0 1rem; padding: 1.5rem; border-left: 1px solid #006cff; border-right: 1px solid #006cff; -webkit-box-sizing: border-box; box-sizing: border-box; } } .learner-page-cont-items-item[data-v-badc802c] { font-family: D-DIN; font-size: 1.3rem; line-height: 1.8rem; width: 33.33%; padding-top: 2rem; margin-bottom: 1rem; -webkit-box-sizing: border-box; box-sizing: border-box; border-top: 1px solid #006cff; } .learner-page-cont-items-item .LearnerItem[data-v-badc802c] { padding: 1rem 2.5rem 1.5rem; -webkit-box-sizing: border-box; box-sizing: border-box; border-right: 1px solid #006cff; } .learner-page-cont-items-item .LearnerItem .LearnerItem-logo[data-v-badc802c] { position: relative; margin-bottom: 1rem; height: 10rem; } .learner-page-cont-items-item .LearnerItem .LearnerItem-logo > img[data-v-badc802c] { -webkit-transition: left 0.5s ease, -webkit-box-shadow 0.3s 0.2s ease; transition: left 0.5s ease, -webkit-box-shadow 0.3s 0.2s ease; -o-transition: left 0.5s ease, box-shadow 0.3s 0.2s ease; transition: left 0.5s ease, box-shadow 0.3s 0.2s ease; transition: left 0.5s ease, box-shadow 0.3s 0.2s ease, -webkit-box-shadow 0.3s 0.2s ease; width: 10rem; height: 10rem; -o-object-fit: cover; object-fit: cover; border-radius: 50%; position: absolute; left: 0; top: 0; z-index: 1; border: 1px solid #006cff; background-color: #fff; } .learner-page-cont-items-item .LearnerItem .LearnerItem-logo[data-v-badc802c]::after { content: ''; display: block; width: 100%; height: 1px; position: absolute; bottom: 0; left: 0; top: 5rem; background-color: #006cff; } .learner-page-cont-items-item .LearnerItem .LearnerItem-info[data-v-badc802c] { -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .learner-page-cont-items-item .LearnerItem .LearnerItem-info .LearnerItem-info-name[data-v-badc802c] { font-family: D-DIN-Bold; color: #3c3c3c; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; margin-bottom: 8px; font-weight: bold; } .learner-page-cont-items-item .LearnerItem .LearnerItem-info .LearnerItem-info-detail[data-v-badc802c] { color: #505050; height: 3.5rem; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; -o-text-overflow: ellipsis; text-overflow: ellipsis; margin-bottom: 8px; } .learner-page-cont-items-item .LearnerItem .LearnerItem-info .LearnerItem-info-btn[data-v-badc802c] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .learner-page-cont-items-item:hover .LearnerItem-logo > img[data-v-badc802c] { left: calc(50% - 5rem); -webkit-box-shadow: -6px 0 0 2px #d6e5fe; box-shadow: -6px 0 0 2px #d6e5fe; } .learner-page-cont-items-item:hover .LearnerItem-info .LearnerItem-info-name[data-v-badc802c] { color: #006cff; } .learner-page-cont-items-item:hover .LearnerItem-info .LearnerItem-info-detail[data-v-badc802c] { color: #0a418c; } .learner-page-cont-items-item:nth-child(3n) .LearnerItem[data-v-badc802c] { border-right-color: transparent; } .learner-page-cont-items-item[data-v-badc802c]:nth-child(-n + 3) { border-top-color: transparent; } @media screen and (max-width: 46.9rem) { .learner-page-cont-items-item[data-v-badc802c] { width: 100%; border-bottom: 1px solid #006cff; border-top: none; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 1.5rem; padding: 1rem 0; font-size: 1.1rem; line-height: 1.6rem; } .learner-page-cont-items-item .LearnerItem-mobile[data-v-badc802c] { -webkit-box-sizing: border-box; box-sizing: border-box; border-right: none; } .learner-page-cont-items-item .LearnerItem-mobile .LearnerItem-mobile-logo[data-v-badc802c] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 1rem; } .learner-page-cont-items-item .LearnerItem-mobile .LearnerItem-mobile-logo > img[data-v-badc802c] { width: 6.9rem; height: 6.9rem; -o-object-fit: cover; object-fit: cover; border-radius: 50%; border: 1px solid #006cff; background-color: #fff; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .learner-page-cont-items-item .LearnerItem-mobile .LearnerItem-mobile-logo .LearnerItem-mobile-info[data-v-badc802c] { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .learner-page-cont-items-item .LearnerItem-mobile .LearnerItem-mobile-logo .LearnerItem-mobile-info .LearnerItem-mobile-info-name[data-v-badc802c] { font-family: D-DIN-Bold; font-weight: bold; color: #3c3c3c; height: 3.4rem; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; border-bottom: 1px solid #006cff; padding: 6px 0 6px 8px; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .learner-page-cont-items-item .LearnerItem-mobile .LearnerItem-mobile-logo .LearnerItem-mobile-info .LearnerItem-mobile-info-name > span[data-v-badc802c] { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; word-break: break-word; word-wrap: break-word; white-space: break-spaces; } .learner-page-cont-items-item .LearnerItem-mobile .LearnerItem-mobile-logo .LearnerItem-mobile-info .LearnerItem-mobile-info-detail[data-v-badc802c] { padding: 6px 0 6px 8px; color: #505050; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; -o-text-overflow: ellipsis; text-overflow: ellipsis; word-break: break-word; word-wrap: break-word; white-space: break-spaces; } .learner-page-cont-items-item .LearnerItem-mobile .LearnerItem-mobile-info-btn[data-v-badc802c] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } } .learner-page .learner-page-cont[data-v-2e85d398] { padding: 1.5rem 1rem; border-top: 1px solid #006cff; border-bottom: 1px solid #006cff; } .learner-page .learner-page-cont[data-v-2e85d398] .search-item { margin-top: 0; margin-bottom: 0; } .learner-page .learner-page-cont .learner-page-cont-search[data-v-2e85d398] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .learner-page .learner-page-cont .learner-page-cont-search .search-right[data-v-2e85d398] { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .learner-page .learner-page-cont-items[data-v-2e85d398] { margin-bottom: 1.5rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media screen and (max-width: 46.9rem) { .learner-page .learner-page-cont .learner-page-cont-search[data-v-2e85d398] { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .learner-page .learner-page-cont .learner-page-cont-search[data-v-2e85d398] .search-item { width: 100%; margin: 0 0 1rem; } .learner-page .learner-page-cont .learner-page-cont-search .search-right[data-v-2e85d398] .search-item { margin: 0; width: 48%; } .learner-page .learner-page-cont-items[data-v-2e85d398] { margin: 0 1rem; border-left: 1px solid #006cff; border-right: 1px solid #006cff; } } .LearnerInfo-view[data-v-7d9ff947] { background-color: #fff; border-bottom: 1px solid #006cff; margin-bottom: 2.5rem; font-family: D-DIN; } .LearnerInfo[data-v-7d9ff947] { height: 18.8rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .LearnerInfo .LearnerInfo-logo[data-v-7d9ff947] { width: 25rem; height: 100%; background: -webkit-gradient(linear, left top, right top, color-stop(50%, #f7faff), color-stop(50%, transparent)); background: -webkit-linear-gradient(left, #f7faff 50%, transparent 50%); background: -o-linear-gradient(left, #f7faff 50%, transparent 50%); background: linear-gradient(to right, #f7faff 50%, transparent 50%); border-left: 1px solid #006cff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: relative; } .LearnerInfo .LearnerInfo-logo[data-v-7d9ff947]::after { content: ''; position: absolute; width: 50%; height: 100%; left: 0; border-right: 1px solid #006cff; } .LearnerInfo .LearnerInfo-logo > img[data-v-7d9ff947] { z-index: 1; height: 13.8rem; width: 13.8rem; -o-object-fit: cover; object-fit: cover; border: 1px solid #006cff; border-radius: 50%; } .LearnerInfo .LearnerInfo-right[data-v-7d9ff947] { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; margin-left: 2.5rem; } .LearnerInfo .LearnerInfo-right .LearnerInfo-right-back[data-v-7d9ff947] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; margin-top: 2.5rem; margin-bottom: 1rem; } .LearnerInfo .LearnerInfo-right .LearnerInfo-right-name[data-v-7d9ff947] { font-size: 1.5rem; font-family: D-DIN-Bold; font-weight: bold; line-height: 2rem; color: #3c3c3c; margin-bottom: 8px; } .LearnerInfo .LearnerInfo-right .LearnerInfo-right-pos[data-v-7d9ff947] { color: #505050; margin-bottom: 1.5rem; word-wrap: break-word; word-break: break-word; } .LearnerInfo .LearnerInfo-right .LearnerInfo-right-icon .LearnerInfo-right-icon-item[data-v-7d9ff947] { width: 2rem; height: 2rem; margin-right: 1.5rem; -o-object-fit: cover; object-fit: cover; } .LearnerInfo .LearnerInfo-right .LearnerInfo-right-icon .gray-icon[data-v-7d9ff947] { opacity: 0.5; } @media screen and (max-width: 46.9rem) { .LearnerInfo-view[data-v-7d9ff947] { margin: 1.5rem 0; padding: 0 1rem; border-top: 1px solid #006cff; font-size: 1.1rem; line-height: 1.6rem; } .LearnerInfo-view .LearnerInfo[data-v-7d9ff947] { height: auto; border-left: 1px solid #006cff; border-right: 1px solid #006cff; background: -webkit-linear-gradient(left, #f7faff 4rem, transparent 4rem); background: -o-linear-gradient(left, #f7faff 4rem, transparent 4rem); background: linear-gradient(to right, #f7faff 4rem, transparent 4rem); position: relative; } .LearnerInfo-view .LearnerInfo .LearnerInfo-logo[data-v-7d9ff947] { width: 6.5rem; border-left: none; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; background: none; position: static; } .LearnerInfo-view .LearnerInfo .LearnerInfo-logo[data-v-7d9ff947]::after { width: 4rem; height: 100%; left: 0; border-right: 1px solid #006cff; } .LearnerInfo-view .LearnerInfo .LearnerInfo-logo > img[data-v-7d9ff947] { margin-top: 2.5rem; z-index: 1; height: 5rem; width: 5rem; -o-object-fit: cover; object-fit: cover; border: 1px solid #006cff; border-radius: 50%; } .LearnerInfo-view .LearnerInfo .LearnerInfo-right[data-v-7d9ff947] { margin-left: 0; } .LearnerInfo-view .LearnerInfo .LearnerInfo-right .LearnerInfo-right-back[data-v-7d9ff947] { margin: 1rem 1.5rem 0 0; } .LearnerInfo-view .LearnerInfo .LearnerInfo-right .LearnerInfo-right-name[data-v-7d9ff947] { padding: 6px 0 6px 8px; border-bottom: 1px solid #006cff; font-size: 1.1rem; line-height: 1.6rem; margin-bottom: 6px; } .LearnerInfo-view .LearnerInfo .LearnerInfo-right .LearnerInfo-right-pos[data-v-7d9ff947] { padding: 6px 0 6px 8px; margin-bottom: 6px; } .LearnerInfo-view .LearnerInfo .LearnerInfo-right .LearnerInfo-right-icon[data-v-7d9ff947] { margin-bottom: 12px; } .LearnerInfo-view .LearnerInfo .LearnerInfo-right .LearnerInfo-right-icon .LearnerInfo-right-icon-item[data-v-7d9ff947] { margin-right: 12px; } } .program-list[data-v-816fde6c] { font-family: D-DIN; font-size: 1.3rem; line-height: 1.6rem; color: #333333; } .program-list .program-item[data-v-816fde6c] { margin-bottom: 1.5rem; padding-bottom: 1.5rem; border-bottom: 1px solid #0073fa; } .program-list .program-item .program-item-title[data-v-816fde6c] { font-family: D-DIN-Bold; font-weight: bold; font-size: 1.5rem; line-height: 2rem; color: #3c3c3c; margin-bottom: 8px; } .program-list .program-item .program-item-time[data-v-816fde6c] { margin-bottom: 1rem; } .program-list .program-item .program-item-content[data-v-816fde6c] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .program-list .program-item .program-item-content .program-item-content-cover[data-v-816fde6c] { border-right: 1px solid #d6e8fe; padding-right: 1.5rem; } .program-list .program-item .program-item-content .program-item-content-cover .program-item-content-cover-img[data-v-816fde6c] { position: relative; width: 23.8rem; height: 16.3rem; } .program-list .program-item .program-item-content .program-item-content-cover .program-item-content-cover-img .cert-img[data-v-816fde6c] { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .program-list .program-item .program-item-content .program-item-content-cover .program-item-content-cover-img .cert-img-mask[data-v-816fde6c] { opacity: 0; -webkit-transition: opacity 0.8s; -o-transition: opacity 0.8s; transition: opacity 0.8s; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.5); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; } .program-list .program-item .program-item-content .program-item-content-cover .program-item-content-cover-img .cert-img-mask img[data-v-816fde6c] { width: 1.5rem; height: 1.5rem; } .program-list .program-item .program-item-content .program-item-content-cover .program-item-content-cover-img .cert-img-mask div[data-v-816fde6c] { margin-top: 13px; font-size: 1.4rem; color: #0073fa; } .program-list .program-item .program-item-content .program-item-content-detail[data-v-816fde6c] { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding: 0 1rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .program-list .program-item .program-item-content .program-item-content-detail .detail-title[data-v-816fde6c] { font-family: D-DIN-Bold; font-weight: bold; font-size: 1.3rem; line-height: 1.6rem; color: #3c3c3c; margin-bottom: 8px; } .program-list .program-item .program-item-content .program-item-content-detail .detail-content[data-v-816fde6c] { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; margin-bottom: 8px; } .program-list .program-item .program-item-content .program-item-content-detail .detail-btn[data-v-816fde6c] { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .program-list .program-item .program-item-content .no-padding[data-v-816fde6c] { padding: 0; } .program-list .program-item:hover .program-item-title[data-v-816fde6c], .program-list .program-item:hover .detail-content[data-v-816fde6c] { color: #0a418c !important; } .program-list .program-item:hover .program-item-time[data-v-816fde6c] { color: #006cff; } .program-list .program-item:hover .cert-img-mask[data-v-816fde6c] { opacity: 1 !important; } .activity-list[data-v-d4e4f698] { font-family: D-DIN; color: #3c3c3c; font-size: 1.3rem; line-height: 1.8rem; } @media screen and (max-width: 46.9rem) { .activity-list[data-v-d4e4f698] { font-size: 1.1rem; line-height: 1.6rem; } } .activity-content[data-v-360298b0] { border-top: 1px solid #006cff; } .activity-detail[data-v-360298b0] { background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; min-height: 30rem; } @media screen and (max-width: 46.9rem) { .activity-detail[data-v-360298b0] { margin: 0 1rem; padding: 1.5rem; border-left: 1px solid #006cff; border-right: 1px solid #006cff; -webkit-box-sizing: border-box; box-sizing: border-box; } } .event-list-header[data-v-f4a912c4] { overflow: hidden; border-bottom: 1px solid #006cff; font-family: D-DIN; color: #3c3c3c; font-size: 1.3rem; line-height: 1.8rem; } .event-list-header-cont[data-v-f4a912c4] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .event-list-header-cont-left[data-v-f4a912c4] { width: 66.66%; padding: 2.5rem 2.5rem 2.5rem 0; -webkit-box-sizing: border-box; box-sizing: border-box; border-right: 1px solid #006cff; } .event-list-header-cont-left > div[data-v-f4a912c4]:nth-of-type(1) { font-family: D-DIN-Bold; font-size: 4rem; font-weight: bold; line-height: 4.5rem; margin-bottom: 0.9rem; } .event-list-header-cont-right[data-v-f4a912c4] { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; padding-bottom: 1.3rem; } @media screen and (max-width: 46.9rem) { .event-list-header[data-v-f4a912c4] { margin: 1rem 0; padding: 0 1rem; border-top: 1px solid #006cff; border-bottom: 1px solid #006cff; font-size: 1.1rem; line-height: 1.6rem; } .event-list-header-cont[data-v-f4a912c4] { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; border-left: 1px solid #006cff; border-right: 1px solid #006cff; padding: 1.5rem; } .event-list-header-cont-left[data-v-f4a912c4] { width: 100%; padding: 0; border: none; } .event-list-header-cont-left > div[data-v-f4a912c4]:nth-of-type(1) { font-size: 2.3rem; line-height: 2.8rem; } } .inspire-list-item[data-v-a928ad48] { font-family: D-DIN; font-size: 1.3rem; line-height: 1.8rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; border-bottom: 1px solid #006cff; padding: 1.5rem 1.5rem 1.5rem 0; } .inspire-list-item .inspire-item-img[data-v-a928ad48] { width: 21.3rem; height: calc(21.3rem * 0.6); position: relative; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; border: 1px solid #006cff; opacity: 0.7; } .inspire-list-item .inspire-item-img .inspire-item-img-cover[data-v-a928ad48] { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; } .inspire-list-item .inspire-item-img .inspire-item-img-hot[data-v-a928ad48] { position: absolute; left: 0; top: 0; width: 5rem; } .inspire-list-item .inspire-list-item-content[data-v-a928ad48] { margin-left: 1.5rem; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .inspire-list-item .inspire-list-item-content .inspire-list-item-content-text[data-v-a928ad48] { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .inspire-list-item .inspire-list-item-content .inspire-list-item-content-text .inspire-list-item-title[data-v-a928ad48] { font-family: D-DIN-Bold; font-weight: bold; font-size: 1.3rem; line-height: 1.6rem; color: #3c3c3c; margin-bottom: 8px; -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .inspire-list-item .inspire-list-item-content .inspire-list-item-content-text .inspire-list-item-subtitle[data-v-a928ad48] { color: #505050; margin-bottom: 8px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .inspire-list-item .inspire-list-item-content .inspire-list-item-bottom[data-v-a928ad48] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .inspire-list-item:hover .inspire-item-img[data-v-a928ad48] { opacity: 1; } .inspire-list-item:hover .inspire-list-item-title[data-v-a928ad48] { color: #006cff !important; } .inspire-list-item:hover .inspire-list-item-subtitle[data-v-a928ad48] { color: #0a418c !important; } @media screen and (max-width: 46.9rem) { .inspire-list-item[data-v-a928ad48] { font-family: D-DIN; font-size: 1.1rem; line-height: 1.6rem; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 1rem 0 0; } .inspire-list-item .inspire-item-img[data-v-a928ad48] { width: 100%; opacity: 1; } .inspire-list-item .inspire-list-item-content[data-v-a928ad48] { margin-left: 0; padding: 1rem 0; height: unset; } .inspire-list-item .inspire-list-item-content .inspire-list-item-content-text .inspire-list-item-title[data-v-a928ad48] { font-size: 1.1rem; line-height: 1.6rem; } } .list-view[data-v-a3ed1cac] { font-family: D-DIN; color: #3c3c3c; font-size: 1.3rem; line-height: 1.8rem; } @media screen and (max-width: 46.9rem) { .list-view .list-view-content[data-v-a3ed1cac] { border-top: 1px solid #006cff; } .list-view .list-view-detail[data-v-a3ed1cac] { margin: 0 1rem; padding: 0 1.5rem; border-left: 1px solid #006cff; border-right: 1px solid #006cff; } } .ap-header-view[data-v-762d9814] { font-family: D-DIN; font-size: 1.3rem; line-height: 1.8rem; margin: 1.5rem 0; color: #3c3c3c; -webkit-box-sizing: border-box; box-sizing: border-box; border-top: 1px solid #006cff; border-bottom: 1px solid #006cff; background-image: var(--bg); background-repeat: no-repeat; background-position: bottom; background-size: cover; } .ap-header-view .ap-header-view-box[data-v-762d9814] { padding: 2.5rem; -webkit-box-sizing: border-box; box-sizing: border-box; } .ap-header-view .ap-header-view-box .ap-header-view-box-title[data-v-762d9814] { font-family: D-DIN-Bold; font-size: 4rem; font-weight: bold; line-height: 5rem; margin-bottom: 2.5rem; } .ap-header-view .ap-header-view-box .ap-header-view-box-subtitle[data-v-762d9814] { margin-bottom: 2.5rem; } .ap-header-view .ap-header-view-box .ap-header-view-box-btn[data-v-762d9814] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } @media screen and (max-width: 46.9rem) { .ap-header-view .ap-header-view-box[data-v-762d9814] { margin: 0 1rem; padding: 1.5rem; border-left: 1px solid #006cff; border-right: 1px solid #006cff; -webkit-box-sizing: border-box; box-sizing: border-box; } .ap-header-view .ap-header-view-box .ap-header-view-box-btn[data-v-762d9814] { margin-bottom: 1rem; } .ap-header-view .ap-header-view-box .ap-header-view-box-title[data-v-762d9814] { font-size: 2.3rem; line-height: 2.8rem; margin-bottom: 1rem; } .ap-header-view .ap-header-view-box .ap-header-view-box-subtitle[data-v-762d9814] { margin-bottom: 0; } } .year-slider[data-v-7bf5ad8d] { font-family: D-DIN; width: 100%; overflow: hidden; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-top: 12px; margin-bottom: 12px; } .year-selector[data-v-7bf5ad8d] { position: relative; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; } .year-selector .year-selector-line[data-v-7bf5ad8d] { position: absolute; display: block; width: 100%; left: 0; top: 50%; height: 1px; background-color: #007bff; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .year-selector[data-v-7bf5ad8d]::before, .year-selector[data-v-7bf5ad8d]::after { content: ''; position: absolute; top: 0; bottom: 0; width: 5rem; pointer-events: none; z-index: 1; } .year-selector[data-v-7bf5ad8d]::before { left: 0; background: -webkit-gradient(linear, left top, right top, from(white), to(rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(left, white, rgba(255, 255, 255, 0)); background: -o-linear-gradient(left, white, rgba(255, 255, 255, 0)); background: linear-gradient(to right, white, rgba(255, 255, 255, 0)); } .year-selector[data-v-7bf5ad8d]::after { right: 0; background: -webkit-gradient(linear, right top, left top, from(white), to(rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(right, white, rgba(255, 255, 255, 0)); background: -o-linear-gradient(right, white, rgba(255, 255, 255, 0)); background: linear-gradient(to left, white, rgba(255, 255, 255, 0)); } .year-list[data-v-7bf5ad8d] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-transition: -webkit-transform 0.3s ease-in-out; transition: -webkit-transform 0.3s ease-in-out; -o-transition: transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; } .year-item[data-v-7bf5ad8d] { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; text-align: center; cursor: pointer; padding: 8px; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; } .year-item > div[data-v-7bf5ad8d] { height: 3.5rem; line-height: 3.5rem; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .year-item .year-item-status[data-v-7bf5ad8d] { opacity: 0; } .year-item[data-v-7bf5ad8d]::before, .year-item[data-v-7bf5ad8d]::after { position: absolute; content: ''; display: block; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-radius: 50%; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .year-item[data-v-7bf5ad8d]::before { width: 0.9rem; height: 0.9rem; background-color: #e0edff; } .year-item[data-v-7bf5ad8d]::after { width: 4px; height: 4px; background-color: #006cff; } .year-item.selected[data-v-7bf5ad8d] { color: #007bff; } .year-item.selected .year-item-text[data-v-7bf5ad8d] { font-weight: bold; font-family: D-DIN-Bold; font-size: 2.5rem; line-height: 2.5rem; } .year-item.selected .year-item-status[data-v-7bf5ad8d] { font-weight: bold; font-family: D-DIN-Bold; font-size: 1.1rem; opacity: 1; } .year-item.selected[data-v-7bf5ad8d]::before { width: 1rem; height: 1rem; } .year-item.selected[data-v-7bf5ad8d]::after { width: 8px; height: 8px; } .arrow-button[data-v-7bf5ad8d] { background: none; border: none; cursor: pointer; padding: 0 12px; } .arrow-button > img[data-v-7bf5ad8d] { width: 1rem; } .left-arrow[data-v-7bf5ad8d] { margin-right: 5.4rem; } .right-arrow[data-v-7bf5ad8d] { margin-left: 5.4rem; } .arrow-button[data-v-7bf5ad8d]:focus { outline: none; } @media screen and (max-width: 46.9rem) { .year-selector[data-v-7bf5ad8d]::before, .year-selector[data-v-7bf5ad8d]::after { width: 2.5rem; } .year-selector .year-list .year-item[data-v-7bf5ad8d] { padding: 4px; } .year-selector .year-list .year-item > div[data-v-7bf5ad8d] { height: 2.3rem; line-height: 2.3rem; } .year-selector .year-list .year-item.selected .year-item-text[data-v-7bf5ad8d] { font-size: 1.9rem; line-height: 1.9rem; } .year-selector .year-list .year-item.selected .year-item-status[data-v-7bf5ad8d] { font-size: 0.9rem; } .year-selector .year-list .year-item.selected[data-v-7bf5ad8d]::before { width: 12px; height: 12px; } .year-selector .year-list .year-item.selected[data-v-7bf5ad8d]::after { width: 6px; height: 6px; } .arrow-button[data-v-7bf5ad8d] { padding: 0 6px; } .arrow-button > img[data-v-7bf5ad8d] { width: 12px; } .left-arrow[data-v-7bf5ad8d] { margin-right: 0; padding-left: 0; } .right-arrow[data-v-7bf5ad8d] { margin-left: 0; padding-right: 0; } } .detail-view[data-v-189e5e6b] .el-collapse { border: none; word-break: break-word; -webkit-box-sizing: border-box; box-sizing: border-box; } .detail-view[data-v-189e5e6b] .el-collapse .el-collapse-item .el-collapse-item__header { border-bottom: none; border-top: 1px solid #8cbeff; padding: 1rem 12px 1rem 2.5rem; height: auto; line-height: 1; cursor: pointer; } .detail-view[data-v-189e5e6b] .el-collapse .el-collapse-item .el-collapse-item__header .title-cont { font-family: D-DIN-Bold; font-size: 1.3rem; font-weight: bold; line-height: 1.8rem; color: #505050; } .detail-view[data-v-189e5e6b] .el-collapse .el-collapse-item .el-collapse-item__header .title-cont:before { content: ''; display: inline-block; width: 1rem; height: 1rem; border-radius: 50%; background-color: #8cbeff; margin-right: 1rem; } .detail-view[data-v-189e5e6b] .el-collapse .el-collapse-item .el-collapse-item__header .el-collapse-item__arrow { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); color: #8cbeff; padding: 4px; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; font-size: 1.3rem; } .detail-view[data-v-189e5e6b] .el-collapse .el-collapse-item .el-collapse-item__header .el-collapse-item__arrow.is-active { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .detail-view[data-v-189e5e6b] .el-collapse .el-collapse-item:nth-last-child(1) .el-collapse-item__header { border-bottom: 1px solid #8cbeff; } .detail-view[data-v-189e5e6b] .el-collapse .el-collapse-item .el-collapse-item__wrap { border-top: 1px solid #8cbeff; border-bottom: none; background: #fafcff; padding: 0 2.5rem; } .detail-view[data-v-189e5e6b] .el-collapse .el-collapse-item .el-collapse-item__wrap .el-collapse-item__content { padding: 0; } .detail-view[data-v-189e5e6b] .el-steps { margin-top: 2.5rem; } .detail-view[data-v-189e5e6b] .el-steps .el-step.is-vertical .el-step__head { width: 1rem; } .detail-view[data-v-189e5e6b] .el-steps .el-step:last-of-type .el-step__line { display: block; } .detail-view[data-v-189e5e6b] .el-steps .el-step.is-vertical .el-step__line { width: 1px; left: 7px; } .detail-view[data-v-189e5e6b] .el-steps .el-step.is-vertical:nth-child(1) .el-step__head:before { content: ''; height: 2.5rem; position: absolute; width: 1px; background: #006cff; left: 7px; top: -2.5rem; } .detail-view[data-v-189e5e6b] .el-steps .el-step__head .el-step__icon { background-color: #fff; border: 1px solid #006cff; width: 1rem; height: 1rem; } .detail-view[data-v-189e5e6b] .el-steps .el-step__head .el-step__icon .el-step__icon-inner { display: none; } .detail-view[data-v-189e5e6b] .el-steps .el-step__head .el-step__line { background-color: transparent; background-image: -webkit-gradient(linear, left top, left bottom, from(#006cff), to(#006cff)); background-image: -webkit-linear-gradient(top, #006cff, #006cff); background-image: -o-linear-gradient(top, #006cff, #006cff); background-image: linear-gradient(to bottom, #006cff, #006cff); background-size: 1px 1rem; } .detail-view[data-v-189e5e6b] .el-steps .el-step__head .el-step__line .el-step__line-inner { height: 0 !important; } .detail-view[data-v-189e5e6b] .el-steps .el-step__head.is-finish .el-step__icon { background-color: #fff; } .detail-view[data-v-189e5e6b] .el-steps .el-step__head.is-finish .el-step__line { background-color: transparent; background-image: -webkit-gradient(linear, left top, left bottom, from(#006cff), to(#006cff)); background-image: -webkit-linear-gradient(top, #006cff, #006cff); background-image: -o-linear-gradient(top, #006cff, #006cff); background-image: linear-gradient(to bottom, #006cff, #006cff); background-size: 1px 1rem; } .detail-view[data-v-189e5e6b] .el-steps .el-step__head.is-finish .el-step__line .el-step__line-inner { height: 0 !important; } .detail-view[data-v-189e5e6b] .el-steps .el-step__title { font-family: D-DIN-Bold; font-size: 1.3rem; font-weight: bold; line-height: 1.5rem; color: #505050; padding-bottom: 5px; position: relative; } .detail-view[data-v-189e5e6b] .el-steps .el-step__title .section-name { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .detail-view[data-v-189e5e6b] .el-steps .el-step__title .section-name > span:nth-child(1) { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; margin-right: 1rem; } .detail-view[data-v-189e5e6b] .el-steps .el-step__title .section-name > span:nth-child(2) { font-family: D-DIN; font-weight: normal; font-size: 1.1rem; line-height: 1.5rem; color: #006cff; } .detail-view[data-v-189e5e6b] .el-steps .el-step__title .section-name > span:nth-child(2):before { content: ''; display: inline-block; width: 8px; height: 8px; border-radius: 50%; background-color: #006cff; margin-right: 8px; vertical-align: middle; } .detail-view[data-v-189e5e6b] .el-steps .el-step__description { padding-right: 0; padding-top: 1.3rem; margin-bottom: 2rem; font-size: 1.3rem; line-height: 1.5rem; } .detail-view[data-v-189e5e6b] .el-steps .el-step__description .lecturer-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .detail-view[data-v-189e5e6b] .el-steps .el-step__description .lecturer-list-item { width: 50%; padding: 4px 8px 4px 2rem; margin-bottom: 12px; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; } .detail-view[data-v-189e5e6b] .el-steps .el-step__description .lecturer-list-item:nth-child(2n)::before { content: ''; display: block; position: absolute; left: 0; height: 80%; top: 10%; border-left: 1px solid #006cff; } .detail-view[data-v-189e5e6b] .el-steps .el-step__description .lecturer-list-item .lecturer-list-item-item { width: 100%; overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .detail-view[data-v-189e5e6b] .el-steps .el-step__description .lecturer-list-item .lecturer-list-item-item .lecturer-list-item-item-cover { width: 4.4rem; height: 4.4rem; position: relative; margin-right: 1.5rem; } .detail-view[data-v-189e5e6b] .el-steps .el-step__description .lecturer-list-item .lecturer-list-item-item .lecturer-list-item-item-cover > img { border: 1px solid #006cff; border-radius: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; } .detail-view[data-v-189e5e6b] .el-steps .el-step__description .lecturer-list-item .lecturer-list-item-item .lecturer-list-item-item-cover .lecturer-list-item-item-cover-img { display: block; width: 100%; height: 100%; } .detail-view[data-v-189e5e6b] .el-steps .el-step__description .lecturer-list-item .lecturer-list-item-item .lecturer-list-item-item-cover .lecturer-list-item-item-cover-org_img { position: absolute; width: 2rem; height: 2rem; right: -1rem; bottom: 0; background-color: #fff; } .detail-view[data-v-189e5e6b] .el-steps .el-step__description .lecturer-list-item .lecturer-list-item-item .lecturer-list-item-item-detail { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .detail-view[data-v-189e5e6b] .el-steps .el-step__description .lecturer-list-item .lecturer-list-item-item .lecturer-list-item-item-detail > div { min-height: 1.5rem; } .detail-view[data-v-189e5e6b] .el-steps .el-step__description .lecturer-list-item .lecturer-list-item-item .lecturer-list-item-item-detail .lecturer-list-item-item-name { font-family: D-DIN-Bold; font-weight: bold; color: #0a418c; } .detail-view[data-v-189e5e6b] .el-steps .el-step__description.is-finish { color: #505050; } .detail-view .quizType[data-v-189e5e6b] .el-step__head .el-step__icon { background-image: url(../assets/program_quiz-type.9994a23a.svg); background-size: 70%; background-position: center; background-repeat: no-repeat; -webkit-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); } @media screen and (max-width: 46.9rem) { .detail-view[data-v-189e5e6b] .el-collapse .el-collapse-item__wrap { padding: 0 6px !important; } .detail-view[data-v-189e5e6b] .el-steps .el-step__description { font-size: 1rem !important; line-height: 1.4rem !important; } .detail-view[data-v-189e5e6b] .el-steps .el-step__description .lecturer-list-item { width: 100%; margin-right: 0; padding: 0; } .detail-view[data-v-189e5e6b] .el-steps .el-step__description .lecturer-list-item .lecturer-list-item-item .lecturer-list-item-item-cover { width: 3.8rem; height: 3.8rem; margin-right: 1.1rem; } .detail-view[data-v-189e5e6b] .el-steps .el-step__description .lecturer-list-item .lecturer-list-item-item .lecturer-list-item-item-cover .lecturer-list-item-item-cover-org_img { width: 1.5rem; height: 1.5rem; right: -6px; } .section-name[data-v-189e5e6b] { font-size: 1rem !important; line-height: 1.4rem !important; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .section-name > span[data-v-189e5e6b] { width: 100%; margin: 0 !important; } .pos[data-v-189e5e6b]::after { display: none !important; } .pos[data-v-189e5e6b] { padding-left: 0 !important; font-size: 1rem !important; line-height: 1.4rem !important; color: #074292 !important; } .title-cont[data-v-189e5e6b] { font-size: 1.1rem !important; line-height: 1.6rem !important; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .title-cont[data-v-189e5e6b]:before { margin-right: 12px !important; } .title-cont > span[data-v-189e5e6b] { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } [data-v-189e5e6b] .el-collapse-item__header { padding: 6px !important; } } .program-content[data-v-2d658b71] { -webkit-box-sizing: border-box; box-sizing: border-box; font-family: D-DIN; font-size: 1.3rem; line-height: 1.8rem; } .program-content .program-content-info[data-v-2d658b71] { margin-bottom: 1.5rem; } .program-content .program-content-info .program-content-info-title[data-v-2d658b71] { font-family: D-DIN-Bold; font-weight: 700; } .program-content .program-content-info .program-content-info-cont[data-v-2d658b71] { margin-bottom: 1.5rem; } .program-content .program-content-info .program-detail-times[data-v-2d658b71] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; border-top: 1px solid #8cbeff; border-left: 1px solid #8cbeff; color: #0a418c; margin-bottom: 2.5rem; } .program-content .program-content-info .program-detail-times > div[data-v-2d658b71] { -webkit-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #8cbeff; border-right: 1px solid #8cbeff; padding: 6px 1rem; width: calc(100% / 3); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .program-content .program-content-info .program-detail-times > div > span[data-v-2d658b71] { margin-right: 8px; } .program-content .program-content-info .learn-tips[data-v-2d658b71] { margin-top: 2.5rem; padding: 2.5rem; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #8cbeff; } .program-content .program-content-info .learn-tips .learn-tips-required[data-v-2d658b71] { font-family: D-DIN-Bold; font-size: 1.3rem; font-weight: 700; } .program-content .enroll-btn-view[data-v-2d658b71] { position: -webkit-sticky; position: sticky; bottom: 0; background-color: #006cff; color: #fff; z-index: 99; } .program-content .enroll-btn-view .enroll-btn-view-content[data-v-2d658b71] { min-height: 5rem; padding: 12px 1rem; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .program-content .enroll-btn-view .enroll-btn-view-content .enroll-btn-view-content-txt[data-v-2d658b71] { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; margin-right: 1.5rem; } .program-content .enroll-btn-view .enroll-btn-view-content .enroll-btns[data-v-2d658b71] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .program-content .enroll-btn-view .enroll-btn-view-content .enroll-btn-view-content-btn[data-v-2d658b71] { cursor: pointer; border: 1px solid #fff; width: 20rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 8px 12px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .program-content .enroll-btn-view .enroll-btn-view-content .enroll-btn-view-content-btn > span[data-v-2d658b71] { margin-right: 2rem; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .program-content .enroll-btn-view .enroll-btn-view-content .enroll-btn-view-content-btn > img[data-v-2d658b71] { width: 3.1rem; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .program-content .enroll-btn-view .enroll-btn-view-content .enroll-btn-view-content-btn:hover > span[data-v-2d658b71] { -webkit-transform: translateX(8px); -ms-transform: translateX(8px); transform: translateX(8px); } .program-content .enroll-btn-view .enroll-btn-view-content .enroll-btn-view-content-btn:hover > img[data-v-2d658b71] { -webkit-transform: translateX(-8px); -ms-transform: translateX(-8px); transform: translateX(-8px); } .program-content .enroll-btn-view .enroll-btn-view-content .enroll-btn-small-btn[data-v-2d658b71] { cursor: pointer; border: 1px solid #fff; min-width: 8.8rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 8px 1.5rem; } .program-content .enroll-btn-view .enroll-btn-view-content .enroll-btn-small-btn[data-v-2d658b71]:nth-child(1) { margin-right: 2rem; } .program-content .enroll-btn-view .enroll-btn-view-content .enroll-btn-small-btn > span[data-v-2d658b71] { -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .program-content .enroll-btn-view .enroll-btn-view-content .enroll-btn-small-btn:hover > span[data-v-2d658b71] { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } @media screen and (max-width: 46.9rem) { .program-content[data-v-2d658b71] { font-size: 1.1rem; line-height: 1.6rem; } .program-content .program-content-info[data-v-2d658b71] { margin: 0 1rem; padding: 0 1.5rem 1.5rem; border-left: 1px solid #006cff; border-right: 1px solid #006cff; -webkit-box-sizing: border-box; box-sizing: border-box; } .program-content .program-content-info .program-detail-times > div[data-v-2d658b71] { width: 100%; } .program-content .program-content-info .learn-tips[data-v-2d658b71] { margin-top: 1.5rem; padding: 1.5rem; } .program-content .program-content-info .learn-tips .learn-tips-required[data-v-2d658b71] { font-size: 1.3rem; } .program-content .enroll-btn-view[data-v-2d658b71] { position: -webkit-sticky; position: sticky; bottom: 0; background-color: #006cff; color: #fff; z-index: 9; } .program-content .enroll-btn-view .enroll-btn-view-content[data-v-2d658b71] { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .program-content .enroll-btn-view .enroll-btn-view-content .enroll-btn-view-content-txt[data-v-2d658b71] { width: 100%; -webkit-box-flex: unset; -webkit-flex: unset; -ms-flex: unset; flex: unset; margin-bottom: 6px; margin-right: 0; text-align: center; } .program-content .enroll-btn-view .enroll-btn-view-content .enroll-btns[data-v-2d658b71] { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 100%; } .program-content .enroll-btn-view .enroll-btn-view-content .enroll-btn-view-content-btn[data-v-2d658b71] { padding: 8px 1.5rem; width: 17.5rem; margin: 0 auto; } .program-content .enroll-btn-view .enroll-btn-view-content .enroll-btn-view-content-btn > span[data-v-2d658b71] { margin-right: 1.5rem; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .program-content .enroll-btn-view .enroll-btn-view-content .enroll-btn-view-content-btn > img[data-v-2d658b71] { width: 1.9rem; } .program-content .enroll-btn-view .enroll-btn-view-content .enroll-btn-view-content-btn:hover > span[data-v-2d658b71] { -webkit-transform: translateX(6px); -ms-transform: translateX(6px); transform: translateX(6px); } .program-content .enroll-btn-view .enroll-btn-view-content .enroll-btn-view-content-btn:hover > img[data-v-2d658b71] { -webkit-transform: translateX(-6px); -ms-transform: translateX(-6px); transform: translateX(-6px); } .program-content .enroll-btn-view .enroll-btn-view-content .enroll-btn-small-btn[data-v-2d658b71] { min-width: 8.8rem; padding: 8px 12px; } .program-content .enroll-btn-view .enroll-btn-view-content .enroll-btn-small-btn[data-v-2d658b71]:nth-child(1) { margin-right: 12px; } } @charset "UTF-8"; .program-content-video-items[data-v-4f3949d8] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .program-content-video-items .program-content-video-item[data-v-4f3949d8] { width: 50%; padding: 0 5px; -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 1.5rem; } .program-content-video-items .program-content-video-item .program-content-video-item-cover[data-v-4f3949d8] { border: 1px solid #006cff; position: relative; padding-bottom: 58%; margin-bottom: 8px; } .program-content-video-items .program-content-video-item .program-content-video-item-cover .program-content-video-item-pdf-icon[data-v-4f3949d8] { position: absolute; width: 6.3rem; height: 6.3rem; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px dashed #8cbeff; padding: 1.5rem; } .program-content-video-items .program-content-video-item .program-content-video-item-cover .program-content-video-item-pdf-icon > img[data-v-4f3949d8] { width: 100%; cursor: pointer; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .program-content-video-items .program-content-video-item .program-content-video-item-cover .program-content-video-item-cover-detail[data-v-4f3949d8] { position: absolute; inset: 0; } .program-content-video-items .program-content-video-item .program-content-video-item-cover .program-content-video-item-cover-detail > img[data-v-4f3949d8] { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; opacity: 0.8; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .program-content-video-items .program-content-video-item .program-content-video-item-cover .program-content-video-item-cover-detail .program-content-video-item-btn[data-v-4f3949d8] { position: absolute; top: calc(50% - 1.9rem); left: calc(50% - 1.9rem); width: 3.8rem; height: 3.8rem; border-radius: 50%; background-color: rgba(255, 255, 255, 0.72); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .program-content-video-items .program-content-video-item .program-content-video-item-cover .program-content-video-item-cover-detail .program-content-video-item-btn > img[data-v-4f3949d8] { width: 1rem; padding-left: 4px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .program-content-video-items .program-content-video-item .program-content-video-item-title[data-v-4f3949d8] { font-family: D-DIN-Bold; font-weight: bold; color: #505050; margin-bottom: 8px; } .program-content-video-items .program-content-video-item:hover .program-content-video-item-cover .program-content-video-item-pdf-icon[data-v-4f3949d8] { border: 1px dashed #006cff; } .program-content-video-items .program-content-video-item:hover .program-content-video-item-cover .program-content-video-item-pdf-icon > img[data-v-4f3949d8] { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .program-content-video-items .program-content-video-item:hover .program-content-video-item-cover .program-content-video-item-cover-detail > img[data-v-4f3949d8] { opacity: 1; } .program-content-video-items .program-content-video-item:hover .program-content-video-item-cover .program-content-video-item-btn[data-v-4f3949d8] { background-color: white; } .program-content-video-items .program-content-video-item:hover .program-content-video-item-cover .program-content-video-item-btn > img[data-v-4f3949d8] { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .program-content-video-items .program-content-video-item:hover .program-content-video-item-title[data-v-4f3949d8] { color: #0a418c; } .program-content-video-items .program-content-video-item:hover .program-content-video-item-subtitle[data-v-4f3949d8] { color: #006cff; } .program-content-video-items .program-content-video-item[data-v-4f3949d8]:last-child, .program-content-video-items .program-content-video-item[data-v-4f3949d8]:nth-last-child(2) { margin-bottom: 0; /* 最后两个元素的下边距设置为 0 */ } @media screen and (max-width: 46.9rem) { .program-content-video-items .program-content-video-item[data-v-4f3949d8] { width: 100%; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 1rem; } .program-content-video-items .program-content-video-item[data-v-4f3949d8]:nth-last-child(2) { margin-bottom: 1rem; } .program-content-video-items .program-content-video-item .program-content-video-item-cover .program-content-video-item-cover-detail > img[data-v-4f3949d8] { opacity: 1; } .program-content-video-items .program-content-video-item .program-content-video-item-cover .program-content-video-item-cover-detail .program-content-video-item-btn[data-v-4f3949d8] { width: 3rem; height: 3rem; top: calc(50% - 1.5rem); left: calc(50% - 1.5rem); } .program-content-video-items .program-content-video-item .program-content-video-item-cover .program-content-video-item-cover-detail .program-content-video-item-btn > img[data-v-4f3949d8] { width: 0.9rem; padding-left: 4px; } .program-content-video-items .program-content-video-item .program-content-video-item-title[data-v-4f3949d8] { margin-bottom: 0; } } .partner-swiper[data-v-5080443e] { -webkit-box-sizing: border-box; box-sizing: border-box; } .partner-swiper .partner-item-wrap[data-v-5080443e] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .partner-swiper .partner-item-wrap .partner-cont[data-v-5080443e] { width: calc(100% / var(--column)); padding: 0px 6px 12px; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .partner-swiper .partner-item-wrap .partner-cont .alumni-view-item-content[data-v-5080443e] { border: 1px solid #006cff; padding: 12px; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; margin-bottom: 1.5rem; } .partner-swiper .partner-item-wrap .partner-cont .alumni-view-item-content .alumni-view-item-content_text[data-v-5080443e] { height: 14rem; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 8; -webkit-box-orient: vertical; } .partner-swiper .partner-item-wrap .partner-cont .alumni-view-item-content .alumni-view-item-content_arrow[data-v-5080443e] { position: absolute; display: block; width: 0; height: 0; left: 1.3rem; bottom: -0.9rem; border-color: transparent; border-style: solid; border-top-color: #006cff; border-width: 0.9rem; border-bottom-width: 0; } .partner-swiper .partner-item-wrap .partner-cont .alumni-view-item-content .alumni-view-item-content_arrow[data-v-5080443e]::after { content: ''; position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 13px; bottom: 1px; margin-left: -13px; border-top-color: #fff; border-bottom-width: 0; } .partner-swiper .partner-item-wrap .partner-cont .alumni-view-item-detail[data-v-5080443e] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .partner-swiper .partner-item-wrap .partner-cont .alumni-view-item-detail .alumni-view-item-logo[data-v-5080443e] { position: relative; width: 3.8rem; height: 3.8rem; margin-right: 5px; } .partner-swiper .partner-item-wrap .partner-cont .alumni-view-item-detail .alumni-view-item-logo > img[data-v-5080443e] { width: 100%; height: 100%; background-color: #fff; -o-object-fit: cover; object-fit: cover; position: absolute; inset: 0; border: 1px solid #005eff; } .partner-swiper .partner-item-wrap .partner-cont .alumni-view-item-detail .alumni-view-item-logo[data-v-5080443e]::before { content: ''; position: absolute; width: 100%; height: 100%; border: 1px solid #006cff; left: 4px; top: 4px; } .partner-swiper .partner-item-wrap .partner-cont .alumni-view-item-detail .alumni-view-item-info[data-v-5080443e] { padding-left: 1.5rem; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; font-size: 1rem; line-height: 1.3rem; } .partner-swiper .partner-item-wrap .partner-cont .alumni-view-item-detail .alumni-view-item-info .info-name[data-v-5080443e] { font-family: D-DIN-Bold; font-weight: bold; margin-bottom: 4px; } .partner-swiper .partner-item-wrap .partner-cont .alumni-view-item-detail .alumni-view-item-info .info-position[data-v-5080443e] { height: 2.5rem; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .partner-swiper .amplifierSay-swiper-pagination[data-v-5080443e] { position: static; text-align: center; } .partner-swiper .amplifierSay-swiper-pagination[data-v-5080443e] .swiper-pagination-bullet { margin: 0 8px; } .partner-swiper[data-v-26b2ec8c] { background: #f5f9ff; -webkit-box-sizing: border-box; box-sizing: border-box; } .partner-swiper .partner-item-wrap[data-v-26b2ec8c] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .partner-swiper .partner-item-wrap .partner-cont[data-v-26b2ec8c] { width: calc(100% / var(--column)); padding: 0 6px 6px; -webkit-box-sizing: border-box; box-sizing: border-box; } .partner-swiper .partner-item-wrap .partner-cont .partner-cont-item[data-v-26b2ec8c] { width: 100%; background-color: #fff; overflow: hidden; } .partner-swiper .partner-item-wrap .partner-cont .partner-cont-item > img[data-v-26b2ec8c] { display: block; margin: 1.1rem auto; max-height: 10rem; width: 8.8rem; -o-object-fit: cover; object-fit: cover; opacity: 0.8; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .partner-swiper .partner-item-wrap .partner-cont .partner-cont-item > div[data-v-26b2ec8c] { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 10px 10px 12px; text-align: center; border-top: 1px solid #006cff; color: #3c3c3c; height: 3.6rem; font-size: 1.1rem; line-height: 1.1rem; white-space: pre-wrap; overflow: hidden; } .partner-swiper .partner-item-wrap .partner-cont .partner-cont-item:hover > img[data-v-26b2ec8c] { opacity: 1; } .partner-swiper .swiper-pagination[data-v-26b2ec8c] { position: static; } .partner-swiper .swiper-pagination[data-v-26b2ec8c] .swiper-pagination-bullet { margin: 0 8px; } @media screen and (max-width: 46.9rem) { .marginBottom16[data-v-26b2ec8c] { margin-bottom: 1rem; } } .partner-swiper[data-v-99109e60] { -webkit-box-sizing: border-box; box-sizing: border-box; } .partner-swiper .partner-item-wrap[data-v-99109e60] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .partner-swiper .partner-item-wrap .partner-cont[data-v-99109e60] { width: calc(100% / var(--column)); padding: 0px 6px 6px; -webkit-box-sizing: border-box; box-sizing: border-box; } .partner-swiper .partner-item-wrap .partner-cont .partner-cont-item[data-v-99109e60] { width: 100%; background-color: #fff; overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .partner-swiper .partner-item-wrap .partner-cont .partner-cont-item .partner-cont-item-cover[data-v-99109e60] { width: 7.5rem; height: 7.5rem; position: relative; margin-right: 2rem; opacity: 0.8; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .partner-swiper .partner-item-wrap .partner-cont .partner-cont-item .partner-cont-item-cover > img[data-v-99109e60] { border: 1px solid #006cff; border-radius: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; } .partner-swiper .partner-item-wrap .partner-cont .partner-cont-item .partner-cont-item-cover .partner-cont-item-cover-img[data-v-99109e60] { display: block; width: 100%; height: 100%; } .partner-swiper .partner-item-wrap .partner-cont .partner-cont-item .partner-cont-item-cover .partner-cont-item-cover-org_img[data-v-99109e60] { position: absolute; width: 3.1rem; height: 3.1rem; right: -1.3rem; bottom: 0; background-color: #fff; } .partner-swiper .partner-item-wrap .partner-cont .partner-cont-item .partner-cont-item-cover[data-v-99109e60]:hover { opacity: 1; } .partner-swiper .partner-item-wrap .partner-cont .partner-cont-item .partner-cont-item-detail[data-v-99109e60] { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .partner-swiper .partner-item-wrap .partner-cont .partner-cont-item .partner-cont-item-detail .partner-cont-item-name[data-v-99109e60] { font-family: D-DIN-Bold; font-weight: bold; color: #0a418c; } .partner-swiper .partner-item-wrap .partner-cont .partner-cont-item .partner-cont-item-detail .partner-cont-item-tags[data-v-99109e60] { color: #006cff; } .partner-swiper .lecturer-swiper-pagination[data-v-99109e60] { position: static; text-align: center; } .partner-swiper .lecturer-swiper-pagination[data-v-99109e60] .swiper-pagination-bullet { margin: 0 8px; } @media screen and (max-width: 46.9rem) { .partner-cont-item[data-v-99109e60] { -webkit-box-align: start !important; -webkit-align-items: flex-start !important; -ms-flex-align: start !important; align-items: flex-start !important; margin-bottom: 1rem; } .partner-cont-item-cover[data-v-99109e60] { width: 5rem !important; height: 5rem !important; margin-right: 1rem !important; opacity: 1 !important; } } .partner-swiper[data-v-64aad19e] { -webkit-box-sizing: border-box; box-sizing: border-box; } .partner-swiper .partner-item-wrap[data-v-64aad19e] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .partner-swiper .partner-item-wrap .partner-cont[data-v-64aad19e] { width: calc(100% / var(--column)); padding: 0 6px 6px; -webkit-box-sizing: border-box; box-sizing: border-box; } .partner-swiper .partner-item-wrap .partner-cont .partner-cont-item[data-v-64aad19e] { width: 100%; background-color: #fff; overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .partner-swiper .partner-item-wrap .partner-cont .partner-cont-item .partner-cont-item-cover[data-v-64aad19e] { width: 7.5rem; height: 7.5rem; position: relative; margin-right: 2rem; opacity: 0.8; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .partner-swiper .partner-item-wrap .partner-cont .partner-cont-item .partner-cont-item-cover[data-v-64aad19e]:hover { opacity: 1; } .partner-swiper .partner-item-wrap .partner-cont .partner-cont-item .partner-cont-item-cover > img[data-v-64aad19e] { border: 1px solid #006cff; border-radius: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; } .partner-swiper .partner-item-wrap .partner-cont .partner-cont-item .partner-cont-item-cover .partner-cont-item-cover-img[data-v-64aad19e] { display: block; width: 100%; height: 100%; } .partner-swiper .partner-item-wrap .partner-cont .partner-cont-item .partner-cont-item-cover .partner-cont-item-cover-org_img[data-v-64aad19e] { position: absolute; width: 3.1rem; height: 3.1rem; right: -1.6rem; bottom: 0; background-color: #fff; } .partner-swiper .partner-item-wrap .partner-cont .partner-cont-item .partner-cont-item-detail[data-v-64aad19e] { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .partner-swiper .partner-item-wrap .partner-cont .partner-cont-item .partner-cont-item-detail > div[data-v-64aad19e] { min-height: 1.5rem; } .partner-swiper .partner-item-wrap .partner-cont .partner-cont-item .partner-cont-item-detail .partner-cont-item-name[data-v-64aad19e] { font-family: D-DIN-Bold; font-weight: bold; color: #0a418c; } .partner-swiper .assistants-swiper-pagination[data-v-64aad19e] { position: static; text-align: center; } .partner-swiper .assistants-swiper-pagination[data-v-64aad19e] .swiper-pagination-bullet { margin: 0 8px; } @media screen and (max-width: 46.9rem) { .partner-cont-item[data-v-64aad19e] { -webkit-box-align: start !important; -webkit-align-items: flex-start !important; -ms-flex-align: start !important; align-items: flex-start !important; margin-bottom: 1rem; } .partner-cont-item-cover[data-v-64aad19e] { width: 5rem !important; height: 5rem !important; margin-right: 1rem !important; opacity: 1 !important; } } .learner-info-dialog { background-color: #fff; border: 1px solid #006cff; border-radius: unset; -webkit-box-shadow: unset; box-shadow: unset; } .learner-info-dialog .el-dialog__header { display: none; } .learner-info-dialog .el-dialog__body { padding: 2.5rem 2.5rem 1.5rem; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 1.3rem; line-height: 1.5rem; } .learner-info-dialog .el-dialog__body .learner-info-header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 2rem; } .learner-info-dialog .el-dialog__body .learner-info-header .learner-info-header-left { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .learner-info-dialog .el-dialog__body .learner-info-header .learner-info-header-left .partner-cont-item-info { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; line-height: 1.5rem; } .learner-info-dialog .el-dialog__body .learner-info-header .learner-info-header-left .partner-cont-item-info-name { font-family: D-DIN-Bold; font-weight: bold; color: #3c3c3c; } .learner-info-dialog .el-dialog__body .learner-info-header .learner-info-header-left .partner-cont-item-info-company { word-break: break-word; } .learner-info-dialog .el-dialog__body .learner-info-header .learner-info-header-left .partner-cont-item-img { position: relative; margin-left: 1.5rem; margin-right: 1.5rem; } .learner-info-dialog .el-dialog__body .learner-info-header .learner-info-header-left .partner-cont-item-img > img { position: relative; width: 5rem; height: 5rem; -o-object-fit: cover; object-fit: cover; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #006cff; z-index: 1; } .learner-info-dialog .el-dialog__body .learner-info-header .learner-info-header-left .partner-cont-item-img::before { position: absolute; content: ''; width: 5.6rem; height: 3.8rem; background-color: rgba(0, 108, 255, 0.16); top: -8px; left: -1.5rem; } .learner-info-dialog .el-dialog__body .learner-info-header .learner-info-header-right { margin-left: 2rem; width: 6.3rem; height: 6.3rem; border: 1px solid #006cff; } .learner-info-dialog .el-dialog__body .learner-info-header .learner-info-header-right > img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .learner-info-dialog .el-dialog__body .learner-info-detail .learner-info-detail-introduce { background-color: #f5f9ff; padding: 1rem; -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 1rem; } .learner-info-dialog .el-dialog__body .learner-info-detail .learner-info-detail-info .learner-info-detail-info-item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 8px; } .learner-info-dialog .el-dialog__body .learner-info-detail .learner-info-detail-info .learner-info-detail-info-item > img { width: 1.5rem; height: 1.5rem; -o-object-fit: cover; object-fit: cover; border-radius: 50%; margin-right: 8px; } .learner-info-dialog .el-dialog__body .learner-info-detail .learner-info-detail-info .learner-info-detail-info-item > div { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; font-family: D-DIN; font-size: 1.3rem; line-height: 1.8rem; /* b-4d */ color: #0a418c; } .learner-info-dialog .el-dialog__body .learner-info-detail .learner-info-detail-info .learner-info-detail-info-item > div > span:nth-child(1) { font-family: D-DIN-Bold; font-weight: bold; color: #3c3c3c; margin-right: 6px; } .learner-info-dialog .el-dialog__body .learner-info-detail .learner-info-detail-info .learner-info-detail-info-item > div .link-text { color: #005fff; text-decoration: underline; cursor: pointer; } .learner-info-dialog .el-dialog__body .close-btn { width: 3.8rem; margin: 1.8rem auto 0; cursor: pointer; } .learner-info-dialog .el-dialog__body .close-btn > img { width: 100%; } .learner-info-dialog .el-dialog__body .mobile-close { width: 2.5rem; } .partner-swiper[data-v-a1f56b16] { -webkit-box-sizing: border-box; box-sizing: border-box; } .partner-swiper .partner-item-wrap[data-v-a1f56b16] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .partner-swiper .partner-item-wrap .partner-cont[data-v-a1f56b16] { width: calc(100% / var(--column)); padding: 0 6px 6px; -webkit-box-sizing: border-box; box-sizing: border-box; } .partner-swiper .partner-item-wrap .partner-cont .partner-cont-item[data-v-a1f56b16] { padding: 1.3rem; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 100%; background-color: #fff; border: 1px solid #8cbeff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .partner-swiper .partner-item-wrap .partner-cont .partner-cont-item .partner-cont-item-detail[data-v-a1f56b16] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .partner-swiper .partner-item-wrap .partner-cont .partner-cont-item .partner-cont-item-detail .partner-cont-item-info[data-v-a1f56b16] { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; line-height: 1.5rem; } .partner-swiper .partner-item-wrap .partner-cont .partner-cont-item .partner-cont-item-detail .partner-cont-item-info-name[data-v-a1f56b16] { font-family: D-DIN-Bold; font-weight: bold; color: #3c3c3c; } .partner-swiper .partner-item-wrap .partner-cont .partner-cont-item .partner-cont-item-detail .partner-cont-item-info-company[data-v-a1f56b16] { word-break: break-word; } .partner-swiper .partner-item-wrap .partner-cont .partner-cont-item .partner-cont-item-detail .partner-cont-item-img[data-v-a1f56b16] { position: relative; margin-left: 2rem; opacity: 0.8; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .partner-swiper .partner-item-wrap .partner-cont .partner-cont-item .partner-cont-item-detail .partner-cont-item-img > img[data-v-a1f56b16] { position: relative; width: 5rem; height: 5rem; -o-object-fit: cover; object-fit: cover; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #006cff; z-index: 1; } .partner-swiper .partner-item-wrap .partner-cont .partner-cont-item .partner-cont-item-detail .partner-cont-item-img[data-v-a1f56b16]::before { position: absolute; content: ''; width: 5.6rem; height: 3.8rem; background-color: rgba(0, 108, 255, 0.16); top: -8px; left: -1.9rem; } .partner-swiper .partner-item-wrap .partner-cont .partner-cont-item .partner-cont-item-other[data-v-a1f56b16] { border-top: 1px solid #006cff; padding-top: 8px; margin-top: 1.3rem; line-height: 1.8rem; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .partner-swiper .partner-item-wrap .partner-cont .partner-cont-item .partner-cont-item-other > div span[data-v-a1f56b16] { font-family: D-DIN-Bold; font-weight: 700; margin-right: 8px; } .partner-swiper .partner-item-wrap .partner-cont .partner-cont-item .partner-cont-item-other > div[data-v-a1f56b16]:nth-child(1) { margin-bottom: 10px; } .partner-swiper .partner-item-wrap .partner-cont .partner-cont-item .partner-cont-item-btn[data-v-a1f56b16] { margin-top: 8px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .partner-swiper .partner-item-wrap .partner-cont .partner-cont-item[data-v-a1f56b16]:hover { color: #0a418c; } .partner-swiper .partner-item-wrap .partner-cont .partner-cont-item:hover .partner-cont-item-detail .partner-cont-item-info-name[data-v-a1f56b16] { color: #006cff; } .partner-swiper .partner-item-wrap .partner-cont .partner-cont-item:hover .partner-cont-item-detail .partner-cont-item-img[data-v-a1f56b16] { opacity: 1; } .partner-swiper .learner-swiper-pagination[data-v-a1f56b16] { position: static; text-align: center; } .partner-swiper .learner-swiper-pagination[data-v-a1f56b16] .swiper-pagination-bullet { margin: 0 8px; } .enroll-view[data-v-714d4dc6] { position: -webkit-sticky; position: sticky; bottom: 0; z-index: 9; } .enroll-btn-view[data-v-714d4dc6] { background-color: #006cff; color: #fff; } .enroll-btn-view .enroll-btn-view-content[data-v-714d4dc6] { min-height: 5rem; padding: 12px 1rem; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .enroll-btn-view .enroll-btn-view-content .enroll-btn-view-content-txt[data-v-714d4dc6] { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; margin-right: 1.5rem; } .enroll-btn-view .enroll-btn-view-content .enroll-btns[data-v-714d4dc6] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .enroll-btn-view .enroll-btn-view-content .enroll-btn-small-btn[data-v-714d4dc6] { cursor: pointer; border: 1px solid #fff; min-width: 8.8rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 8px 1.5rem; } .enroll-btn-view .enroll-btn-view-content .enroll-btn-small-btn[data-v-714d4dc6]:nth-child(1) { margin-right: 2rem; } .enroll-btn-view .enroll-btn-view-content .enroll-btn-small-btn > span[data-v-714d4dc6] { -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .enroll-btn-view .enroll-btn-view-content .enroll-btn-small-btn:hover > span[data-v-714d4dc6] { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } @media screen and (max-width: 46.9rem) { .enroll-btn-view .enroll-btn-view-content[data-v-714d4dc6] { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; min-height: 4.3rem; padding: 8px 1rem; } .enroll-btn-view .enroll-btn-view-content .enroll-btn-small-btn[data-v-714d4dc6] { min-width: 6.3rem; padding: 4px 12px; } } .program-content .program-content-module .screen-view[data-v-00d28308] { background-color: #f5f9ff; padding: 2rem 0; } .program-content .program-content-module .program-content-module-title[data-v-00d28308] { font-family: D-DIN-Bold; font-size: 2.5rem; line-height: 1; font-weight: bold; padding: 2.5rem 0; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; color: #3c3c3c; border-bottom: 1px solid #005eff; margin-bottom: 1rem; } .program-content .program-content-module .bottomMargin0[data-v-00d28308] { margin-bottom: 0; } .program-content .program-content-module .program-content-module-step[data-v-00d28308] { width: 100%; } @media screen and (max-width: 46.9rem) { .program-content .ap-view-subtitle[data-v-00d28308] { margin: 0 1rem; padding: 1.5rem; border-left: 1px solid #006cff; border-right: 1px solid #006cff; -webkit-box-sizing: border-box; box-sizing: border-box; } .program-content .program-content-module[data-v-00d28308] { margin: 0 1rem; border-left: 1px solid #006cff; border-right: 1px solid #006cff; -webkit-box-sizing: border-box; box-sizing: border-box; } .program-content .program-content-module > div[data-v-00d28308] { padding: 1.5rem; -webkit-box-sizing: border-box; box-sizing: border-box; } .program-content .program-content-module .screen-view[data-v-00d28308] { background-color: #f5f9ff; padding: 1.5rem; } .program-content .program-content-module .program-content-module-title[data-v-00d28308] { padding: 1.5rem 0; font-size: 1.5rem; margin: 0 1.5rem; } .program-content .program-content-module .program-content-module-step[data-v-00d28308] { padding: 0 1.5rem; -webkit-box-sizing: border-box; box-sizing: border-box; } .program-content .program-content-module[data-v-00d28308] .partner-cont { padding: 0 !important; } } .ap-view[data-v-08b67302] { font-family: D-DIN; font-size: 1.3rem; line-height: 1.8rem; color: #505050; } .ap-view .coming-soon[data-v-08b67302] { margin-top: 2.5rem; margin-bottom: 2.5rem; text-align: center; background: #f5f9ff; padding: 7.5rem 3.8rem; color: #3c3c3c; -webkit-box-sizing: border-box; box-sizing: border-box; } .ap-view-year[data-v-08b67302] { margin-top: 1rem; margin-bottom: 2.5rem; border-top: 1px solid #006cff; } .ap-view-year .ap-view-year-select[data-v-08b67302] { margin-top: 1.5rem; margin-bottom: 1.5rem; } @media screen and (max-width: 46.9rem) { .ap-view[data-v-08b67302] { font-size: 1.1rem; line-height: 1.6rem; } .ap-view .coming-soon[data-v-08b67302] { margin: 0 1rem; padding: 5rem 1.5rem; border-left: 1px solid #006cff; border-right: 1px solid #006cff; } .ap-view-year[data-v-08b67302] { margin-top: 0; margin-bottom: 0; border-top: 1px solid #006cff; padding: 0 1rem; } .ap-view-year .ap-view-year-select[data-v-08b67302] { padding: 1.5rem; border-left: 1px solid #006cff; border-right: 1px solid #006cff; -webkit-box-sizing: border-box; box-sizing: border-box; margin-top: 0; margin-bottom: 0; } } .ap-header-view[data-v-29a71f56] { font-family: D-DIN; font-size: 1.3rem; line-height: 1.8rem; margin: 1.5rem 0; color: #3c3c3c; -webkit-box-sizing: border-box; box-sizing: border-box; border-top: 1px solid #006cff; border-bottom: 1px solid #006cff; background-image: var(--bg); background-repeat: no-repeat; background-position: center; background-size: 100% 100%; } .ap-header-view .ap-header-view-box[data-v-29a71f56] { padding: 2.5rem; -webkit-box-sizing: border-box; box-sizing: border-box; } .ap-header-view .ap-header-view-box .ap-header-view-box-title[data-v-29a71f56] { font-family: D-DIN-Bold; font-size: 4rem; font-weight: bold; line-height: 5rem; margin-bottom: 2.5rem; } .ap-header-view .ap-header-view-box .ap-header-view-box-subtitle[data-v-29a71f56] { margin-bottom: 2.5rem; } .ap-header-view .ap-header-view-box .ap-header-view-box-btn[data-v-29a71f56] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } @media screen and (max-width: 46.9rem) { .ap-header-view .ap-header-view-box[data-v-29a71f56] { margin: 0 1rem; padding: 1.5rem; border-left: 1px solid #006cff; border-right: 1px solid #006cff; -webkit-box-sizing: border-box; box-sizing: border-box; } .ap-header-view .ap-header-view-box .ap-header-view-box-btn[data-v-29a71f56] { margin-bottom: 1rem; } .ap-header-view .ap-header-view-box .ap-header-view-box-title[data-v-29a71f56] { font-size: 2.3rem; line-height: 2.8rem; margin-bottom: 1rem; } .ap-header-view .ap-header-view-box .ap-header-view-box-subtitle[data-v-29a71f56] { margin-bottom: 0; } } .challenger-enroll .challenger-enroll-txt[data-v-7535fbbd] { margin-bottom: 1.8rem; } .challenger-enroll .challenger-enroll-txt .challenger-enroll-title[data-v-7535fbbd] { font-family: D-DIN-Bold; font-size: 2.5rem; font-weight: bold; line-height: 3rem; color: #3c3c3c; margin-bottom: 1rem; } .challenger-enroll .challenger-enroll-txt .challenger-enroll-subtitle[data-v-7535fbbd] { color: #005fff; } .challenger-enroll .challenger-enroll-content[data-v-7535fbbd] { background-color: #f5f9ff; padding: 2rem 0; } .challenger-enroll .challenger-enroll-content .challenger-enroll-detail[data-v-7535fbbd] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .challenger-enroll .challenger-enroll-content .challenger-enroll-detail .challenger-enroll-detail-left[data-v-7535fbbd] { width: 35rem; height: 20rem; margin-right: 2rem; } .challenger-enroll .challenger-enroll-content .challenger-enroll-detail .challenger-enroll-detail-right[data-v-7535fbbd] { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .challenger-enroll .challenger-enroll-content .challenger-enroll-detail .challenger-enroll-detail-right .challenger-enroll-detail-right-time[data-v-7535fbbd] { margin-bottom: 1.5rem; color: #006cff; } .challenger-enroll .challenger-enroll-content .challenger-enroll-detail .challenger-enroll-detail-right .challenger-enroll-detail-right-logo[data-v-7535fbbd] { margin-top: 1.5rem; } .challenger-enroll .challenger-enroll-content .challenger-enroll-detail .challenger-enroll-detail-right .challenger-enroll-detail-right-logo .partner-item .partner-item-name[data-v-7535fbbd] { margin-bottom: 12px; font-family: D-DIN-Bold; font-weight: bold; } .challenger-enroll .challenger-enroll-content .challenger-enroll-detail .challenger-enroll-detail-right .challenger-enroll-detail-right-logo .partner-item .partner-item-logos[data-v-7535fbbd] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .challenger-enroll .challenger-enroll-content .challenger-enroll-detail .challenger-enroll-detail-right .challenger-enroll-detail-right-logo .partner-item .partner-item-logos .partner-item-logo-item[data-v-7535fbbd] { margin-bottom: 8px; width: calc(50% - 12px); -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 1.5rem; } .challenger-enroll .challenger-enroll-content .challenger-enroll-detail .challenger-enroll-detail-right .challenger-enroll-detail-right-logo .partner-item .partner-item-logos .partner-item-logo-item[data-v-7535fbbd]:nth-child(2n) { margin-left: 12px; } .challenger-enroll .challenger-enroll-content .challenger-enroll-detail .challenger-enroll-detail-right .challenger-enroll-detail-right-logo .partner-item .partner-item-logos .partner-item-logo-item[data-v-7535fbbd]:nth-child(2n-1) { margin-right: 12px; } .challenger-enroll .challenger-enroll-content .challenger-enroll-detail .challenger-enroll-detail-right .challenger-enroll-detail-right-logo .partner-item .partner-item-logos .partner-item-logo-item .partner-item-logo-item-cover[data-v-7535fbbd] { padding: 0 1rem; background: #ffffff; } .challenger-enroll .challenger-enroll-content .challenger-enroll-detail .challenger-enroll-detail-right .challenger-enroll-detail-right-logo .partner-item .partner-item-logos .partner-item-logo-item .partner-item-logo-item-cover > img[data-v-7535fbbd] { display: block; width: 10.5rem; height: 10.5rem; -o-object-fit: cover; object-fit: cover; margin: 0 auto; } .challenger-enroll .challenger-enroll-content .challenger-enroll-detail .challenger-enroll-detail-right .challenger-enroll-detail-right-logo .partner-item .partner-item-logos .partner-item-logo-item > div[data-v-7535fbbd]:nth-child(2) { text-align: center; margin-top: 4px; } .challenger-enroll .enroll-btn-view[data-v-7535fbbd] { position: -webkit-sticky; position: sticky; bottom: 0; background-color: #006cff; color: #fff; z-index: 99; } .challenger-enroll .enroll-btn-view .enroll-btn-view-content[data-v-7535fbbd] { min-height: 5rem; padding: 12px 1rem; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .challenger-enroll .enroll-btn-view .enroll-btn-view-content .enroll-btn-view-content-btn[data-v-7535fbbd] { cursor: pointer; border: 1px solid #fff; width: 20rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 8px 12px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .challenger-enroll .enroll-btn-view .enroll-btn-view-content .enroll-btn-view-content-btn > span[data-v-7535fbbd] { margin-right: 2rem; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .challenger-enroll .enroll-btn-view .enroll-btn-view-content .enroll-btn-view-content-btn > img[data-v-7535fbbd] { width: 3.1rem; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .challenger-enroll .enroll-btn-view .enroll-btn-view-content .enroll-btn-view-content-btn:hover > span[data-v-7535fbbd] { -webkit-transform: translateX(8px); -ms-transform: translateX(8px); transform: translateX(8px); } .challenger-enroll .enroll-btn-view .enroll-btn-view-content .enroll-btn-view-content-btn:hover > img[data-v-7535fbbd] { -webkit-transform: translateX(-8px); -ms-transform: translateX(-8px); transform: translateX(-8px); } @media screen and (max-width: 46.9rem) { .challenger-enroll .challenger-enroll-txt[data-v-7535fbbd], .challenger-enroll .challenger-enroll-content[data-v-7535fbbd] { margin: 0 1rem; padding: 0 1.5rem; border-left: 1px solid #006cff; border-right: 1px solid #006cff; -webkit-box-sizing: border-box; box-sizing: border-box; } .challenger-enroll .challenger-enroll-txt[data-v-7535fbbd] { margin-bottom: 0; padding-bottom: 1.5rem; } .challenger-enroll .challenger-enroll-txt .challenger-enroll-title[data-v-7535fbbd] { font-size: 1.5rem; line-height: 2rem; } .challenger-enroll .challenger-enroll-content .challenger-enroll-detail[data-v-7535fbbd] { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .challenger-enroll .challenger-enroll-content .challenger-enroll-detail .challenger-enroll-detail-left[data-v-7535fbbd] { width: 100%; height: unset; margin-right: 0; margin-bottom: 1rem; } .challenger-enroll .challenger-enroll-content .challenger-enroll-detail .challenger-enroll-detail-right[data-v-7535fbbd] { margin-bottom: 1rem; } .challenger-enroll .challenger-enroll-content .challenger-enroll-detail .challenger-enroll-detail-right .challenger-enroll-detail-right-time[data-v-7535fbbd] { margin-bottom: 1rem; } .challenger-enroll .enroll-btn-view .enroll-btn-view-content .enroll-btn-view-content-btn[data-v-7535fbbd] { margin: 0 auto; } } .program-content-module .screen-view[data-v-eb4ad358] { background-color: #f5f9ff; padding: 2rem 0; } .program-content-module .program-content-module-title[data-v-eb4ad358] { font-family: D-DIN-Bold; font-size: 2.5rem; line-height: 1; font-weight: bold; padding: 2.5rem 0; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; color: #3c3c3c; border-bottom: 1px solid #005eff; margin-bottom: 1rem; } .program-content-module .bottomMargin0[data-v-eb4ad358] { margin-bottom: 0; } @media screen and (max-width: 46.9rem) { .program-content .ap-view-subtitle[data-v-eb4ad358] { margin: 0 1rem; padding: 1.5rem; border-left: 1px solid #006cff; border-right: 1px solid #006cff; -webkit-box-sizing: border-box; box-sizing: border-box; } .program-content .program-content-module[data-v-eb4ad358] { margin: 0 1rem; border-left: 1px solid #006cff; border-right: 1px solid #006cff; -webkit-box-sizing: border-box; box-sizing: border-box; } .program-content .program-content-module > div[data-v-eb4ad358] { padding: 1.5rem; -webkit-box-sizing: border-box; box-sizing: border-box; } .program-content .program-content-module .screen-view[data-v-eb4ad358] { background-color: #f5f9ff; padding: 1.5rem; } .program-content .program-content-module .program-content-module-title[data-v-eb4ad358] { padding: 1.5rem 0; font-size: 1.5rem; margin: 0 1.5rem; } .program-content .program-content-module[data-v-eb4ad358] .partner-cont { padding: 0 !important; } } .ap-view[data-v-8cbbf43e] { font-family: D-DIN; font-size: 1.3rem; line-height: 1.8rem; color: #505050; } .ap-view .coming-soon[data-v-8cbbf43e] { margin-top: 2.5rem; margin-bottom: 2.5rem; text-align: center; background: #f5f9ff; padding: 7.5rem 3.8rem; color: #3c3c3c; -webkit-box-sizing: border-box; box-sizing: border-box; } .ap-view-year[data-v-8cbbf43e] { margin-top: 1rem; margin-bottom: 2.5rem; border-top: 1px solid #006cff; } .ap-view-year .ap-view-year-select[data-v-8cbbf43e] { margin-top: 1.5rem; margin-bottom: 1.5rem; } @media screen and (max-width: 46.9rem) { .ap-view[data-v-8cbbf43e] { font-size: 1.1rem; line-height: 1.6rem; } .ap-view .coming-soon[data-v-8cbbf43e] { margin: 0 1rem; padding: 5rem 1.5rem; border-left: 1px solid #006cff; border-right: 1px solid #006cff; } .ap-view-year[data-v-8cbbf43e] { margin-top: 0; margin-bottom: 0; border-top: 1px solid #006cff; padding: 0 1rem; } .ap-view-year .ap-view-year-select[data-v-8cbbf43e] { padding: 1.5rem; border-left: 1px solid #006cff; border-right: 1px solid #006cff; -webkit-box-sizing: border-box; box-sizing: border-box; margin-top: 0; margin-bottom: 0; } } .margin-bottom-24[data-v-ec078fc6] { margin-bottom: 1.5rem; } .impact-header-view[data-v-ec078fc6] { font-family: D-DIN; font-size: 1.3rem; line-height: 1.8rem; margin: 2.5rem 0; color: #3c3c3c; -webkit-box-sizing: border-box; box-sizing: border-box; border-top: 1px solid #006cff; border-bottom: 1px solid #006cff; background-image: var(--bg); background-repeat: no-repeat; background-position: bottom; background-size: cover; } .impact-header-view .impact-header-view-box[data-v-ec078fc6] { padding: 2.5rem 0 0; -webkit-box-sizing: border-box; box-sizing: border-box; border-left: 1px solid #006cff; border-right: 1px solid #006cff; } .impact-header-view .impact-header-view-box .impact-header-view-box-title[data-v-ec078fc6] { font-family: D-DIN-Bold; font-size: 4rem; font-weight: bold; line-height: 5rem; margin-bottom: 2.5rem; padding: 0 2.5rem; -webkit-box-sizing: border-box; box-sizing: border-box; } .impact-header-view .impact-header-view-box .impact-header-view-box-subtitle[data-v-ec078fc6] { margin-bottom: 2.5rem; padding: 0 2.5rem; -webkit-box-sizing: border-box; box-sizing: border-box; } .impact-header-view .impact-header-view-box .box-text-detail-img[data-v-ec078fc6] { background-color: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 1.1rem 2.5rem; -webkit-box-sizing: border-box; box-sizing: border-box; border-top: 1px solid #006cff; } .impact-header-view .impact-header-view-box .box-text-detail-img > img[data-v-ec078fc6] { width: 20rem; } .impact-header-view .impact-header-view-box .box-text-detail-img > span[data-v-ec078fc6] { width: 1px; height: 3rem; margin: 0 2.5rem; background-color: #006cff; } .impact-header-view .impact-header-view-box .box-text-detail-img > div[data-v-ec078fc6] { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding: 0 1.5rem; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; } .impact-header-view .impact-header-view-box .box-text-detail-img > div > img[data-v-ec078fc6] { width: 4.5rem; } .impact-header-view .impact-header-view-box .impact-header-view-box-hot[data-v-ec078fc6] { border: 1px solid #006cff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; background: rgba(255, 255, 255, 0.8); cursor: pointer; } .impact-header-view .impact-header-view-box .impact-header-view-box-hot > img[data-v-ec078fc6] { width: 22.5rem; height: 13.8rem; border-right: 1px solid #006cff; -o-object-fit: cover; object-fit: cover; } .impact-header-view .impact-header-view-box .impact-header-view-box-hot .impact-header-view-box-hot-text[data-v-ec078fc6] { padding: 2.5rem; } .impact-header-view .impact-header-view-box .impact-header-view-box-hot .impact-header-view-box-hot-text > div[data-v-ec078fc6]:nth-child(1) { font-family: D-DIN-Bold; font-size: 1.5rem; font-weight: bold; line-height: 2rem; color: #006cff; margin-bottom: 10px; } @media screen and (max-width: 46.9rem) { .impact-header-view[data-v-ec078fc6] { background-position: 80% bottom; margin: 1.5rem 0; font-size: 1.1rem; line-height: 1.6rem; } .impact-header-view .impact-header-view-box[data-v-ec078fc6] { padding: 1.5rem 0; margin: 0 1rem; } .impact-header-view .impact-header-view-box .impact-header-view-box-title[data-v-ec078fc6] { font-size: 2.3rem; line-height: 2.8rem; padding: 0 1.5rem; margin-bottom: 1rem; } .impact-header-view .impact-header-view-box .impact-header-view-box-subtitle[data-v-ec078fc6] { margin-bottom: 1rem; padding: 0 1.5rem; } .impact-header-view .impact-header-view-box .box-text-detail-img[data-v-ec078fc6] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 1.5rem 1rem; -webkit-box-sizing: border-box; box-sizing: border-box; } .impact-header-view .impact-header-view-box .box-text-detail-img > img[data-v-ec078fc6] { width: 100%; } .impact-header-view .impact-header-view-box .box-text-detail-img > span[data-v-ec078fc6] { width: 100%; height: 1px; margin: 1rem 0; background-color: #006cff; } .impact-header-view .impact-header-view-box .box-text-detail-img > div[data-v-ec078fc6] { width: 100%; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; } .impact-header-view .impact-header-view-box .box-text-detail-img > div > img[data-v-ec078fc6] { width: 3.8rem; } .impact-header-view .impact-header-view-box .impact-header-view-box-hot[data-v-ec078fc6] { display: block; } .impact-header-view .impact-header-view-box .impact-header-view-box-hot > img[data-v-ec078fc6] { width: 100%; height: auto; } .impact-header-view .impact-header-view-box .impact-header-view-box-hot .impact-header-view-box-hot-text[data-v-ec078fc6] { padding: 10px; } } .program-content[data-v-62c26ed8] { -webkit-box-sizing: border-box; box-sizing: border-box; } .program-content .program-header[data-v-62c26ed8] { padding: 1.5rem; -webkit-box-sizing: border-box; box-sizing: border-box; background-image: var(--bg); background-repeat: no-repeat; background-size: cover; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; border: 1px solid #006cff; } .program-content .program-header .program-name div[data-v-62c26ed8]:nth-child(1) { color: #0a418c; } .program-content .program-header .program-name div[data-v-62c26ed8]:nth-child(2) { font-family: D-DIN-Bold; font-weight: bold; color: #005fff; } .program-content .program-header .program-status[data-v-62c26ed8] { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; color: #005fff; text-align: right; } .program-content .program-detail[data-v-62c26ed8] { padding: 1.5rem 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .program-content .program-detail .program-detail-item[data-v-62c26ed8] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 12px; } .program-content .program-detail .program-detail-item > img[data-v-62c26ed8] { width: 1.5rem; height: 1.5rem; margin-right: 12px; border-radius: 50%; } .program-content .program-detail .program-detail-item > span[data-v-62c26ed8] { margin-right: 8px; } .program-content .program-detail .program-detail-about-title[data-v-62c26ed8] { margin-top: 1rem; font-family: D-DIN-Bold; font-weight: bold; } .program-content .program-detail .program-detail-about-content[data-v-62c26ed8] { margin-bottom: 1rem; } .program-content .program-detail .program-detail-btn[data-v-62c26ed8] { margin: 2.5rem auto 1.5rem; background-color: #fff; border: 1px solid #006cff; color: #006cff; padding: 10px; text-align: center; cursor: pointer; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .program-content .program-detail .program-detail-btn[data-v-62c26ed8]:hover { color: #fff; background-color: #006cff; } .program-content .program-detail .program-detail-times[data-v-62c26ed8] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; border-top: 1px solid #8cbeff; border-left: 1px solid #8cbeff; color: #0a418c; } .program-content .program-detail .program-detail-times > div[data-v-62c26ed8] { -webkit-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #8cbeff; border-right: 1px solid #8cbeff; padding: 6px 1rem; width: 50%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .program-content .program-detail .program-detail-times > div > span[data-v-62c26ed8] { margin-right: 8px; } .program-content .program-detail .program-detail-times > div[data-v-62c26ed8]:nth-last-child(1) { width: 100%; } @media screen and (max-width: 46.9rem) { .program-content .program-header[data-v-62c26ed8] { padding: 1.5rem 8px; } .program-content .program-detail[data-v-62c26ed8] { border-left: 1px solid #006cff; border-right: 1px solid #006cff; border-bottom: 1px solid #006cff; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 1.5rem 8px; } .program-content .program-detail .program-detail-item[data-v-62c26ed8] { margin-bottom: 8px; } .program-content .program-detail .program-detail-btn[data-v-62c26ed8] { margin: 1.5rem auto; color: #fff; background-color: #006cff; } .program-content .program-detail .program-detail-times > div[data-v-62c26ed8] { width: 100%; } } .program-content .program-content-title[data-v-59e1d7a2] { margin-bottom: 2rem; } .program-content .program-content-module[data-v-59e1d7a2] { margin-top: 3.5rem; } .program-content .program-content-module .program-content-module-title[data-v-59e1d7a2] { margin: 1.5rem 0; font-family: D-DIN-Bold; font-size: 1.5rem; line-height: 1; font-weight: bold; } .program-content .program-content-module .program-content-module-step[data-v-59e1d7a2] { width: 100%; } .program-content .program-content-module .program-content-impact-partner[data-v-59e1d7a2] { padding: 1.5rem 0.9rem 0; } .program-content .program-content-btn[data-v-59e1d7a2] { margin: 2.5rem auto 1.5rem; border: 1px solid #006cff; color: #006cff; padding: 10px; text-align: center; cursor: pointer; background-color: #fff; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .program-content .program-content-btn[data-v-59e1d7a2]:hover { -webkit-transform: scale(1.01); -ms-transform: scale(1.01); transform: scale(1.01); } @media screen and (max-width: 46.9rem) { .program-content .program-content-module[data-v-59e1d7a2] .partner-cont { padding: 0 !important; } } .program-wrap[data-v-2cc4b2fb] { padding-bottom: 1.5rem; } .program-wrap .coming-soon[data-v-2cc4b2fb] { margin-top: 2.5rem; margin-bottom: 2.5rem; text-align: center; background: #f5f9ff; padding: 3rem 1.5rem; color: #3c3c3c; -webkit-box-sizing: border-box; box-sizing: border-box; } @media screen and (max-width: 46.9rem) { .coming-soon[data-v-2cc4b2fb] { margin: 1rem 0; padding: 5rem 1.5rem; } } .coming-soon[data-v-449f744c] { margin-top: 2.5rem; margin-bottom: 2.5rem; text-align: center; background: #f5f9ff; padding: 3rem 1.5rem; color: #3c3c3c; -webkit-box-sizing: border-box; box-sizing: border-box; } .video-content .video-header[data-v-449f744c] { border: 1px solid #006cff; padding: 1.5rem; -webkit-box-sizing: border-box; box-sizing: border-box; background-image: var(--bg); background-repeat: no-repeat; background-size: 100% 100%; background-position: center; line-height: 1.5rem; } .video-content .video-header .video-header-first[data-v-449f744c] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .video-content .video-header .video-header-first > div[data-v-449f744c]:nth-child(1) { color: #005fff; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .video-content .video-header .video-header-first > div[data-v-449f744c]:nth-child(2) { color: #0a418c; } .video-content .video-header .video-header-second[data-v-449f744c] { font-family: D-DIN-Bold; font-weight: bold; color: #0a418c; } .video-content .video-header .video-header-enroll-cover[data-v-449f744c] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 60%; margin: 1.5rem auto; } .video-content .video-header .video-header-time[data-v-449f744c] { text-align: center; } .video-content .video-detail .video-detail-detail-img[data-v-449f744c] { width: 100%; } .video-content .video-detail-btn[data-v-449f744c] { margin: 1.5rem auto 0; border: 1px solid #006cff; color: #006cff; padding: 10px; text-align: center; cursor: pointer; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; background-color: #fff; } .video-content .video-detail-btn[data-v-449f744c]:hover { -webkit-transform: scale(1.01); -ms-transform: scale(1.01); transform: scale(1.01); } @media screen and (max-width: 46.9rem) { .coming-soon[data-v-449f744c] { margin: 1rem 0; padding: 5rem 1.5rem; } .video-content[data-v-449f744c] { padding-bottom: 1.5rem; } .video-content .video-header[data-v-449f744c] { padding: 1.5rem 8px; } .video-content .video-header .video-header-enroll-cover[data-v-449f744c] { width: 100%; } } .program-content[data-v-ddb5294a] { border: 1px solid #006cff; -webkit-box-sizing: border-box; box-sizing: border-box; } .program-content .program-header[data-v-ddb5294a] { padding: 1.5rem; border-bottom: 1px solid #006cff; -webkit-box-sizing: border-box; box-sizing: border-box; background-image: var(--bg); background-repeat: no-repeat; background-size: cover; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; line-height: 1.5rem; } .program-content .program-header .program-name[data-v-ddb5294a] { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .program-content .program-header .program-name div[data-v-ddb5294a]:nth-child(1) { font-family: D-DIN-Bold; font-size: 1.5rem; font-weight: bold; line-height: 1.9rem; color: #0a418c; margin-bottom: 4px; } .program-content .program-header .program-name div[data-v-ddb5294a]:nth-child(2) { font-family: D-DIN; font-size: 1.3rem; line-height: 1.5rem; color: #005fff; } .program-content .program-header .program-header-right .program-detail-item[data-v-ddb5294a] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 12px; } .program-content .program-header .program-header-right .program-detail-item > img[data-v-ddb5294a] { width: 1.5rem; height: 1.5rem; margin-right: 12px; border-radius: 50%; } .program-content .program-header .program-header-right .program-detail-item > span[data-v-ddb5294a] { margin-right: 8px; } .program-content .program-detail[data-v-ddb5294a] { padding: 1.5rem; -webkit-box-sizing: border-box; box-sizing: border-box; } .program-content .program-detail .program-detail-about-title[data-v-ddb5294a] { margin-bottom: 1rem; font-family: D-DIN-Bold; font-size: 1.4rem; line-height: 1.8rem; font-weight: bold; } .program-content .program-detail .program-detail-about-content[data-v-ddb5294a] { margin-bottom: 1.5rem; } .program-content .program-detail .program-detail-times[data-v-ddb5294a] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; border-top: 1px solid #8cbeff; border-left: 1px solid #8cbeff; color: #0a418c; } .program-content .program-detail .program-detail-times > div[data-v-ddb5294a] { -webkit-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #8cbeff; border-right: 1px solid #8cbeff; padding: 6px 2.5rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 2.5rem; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .program-content .program-detail .program-detail-times > div > span[data-v-ddb5294a] { margin-right: 8px; } .program-content .program-detail .program-detail-times .program-detail-times-one[data-v-ddb5294a] { width: 50%; } .program-content .program-detail .program-detail-times .program-detail-times-last[data-v-ddb5294a] { width: 100%; } .program-content .program-detail .program-btn[data-v-ddb5294a] { margin-top: 1.5rem; border: 1px solid #006cff; color: #006cff; padding: 10px; text-align: center; cursor: pointer; } @media screen and (max-width: 46.9rem) { .program-content .program-header[data-v-ddb5294a] { margin: 0; padding: 1.5rem 1rem; } .program-content .program-header-right[data-v-ddb5294a] { padding: 12px 1rem; } .program-content .program-header-right .program-detail-item[data-v-ddb5294a] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 8px; } .program-content .program-header-right .program-detail-item > img[data-v-ddb5294a] { width: 1.5rem; height: 1.5rem; margin-right: 6px; border-radius: 50%; } .program-content .program-header-right .program-detail-item > span[data-v-ddb5294a] { margin-right: 6px; } .program-content .program-header-right .program-detail-item[data-v-ddb5294a]:nth-last-child(1) { margin-bottom: 0; } .program-content .program-detail[data-v-ddb5294a] { padding: 1rem; } .program-content .program-detail .program-detail-about-title[data-v-ddb5294a] { margin-bottom: 12px; } .program-content .program-detail .program-detail-about-content[data-v-ddb5294a] { font-size: 1.1rem; line-height: 1.4rem; } .program-content .program-detail .program-detail-times > div[data-v-ddb5294a] { padding: 6px 10px; color: #0a418c; font-size: 1.1rem; } .program-content .program-detail .program-detail-times .program-detail-times-one[data-v-ddb5294a] { width: 100%; } } .program-content[data-v-f805551c] { border: 1px solid #006cff; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 1.5rem; } .program-content .program-detail .program-name div[data-v-f805551c]:nth-child(1) { font-family: D-DIN-Bold; font-size: 1.5rem; font-weight: bold; line-height: 1.9rem; color: #0a418c; margin-bottom: 4px; } .program-content .program-detail .program-name div[data-v-f805551c]:nth-child(2) { font-family: D-DIN; font-size: 1.3rem; line-height: 1.5rem; color: #005fff; margin-bottom: 1.5rem; } .program-content .program-detail > img[data-v-f805551c] { width: 100%; -o-object-fit: cover; object-fit: cover; } .program-content .program-detail .program-detail-content[data-v-f805551c] { font-family: D-DIN; font-size: 1.3rem; line-height: 1.5rem; color: #505050; margin: 12px 0; } .program-content .program-detail-btn[data-v-f805551c] { background-color: #fff; border: 1px solid #006cff; color: #006cff; padding: 10px; text-align: center; cursor: pointer; } @media screen and (max-width: 46.9rem) { .program-content .program-header[data-v-f805551c] { padding: 1rem; } .program-content .program-detail[data-v-f805551c] { padding: 0; } .program-content .program-detail .program-detail-content[data-v-f805551c] { padding: 12px 1rem; margin: 0; font-size: 1.1rem; line-height: 1.4rem; } .program-content .program-detail-btn[data-v-f805551c] { margin: 0 1rem 12px; border: none; background-color: #006cff; color: #fff; } } .program-wrap[data-v-2bca1758] { padding-bottom: 1.5rem; } .video-detail[data-v-4694ab92] { padding: 2rem 1.5rem 1.5rem; border: 1px solid #006cff; -webkit-box-sizing: border-box; box-sizing: border-box; background-image: var(--bg); background-repeat: no-repeat; background-size: 100% 100%; background-position: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; font-family: D-DIN; font-size: 1.3rem; line-height: 1.5rem; color: #505050; } .video-detail .video-detail-title[data-v-4694ab92] { font-family: D-DIN-Bold; font-size: 1.5rem; font-weight: bold; line-height: 1.9rem; color: #0a418c; margin-bottom: 8px; } .video-detail .video-detail-subtitle[data-v-4694ab92] { color: #005fff; margin-bottom: 12px; } .video-detail .video-detail-img[data-v-4694ab92] { display: block; width: 55%; max-height: 18.8rem; -o-object-fit: cover; object-fit: cover; margin: 0 auto 12px; } .video-detail .video-text[data-v-4694ab92] { line-height: 1.8rem; margin-bottom: 12px; } .video-detail .video-detail-time[data-v-4694ab92] { margin: 12px 0 1.5rem; text-align: center; color: #006cff; } .video-detail-btn[data-v-4694ab92] { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #006cff; color: #006cff; padding: 10px; text-align: center; cursor: pointer; background-color: #fff; } @media screen and (max-width: 46.9rem) { .video-detail[data-v-4694ab92] { font-size: 1.1rem; line-height: 1.4rem; margin: 0; padding: 1.5rem; -webkit-box-sizing: border-box; box-sizing: border-box; } .video-detail .video-detail-title[data-v-4694ab92] { line-height: 1.5rem; } .video-detail .video-detail-img[data-v-4694ab92] { width: 100%; max-height: auto; } .video-detail .video-text[data-v-4694ab92] { margin-top: 0; padding: 0; } .video-detail .video-detail-btn[data-v-4694ab92] { background-color: #006cff; color: #fff; } } .text-view[data-v-715c9636] { padding: 1.5rem; border: 1px solid #006cff; -webkit-box-sizing: border-box; box-sizing: border-box; font-family: D-DIN; font-size: 1.3rem; line-height: 1.5rem; color: #505050; } .text-view .text-title[data-v-715c9636] { font-family: D-DIN-Bold; font-size: 1.5rem; font-weight: bold; line-height: 1.9rem; color: #0a418c; margin-bottom: 8px; } .text-view .text-subtitle[data-v-715c9636] { color: #005fff; margin-bottom: 12px; } .text-view .text-cover[data-v-715c9636] { position: relative; width: 100%; padding-top: 55%; margin-bottom: 1.5rem; } .text-view .text-cover .text-cover-img[data-v-715c9636] { position: absolute; inset: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .text-view .text-btn[data-v-715c9636] { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #006cff; color: #006cff; padding: 10px; text-align: center; cursor: pointer; background-color: #fff; } .program-wrap[data-v-91220fc0] { padding-bottom: 1.5rem; } .program-wrap .data-item[data-v-91220fc0] { margin-bottom: 1.5rem; } .list-content[data-v-b9577bdc] { border-top: 1px solid #006cff; } .list-detail[data-v-b9577bdc] { background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; min-height: 30rem; } @media screen and (max-width: 46.9rem) { .list-detail[data-v-b9577bdc] { margin: 0 1rem; padding: 0 1.5rem; border-left: 1px solid #006cff; border-right: 1px solid #006cff; -webkit-box-sizing: border-box; box-sizing: border-box; } } .newsDetail-header[data-v-2e16c681] { margin-bottom: 1.5rem; } .newsDetail-header .newsDetail-header-back[data-v-2e16c681] { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; padding-bottom: 1.3rem; } .newsDetail-header .newsDetail-header-title[data-v-2e16c681] { font-family: D-DIN-Bold; font-size: 2.5rem; line-height: 3rem; font-weight: 700; margin-bottom: 1.5rem; } .newsDetail-header .newsDetail-header-subtitle[data-v-2e16c681] { margin-bottom: 1.5rem; } .newsDetail-header .newsDetail-header-author[data-v-2e16c681] { border-bottom: 1px solid #006cff; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 1.5rem 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 1.1rem; } .newsDetail-header .newsDetail-header-author img[data-v-2e16c681] { width: 2rem; height: 2rem; margin-right: 1rem; } .newsDetail-header .newsDetail-header-author span[data-v-2e16c681] { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .content-module[data-v-76f25e63] { margin-bottom: 1.5rem; } .content-module[data-v-a0a7e2a6] { margin-bottom: 1.5rem; } .content-module .image-module-cover[data-v-a0a7e2a6] { width: 100%; margin-bottom: 1.5rem; } .content-module .image-module-title[data-v-a0a7e2a6] { font-family: D-DIN-Bold; font-weight: 700; margin-bottom: 8px; } .content-module[data-v-456e11cd] { margin-bottom: 1.5rem; padding-bottom: 1.5rem; border-bottom: 1px solid #006cff; } .content-module .video-wrap[data-v-456e11cd] { position: relative; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin: 0 auto 0; width: 68%; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .content-module .video-wrap .video-box[data-v-456e11cd] { width: 100%; } .content-module .video-wrap .video-mark[data-v-456e11cd] { position: absolute; top: 0; width: 100%; height: 100%; background: rgba(10, 60, 130, 0.69); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(55%, rgba(0, 0, 0, 0)), color-stop(96%, rgba(0, 0, 0, 0.81))); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0.81) 96%); background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0.81) 96%); background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0.81) 96%); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .content-module .video-wrap .video-mark .play-btn[data-v-456e11cd] { cursor: pointer; display: block; height: 5rem; } .content-module .isPlaying[data-v-456e11cd] { width: 80%; } .content-module .video-title[data-v-456e11cd] { font-family: D-DIN-Bold; font-weight: 700; margin-top: 1.5rem; margin-bottom: 8px; } @media screen and (max-width: 46.9rem) { .content-module .video-wrap[data-v-456e11cd] { width: 100%; } .content-module .isPlaying[data-v-456e11cd] { width: 100%; } .play-btn[data-v-456e11cd] { height: 2.5rem !important; } .video-box[data-v-456e11cd] { width: 100% !important; padding: 0 !important; height: auto !important; } } .content-module[data-v-c8cb3930] { padding: 1.5rem; border: 1px solid #006cff; -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 1.5rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .content-module .audio-cover[data-v-c8cb3930] { width: 11.5rem; height: 11.5rem; margin-right: 1.3rem; -o-object-fit: cover; object-fit: cover; } .content-module .audio-cont[data-v-c8cb3930] { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .content-module .audio-cont .audio-cont-text[data-v-c8cb3930] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 1rem; } .content-module .audio-cont .audio-cont-text .audio-cont-text-left[data-v-c8cb3930] { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .content-module .audio-cont .audio-cont-text .audio-cont-text-left .audio-title[data-v-c8cb3930] { font-family: D-DIN-Bold; font-weight: bold; } .content-module .audio-cont .audio-cont-text .audio-cont-text-btn[data-v-c8cb3930] { margin-left: 1.5rem; -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; } .content-module .audio-cont .audio-cont-text .audio-cont-text-btn > img[data-v-c8cb3930] { width: 3rem; height: 3rem; -o-object-fit: cover; object-fit: cover; cursor: pointer; } .content-module .audio-cont .audio-cont-bar[data-v-c8cb3930] .el-slider__runway { width: 100%; background: #d7e6ff; border: 1px solid #d7e6ff; height: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 0; } .content-module .audio-cont .audio-cont-bar[data-v-c8cb3930] .el-slider__runway .el-slider__bar { height: 4px; border-radius: 0; } .content-module .audio-cont .audio-cont-bar[data-v-c8cb3930] .el-slider__runway .el-slider__button-wrapper { height: 0; line-height: 0; top: 0; } .content-module .audio-cont .audio-cont-bar[data-v-c8cb3930] .el-slider__runway .el-slider__button-wrapper .el-slider__button { border-radius: 0; height: 4px; width: 1.5rem; background: #006cff; border: none; } .content-module .audio-cont .audio-cont-time[data-v-c8cb3930] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } @media screen and (max-width: 46.9rem) { .content-module[data-v-c8cb3930] { display: block; } .content-module .audio-cover[data-v-c8cb3930] { display: block; width: 11.5rem; height: 11.5rem; margin: 0 auto 8px; } .content-module .audio-cont-text[data-v-c8cb3930] { margin-bottom: 8px !important; } .content-module .audio-cont-text .audio-cont-text-btn[data-v-c8cb3930] { margin-left: 12px !important; } } .news-swiper[data-v-fe43d924] { -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 1.5rem; padding-bottom: 1.5rem; border-bottom: 1px solid #006cff; overflow: hidden; } .news-swiper .news-swiper-title[data-v-fe43d924] { font-family: D-DIN-Bold; font-weight: 700; margin-bottom: 1rem; } .news-swiper .news-swiper-view[data-v-fe43d924] { width: 140%; margin-left: -20%; } .news-swiper .news-item-wrap[data-v-fe43d924] { -webkit-box-shadow: 0px 0px 1.5rem 0px rgba(255, 255, 255, 0.3); box-shadow: 0px 0px 1.5rem 0px rgba(255, 255, 255, 0.3); font-size: 0; line-height: 0; opacity: 0.4; background-color: #fff; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .news-swiper .news-item-wrap .news-item-cover[data-v-fe43d924] { width: 100%; height: 16.8rem; -o-object-fit: cover; object-fit: cover; } .news-swiper .swiper-slide-active[data-v-fe43d924] { opacity: 1; } .news-swiper .swiper-pagination[data-v-fe43d924] { position: static; text-align: center; margin-top: 12px; } .news-swiper .swiper-pagination[data-v-fe43d924] .swiper-pagination-bullet { margin: 0 8px; } .news-btn[data-v-3a68f1a8] { margin-bottom: 1.5rem; text-align: center; background: #fff; color: #006cff; border: 1px solid #006cff; line-height: 1.5rem; padding: 12px 8px; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .news-btn[data-v-3a68f1a8]:hover { background: #006cff; color: #fff; } .annex-list[data-v-7169a94e] { padding: 1.5rem 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; border-bottom: 1px solid #006cff; margin: 1.5rem 0; } .annex-list .annex-item[data-v-7169a94e] { width: 48%; margin-bottom: 12px; background-color: #f9fbff; border: 1px solid #006cff; padding: 12px 4px; text-align: center; color: #006CFF; } @charset "UTF-8"; .content-comments[data-v-0941a130] { border-top: 1px solid #006cff; padding-top: 1.5rem; font-family: D-DIN; font-size: 1.1rem; line-height: 1.5rem; } /*评论 */ .content-comment-view[data-v-0941a130] { margin-bottom: 4.3rem; } .comment-title[data-v-0941a130] { font-family: D-DIN-Bold; color: #333333; letter-spacing: 0; margin-bottom: 1rem; } .comment-input-wrap[data-v-0941a130] { position: relative; } .comment-input-wrap[data-v-0941a130] .el-textarea { font-size: 1.1rem; line-height: 1.6rem; } .comment-input-wrap[data-v-0941a130] .el-textarea .el-textarea__inner { resize: none; border-radius: 0; font-family: D-DIN; } .comment-input-wrap .comment-btn[data-v-0941a130] { position: absolute; right: 3.5rem; bottom: -1rem; height: 2rem; text-align: center; padding: 0 12px; line-height: 2rem; border: 1px solid #006cff; background-color: #006cff; color: #fff; border-radius: 0; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; font-family: D-DIN; font-size: 1.1rem; line-height: 1.5rem; } .comment-input-wrap .disabled-btn[data-v-0941a130] { background: #f4f4f5; color: #bcbec2; border-color: #e9e9eb; } input[data-v-0941a130]:-ms-input-placeholder, textarea[data-v-0941a130]:-ms-input-placeholder { color: #d0d0d0; } input[data-v-0941a130]::-webkit-input-placeholder, textarea[data-v-0941a130]::-webkit-input-placeholder { color: #d0d0d0; } /* 评论列表 */ .content-comments-list[data-v-0941a130] { margin-bottom: 5rem; } .comments-header[data-v-0941a130] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .comments-header > img[data-v-0941a130] { width: 3.1rem; height: 3.1rem; margin-right: 1.3rem; border-radius: 50%; border: 1px solid #006cff; } .comments-header > span[data-v-0941a130] { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; color: #3c3c3c; word-wrap: break-word !important; word-break: break-word !important; } .mar_l_70[data-v-0941a130] { margin-left: 4.4rem !important; } .my-question-cont[data-v-0941a130] { word-wrap: break-word; word-break: break-word; color: #333333; letter-spacing: 0; } .my-quetion > .time[data-v-0941a130] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; color: #8cbeff; padding-top: 8px; padding-bottom: 1rem; border-bottom: 1px solid #006cff; } .child-more[data-v-0941a130] { margin-top: 12px; } .reply-btn[data-v-0941a130] { cursor: pointer; color: #8cbeff; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-align: right; font-weight: 400; } .reply-btn[data-v-0941a130]:hover { color: #0073fa; } .actived[data-v-0941a130] { color: #0073fa; } /* 回复框 */ .my-question-ipt-view[data-v-0941a130] { margin-top: 1rem; margin-bottom: 1.5rem; } /* 评论回复列表 */ .reply-list[data-v-0941a130] { padding: 0 1.5rem 12px; } .reply-items-detail[data-v-0941a130] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 4px; } .reply-name[data-v-0941a130] { color: #3c3c3c; word-wrap: break-word; word-break: break-word; max-width: 50%; } .reply-cont[data-v-0941a130] { word-wrap: break-word; word-break: break-word; color: #666666; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .reply-items-time[data-v-0941a130] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .reply-time[data-v-0941a130] { color: #8cbeff; } .ins-more[data-v-0941a130] { cursor: pointer; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #0073fa; font-weight: 400; margin-top: 4.4rem; } .ins-more img[data-v-0941a130] { width: 1.4rem; height: 1.4rem; margin-right: 0.9rem; } .ins-one[data-v-0941a130] { cursor: pointer; color: #0073fa; padding: 4px 1rem; background: #f6f6f6; } .ins-one[data-v-0941a130] .el-icon-arrow-down { font-size: 1rem; margin-left: 10px; } @media screen and (max-width: 46.9rem) { .comments-header > span[data-v-0941a130] { word-wrap: break-word !important; word-break: break-word !important; } .my-question-cont[data-v-0941a130], .reply-name[data-v-0941a130] { word-wrap: break-word !important; word-break: break-word !important; } .reply-items-detail[data-v-0941a130] { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .reply-list[data-v-0941a130] { padding: 0 12px 10px; } [data-v-0941a130] .el-textarea__inner { min-height: 4.4rem !important; } .comments-header > img[data-v-0941a130] { margin-right: 8px; } .mar_l_70[data-v-0941a130] { margin-left: 3.7rem !important; } } .recommend-view[data-v-4ffc67f8] { padding-left: 2.5rem; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; border-left: 1px solid #006cff; } .newsDetail-view-recommend[data-v-4ffc67f8] { position: -webkit-sticky; position: sticky; top: 5rem; } .newsDetail-view-recommend .recommend-item[data-v-4ffc67f8] { background-color: #fff; border-bottom: 1px solid #006cff; width: 100%; padding: 1.5rem 0; } .newsDetail-view-recommend .recommend-item .recommend-item-img[data-v-4ffc67f8] { width: 100%; } .newsDetail-view-recommend .recommend-item .recommend-item-title[data-v-4ffc67f8] { font-family: D-DIN-Bold; font-size: 1.5rem; line-height: 2rem; font-weight: bold; } .newsDetail-view-recommend .recommend-item .recommend-item-time[data-v-4ffc67f8] { margin-bottom: 8px; } @media screen and (max-width: 46.9rem) { .recommend-view[data-v-4ffc67f8] { display: none; } } .newsDetail-view[data-v-421b3e0d] { min-height: calc(100vh - 27.4rem); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-family: D-DIN; font-size: 1.1rem; line-height: 1.6rem; color: #3c3c3c; } .newsDetail-view .newsDetail-view-content[data-v-421b3e0d] { padding: 2.5rem; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; } .newsDetail-view .has-recommend[data-v-421b3e0d] { width: calc(100% - 22.5rem); } @media screen and (max-width: 46.9rem) { .newsDetail-view .newsDetail-view-content[data-v-421b3e0d] { width: 100%; padding: 1.5rem; } } .interactiveClass[data-v-885358a4] { font-size: 1.1rem; color: #666666; padding: 5.4rem 0 10rem; } .interactiveClass-top[data-v-885358a4] { background-color: linear-gradient(243deg, rgba(0, 108, 255, 0.8) 20%, rgba(0, 108, 255, 0) 108%); background-image: url(../img/banner-bg.6c174a61.png); background-repeat: no-repeat; background-size: 72.3rem auto; background-position: right 1.4rem; height: 13.1rem; margin-bottom: 1.7rem; } .interactiveClass-top-content[data-v-885358a4] { width: 56.4rem; height: 10.4rem; border-radius: 4px; background: #fff; padding: 1.5rem 3.3rem 0 2.5rem; -webkit-box-shadow: 0px 0px 0.9rem 0px rgba(0, 108, 255, 0.1); box-shadow: 0px 0px 0.9rem 0px rgba(0, 108, 255, 0.1); font-size: 1.1rem; color: #666666; } .interactiveClass-top-content div[data-v-885358a4]:first-child { color: #183969; font-size: 2rem; font-weight: 900; margin-bottom: 1.3rem; } .interactiveClass-top-content div[data-v-885358a4]:last-child { line-height: 1.5rem; } .interactiveClass-list[data-v-885358a4] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .interactiveClass-item[data-v-885358a4] { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; min-height: 5.8rem; cursor: pointer; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; padding: 1.3rem 2.5rem; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; position: relative; } .interactiveClass-item-name[data-v-885358a4] { font-size: 1.5rem; font-weight: bold; color: #183969; font-family: D-DIN-Bold; } .interactiveClass-item-lookBack[data-v-885358a4] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; width: 100%; font-size: 1.1rem; color: #183969; padding: 2px 0 0; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .interactiveClass-item-lookBack img[data-v-885358a4] { width: 13px; margin-left: 8px; -webkit-transform: translateX(8.1rem); -ms-transform: translateX(8.1rem); transform: translateX(8.1rem); -webkit-filter: drop-shadow(#183969 -8.1rem 0px 0px); filter: drop-shadow(#183969 -8.1rem 0px 0px); } .interactiveClass-item[data-v-885358a4]::before { content: ''; position: absolute; right: 0; bottom: 1.3rem; height: 5.8rem; width: 1px; background: #183969; } .interactiveClass .special-program[data-v-885358a4] { background: #ffffff; -webkit-box-shadow: 0px 4px 10px 0px rgba(78, 91, 99, 0.13); box-shadow: 0px 4px 10px 0px rgba(78, 91, 99, 0.13); } .interactiveClass .special-program[data-v-885358a4]::before { display: none; } .interactiveClass-item[data-v-885358a4]:hover { background: #e5f0ff; } .interactiveClass-item:hover .interactiveClass-item-lookBack[data-v-885358a4] { color: #006cff; } .interactiveClass-item:hover .interactiveClass-item-lookBack img[data-v-885358a4] { -webkit-filter: drop-shadow(#006cff -8.1rem 0px 0px); filter: drop-shadow(#006cff -8.1rem 0px 0px); } .interactiveClass-item[data-v-885358a4]:last-child::before { display: none; } @media screen and (max-width: 46.9rem) { .w14[data-v-885358a4] { padding: 0 1.3rem !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; min-width: 0 !important; } .learn-header[data-v-885358a4] { padding: 1.5rem 0; } .learn-header .learn-header-title[data-v-885358a4] { font-size: 1.5rem !important; line-height: 1.9rem !important; margin-top: 10px !important; margin-bottom: 8px !important; } .learn-header .learn-header-sub_title[data-v-885358a4] { font-size: 1rem !important; line-height: 1.5rem !important; margin-bottom: 0 !important; } .learn-container[data-v-885358a4] { margin-top: 1.5rem; } .learn-container .nav-bar[data-v-885358a4] { height: 5rem; } .learn-container .nav-bar .nav-bar-item[data-v-885358a4] { width: 50%; } .learn-container .nav-bar .nav-bar-item .nav-bar-item_container[data-v-885358a4] { padding: 8px 12px; font-size: 1rem; line-height: 1.5rem; } .learn-container .nav-bar .nav-bar-item .nav-bar-item_container .learn-more[data-v-885358a4] { margin-top: 0; } .learn-container .nav-bar .active-bar[data-v-885358a4] { width: 50%; font-size: 1rem; line-height: 1.6rem; padding: 8px 12px; } .learn-container .programs-list[data-v-885358a4] { padding: 1.5rem 8px; } .learn-container .programs-list .program-item[data-v-885358a4] { padding: 8px; } .learn-container .programs-list .program-item .program-item-title[data-v-885358a4] { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .learn-container .programs-list .program-item .program-item-title .program-item-name[data-v-885358a4] { -webkit-box-flex: 1; -webkit-flex: auto; -ms-flex: auto; flex: auto; width: 100%; } .learn-container .programs-list .program-item .program-item-text[data-v-885358a4] { margin-bottom: 12px; width: 100%; } .learn-container .programs-list .program-item .btn-view .new-icon[data-v-885358a4] { margin-left: -1rem; } .learn-container .programs-list .program-item .btn-view .btn-items[data-v-885358a4] { width: 100%; margin-bottom: 8px; } .learn-container .programs-list .program-item .btn-view .btn-items > div[data-v-885358a4] { width: 100%; border: none; margin-right: 0; padding: 8px 0; border-radius: 0; background-color: transparent; } .not-flex-ani[data-v-885358a4] { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } .interactiveClass[data-v-885358a4] { margin-top: 5.4rem; } .interactiveClass-list[data-v-885358a4] { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .interactiveClass-top-content[data-v-885358a4] { width: calc(100% - 2.5rem); padding: 1.5rem 1.3rem; height: auto; } .interactiveClass-item[data-v-885358a4] { border-bottom: 1px solid #183969; width: calc(100% - 2.5rem); -webkit-box-align: unset; -webkit-align-items: unset; -ms-flex-align: unset; align-items: unset; padding: 1.3rem; } .interactiveClass-item[data-v-885358a4]::before { display: none; } } .programStatusList[data-v-14817af9] { margin-top: 3.3rem; } .programStatusList-title[data-v-14817af9] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 1.1rem; margin-bottom: 1.3rem; } .programStatusList-title div:first-child span[data-v-14817af9] { color: #1677fd; font-weight: bold; font-size: 1.5rem; margin: 0 10px; } .programStatusList-title div[data-v-14817af9]:last-child { color: #1677fd; cursor: pointer; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; min-width: 7.5rem; } .programStatusList-title div:last-child img[data-v-14817af9] { margin-left: 8px; -webkit-transform: translateX(1.9rem); -ms-transform: translateX(1.9rem); transform: translateX(1.9rem); -webkit-filter: drop-shadow(#1677fd -1.9rem 0px 0px); filter: drop-shadow(#1677fd -1.9rem 0px 0px); } .programStatusList-item[data-v-14817af9] { position: relative; height: 6.8rem; border-radius: 4px; background: #ffffff; padding: 0 1.6rem 0 2.5rem; color: #183969; -webkit-box-shadow: 0px 0px 0.9rem 0px rgba(0, 108, 255, 0.2); box-shadow: 0px 0px 0.9rem 0px rgba(0, 108, 255, 0.2); margin-bottom: 1rem; background-image: url(../img/learn-number-gray.2d8eb419.png); background-repeat: no-repeat; background-size: 31.6rem auto; background-position: right center; cursor: pointer; } .programStatusList-item-name[data-v-14817af9] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 1.1rem; color: #006cff; padding: 1.5rem 0 8px; } .programStatusList-item-name div[data-v-14817af9]:first-child { color: #183969; font-weight: bold; font-family: D-DIN-Bold; font-size: 1.5rem; } .programStatusList-item[data-v-14817af9]::before { content: ''; position: absolute; left: 0; bottom: -4px; height: 4px; width: 100%; border-radius: 0 0 4px 4px; background: -webkit-gradient(linear, left top, right top, from(#5d7698), to(rgba(93, 118, 152, 0))); background: -webkit-linear-gradient(left, #5d7698 0%, rgba(93, 118, 152, 0) 100%); background: -o-linear-gradient(left, #5d7698 0%, rgba(93, 118, 152, 0) 100%); background: linear-gradient(90deg, #5d7698 0%, rgba(93, 118, 152, 0) 100%); } .programStatusList-activeItem[data-v-14817af9]::before { background: -webkit-gradient(linear, left top, right top, from(#006cff), to(rgba(0, 108, 255, 0))); background: -webkit-linear-gradient(left, #006cff 0%, rgba(0, 108, 255, 0) 100%); background: -o-linear-gradient(left, #006cff 0%, rgba(0, 108, 255, 0) 100%); background: linear-gradient(90deg, #006cff 0%, rgba(0, 108, 255, 0) 100%); } .programStatusList-activeItem[data-v-14817af9] { background-image: url(../img/learn-number.0785245f.png); } .learn-view[data-v-dfb1a69e] { background: #f9fcfd; } .learn-header[data-v-dfb1a69e] { -webkit-box-shadow: 0 1px 0.9rem 0 rgba(211, 228, 234, 0.59); box-shadow: 0 1px 0.9rem 0 rgba(211, 228, 234, 0.59); overflow: hidden; background: #fff; } .learn-header .learn-header-title[data-v-dfb1a69e] { font-family: D-DIN-Bold; font-size: 3rem; color: #183969; font-weight: 700; margin-top: 3.1rem; margin-bottom: 1.4rem; } .learn-header .learn-header-sub_title[data-v-dfb1a69e] { font-size: 1.5rem; color: #333333; line-height: 2rem; font-weight: 400; margin-bottom: 3.1rem; } .learn-container[data-v-dfb1a69e] { margin-top: 2.5rem; } .learn-container .nav[data-v-dfb1a69e] { color: #fff; padding: 0 1.3rem 1.4rem 2.6rem; background-color: #006cff; background-image: url(../img/learn-bg.79df1312.png); background-repeat: no-repeat; background-size: 40.3rem auto; background-position: right 0; border-radius: 4px 4px 0 0; } .learn-container .nav-title[data-v-dfb1a69e] { font-size: 2rem; font-weight: bold; padding: 1.6rem 0 9px; } .learn-container .nav-text[data-v-dfb1a69e] { font-size: 1.1rem; line-height: 1.5rem; max-width: 53.8rem; } .learn-container .programs-list[data-v-dfb1a69e] { padding: 2.5rem; -webkit-box-shadow: 0px 0px 0.9rem 0px rgba(0, 108, 255, 0.1); box-shadow: 0px 0px 0.9rem 0px rgba(0, 108, 255, 0.1); background: #fff; border-radius: 4px; } .learn-container .programs-list .program-item[data-v-dfb1a69e] { padding: 2.5rem 0 2.5rem 1.3rem; border-bottom: 1px solid #183969; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .learn-container .programs-list .program-item .program-item-title[data-v-dfb1a69e] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .learn-container .programs-list .program-item .program-item-title .program-item-name[data-v-dfb1a69e] { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; font-family: D-DIN-Bold; font-size: 1.5rem; font-weight: bold; color: #333333; margin-bottom: 10px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; margin-right: 1.5rem; } .learn-container .programs-list .program-item .program-item-title .program-item-progress[data-v-dfb1a69e] { padding: 6px 1.6rem 6px 7.8rem; background: -webkit-linear-gradient(172deg, #82b7ff -1%, rgba(0, 108, 255, 0) 100%); background: -o-linear-gradient(172deg, #82b7ff -1%, rgba(0, 108, 255, 0) 100%); background: linear-gradient(278deg, #82b7ff -1%, rgba(0, 108, 255, 0) 100%); font-size: 1.1rem; color: #ffffff; } .learn-container .programs-list .program-item .program-item-text[data-v-dfb1a69e] { width: 70%; font-size: 1.1rem; line-height: 1.5rem; color: #666666; } .learn-container .programs-list .program-item .btn-view[data-v-dfb1a69e] { margin-top: 12px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .learn-container .programs-list .program-item .btn-view .new-icon[data-v-dfb1a69e] { margin-left: -1.3rem; position: relative; font-size: 0; } .learn-container .programs-list .program-item .btn-view .new-icon > img[data-v-dfb1a69e] { height: 2rem; } .learn-container .programs-list .program-item .btn-view .new-icon > span[data-v-dfb1a69e] { position: absolute; top: 50%; left: 45%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #fff; font-size: 1rem; } .learn-container .programs-list .program-item .btn-view .btn-items[data-v-dfb1a69e] { text-align: right; margin-left: auto; } .learn-container .programs-list .program-item .btn-view .btn-items > div[data-v-dfb1a69e] { margin-right: 1.3rem; display: inline-block; color: #0073fa; font-size: 1.1rem; padding: 8px 1.7rem; background-color: #ffffff; border: 1px solid #0073fa; border-radius: 1.5rem; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .learn-container .programs-list .program-item .btn-view .btn-items > div > img[data-v-dfb1a69e] { -webkit-transform: translateX(20.6rem); -ms-transform: translateX(20.6rem); transform: translateX(20.6rem); -webkit-filter: drop-shadow(#0073fa -20.6rem 0px 0px); filter: drop-shadow(#0073fa -20.6rem 0px 0px); margin: 0 0 1px 4px; } .learn-container .programs-list .program-item[data-v-dfb1a69e]:hover { background-color: rgba(0, 108, 255, 0.1); border-bottom: 1px solid #006cff; } .learn-container .programs-list .program-item:hover .program-item-name[data-v-dfb1a69e] { color: #006cff; } @media screen and (max-width: 46.9rem) { .w14[data-v-dfb1a69e] { padding: 0 1.3rem !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; min-width: 0 !important; } .learn-header[data-v-dfb1a69e] { padding: 1.5rem 0; } .learn-header .learn-header-title[data-v-dfb1a69e] { font-size: 1.5rem !important; line-height: 1.9rem !important; margin-top: 10px !important; margin-bottom: 8px !important; } .learn-header .learn-header-sub_title[data-v-dfb1a69e] { font-size: 1rem !important; line-height: 1.5rem !important; margin-bottom: 0 !important; } .learn-container[data-v-dfb1a69e] { margin-top: 1.5rem; } .learn-container .nav-bar[data-v-dfb1a69e] { height: 5rem; } .learn-container .nav-bar .nav-bar-item[data-v-dfb1a69e] { width: 50%; } .learn-container .nav-bar .nav-bar-item .nav-bar-item_container[data-v-dfb1a69e] { padding: 8px 12px; font-size: 1rem; line-height: 1.5rem; } .learn-container .nav-bar .nav-bar-item .nav-bar-item_container .learn-more[data-v-dfb1a69e] { margin-top: 0; } .learn-container .nav-bar .active-bar[data-v-dfb1a69e] { width: 50%; font-size: 1rem; line-height: 1.6rem; padding: 8px 12px; } .learn-container .programs-list[data-v-dfb1a69e] { padding: 1.5rem 8px; } .learn-container .programs-list .program-item[data-v-dfb1a69e] { padding: 8px; } .learn-container .programs-list .program-item .program-item-title[data-v-dfb1a69e] { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .learn-container .programs-list .program-item .program-item-title .program-item-name[data-v-dfb1a69e] { -webkit-box-flex: 1; -webkit-flex: auto; -ms-flex: auto; flex: auto; width: 100%; } .learn-container .programs-list .program-item .program-item-text[data-v-dfb1a69e] { margin-bottom: 12px; width: 100%; } .learn-container .programs-list .program-item .btn-view .new-icon[data-v-dfb1a69e] { margin-left: -1rem; } .learn-container .programs-list .program-item .btn-view .btn-items[data-v-dfb1a69e] { width: 100%; margin-bottom: 8px; } .learn-container .programs-list .program-item .btn-view .btn-items > div[data-v-dfb1a69e] { width: 100%; border: none; margin-right: 0; padding: 8px 0; border-radius: 0; background-color: transparent; } .not-flex-ani[data-v-dfb1a69e] { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } .interactiveClass[data-v-dfb1a69e] { margin-top: 5.4rem; } .interactiveClass-list[data-v-dfb1a69e] { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .interactiveClass-top-content[data-v-dfb1a69e] { width: calc(100% - 2.5rem); padding: 1.5rem 1.3rem; height: auto; } .interactiveClass-item[data-v-dfb1a69e] { border-bottom: 1px solid #183969; width: calc(100% - 2.5rem); -webkit-box-align: unset; -webkit-align-items: unset; -ms-flex-align: unset; align-items: unset; padding: 1.3rem; } .interactiveClass-item[data-v-dfb1a69e]::before { display: none; } } .blues[data-v-0e6d1f4f] { color: #0073fa; text-decoration: underline; } .help-container[data-v-0e6d1f4f] { height: auto; padding: 50PX 0; background-color: #f8fbff; } .help-container p[data-v-0e6d1f4f]:nth-child(1) { font-family: D-DIN-Bold; font-size: 36PX; color: #183969; letter-spacing: 0; font-weight: 700; } .help-container p[data-v-0e6d1f4f]:nth-child(2) { font-family: D-DIN; font-size: 18PX; color: #333333; letter-spacing: 0; font-weight: 400; max-width: 525PX; } .con-title[data-v-0e6d1f4f] { font-family: D-DIN; font-size: 24PX; color: #333333; letter-spacing: 0; text-align: center; font-weight: 400; margin: 40PX 0 14PX 0; } .con-title-tip[data-v-0e6d1f4f] { font-family: D-DIN; font-size: 18PX; color: #666666; letter-spacing: 0; text-align: center; font-weight: 400; margin: 0 auto; margin-bottom: 60PX; } .help-content-two[data-v-0e6d1f4f] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; margin-bottom: 40PX; } .help-content-two div[data-v-0e6d1f4f] { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding: 14PX 3PX; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-size: 14PX; color: #666666; letter-spacing: 0; text-align: center; font-weight: 400; margin-right: 4PX; border: 2PX solid transparent; cursor: pointer; } .help-content-two div.active[data-v-0e6d1f4f] { border: 2PX solid #0073fa; -webkit-box-shadow: 0 0 6PX 0 #d3e4ea; box-shadow: 0 0 6PX 0 #d3e4ea; border-radius: 4PX; } .help-content-two .blue[data-v-0e6d1f4f]:hover { border: 2PX solid #0073fa; -webkit-box-shadow: 0 0 6PX 0 #d3e4ea; box-shadow: 0 0 6PX 0 #d3e4ea; border-radius: 4PX; } .help-content-three[data-v-0e6d1f4f] { background: #ffffff; -webkit-box-shadow: 0 4PX 14PX 0 #d3e4ea; box-shadow: 0 4PX 14PX 0 #d3e4ea; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 30PX; margin-bottom: 60PX; overflow: hidden; padding-bottom: 35PX; } .con-title-three[data-v-0e6d1f4f] { font-family: D-DIN; font-size: 21PX; color: #333333; letter-spacing: 0; text-align: center; font-weight: 400; padding: 40PX 0 24PX 0; } #mao1[data-v-0e6d1f4f], #mao2[data-v-0e6d1f4f], #mao3[data-v-0e6d1f4f], #mao4[data-v-0e6d1f4f], #mao5[data-v-0e6d1f4f] { scroll-margin-top: 65PX; } [data-v-0e6d1f4f] .el-collapse-item__header { border: 1PX solid #dddddd; border-bottom: 0; height: 60PX; font-family: D-DIN; font-size: 16PX; color: #0073fa; letter-spacing: 0; font-weight: 400; padding-left: 21PX; } [data-v-0e6d1f4f] .el-collapse-item__header:hover { text-decoration: underline; } [data-v-0e6d1f4f] .el-collapse-item__arrow { display: none; } [data-v-0e6d1f4f] .el-collapse { border: 0; } [data-v-0e6d1f4f] .el-collapse .el-collapse-item:last-child .el-collapse-item__header { border-bottom: 1PX solid #ddd; } [data-v-0e6d1f4f] .el-collapse-item__content { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 15PX 14PX 20PX 20PX; background-color: #fafafa; } [data-v-0e6d1f4f] .el-collapse-item__content p { font-family: D-DIN; font-size: 14PX; color: #333333; letter-spacing: 0; font-weight: 400; line-height: 14PX; margin-top: 10PX; } [data-v-0e6d1f4f] .el-collapse-item__content div:nth-child(1) { font-family: D-DIN; font-size: 14PX; color: #333333; letter-spacing: 0; font-weight: 400; line-height: 14PX; margin-top: 10PX; } .content-white[data-v-0e6d1f4f] { background-color: #fff; height: 10PX; width: 100%; } [data-v-0e6d1f4f] .el-collapse-item__wrap { border-bottom: 0; margin-bottom: 10PX; } [data-v-0e6d1f4f] .is-active .el-collapse-item__header { border-bottom: 1PX solid #ddd; } @media screen and (max-width: 750PX) { .w14[data-v-0e6d1f4f] { min-width: 0 !important; } .help-container[data-v-0e6d1f4f] { padding: 30PX 20PX; } .help-container p[data-v-0e6d1f4f]:nth-child(1) { font-size: 24PX; } .help-container p[data-v-0e6d1f4f]:nth-child(2) { font-size: 14PX; } .con-title[data-v-0e6d1f4f] { font-size: 16PX; } .help-content-two[data-v-0e6d1f4f] { margin-left: 10px; margin-right: 10px; } .help-content-three[data-v-0e6d1f4f] { margin-left: 20PX; margin-right: 20PX; padding: 20PX; } .help-content-two div[data-v-0e6d1f4f] { font-size: 12PX; padding: 8PX 3PX; } .help-content-two div .active[data-v-0e6d1f4f] { border: 1PX solid #0073fa; } .help-content-two .blue[data-v-0e6d1f4f]:hover { border: 1PX solid #0073fa; } .con-title-three[data-v-0e6d1f4f] { font-size: 16PX; } [data-v-0e6d1f4f] .el-collapse-item__header { font-size: 12PX; height: 40PX; line-height: 14PX; padding-left: 15PX; } [data-v-0e6d1f4f] .el-collapse-item__content div:nth-child(1) { font-size: 12PX; } [data-v-0e6d1f4f] .el-collapse-item__content { padding: 15PX 14PX 20PX 15PX; } } .view-header[data-v-7feda34e] { min-height: auto; background-repeat: no-repeat; background-size: cover; background-position: right; overflow: hidden; -webkit-box-shadow: 0.25rem 0 0.875rem 0 #d3e4ea; box-shadow: 0.25rem 0 0.875rem 0 #d3e4ea; } .view-header .header-cont[data-v-7feda34e] { -webkit-box-sizing: border-box; box-sizing: border-box; margin-top: 3.8rem; } .view-header .header-cont .header-cont-view[data-v-7feda34e] { padding: 3.8rem 2.5rem 4rem 1.9rem; background: rgba(255, 255, 255, 0.4); width: 80%; } .view-header .header-cont .header-cont-view .dataInfo-remark[data-v-7feda34e] { font-size: 1.3rem; color: #333333; margin-bottom: 1.3rem; color: #006cff; } .view-header .header-cont .view-header-title[data-v-7feda34e] { font-size: 3rem; font-family: D-DIN-Bold; color: #183969; line-height: 1.2; margin-bottom: 1.3rem; } .view-header .header-cont .add-bottom[data-v-7feda34e] { padding-bottom: 10px; margin-bottom: 0; } .view-header .header-btn-view[data-v-7feda34e] { background-color: rgba(255, 255, 255, 0.4); } .view-header .dis-flex[data-v-7feda34e] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .view-header .dis-flex .dis-flex-1[data-v-7feda34e] { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .view-header .dis-flex .videoPart[data-v-7feda34e] { font-size: 1.5em; margin-top: 0.83em; margin-left: 1.9rem; } .view-header .dis-flex .videoPart .videoPart-info[data-v-7feda34e] { width: 15.1rem; text-align: center; font-weight: 700; font-style: italic; color: #0a3c82; font-size: 1.1rem; margin-top: 6px; line-height: 1.5rem; } .view-header .dis-flex .videoPart .videoBox[data-v-7feda34e] { position: relative; width: 15.1rem; height: 8.6rem; border: 1px solid #006cff; } .view-header .dis-flex .videoPart .videoBox .programMask[data-v-7feda34e] { z-index: 1; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0, 0, 0, 0.1); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .view-header .dis-flex .videoPart .videoBox .programMask > img[data-v-7feda34e] { cursor: pointer; width: 3.1rem; height: 3.1rem; } .view-header .dis-flex .videoPart .videoBox .program-video[data-v-7feda34e] { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .ai-women-partners[data-v-7feda34e] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 2.3rem; } .ai-women-partners .ai-women-partner-item[data-v-7feda34e] { width: calc(100% / 3 - 12px); margin-right: 12px; margin-bottom: 12px; } .ai-women-partners .ai-women-partner-item .ai-women-partner-item-content[data-v-7feda34e] { background: rgba(255, 255, 255, 0.76); -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #e4ecf6; border-radius: 8px; padding: 1.3rem; box-sizing: border-box; overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .ai-women-partners .ai-women-partner-item .ai-women-partner-item-content > img[data-v-7feda34e] { height: 7.1rem; max-width: 100%; -o-object-fit: cover; object-fit: contain; margin-bottom: 1rem; } .ai-women-partners .ai-women-partner-item .ai-women-partner-item-introduce[data-v-7feda34e] { margin: 1.5rem 0; } .ai-women-partners .ai-women-partner-item[data-v-7feda34e]:nth-child(3n) { margin-right: 0; } .ai-women-partners .has-introduce[data-v-7feda34e] { width: 100%; } .ai-women-partners .has-introduce .ai-women-partner-item-content[data-v-7feda34e] { width: calc(100% / 3 - 12px); } .program-time-cont[data-v-7feda34e] { background: rgba(255, 255, 255, 0.46); border: 1px solid #ceddee; border-radius: 6px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .program-time-cont .program-time-cont-item[data-v-7feda34e] { width: 33%; padding: 1.3rem 6px; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .program-time-cont .program-time-cont-item .program-time-cont-item-title[data-v-7feda34e] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 1.1rem; color: #333333; margin-right: 8px; } .program-time-cont .program-time-cont-item .program-time-cont-item-title img[data-v-7feda34e] { width: 1.3rem; height: 1.3rem; margin-right: 11px; } .program-time-cont .program-time-cont-item .program-time-cont-item-title span[data-v-7feda34e] { font-family: D-DIN-Bold !important; } .program-time-cont .program-time-cont-item span[data-v-7feda34e]:nth-child(2) { font-size: 1rem; color: #666666; } .program-time-cont .line[data-v-7feda34e] { width: 1px; height: 1.9rem; background: #ceddee; } .reject-box[data-v-634bb69e] { margin: 1.9rem auto; background: #fffaeb; border: 1px solid #ffe79e; border-radius: 8px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; font-size: 1.1rem; color: #666666; font-weight: 400; } .reject-box[data-v-634bb69e] .el-icon-warning { font-size: 1.9rem; color: #ffbf00; margin-left: 1.3rem; margin-right: 1rem; } .reject-box div[data-v-634bb69e]:nth-child(1) { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding-top: 1.6rem; padding-bottom: 1.6rem; } .reject-box div[data-v-634bb69e]:nth-child(2) { margin-left: auto; margin-right: 1.3rem; font-size: 1.1rem; color: #3b8fd9; font-weight: 400; cursor: pointer; white-space: nowrap; } .program-content-first[data-v-6baa1f28] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 1.3rem; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .program-content-first .program-explain[data-v-6baa1f28] { border: 1px solid #006cff; border-radius: 4px; width: auto; font-family: D-DIN; font-size: 1.1rem; color: #333333; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .program-content-first .program-explain .program-explain-item[data-v-6baa1f28] { padding: 1.3rem 2.2rem; } .program-content-first .program-explain .program-explain-item .program-explain-item-title[data-v-6baa1f28] { font-family: D-DIN-Bold; color: #074292; font-weight: 700; } .program-content-first .program-explain .line[data-v-6baa1f28] { height: 1.9rem; width: 1px; background: #006cff; } .program-content-first .program-time[data-v-6baa1f28] { font-family: D-DIN; font-size: 1.1rem; color: #006cff; text-align: right; line-height: 1.5rem; } .program-content-first .program-time .program-time-title[data-v-6baa1f28] { font-family: D-DIN-Bold; color: #074292; margin-right: 10px; } .link[data-v-23e430f5] { color: #0073fa !important; } [data-v-23e430f5] .el-form-item__label { line-height: 1 !important; } [data-v-23e430f5] .login-dialog { width: 53.8rem; background-image: url(../img/login_bg.1fb42b5f.jpg); background-size: cover; } [data-v-23e430f5] .login-dialog .dialog-container { width: 72%; margin: 2rem auto 3.8rem; } [data-v-23e430f5] .login-dialog .dialog-container .dialog-title { font-size: 1.5rem; font-weight: bold; color: #006cff; cursor: pointer; text-align: center; margin-bottom: 1.5rem; } [data-v-23e430f5] .login-dialog .tips { font-size: 0.9rem; color: #666666; margin-top: 1.6rem; margin-bottom: 1rem; } [data-v-23e430f5] .login-dialog .code-view { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } [data-v-23e430f5] .login-dialog .code-view .login-code { margin-left: 8px; height: 2.3rem; cursor: pointer; vertical-align: middle; border: 1px solid #dcdfe6; border-radius: 4px; } [data-v-23e430f5] .login-dialog .code-view .login-code img { height: 100%; } [data-v-23e430f5] .login-dialog .dologin .tip-view { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-top: 1.3rem; } [data-v-23e430f5] .login-dialog .dologin .tip-view-container { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; font-size: 0.9rem; color: #333333; line-height: 1.3rem; } [data-v-23e430f5] .login-dialog .dologin input { width: 100%; height: 3rem; color: #ffffff; background: #0073fa; border-radius: 2rem; border: none; margin-top: 1.3rem; font-size: 1.1rem; cursor: pointer; } [data-v-23e430f5] .login-dialog .footer-view { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-top: 1.9rem; } [data-v-23e430f5] .login-dialog .footer-view > div { font-size: 1.1rem; line-height: 1.4rem; text-decoration: underline; color: #0073fa; cursor: pointer; } [data-v-23e430f5] .login-dialog .footer-view .footer-view-text { width: 100%; color: #3e3a39; text-decoration: none; cursor: default; text-align: center; } [data-v-23e430f5] .login-dialog .footer-view .footer-view-text > span { color: #0073fa; cursor: pointer; } .confirmBox-xu-login { width: 43.8rem; } .confirmBox-xu-login .el-message-box__content { font-size: 1.1rem; color: #000000; text-align: center; line-height: 1.5rem; } .confirmBox-xu-login .el-message-box__btns .el-button { padding: 8px 3.1rem; border-radius: 3.1rem; background-color: #006cff; font-size: 1.5rem; color: #f9f9f9; text-align: center; line-height: 2rem; } @media screen and (max-width: 46.9rem) { .confirmBox-xu-login { width: 95% !important; } } .industryContent[data-v-e82893f6] { position: relative; color: #333; padding-bottom: 6.3rem; } .industryContent .bottom-btnView[data-v-e82893f6] { position: fixed; bottom: 0; left: 0; right: 0; background-color: #fff; z-index: 99; } .industryContent .header-cont-btn[data-v-e82893f6] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 6.3rem; } .industryContent .header-cont-btn .header-cont-btn-tip[data-v-e82893f6] { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; font-size: 1.1rem; line-height: 1.5rem; color: #006cff; } .industryContent .header-cont-btn .btn-view[data-v-e82893f6] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .industryContent .header-cont-btn .header-btn[data-v-e82893f6] { display: inline-block; font-size: 1.5rem; color: #0073fa; min-width: 15rem; padding: 0 1.3rem; -webkit-box-sizing: border-box; box-sizing: border-box; height: 3rem; border: 1px solid #0073fa; border-radius: 1.5rem; text-align: center; line-height: 3rem; margin-left: 1.6rem; white-space: nowrap; cursor: pointer; } .industryContent .header-cont-btn .text-cont[data-v-e82893f6] { color: #0073fa; font-size: 1.1rem; } .industryContent .header-cont-btn .error[data-v-e82893f6] { color: #d72222; } .industryContent .header-cont-btn .primary[data-v-e82893f6] { background: #006cff; color: #f9f9f9; } .industryContent .header-cont-btn .btn-review[data-v-e82893f6] { color: #0073fa; border: 1px solid rgba(0, 115, 250, 0.4); border-radius: 0; cursor: not-allowed; } .industryContent .header-cont-btn .btn-over[data-v-e82893f6] { background: #f3f5f7; border: 1px solid #d9d9d9; font-size: 1.1rem; color: #d9d9d9; cursor: not-allowed; } .more[data-v-e82893f6] { width: 100%; font-size: 1.5rem; color: #999999; text-align: center; } .program-content[data-v-e82893f6] { background: #ffffff; -webkit-box-shadow: 0 4px 0.9rem 0 rgba(0, 115, 250, 0.1); box-shadow: 0 4px 0.9rem 0 rgba(0, 115, 250, 0.1); border-radius: 8px; padding: 1.9rem 2.5rem 2.5rem 3.8rem; -webkit-box-sizing: border-box; box-sizing: border-box; margin-top: 2.5rem; } .program-content .learn-tips[data-v-e82893f6] { padding: 1.9rem; -webkit-box-sizing: border-box; box-sizing: border-box; background: #ffffff; border: 1px solid #006cff; border-radius: 4px; margin-top: 2.5rem; } .program-content .learn-tips .learn-tips-required[data-v-e82893f6] { font-family: D-DIN-Bold; font-size: 1.5rem; font-weight: 700; } .program-content .learn-tips .learn-tips-cont[data-v-e82893f6] { font-family: D-DIN !important; font-size: 1.1rem !important; color: #333333 !important; line-height: 1.5rem !important; font-weight: 400 !important; margin-top: 8px !important; } @media screen and (max-width: 750PX) { .industryContent[data-v-e82893f6] .w14 { min-width: auto !important; } .industryContent[data-v-e82893f6] .view-header .header-cont { margin-top: 0; } .industryContent[data-v-e82893f6] .view-header .header-cont .header-cont-view { width: 100%; padding: 1.5rem; -webkit-box-sizing: border-box; box-sizing: border-box; } .industryContent[data-v-e82893f6] .view-header .header-cont .header-cont-view .view-header-title { font-size: 24PX; } .industryContent[data-v-e82893f6] .view-header .header-cont .header-cont-view .program-time-cont-item { width: 100%; padding-left: 20PX; padding-left: 20PX; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .industryContent[data-v-e82893f6] .view-header .header-cont .header-cont-view .line { height: 1PX; width: 100%; } .industryContent[data-v-e82893f6] .view-header .header-cont .dis-flex { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .industryContent[data-v-e82893f6] .view-header .header-cont .dis-flex .videoPart { width: 100%; margin-left: 0; } .industryContent[data-v-e82893f6] .view-header .header-cont .dis-flex .videoPart .videoPart-info { width: 100%; } .industryContent[data-v-e82893f6] .view-header .header-cont .dis-flex .videoPart .videoBox { margin: auto; } .industryContent[data-v-e82893f6] .ai-women-partners { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .industryContent[data-v-e82893f6] .ai-women-partners .ai-women-partner-item { width: 100%; margin-bottom: 8px; } .industryContent[data-v-e82893f6] .program-content { padding: 1.3rem 1.5rem 7.5rem; } .industryContent[data-v-e82893f6] .program-content .program-content-first { display: block; } .industryContent[data-v-e82893f6] .program-content .program-content-first .program-explain { display: block; font-size: 14PX !important; line-height: 20PX !important; margin-bottom: 20PX; } .industryContent[data-v-e82893f6] .program-content .program-content-first .program-explain .line { width: calc(100% - 48PX); height: 1PX; margin: 0 auto; } .industryContent[data-v-e82893f6] .program-content .el-collapse .el-collapse-item .el-collapse-item__header { padding: 8PX 10PX !important; } .industryContent[data-v-e82893f6] .header-cont-btn { display: block; padding-top: 10PX; padding-bottom: 10PX; height: auto; } .industryContent[data-v-e82893f6] .header-cont-btn .header-cont-btn-tip { padding: 6px 12px; } .industryContent[data-v-e82893f6] .header-btn { font-size: 1.1rem !important; width: 80%; margin-left: 10% !important; margin-right: 10% !important; margin-bottom: 10PX !important; } .industryContent[data-v-e82893f6] .x-dialog .x-dialog-container .pc-bg { display: none; } .industryContent[data-v-e82893f6] .x-dialog .x-dialog-container .mob-bg { display: block; } .industryContent[data-v-e82893f6] .x-dialog .x-dialog-container p { font-size: 18PX; line-height: 24PX; padding: 0 24PX; text-align: left; } .industryContent[data-v-e82893f6] .x-dialog .x-dialog-container .apply-btn { height: 40PX; width: 240PX; bottom: -20PX; font-size: 18PX; line-height: 40PX; } .industryContent[data-v-e82893f6] .el-dialog { width: 90% !important; } .industryContent[data-v-e82893f6] .el-dialog .el-dialog__body { font-size: 16PX; line-height: 20PX; } .industryContent[data-v-e82893f6] .el-dialog .el-dialog__body .dialog-container { width: 100%; } .industryContent[data-v-e82893f6] .el-dialog .el-dialog__body .tips { margin-top: 12px; margin-bottom: 12px; } .industryContent[data-v-e82893f6] .el-dialog .el-dialog__body .el-checkbox__input { vertical-align: top; } .industryContent[data-v-e82893f6] .el-dialog .el-dialog__body .tip-view-container { white-space: break-spaces; } .industryContent[data-v-e82893f6] .el-dialog .el-dialog__body .footer-view-text { text-align: left; } } .steps-view[data-v-0c6fdbb4] { width: 22.5rem; height: 22.5rem; padding: 2.5rem 1.5rem; border: 1px solid #006cff; -webkit-box-sizing: border-box; box-sizing: border-box; margin-right: 2.5rem; overflow: hidden; color: #006cff; font-size: 1.3rem; line-height: 1; font-family: 'D-DIN'; } .steps-view[data-v-0c6fdbb4] .el-steps .el-step .el-step__head { border-color: #8cbeff; } .steps-view[data-v-0c6fdbb4] .el-steps .el-step .el-step__head .el-step__line { background-color: transparent; background-image: -webkit-gradient(linear, left top, left bottom, from(#8cbeff), color-stop(50%, #8cbeff), color-stop(50%, #fff)); background-image: -webkit-linear-gradient(top, #8cbeff 0%, #8cbeff 50%, #fff 50%); background-image: -o-linear-gradient(top, #8cbeff 0%, #8cbeff 50%, #fff 50%); background-image: linear-gradient(to bottom, #8cbeff 0%, #8cbeff 50%, #fff 50%); background-size: 2px 1rem; } .steps-view[data-v-0c6fdbb4] .el-steps .el-step .el-step__head .el-step__icon .el-step__icon-inner { display: none; } .steps-view[data-v-0c6fdbb4] .el-steps .el-step .el-step__head.is-process { border-color: #006cff; } .steps-view[data-v-0c6fdbb4] .el-steps .el-step .el-step__head.is-process .el-step__icon { background-color: #006cff; } .steps-view[data-v-0c6fdbb4] .el-steps .el-step .el-step__head.is-finish { border-color: #8cbeff; } .steps-view[data-v-0c6fdbb4] .el-steps .el-step .el-step__head.is-finish .el-step__icon { background-color: #8cbeff; } .steps-view[data-v-0c6fdbb4] .el-steps .el-step .el-step__head.is-finish .el-step__icon > i { color: #fff; } .steps-view[data-v-0c6fdbb4] .el-steps .el-step .el-step__main .el-step__title { color: #8cbeff; } .steps-view[data-v-0c6fdbb4] .el-steps .el-step .el-step__main .el-step__title.is-process { font-family: 'D-DIN-Bold'; color: #0A418C; } .mobile-steps-view[data-v-0c6fdbb4] { height: auto; } .step-container .text p[data-v-06351d12] { margin-top: 0px; margin-bottom: 1.5rem; } .step-container .check-code[data-v-06351d12] { background-color: #f9fcfd; border: 1px dashed rgba(0, 108, 255, 0.2); border-radius: 5px; padding: 1.9rem 1.6rem; } .step-container .check-code[data-v-06351d12] .el-input__inner { height: 3.3rem; line-height: 3.3rem; font-size: 1.1rem; border-color: #dbdbdb; } .step-container .check-code .check-code-status > img[data-v-06351d12] { width: 1.8rem; height: 1.8rem; margin-right: 1rem; vertical-align: text-top; } .step-container .check-code .check-code-status > div[data-v-06351d12] { display: inline-block; vertical-align: text-top; width: calc(100% - 2.8rem); font-size: 1.5rem; line-height: 2rem; } .step-container .check-code .check-code-status .suc[data-v-06351d12] { color: #17c76a; } .step-container .check-code .check-code-status .fail[data-v-06351d12] { color: #d72222; } .flex_around[data-v-10f87122] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; } .sub-view[data-v-10f87122] { background-color: #f9fcfd; border: 1px dashed rgba(0, 108, 255, 0.2); border-radius: 4px; margin-top: 1.3rem; } .exam-view[data-v-10f87122] { padding: 0 1.3rem; } .exam-view .exam-view-item[data-v-10f87122] { margin: 1.3rem 0; } .exam-view .exam-view-item .title[data-v-10f87122] { margin-bottom: 12px; } .exam-view .exam-view-item .question-star[data-v-10f87122] { margin: 1.3rem 0 10px; } .exam-view .exam-view-item .question-star .question-star-item[data-v-10f87122] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .exam-view .exam-view-item .question-star .question-star-item .star-item[data-v-10f87122] { margin-bottom: 4px; width: 1.5rem; } .exam-view[data-v-10f87122] .el-radio, .exam-view[data-v-10f87122] .el-checkbox { margin-top: 8px; margin-bottom: 8px; width: 100%; } .exam-view[data-v-10f87122] .el-radio .el-radio__input, .exam-view[data-v-10f87122] .el-radio .el-checkbox__input, .exam-view[data-v-10f87122] .el-checkbox .el-radio__input, .exam-view[data-v-10f87122] .el-checkbox .el-checkbox__input { vertical-align: text-top; } .exam-view[data-v-10f87122] .el-radio .el-radio__input .el-radio__inner, .exam-view[data-v-10f87122] .el-radio .el-checkbox__input .el-radio__inner, .exam-view[data-v-10f87122] .el-checkbox .el-radio__input .el-radio__inner, .exam-view[data-v-10f87122] .el-checkbox .el-checkbox__input .el-radio__inner { width: 1rem; height: 1rem; } .exam-view[data-v-10f87122] .el-radio .el-radio__input.is-checked .el-radio__inner, .exam-view[data-v-10f87122] .el-checkbox .el-radio__input.is-checked .el-radio__inner { color: #0c7afb; border-color: #0c7afb; } .exam-view[data-v-10f87122] .el-radio .el-radio__label, .exam-view[data-v-10f87122] .el-radio .el-checkbox_label, .exam-view[data-v-10f87122] .el-checkbox .el-radio__label, .exam-view[data-v-10f87122] .el-checkbox .el-checkbox_label { color: #666666; font-size: 1.1rem; line-height: 1.5rem; white-space: pre-wrap; } .exam-view[data-v-10f87122] .el-radio .el-checkbox__input.is-checked + .el-checkbox__label, .exam-view[data-v-10f87122] .el-checkbox .el-checkbox__input.is-checked + .el-checkbox__label { color: #666666; } .exam-view[data-v-10f87122] .el-radio .el-checkbox__inner, .exam-view[data-v-10f87122] .el-checkbox .el-checkbox__inner { width: 1rem; height: 1rem; } .exam-view[data-v-10f87122] .el-radio .el-checkbox__label, .exam-view[data-v-10f87122] .el-checkbox .el-checkbox__label { color: #666666; font-size: 1.1rem; line-height: 1.5rem; white-space: pre-wrap; } .exam-view .other-view[data-v-10f87122] { width: 100%; padding-left: 1.8rem; } .exam-view .other-view > .other-title[data-v-10f87122] { font-size: 1.1rem; line-height: 1.5rem; color: #666666; margin-bottom: 10px; } .step-tip[data-v-05fcbf0e] { font-size: 1.1rem; color: #006cff; padding: 0 1.3rem; } .btn-view > div[data-v-05fcbf0e] { margin-left: 1.5rem; } .btn-view p[data-v-05fcbf0e] { margin-bottom: 10px; } .step4-view[data-v-05e0900c] .el-radio-group { display: block; } .step4-view[data-v-05e0900c] .el-radio-group .el-radio { display: block; line-height: 1.5rem; font-size: 1.1rem; margin-bottom: 8px; } .cont-view[data-v-7f21d8c4] { background-color: #f9fcfd; border: 1px dashed rgba(0, 108, 255, 0.2); padding: 2.5rem 1.3rem 1.9rem 1.9rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .cont-view > img[data-v-7f21d8c4] { vertical-align: text-top; width: 1.8rem; height: 1.8rem; margin-right: 1rem; } .cont-view > div[data-v-7f21d8c4] { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; color: #17c76a; font-size: 1.5rem; line-height: 2rem; } .cont-view .cont-view-super > div[data-v-7f21d8c4] { margin-bottom: 1rem; } .invative-code-main[data-v-c0946ee2] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 2.5rem; padding-bottom: 2.8rem; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .container[data-v-c0946ee2] { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; background-color: #ffffff; } .container[data-v-c0946ee2] .pad_lr_30 { padding-left: 1.9rem; padding-right: 1.9rem; -webkit-box-sizing: border-box; box-sizing: border-box; } .container[data-v-c0946ee2] .step-title { font-weight: 700; color: #183969; font-size: 2.5rem; line-height: 3rem; padding-top: 1.5rem; padding-bottom: 1.5rem; border-bottom: 1px solid #006cff; } .container[data-v-c0946ee2] .step-container { color: #3c3c3c; font-size: 1.1rem; line-height: 1.5rem; padding-top: 1.5rem; padding-bottom: 1.5rem; } .container[data-v-c0946ee2] .btn-view { text-align: right; margin-top: 1.9rem; } .container[data-v-c0946ee2] .btn-view > p { font-weight: 700; color: #d72222; font-size: 1rem; display: inline-block; } .container[data-v-c0946ee2] .btn-view > div { display: inline-block; color: #0073fa; font-size: 1.1rem; line-height: 1.6rem; padding: 8px 4.5rem; background-color: #ffffff; border: 1px solid #0073fa; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin-left: 1.5rem; } .container[data-v-c0946ee2] .btn-view .primary { background-color: #006cff; border: 1px solid #006cff; color: #ffffff; } .container[data-v-c0946ee2] .btn-view .disabled_btn { background-color: #999999; border: 1px solid #999999; color: #ffffff; } @media screen and (max-width: 750PX) { .inviteCodeView[data-v-c0946ee2] { background-color: #fff; } .inviteCodeView[data-v-c0946ee2] .w14 { min-width: auto !important; } .inviteCodeView[data-v-c0946ee2] .invative-code-main { padding: 24PX; } .inviteCodeView[data-v-c0946ee2] .invative-code-main .steps-view { -webkit-box-flex: 1; -webkit-flex: auto; -ms-flex: auto; flex: auto; } .inviteCodeView[data-v-c0946ee2] .invative-code-main .container { width: 100%; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; } .inviteCodeView[data-v-c0946ee2] .invative-code-main .container .pad_lr_30 { padding-left: 0; padding-right: 0; } .inviteCodeView[data-v-c0946ee2] .invative-code-main .container .step-title { font-size: 24PX; line-height: 30PX; } .inviteCodeView[data-v-c0946ee2] .invative-code-main .container .step-container { font-size: 14PX; line-height: 18PX; } .inviteCodeView[data-v-c0946ee2] .invative-code-main .container .step-container .check-code .el-input__inner { height: 48PX; border-radius: 4PX; font-size: 14PX; } .inviteCodeView[data-v-c0946ee2] .invative-code-main .container .exam-view .el-input__inner, .inviteCodeView[data-v-c0946ee2] .invative-code-main .container .step4-view .el-input__inner { height: 40PX; border-radius: 4PX; font-size: 14PX; } .inviteCodeView[data-v-c0946ee2] .invative-code-main .container .exam-view .el-radio__input .el-radio__inner, .inviteCodeView[data-v-c0946ee2] .invative-code-main .container .step4-view .el-radio__input .el-radio__inner { width: 14PX; height: 14PX; } .inviteCodeView[data-v-c0946ee2] .invative-code-main .container .exam-view .el-radio__input .el-radio__inner::after, .inviteCodeView[data-v-c0946ee2] .invative-code-main .container .step4-view .el-radio__input .el-radio__inner::after { width: 5PX; height: 5PX; } .inviteCodeView[data-v-c0946ee2] .invative-code-main .container .exam-view .el-radio__label, .inviteCodeView[data-v-c0946ee2] .invative-code-main .container .step4-view .el-radio__label { font-size: 14PX; line-height: 16PX; } .inviteCodeView[data-v-c0946ee2] .invative-code-main .container .btn-view > div { display: block; text-align: center; height: 40PX; line-height: 40PX; border-radius: 30PX; font-size: 16PX; margin-bottom: 24PX; margin-left: 0; } .inviteCodeView[data-v-c0946ee2] .invative-code-main .container .btn-view > p { display: block; text-align: center; } } .impact-header-view[data-v-f89eac08] { margin: 2.5rem 0; color: #3c3c3c; -webkit-box-sizing: border-box; box-sizing: border-box; border-top: 1px solid #006cff; border-bottom: 1px solid #006cff; background-image: var(--bg); background-repeat: no-repeat; background-position: bottom; background-size: cover; } .impact-header-view .impact-header-view-box[data-v-f89eac08] { padding: 2.5rem; -webkit-box-sizing: border-box; box-sizing: border-box; border-left: 1px solid #006cff; border-right: 1px solid #006cff; } .impact-header-view .impact-header-view-box .impact-header-view-box-title[data-v-f89eac08] { font-family: D-DIN-Bold; font-size: 4rem; font-weight: bold; line-height: 5rem; margin-bottom: 2.5rem; width: 80%; } .impact-header-view .impact-header-view-box .impact-header-view-box-subtitle[data-v-f89eac08] { margin-bottom: 2.5rem; width: 100%; } @media screen and (max-width: 46.9rem) { .impact-header-view[data-v-f89eac08] { background-position: 80% bottom; margin: 1.5rem 0; } .impact-header-view .impact-header-view-box[data-v-f89eac08] { padding: 1.5rem; margin: 0 1rem; } .impact-header-view .impact-header-view-box .impact-header-view-box-title[data-v-f89eac08] { width: 100%; font-size: 2.3rem; line-height: 2.8rem; margin-bottom: 1rem; } .impact-header-view .impact-header-view-box .impact-header-view-box-subtitle[data-v-f89eac08] { margin-bottom: 1rem; width: 100%; } } @charset "UTF-8"; .video-module[data-v-e9071e30] { margin: 2.5rem 0 1.5rem; color: #3c3c3c; -webkit-box-sizing: border-box; box-sizing: border-box; border-top: 1px solid #006cff; border-bottom: 1px solid #006cff; background-image: var(--bg); background-repeat: no-repeat; background-position: bottom; background-size: cover; } .video-module .video-module-content[data-v-e9071e30] { padding: 2.5rem; } .video-module .video-module-content .video-module-title[data-v-e9071e30] { color: #006cff; margin-bottom: 2.5rem; } .video-module .video-module-content .video-module-videos[data-v-e9071e30] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; border: 1px solid #006cff; border-right: none; color: #3c3c3c; -webkit-transform: translateX(17.5rem); -ms-transform: translateX(17.5rem); transform: translateX(17.5rem); background-color: #fff; } .video-module .video-module-content .video-module-videos .video-module-video-item[data-v-e9071e30] { width: 33.33%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 2.5rem; border-right: 1px solid #006cff; } .video-module .video-module-content .video-module-videos .video-module-video-item .item-title[data-v-e9071e30] { font-family: D-DIN-Bold; font-size: 1.5rem; line-height: 2rem; /* k-2 */ margin-bottom: 0.9rem; } .video-module .video-module-content .video-module-videos .video-module-video-item .item-subtitle[data-v-e9071e30] { font-size: 1.1rem; line-height: 1.4rem; height: 4.1rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; /* 显示两行 */ overflow: hidden; } .video-module .video-module-content .video-module-videos .video-module-video-item .item-icon[data-v-e9071e30] { display: block; margin-left: auto; width: 4.4rem; } .video-module .video-module-content .video-module-videos .video-module-video-item .item-video[data-v-e9071e30] { border: 1px solid #006cff; position: relative; } .video-module .video-module-content .video-module-videos .video-module-video-item .item-video .item-video-poster[data-v-e9071e30] { width: 100%; -webkit-filter: blur(2px); filter: blur(2px); display: block; } .video-module .video-module-content .video-module-videos .video-module-video-item .item-video .video-btn[data-v-e9071e30] { position: absolute; right: 0; bottom: 0; width: 3.8rem; height: 3.8rem; background-color: #fff; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; border-left: 1px solid #006cff; border-top: 1px solid #006cff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .video-module .video-module-content .video-module-videos .video-module-video-item .item-video .video-btn .video-btn-circle[data-v-e9071e30] { position: relative; width: 2.5rem; height: 2.5rem; border: 1px solid #006cff; border-radius: 50%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; } .video-module .video-module-content .video-module-videos .video-module-video-item .item-video .video-btn .video-btn-circle .dot-view[data-v-e9071e30] { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; -webkit-transform: rotate(-80deg); -ms-transform: rotate(-80deg); transform: rotate(-80deg); } .video-module .video-module-content .video-module-videos .video-module-video-item .item-video .video-btn .video-btn-circle .dot-view .dot[data-v-e9071e30] { position: absolute; left: -3px; bottom: calc(50% - 3px); width: 6px; height: 6px; border-radius: 50%; background: #006cff; } .video-module .video-module-content .video-module-videos .video-module-video-item .item-video .video-btn .video-btn-circle .dot-view[data-v-e9071e30]::after { content: ''; position: absolute; display: block; width: 6px; height: 6px; background-color: #fff; bottom: calc(50% - 9px); left: -3px; } .video-module .video-module-content .video-module-videos .video-module-video-item .item-video .video-btn .video-btn-circle .video-btn-icon[data-v-e9071e30] { width: 12px; margin-left: 4px; } .video-module .video-module-content .video-module-videos .video-module-video-item:hover .item-video-poster[data-v-e9071e30] { -webkit-filter: blur(0px); filter: blur(0px); } .video-module .video-module-content .moveInAnimation[data-v-e9071e30] { -webkit-animation: moveInAnimation-e9071e30 1s cubic-bezier(0, 0, 0.5, 1.3) forwards; animation: moveInAnimation-e9071e30 1s cubic-bezier(0, 0, 0.5, 1.3) forwards; } .video-module .video-module-content .moveInAnimation .dot-view[data-v-e9071e30] { -webkit-animation: circleRotate-e9071e30 2s 1s infinite ease-in-out; animation: circleRotate-e9071e30 2s 1s infinite ease-in-out; } @-webkit-keyframes moveInAnimation-e9071e30 { to { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes moveInAnimation-e9071e30 { to { -webkit-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes circleRotate-e9071e30 { 0% { -webkit-transform: rotate(-80deg); transform: rotate(-80deg); } 100% { -webkit-transform: rotate(280deg); transform: rotate(280deg); } } @keyframes circleRotate-e9071e30 { 0% { -webkit-transform: rotate(-80deg); transform: rotate(-80deg); } 100% { -webkit-transform: rotate(280deg); transform: rotate(280deg); } } .learn-program-langs { font-family: D-DIN; border: 1px solid #006cff; padding: 0; border-radius: 0; font-size: 1.1rem; line-height: 1; } .learn-program-langs .some-lang-btn .some-lang-btn-item { padding: 10px 2rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; cursor: pointer; color: #3c3c3c; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .learn-program-langs .some-lang-btn .some-lang-btn-item > span { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; white-space: nowrap; } .learn-program-langs .some-lang-btn .some-lang-btn-item > img { -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; opacity: 0; width: 1.5rem; margin-left: 8px; } .learn-program-langs .some-lang-btn .some-lang-btn-item:hover { background-color: rgba(0, 108, 255, 0.1); color: #006cff; } .learn-program-langs .some-lang-btn .some-lang-btn-item:hover > img { opacity: 1; } .program-module[data-v-e012b51e] { margin: 1.5rem 0; color: #3c3c3c; -webkit-box-sizing: border-box; box-sizing: border-box; border-top: 1px solid #006cff; border-bottom: 1px solid #006cff; } .program-module .program-module-content[data-v-e012b51e] { padding: 2.5rem 2.5rem 1.5rem; } .program-module .program-module-title[data-v-e012b51e] { font-family: D-DIN-Bold; font-size: 2.5rem; font-weight: bold; color: #3c3c3c; margin-bottom: 2.5rem; } .program-module .program-list[data-v-e012b51e] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 1.5rem; } .program-module .program-list .program-item[data-v-e012b51e] { width: 33.3%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; border-right: 1px solid #006cff; border-bottom: 1px solid #006cff; padding: 2.5rem; -webkit-box-sizing: border-box; box-sizing: border-box; } .program-module .program-list .program-item[data-v-e012b51e]:nth-child(-n + 3) { border-top: 1px solid #006cff; } .program-module .program-list .program-item[data-v-e012b51e]:nth-child(3n) { border-right: none; } .program-module .program-list .program-item .program-item-content[data-v-e012b51e] { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .program-module .program-list .program-item .program-item-content .program-item-cover[data-v-e012b51e] { width: 100%; border: 1px solid #94c0ff; } .program-module .program-list .program-item .program-item-content .program-item-name[data-v-e012b51e] { font-family: D-DIN-Bold; font-size: 1.5rem; font-weight: bold; line-height: 2rem; color: #0a418c; margin-bottom: 1rem; } .program-module .program-list .program-item .program-item-content .program-item-icon[data-v-e012b51e] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 8px; } .program-module .program-list .program-item .program-item-content .program-item-icon img[data-v-e012b51e] { width: 0.9rem; height: 0.9rem; -o-object-fit: cover; object-fit: cover; margin-right: 8px; } .program-module .program-list .program-item .program-item-content .program-item-icon div[data-v-e012b51e] { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; font-size: 0.9rem; line-height: 1.3rem; margin-top: -3px; } .program-module .program-list .program-item .program-item-bottom[data-v-e012b51e] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-top: 1.5rem; } .program-module .program-list .program-item .program-item-bottom .program-item-bottom-status > img[data-v-e012b51e] { width: 5.8rem; } .program-module .program-list .program-item .program-item-bottom .program-item-bottom-btn[data-v-e012b51e] { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; margin-left: 12px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .program-module .program-list .hideBorderBottom[data-v-e012b51e] { border-bottom: none; } .certificateView-module[data-v-4e02c044] { margin: 24px 0; color: #3c3c3c; -webkit-box-sizing: border-box; box-sizing: border-box; border-top: 1px solid #006cff; border-bottom: 1px solid #006cff; padding: 40px 0; background-color: #f5f9ff; } .certificateView-module .certificateView-module-content[data-v-4e02c044] { padding: 0 40px; -webkit-box-sizing: border-box; box-sizing: border-box; border-left: 1px solid #006cff; border-right: 1px solid #006cff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .certificateView-module .certificateView-module-content .certificateView-module-title[data-v-4e02c044] { font-family: D-DIN-Bold; font-size: 40px; font-weight: bold; line-height: 52px; width: 28%; } .certificateView-module .certificateView-module-content .certificateView-module-icon[data-v-4e02c044] { width: calc(38.666% + 40px); } .certificateView-module .certificateView-module-content .certificateView-module-right-text[data-v-4e02c044] { -webkit-align-self: center; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; font-size: 18px; line-height: 24px; } .certificateView-module .certificateView-module-content .certificateView-module-right-text > p[data-v-4e02c044] { margin-bottom: 16px; } .certificateView-module .certificateView-module-content .certificateView-module-right-text > img[data-v-4e02c044] { width: 225px; float: right; } .learner-module[data-v-1ebe86c4] { margin: 1.5rem 0; color: #3c3c3c; -webkit-box-sizing: border-box; box-sizing: border-box; border-top: 1px solid #006cff; border-bottom: 1px solid #006cff; padding: 2.5rem 0; background-color: #fff; } .learner-module .learner-module-title[data-v-1ebe86c4] { font-family: D-DIN-Bold; font-size: 2.5rem; font-weight: bold; line-height: 3.3rem; width: 28%; } .learner-module .learner-module-subtitle[data-v-1ebe86c4] { font-size: 1.1rem; line-height: 1.5rem; } .learner-module .learner-module-list[data-v-1ebe86c4] { margin-top: 1.5rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .learner-module .learner-module-list .learner-left[data-v-1ebe86c4] { width: 72%; margin-right: 2.5rem; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #94c0ff; } .learner-module .learner-module-list .learner-left .learner-left-swiper .learner-left-view[data-v-1ebe86c4] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; word-break: break-word; } .learner-module .learner-module-list .learner-left .learner-left-swiper .learner-left-view > img[data-v-1ebe86c4] { width: 17.3rem; height: 18.8rem; -o-object-fit: cover; object-fit: cover; } .learner-module .learner-module-list .learner-left .learner-left-swiper .learner-left-view .learner-left-content[data-v-1ebe86c4] { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding: 1.5rem 1.5rem 1.5rem 2.5rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .learner-module .learner-module-list .learner-left .learner-left-swiper .learner-left-view .learner-left-content .learner-left-content-comment[data-v-1ebe86c4] { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; } .learner-module .learner-module-list .learner-left .learner-left-swiper .learner-left-view .learner-left-content .learner-left-content-info > div[data-v-1ebe86c4]:nth-child(1) { font-family: 'D-DIN-Bold'; font-weight: bold; } .learner-module .learner-module-list .learner-right[data-v-1ebe86c4] { width: 28%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .learner-module .learner-module-list .learner-right .learner-right-swiper[data-v-1ebe86c4] { width: 100%; } .learner-module .learner-module-list .learner-right .learner-right-swiper[data-v-1ebe86c4] img { width: 10rem; height: 10rem; -o-object-fit: cover; object-fit: cover; } .learner-module .learner-module-list .learner-right-btn[data-v-1ebe86c4] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .learner-module .learner-module-list .learner-right-btn .learner-right-btn-index[data-v-1ebe86c4] { font-size: 1.5rem; line-height: 2.5rem; color: #cadaff; } .learner-module .learner-module-list .learner-right-btn .learner-right-btn-icon[data-v-1ebe86c4] .el-button { border: none; background-color: transparent; color: #006cff; font-size: 1.3rem; padding: 10px; border-radius: 0; } .learner-module .learner-module-list .learner-right-btn .learner-right-btn-icon[data-v-1ebe86c4] .el-button:hover { background-color: #cadaff; color: #fff; } .learn-view[data-v-daab7bf0] { font-family: D-DIN; font-size: 1.3rem; line-height: 1.8rem; color: #3c3c3c; } .share-program[data-v-dd2d7b06] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .share-program .share-program-text[data-v-dd2d7b06] { color: #006cff; margin-right: 1rem; } .share-program > img[data-v-dd2d7b06] { width: 1.1rem; height: 1.1rem; -o-object-fit: cover; object-fit: cover; } .learn-detail-header[data-v-09e91ca5] { margin: 1.5rem 0; color: #3c3c3c; -webkit-box-sizing: border-box; box-sizing: border-box; border-top: 1px solid #006cff; border-bottom: 1px solid #006cff; background-image: var(--bg); background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; } .learn-detail-header .learn-detail-header-box[data-v-09e91ca5] { padding: 2.5rem 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .learn-detail-header .learn-detail-header-box .detail-title[data-v-09e91ca5] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 1.3rem; } .learn-detail-header .learn-detail-header-box .detail-title .detail-title-text[data-v-09e91ca5] { font-family: D-DIN-Bold; font-size: 2.5rem; font-weight: bold; line-height: 3rem; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .learn-detail-header .learn-detail-header-box .no-subtitle[data-v-09e91ca5] { margin-bottom: 2.5rem; } .learn-detail-header .learn-detail-header-box .detail-subtitle[data-v-09e91ca5] { font-family: D-DIN; font-size: 1.1rem; line-height: 1.6rem; color: #006cff; } @media screen and (max-width: 46.9rem) { .learn-detail-header[data-v-09e91ca5] { background-position: 80% bottom; margin: 1.5rem 0; } .learn-detail-header .learn-detail-header-box[data-v-09e91ca5] { padding: 1.5rem; margin: 0 1rem; } .learn-detail-header .learn-detail-header-box .learn-detail-header-box-title[data-v-09e91ca5] { width: 100%; font-size: 2.3rem; line-height: 2.8rem; margin-bottom: 1rem; } } .progress-left[data-v-c42a6428] { margin-bottom: 1rem; padding: 1.5rem; -webkit-box-sizing: border-box; box-sizing: border-box; background: #f9fbff; border: 1px solid #006cff; } .progress-left .progress-box .progress-box-title[data-v-c42a6428] { color: #505050; margin-bottom: 2rem; } .progress-left .progress-box .progress-box-title .progress-box-title-where[data-v-c42a6428] { font-size: 1.3rem; line-height: 1.8rem; color: #006cff; } .progress-left .progress-box .progress-box-title .progress-box-title-wel[data-v-c42a6428] { font-family: D-DIN-Bold; font-size: 1.3rem; font-weight: bold; line-height: 1.8rem; color: #3c3c3c; margin-bottom: 4px; } .progress-left .progress-box .progress-box-title .progress-box-title-section[data-v-c42a6428] { font-size: 1rem; line-height: 1.4rem; color: #0a418c; } .progress-left .progress-box .progress-box-bottom[data-v-c42a6428] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .progress-left .progress-box .progress-box-bottom .progress-box-bottom-complete[data-v-c42a6428] { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; margin-right: 1.5rem; } .progress-left .progress-box .progress-box-bottom .progress-box-bottom-btn[data-v-c42a6428] { background-color: #006cff; color: #fff; font-family: D-DIN; font-size: 1.1rem; font-weight: normal; padding: 0 2.3rem; height: 2.5rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; cursor: pointer; } .progress-left .progress-box .progress-box-bottom .progress-box-bottom-btn > img[data-v-c42a6428] { width: 1.3rem; margin-left: 1rem; } .progress-left .progress-box .progress-box-lang[data-v-c42a6428] { color: #b0ceff; font-size: 1rem; position: relative; padding-left: 1.3rem; } .progress-left .progress-box .progress-box-lang[data-v-c42a6428]::before { content: ''; position: absolute; display: block; width: 8px; height: 8px; border-radius: 50%; background: #acc9ff; left: 0; top: calc(50% - 4px); } .progress-left .cert-view[data-v-c42a6428] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .progress-left .cert-view .cert-view-left[data-v-c42a6428] { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; font-size: 1.1rem; line-height: 1.5rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .progress-left .cert-view .cert-view-left .cert-view-left-text[data-v-c42a6428] { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; margin-bottom: 1rem; } .progress-left .cert-view .cert-view-left .item-btn-view[data-v-c42a6428] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 1.4rem; } .progress-left .cert-view .cert-view-left .item-btn-view .program-item-cont-text-btn[data-v-c42a6428] { padding: 8px 12px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #006cff; cursor: pointer; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .progress-left .cert-view .cert-view-left .item-btn-view .program-item-cont-text-btn .btn-img[data-v-c42a6428] { overflow: hidden; } .progress-left .cert-view .cert-view-left .item-btn-view .program-item-cont-text-btn .btn-img .btn-img-bg[data-v-c42a6428] { position: relative; width: 1.5rem; height: 1.5rem; border-radius: 50%; background-color: #006cff; margin-left: 1rem; } .progress-left .cert-view .cert-view-left .item-btn-view .program-item-cont-text-btn .btn-img .btn-img-bg > img[data-v-c42a6428] { height: 1rem; position: absolute; left: 0; top: calc(50% - 7px); } .progress-left .cert-view .cert-view-right[data-v-c42a6428] { width: 11.3rem; margin-left: 1rem; } .progress-left .cert-view:hover .cert-view-left .item-btn-view .program-item-cont-text-btn[data-v-c42a6428] { background: #006cff; color: #fff; } .progress-left .cert-view:hover .cert-view-left .item-btn-view .program-item-cont-text-btn .btn-img .btn-img-bg[data-v-c42a6428] { background-color: #fff; } .progress-left .cert-view:hover .cert-view-left .item-btn-view .program-item-cont-text-btn .btn-img .btn-img-bg > img[data-v-c42a6428] { -webkit-transform: translateX(20.6rem); -ms-transform: translateX(20.6rem); transform: translateX(20.6rem); -webkit-filter: drop-shadow(#006cff -20.6rem 0px 0px); filter: drop-shadow(#006cff -20.6rem 0px 0px); } .detail-view[data-v-68b758c6] { padding-bottom: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #8cbeff; } .detail-view[data-v-68b758c6] .el-collapse { border: none; word-break: break-word; -webkit-box-sizing: border-box; box-sizing: border-box; } .detail-view[data-v-68b758c6] .el-collapse .el-collapse-item .el-collapse-item__header { border-bottom: none; border-top: 1px solid #8cbeff; padding: 1rem 1.5rem; height: auto; line-height: 1; cursor: pointer; } .detail-view[data-v-68b758c6] .el-collapse .el-collapse-item .el-collapse-item__header .title-cont { font-family: D-DIN-Bold; font-size: 1.3rem; font-weight: bold; line-height: 1.8rem; color: #505050; } .detail-view[data-v-68b758c6] .el-collapse .el-collapse-item .el-collapse-item__header .el-collapse-item__arrow { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); color: #8cbeff; padding: 4px; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; font-size: 1.3rem; } .detail-view[data-v-68b758c6] .el-collapse .el-collapse-item .el-collapse-item__header .el-collapse-item__arrow.is-active { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .detail-view[data-v-68b758c6] .el-collapse .el-collapse-item:nth-child(1) .el-collapse-item__header { border-top: none; } .detail-view[data-v-68b758c6] .el-collapse .el-collapse-item .el-collapse-item__wrap { border-top: 1px solid #8cbeff; border-bottom: none; background: #fff; padding: 1rem 1.5rem; } .detail-view[data-v-68b758c6] .el-collapse .el-collapse-item .el-collapse-item__wrap .el-collapse-item__content { padding: 0; } .detail-view[data-v-68b758c6] .el-collapse .el-collapse-item .el-collapse-item__wrap .el-collapse-item__content .section-cont { border: 1px solid #b0ceff; padding: 1rem 1.5rem; -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 1rem; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .detail-view[data-v-68b758c6] .el-collapse .el-collapse-item .el-collapse-item__wrap .el-collapse-item__content .section-cont:nth-last-child(1) { margin-bottom: 0; } .detail-view[data-v-68b758c6] .el-collapse .el-collapse-item .el-collapse-item__wrap .el-collapse-item__content .section-cont .section-cont-title { font-family: D-DIN; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .detail-view[data-v-68b758c6] .el-collapse .el-collapse-item .el-collapse-item__wrap .el-collapse-item__content .section-cont .section-cont-title .section-cont-title-text { -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; font-family: D-DIN-Bold; font-weight: bold; font-size: 1.1rem; line-height: 1.5rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .detail-view[data-v-68b758c6] .el-collapse .el-collapse-item .el-collapse-item__wrap .el-collapse-item__content .section-cont .section-cont-title .section-cont-title-text > img { width: 1rem; height: 1rem; -o-object-fit: cover; object-fit: cover; margin-left: 1.5rem; } .detail-view[data-v-68b758c6] .el-collapse .el-collapse-item .el-collapse-item__wrap .el-collapse-item__content .section-cont .section-cont-title .section-quiz-tip { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; color: #005fff; font-size: 1rem; line-height: 1.4rem; margin-left: 1.5rem; text-align: right; } .detail-view[data-v-68b758c6] .el-collapse .el-collapse-item .el-collapse-item__wrap .el-collapse-item__content .section-cont .section-cont-detail { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .detail-view[data-v-68b758c6] .el-collapse .el-collapse-item .el-collapse-item__wrap .el-collapse-item__content .section-cont .section-cont-detail .section-cont-text { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 1rem; font-size: 1rem; line-height: 1.4rem; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; margin-left: 1.5rem; } .detail-view[data-v-68b758c6] .el-collapse .el-collapse-item .el-collapse-item__wrap .el-collapse-item__content .section-cont .section-cont-detail .section-cont-text .section-cont-text-item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-right: 1.5rem; } .detail-view[data-v-68b758c6] .el-collapse .el-collapse-item .el-collapse-item__wrap .el-collapse-item__content .section-cont .section-cont-detail .section-cont-text .section-cont-text-item img { margin-right: 8px; width: 0.9rem; height: 0.9rem; -o-object-fit: cover; object-fit: cover; } .detail-view[data-v-68b758c6] .el-collapse .el-collapse-item .el-collapse-item__wrap .el-collapse-item__content .section-cont .section-cont-detail .section-cont-btn { background-color: #006cff; color: #fff; font-family: D-DIN; font-size: 1.1rem; font-weight: normal; line-height: 2rem; width: 10rem; height: 2rem; text-align: center; cursor: pointer; opacity: 0; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .detail-view[data-v-68b758c6] .el-collapse .el-collapse-item .el-collapse-item__wrap .el-collapse-item__content .section-cont:hover { -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 108, 255, 0.12); box-shadow: 0px 0px 10px 0px rgba(0, 108, 255, 0.12); } .detail-view[data-v-68b758c6] .el-collapse .el-collapse-item .el-collapse-item__wrap .el-collapse-item__content .section-cont:hover .section-cont-title .section-cont-title-text { color: #006cff; } .detail-view[data-v-68b758c6] .el-collapse .el-collapse-item .el-collapse-item__wrap .el-collapse-item__content .section-cont:hover .section-cont-detail .section-cont-text { color: #0a418c; } .detail-view[data-v-68b758c6] .el-collapse .el-collapse-item .el-collapse-item__wrap .el-collapse-item__content .section-cont:hover .section-cont-detail .section-cont-btn { opacity: 1; } @media screen and (max-width: 46.9rem) { .detail-view[data-v-68b758c6] .el-collapse .el-collapse-item__wrap { padding: 0 6px !important; } .section-name[data-v-68b758c6] { font-size: 1rem !important; line-height: 1.4rem !important; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .section-name > span[data-v-68b758c6] { width: 100%; margin: 0 !important; } .title-cont[data-v-68b758c6] { font-size: 1.1rem !important; line-height: 1.6rem !important; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .title-cont[data-v-68b758c6]:before { margin-right: 12px !important; } .title-cont > span[data-v-68b758c6] { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } [data-v-68b758c6] .el-collapse-item__header { padding: 6px !important; } } .xu-confirm { width: 43.8rem !important; -webkit-box-shadow: none; box-shadow: none; border-color: #006cff; border-radius: 0; } .xu-confirm .el-message-box__close { color: #006cff; font-size: 1.5rem; } .xu-confirm .el-message-box__btns .el-button { font-size: 1.1rem; background-color: #006cff; border-radius: 0; } .xu-confirm .xu-confirmCont { text-align: center; font-family: D-DIN; font-size: 1.5rem; color: #333333; margin-bottom: 1.3rem; } .xu-confirm .xu-confirmCont p { line-height: 2rem; } .xu-confirm .xu-confirmCont .xu-container { font-family: D-DIN-Bold; font-weight: bold; color: #0a3c82; margin-top: 10px; } .xu-confirm .text-left { text-align: left; } .progress-right[data-v-39890c81] { margin-bottom: 2.5rem; padding: 1.5rem; -webkit-box-sizing: border-box; box-sizing: border-box; background: #ffffff; border: 1px solid #006cff; line-height: 0; width: 22.5rem; margin-left: 2.5rem; } .progress-right .progress-right-title[data-v-39890c81] { font-family: D-DIN-Bold; font-size: 1.3rem; font-weight: bold; line-height: 1.8rem; margin-bottom: 1rem; } .progress-right .progress-cont[data-v-39890c81] { margin-bottom: 1rem; } .progress-right .progress-cont[data-v-39890c81] .el-step .el-step__head .el-step__line { background-color: transparent; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 108, 255, 0.5)), color-stop(50%, rgba(0, 108, 255, 0.5)), color-stop(50%, #fff)); background-image: -webkit-linear-gradient(top, rgba(0, 108, 255, 0.5) 0%, rgba(0, 108, 255, 0.5) 50%, #fff 50%); background-image: -o-linear-gradient(top, rgba(0, 108, 255, 0.5) 0%, rgba(0, 108, 255, 0.5) 50%, #fff 50%); background-image: linear-gradient(to bottom, rgba(0, 108, 255, 0.5) 0%, rgba(0, 108, 255, 0.5) 50%, #fff 50%); background-size: 2px 6px; } .progress-right .progress-cont[data-v-39890c81] .el-step .el-step__head .el-step__icon.is-text { border: none; border-radius: 50%; } .progress-right .progress-cont[data-v-39890c81] .el-step .el-step__head .el-step__icon.is-text .step-icon { width: 1rem; } .progress-right .progress-cont[data-v-39890c81] .el-step .el-step__main { padding-left: 12px; } .progress-right .progress-cont[data-v-39890c81] .el-step .el-step__main .el-step__title.is-finish, .progress-right .progress-cont[data-v-39890c81] .el-step .el-step__main .el-step__description.is-finish { color: #0a418c; } .progress-right .progress-cont[data-v-39890c81] .el-step .el-step__main .el-step__title.is-process { color: #b0ceff; } .progress-right .progress-cont[data-v-39890c81] .el-step .el-step__main .step-title > div:nth-child(1) { font-family: D-DIN-Bold; font-weight: bold; font-size: 1.1rem; line-height: 1.6rem; } .progress-right .progress-cont[data-v-39890c81] .el-step .el-step__main .step-title > div:nth-child(2) { font-family: D-DIN; font-size: 1rem; line-height: 1.5rem; } .progress-right .progress-cont[data-v-39890c81] .el-step .el-step__main .step-description { padding: 1.5rem 0 1.5rem 1.5rem; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 1.1rem; line-height: 1.6rem; } .progress-right .progress-cont[data-v-39890c81] .el-step .el-step__main .step-description > div:nth-child(2) { margin-top: 1.1rem; } .progress-right .slack-view[data-v-39890c81] { padding: 1.5rem 1rem 2.5rem; background-color: #f7faff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; font-family: D-DIN-Bold; font-size: 1.1rem; font-weight: bold; line-height: 1.5rem; color: #0a418c; } .progress-right .slack-view > img[data-v-39890c81] { width: 1rem; height: 1rem; -o-object-fit: cover; object-fit: cover; margin-left: 8px; } @charset "UTF-8"; .recommend-view[data-v-f0cf52d0] { width: 22.5rem; -webkit-box-sizing: border-box; box-sizing: border-box; margin-left: 2.5rem; margin-top: 1.5rem; border: 1px solid #006cff; padding: 1.5rem; font-size: 1.1rem; line-height: 1.6rem; color: #3c3c3c; } .recommend-view .recommend-title[data-v-f0cf52d0] { font-family: D-DIN-Bold; font-size: 1.3rem; line-height: 1.8rem; font-weight: bold; color: #3c3c3c; margin-bottom: 1rem; word-break: break-all; } .recommend-view .recommend-swiper[data-v-f0cf52d0] { padding-bottom: 1rem; border-bottom: 1px solid #006cff; margin-bottom: 1rem; } .recommend-view .recommend-program-type[data-v-f0cf52d0] { font-weight: bold; margin-bottom: 8px; height: 3rem; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: keep-all; /* 不强制单词内部断行 */ overflow-wrap: break-word; } .recommend-view .recommend-cover-view[data-v-f0cf52d0] { width: 100%; height: 8.8rem; margin-bottom: 8px; position: relative; } .recommend-view .recommend-cover-view .recommend-cover-img[data-v-f0cf52d0] { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; pointer-events: none; } .recommend-view .recommend-cover-view .play-btn-icon[data-v-f0cf52d0] { border: 1px solid #ffffff; border-radius: 50%; width: 3.8rem; position: absolute; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); left: 50%; top: 50%; cursor: pointer; } .recommend-view .recommend-cover-view .play-btn-icon[data-v-f0cf52d0]:hover { opacity: 0.8; } .recommend-view .recommend-introduce[data-v-f0cf52d0] { font-size: 1rem; line-height: 1.3rem; margin-bottom: 1rem; height: 5rem; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; word-break: keep-all; /* 不强制单词内部断行 */ overflow-wrap: break-word; } .recommend-view .recommend-btn[data-v-f0cf52d0] { text-align: right; line-height: 1.4rem; text-decoration: underline; color: #006cff; cursor: pointer; } .xu-pagination[data-v-f0cf52d0] { position: relative; } .xu-pagination[data-v-f0cf52d0] .swiper-pagination-bullets { width: 100%; text-align: right; } .xu-pagination[data-v-f0cf52d0] .my-bullet { width: 8px; height: 8px; margin: 0 4px; display: inline-block; border-radius: 50%; background: #d7e6ff; } .xu-pagination[data-v-f0cf52d0] .my-bullet-active { background: #006cff; } @media screen and (max-width: 46.9rem) { .recommend-view[data-v-f0cf52d0] { border-right: 1px solid #006cff; margin: 12px; border-radius: 4px; } } .detail-content[data-v-617aab9e] { margin: 1.5rem 0; -webkit-box-sizing: border-box; box-sizing: border-box; border-top: 1px solid #006cff; border-bottom: 1px solid #006cff; } .detail-content .detail-content-title[data-v-617aab9e] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 1rem; line-height: 1; color: #8cbeff; padding-top: 1.5rem; } .detail-content .detail-content-title > img[data-v-617aab9e] { height: 12px; margin-right: 8px; } .detail-content .detail-content-view[data-v-617aab9e] { padding: 1.5rem 0; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .detail-content .detail-content-view .detail-content-left[data-v-617aab9e] { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .learn-detail-header[data-v-46232970] { margin: 1.5rem 0; color: #3c3c3c; -webkit-box-sizing: border-box; box-sizing: border-box; border-top: 1px solid #006cff; border-bottom: 1px solid #006cff; background-image: var(--bg); background-repeat: no-repeat; background-position: 0 60%; background-size: cover; } .learn-detail-header .learn-detail-header-box[data-v-46232970] { padding: 2.5rem 2.5rem 6.3rem; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; } .learn-detail-header .learn-detail-header-box .learn-detail-header-box-title[data-v-46232970] { font-family: D-DIN-Bold; font-size: 4rem; font-weight: bold; line-height: 5rem; margin-bottom: 2.5rem; width: 80%; } .learn-detail-header .learn-detail-header-box .learn-detail-header-box-content[data-v-46232970] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .learn-detail-header .learn-detail-header-box .learn-detail-header-box-content .content-subtitle[data-v-46232970] { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .learn-detail-header .learn-detail-header-box .learn-detail-header-box-content .content-video[data-v-46232970] { width: 20rem; height: 11.5rem; margin-left: 5rem; border: 1px solid #006cff; } .learn-detail-header .learn-detail-header-box .learn-detail-header-box-content .content-video .content-video-view[data-v-46232970] { position: relative; width: 100%; height: 100%; } .learn-detail-header .learn-detail-header-box .learn-detail-header-box-content .content-video .content-video-view > img[data-v-46232970] { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; opacity: 0.8; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .learn-detail-header .learn-detail-header-box .learn-detail-header-box-content .content-video .content-video-view .content-video-btn[data-v-46232970] { position: absolute; top: calc(50% - 1.9rem); left: calc(50% - 1.9rem); width: 3.8rem; height: 3.8rem; border-radius: 50%; background-color: rgba(255, 255, 255, 0.72); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .learn-detail-header .learn-detail-header-box .learn-detail-header-box-content .content-video .content-video-view .content-video-btn > img[data-v-46232970] { width: 1rem; padding-left: 4px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .learn-detail-header .learn-detail-header-box .learn-detail-header-box-content .content-video .content-video-info[data-v-46232970] { text-align: center; } .learn-detail-header .learn-detail-header-box .learn-detail-header-box-content .content-video:hover .content-video-view > img[data-v-46232970] { opacity: 1; } .learn-detail-header .learn-detail-header-box .learn-detail-header-box-content .content-video:hover .content-video-btn[data-v-46232970] { background-color: white; } .learn-detail-header .learn-detail-header-box .learn-detail-header-box-content .content-video:hover .content-video-btn > img[data-v-46232970] { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .learn-detail-header .program-time[data-v-46232970] { position: absolute; width: 100%; left: 0; bottom: 0; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); background-color: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; border: 1px solid #006cff; -webkit-box-shadow: 0 0 0 8px rgba(0, 108, 255, 0.2); box-shadow: 0 0 0 8px rgba(0, 108, 255, 0.2); margin-bottom: 2.5rem; padding: 1.1rem 0; } .learn-detail-header .program-time .program-time-item[data-v-46232970] { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding: 0 2rem; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; border-right: 1px solid #006cff; } .learn-detail-header .program-time .program-time-item[data-v-46232970]:last-child { border-right: none; } .learn-detail-header .program-time .program-time-item > img[data-v-46232970] { width: 4.3rem; height: 4.3rem; -o-object-fit: cover; object-fit: cover; margin-right: 12px; } .learn-detail-header .program-time .program-time-item .program-time-item-text[data-v-46232970] { padding: 6px 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; } .learn-detail-header .program-time .program-time-item .program-time-item-text .program-time-item-title[data-v-46232970] { color: #8cbeff; font-size: 1.5rem; } @media screen and (max-width: 46.9rem) { .learn-detail-header[data-v-46232970] { background-position: 80% bottom; margin: 1.5rem 0; } .learn-detail-header .learn-detail-header-box[data-v-46232970] { padding: 1.5rem; margin: 0 1rem; } .learn-detail-header .learn-detail-header-box .learn-detail-header-box-title[data-v-46232970] { width: 100%; font-size: 2.3rem; line-height: 2.8rem; margin-bottom: 1rem; } } .detail-view[data-v-01412b4d] { padding: 0 1.5rem 4px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #8cbeff; } .detail-view[data-v-01412b4d] .el-collapse { border: none; word-break: break-word; -webkit-box-sizing: border-box; box-sizing: border-box; } .detail-view[data-v-01412b4d] .el-collapse .el-collapse-item .el-collapse-item__header { border-bottom: none; border-top: 1px solid #8cbeff; padding: 1rem 12px 1rem 2.5rem; height: auto; line-height: 1; cursor: pointer; } .detail-view[data-v-01412b4d] .el-collapse .el-collapse-item .el-collapse-item__header .title-cont { font-family: D-DIN-Bold; font-size: 1.3rem; font-weight: bold; line-height: 1.8rem; color: #505050; } .detail-view[data-v-01412b4d] .el-collapse .el-collapse-item .el-collapse-item__header .title-cont:before { content: ''; display: inline-block; width: 1rem; height: 1rem; border-radius: 50%; background-color: #8cbeff; margin-right: 1rem; } .detail-view[data-v-01412b4d] .el-collapse .el-collapse-item .el-collapse-item__header .el-collapse-item__arrow { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); color: #8cbeff; padding: 4px; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; font-size: 1.3rem; } .detail-view[data-v-01412b4d] .el-collapse .el-collapse-item .el-collapse-item__header .el-collapse-item__arrow.is-active { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .detail-view[data-v-01412b4d] .el-collapse .el-collapse-item:nth-child(1) .el-collapse-item__header { border-top: none; } .detail-view[data-v-01412b4d] .el-collapse .el-collapse-item .el-collapse-item__wrap { border-top: 1px solid #8cbeff; border-bottom: none; background: #fafcff; padding: 0 2.5rem; } .detail-view[data-v-01412b4d] .el-collapse .el-collapse-item .el-collapse-item__wrap .el-collapse-item__content { padding: 0; } .detail-view[data-v-01412b4d] .el-steps { margin-top: 2.5rem; } .detail-view[data-v-01412b4d] .el-steps .el-step.is-vertical .el-step__head { width: 1rem; } .detail-view[data-v-01412b4d] .el-steps .el-step:last-of-type .el-step__line { display: block; } .detail-view[data-v-01412b4d] .el-steps .el-step.is-vertical .el-step__line { width: 1px; left: 7px; } .detail-view[data-v-01412b4d] .el-steps .el-step.is-vertical:nth-child(1) .el-step__head:before { content: ''; height: 2.5rem; position: absolute; width: 1px; background: #006cff; left: 7px; top: -2.5rem; } .detail-view[data-v-01412b4d] .el-steps .el-step__head .el-step__icon { background-color: #fff; border: 1px solid #006cff; width: 1rem; height: 1rem; } .detail-view[data-v-01412b4d] .el-steps .el-step__head .el-step__icon .el-step__icon-inner { display: none; } .detail-view[data-v-01412b4d] .el-steps .el-step__head .el-step__line { background-color: transparent; background-image: -webkit-gradient(linear, left top, left bottom, from(#006cff), to(#006cff)); background-image: -webkit-linear-gradient(top, #006cff, #006cff); background-image: -o-linear-gradient(top, #006cff, #006cff); background-image: linear-gradient(to bottom, #006cff, #006cff); background-size: 1px 1rem; } .detail-view[data-v-01412b4d] .el-steps .el-step__head .el-step__line .el-step__line-inner { height: 0 !important; } .detail-view[data-v-01412b4d] .el-steps .el-step__head.is-finish .el-step__icon { background-color: #fff; } .detail-view[data-v-01412b4d] .el-steps .el-step__head.is-finish .el-step__line { background-color: transparent; background-image: -webkit-gradient(linear, left top, left bottom, from(#006cff), to(#006cff)); background-image: -webkit-linear-gradient(top, #006cff, #006cff); background-image: -o-linear-gradient(top, #006cff, #006cff); background-image: linear-gradient(to bottom, #006cff, #006cff); background-size: 1px 1rem; } .detail-view[data-v-01412b4d] .el-steps .el-step__head.is-finish .el-step__line .el-step__line-inner { height: 0 !important; } .detail-view[data-v-01412b4d] .el-steps .el-step__title { font-family: D-DIN-Bold; font-size: 1.3rem; font-weight: bold; line-height: 1.5rem; color: #505050; padding-bottom: 5px; position: relative; } .detail-view[data-v-01412b4d] .el-steps .el-step__title .section-name { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .detail-view[data-v-01412b4d] .el-steps .el-step__title .section-name > span:nth-child(1) { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; margin-right: 1rem; } .detail-view[data-v-01412b4d] .el-steps .el-step__title .section-name > span:nth-child(2) { font-family: D-DIN; font-weight: normal; font-size: 1.1rem; line-height: 1.5rem; color: #006cff; } .detail-view[data-v-01412b4d] .el-steps .el-step__title .section-name > span:nth-child(2):before { content: ''; display: inline-block; width: 8px; height: 8px; border-radius: 50%; background-color: #006cff; margin-right: 8px; vertical-align: middle; } .detail-view[data-v-01412b4d] .el-steps .el-step__description { padding-right: 0; padding-top: 1.3rem; margin-bottom: 2rem; font-size: 1.3rem; line-height: 1.5rem; } .detail-view[data-v-01412b4d] .el-steps .el-step__description .lecturer-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .detail-view[data-v-01412b4d] .el-steps .el-step__description .lecturer-list-item { width: 50%; padding: 4px 8px 4px 2rem; margin-bottom: 12px; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; } .detail-view[data-v-01412b4d] .el-steps .el-step__description .lecturer-list-item:nth-child(2n)::before { content: ''; display: block; position: absolute; left: 0; height: 80%; top: 10%; border-left: 1px solid #006cff; } .detail-view[data-v-01412b4d] .el-steps .el-step__description .lecturer-list-item .lecturer-list-item-item { width: 100%; overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .detail-view[data-v-01412b4d] .el-steps .el-step__description .lecturer-list-item .lecturer-list-item-item .lecturer-list-item-item-cover { width: 4.4rem; height: 4.4rem; position: relative; margin-right: 1.5rem; } .detail-view[data-v-01412b4d] .el-steps .el-step__description .lecturer-list-item .lecturer-list-item-item .lecturer-list-item-item-cover > img { border: 1px solid #006cff; border-radius: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; } .detail-view[data-v-01412b4d] .el-steps .el-step__description .lecturer-list-item .lecturer-list-item-item .lecturer-list-item-item-cover .lecturer-list-item-item-cover-img { display: block; width: 100%; height: 100%; } .detail-view[data-v-01412b4d] .el-steps .el-step__description .lecturer-list-item .lecturer-list-item-item .lecturer-list-item-item-cover .lecturer-list-item-item-cover-org_img { position: absolute; width: 2rem; height: 2rem; right: -1rem; bottom: 0; background-color: #fff; } .detail-view[data-v-01412b4d] .el-steps .el-step__description .lecturer-list-item .lecturer-list-item-item .lecturer-list-item-item-detail { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .detail-view[data-v-01412b4d] .el-steps .el-step__description .lecturer-list-item .lecturer-list-item-item .lecturer-list-item-item-detail > div { min-height: 1.5rem; } .detail-view[data-v-01412b4d] .el-steps .el-step__description .lecturer-list-item .lecturer-list-item-item .lecturer-list-item-item-detail .lecturer-list-item-item-name { font-family: D-DIN-Bold; font-weight: bold; } .detail-view[data-v-01412b4d] .el-steps .el-step__description .lecturer-list-item .lecturer-list-item-item .lecturer-list-item-item-detail .lecturer-list-item-item-position { font-size: 1.1rem; line-height: 1.3rem; } .detail-view[data-v-01412b4d] .el-steps .el-step__description.is-finish { color: #505050; } .detail-view .quizType[data-v-01412b4d] .el-step__head .el-step__icon { background-image: url(../assets/program_quiz-type.9994a23a.svg); background-size: 70%; background-position: center; background-repeat: no-repeat; -webkit-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); } @media screen and (max-width: 46.9rem) { .detail-view[data-v-01412b4d] .el-collapse .el-collapse-item__wrap { padding: 0 6px !important; } .detail-view[data-v-01412b4d] .el-steps .el-step__description { font-size: 1rem !important; line-height: 1.4rem !important; } .detail-view[data-v-01412b4d] .el-steps .el-step__description .lecturer-list-item { width: 100%; margin-right: 0; padding: 0; } .detail-view[data-v-01412b4d] .el-steps .el-step__description .lecturer-list-item .lecturer-list-item-item .lecturer-list-item-item-cover { width: 3.8rem; height: 3.8rem; margin-right: 1.1rem; } .detail-view[data-v-01412b4d] .el-steps .el-step__description .lecturer-list-item .lecturer-list-item-item .lecturer-list-item-item-cover .lecturer-list-item-item-cover-org_img { width: 1.5rem; height: 1.5rem; right: -6px; } .section-name[data-v-01412b4d] { font-size: 1rem !important; line-height: 1.4rem !important; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .section-name > span[data-v-01412b4d] { width: 100%; margin: 0 !important; } .pos[data-v-01412b4d]::after { display: none !important; } .pos[data-v-01412b4d] { padding-left: 0 !important; font-size: 1rem !important; line-height: 1.4rem !important; color: #074292 !important; } .title-cont[data-v-01412b4d] { font-size: 1.1rem !important; line-height: 1.6rem !important; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .title-cont[data-v-01412b4d]:before { margin-right: 12px !important; } .title-cont > span[data-v-01412b4d] { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } [data-v-01412b4d] .el-collapse-item__header { padding: 6px !important; } } .program-course[data-v-e8b0fb78] { margin-bottom: 1.5rem; } .program-course .program-course-title[data-v-e8b0fb78] { font-family: 'D-DIN-Bold'; font-weight: bold; font-size: 3rem; line-height: 3.5rem; margin-bottom: 1.5rem; padding-bottom: 1.5rem; } .articles-item[data-v-13d40935] { font-family: D-DIN; font-size: 1.3rem; line-height: 1.8rem; width: 100%; height: 100%; padding: 1.5rem; border: 1px solid #006cff; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .articles-item .articles-item-img[data-v-13d40935] { width: 100%; height: 10rem; -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 8px; position: relative; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; border: 1px solid #006cff; opacity: 0.8; } .articles-item .articles-item-img .articles-item-img-cover[data-v-13d40935] { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; } .articles-item .articles-item-img .articles-item-img-hot[data-v-13d40935] { position: absolute; left: 0; top: 0; width: 3.8rem; } .articles-item .articles-item-title[data-v-13d40935] { -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; font-family: D-DIN-Bold; font-weight: bold; height: 5.3rem; color: #3c3c3c; margin-bottom: 1rem; -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .articles-item .articles-item-subtitle[data-v-13d40935] { -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; color: #505050; margin-bottom: 1rem; height: 3.5rem; overflow: hidden; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .articles-item .articles-item-text[data-v-13d40935] { margin-top: 1rem; padding-top: 1rem; border-top: 1px solid #006cff; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .articles-item:hover .articles-item-img[data-v-13d40935] { opacity: 1; -webkit-transform: scale(1.02); -ms-transform: scale(1.02); transform: scale(1.02); } .articles-item:hover .articles-item-title[data-v-13d40935] { color: #006cff; } .articles-item:hover .articles-item-subtitle[data-v-13d40935] { color: #006cff; } @media screen and (max-width: 46.9rem) { .articles-item[data-v-13d40935] { font-size: 1.1rem; line-height: 1.6rem; } .articles-item .articles-item-img[data-v-13d40935] { opacity: 1; } .articles-item .articles-item-title[data-v-13d40935] { font-size: 1.3rem; line-height: 1.8rem; height: unset; overflow: unset; } .articles-item .articles-item-subtitle[data-v-13d40935] { height: unset; overflow: unset; -webkit-line-clamp: unset; } } .recommend[data-v-a2ef0ff6] { margin-bottom: 1.5rem; } .recommend .recommend-title[data-v-a2ef0ff6] { font-family: 'D-DIN-Bold'; font-weight: bold; font-size: 3rem; line-height: 3.5rem; margin-bottom: 1.5rem; padding-bottom: 1.5rem; } .recommend .partner-swiper[data-v-a2ef0ff6] { -webkit-box-sizing: border-box; box-sizing: border-box; } .recommend .partner-swiper .partner-item-wrap[data-v-a2ef0ff6] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .recommend .partner-swiper .partner-item-wrap .partner-cont[data-v-a2ef0ff6] { width: calc(100% / var(--column)); padding: 0px 6px 12px; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .recommend .partner-swiper .partner-item-wrap .partner-cont .alumni-view-item-content[data-v-a2ef0ff6] { border: 1px solid #006cff; padding: 12px; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; margin-bottom: 1.5rem; } .recommend .partner-swiper .partner-item-wrap .partner-cont .alumni-view-item-content .alumni-view-item-content_text[data-v-a2ef0ff6] { height: 14rem; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 8; -webkit-box-orient: vertical; } .recommend .partner-swiper .partner-item-wrap .partner-cont .alumni-view-item-content .alumni-view-item-content_arrow[data-v-a2ef0ff6] { position: absolute; display: block; width: 0; height: 0; left: 1.3rem; bottom: -0.9rem; border-color: transparent; border-style: solid; border-top-color: #006cff; border-width: 0.9rem; border-bottom-width: 0; } .recommend .partner-swiper .partner-item-wrap .partner-cont .alumni-view-item-content .alumni-view-item-content_arrow[data-v-a2ef0ff6]::after { content: ''; position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 13px; bottom: 1px; margin-left: -13px; border-top-color: #fff; border-bottom-width: 0; } .recommend .partner-swiper .partner-item-wrap .partner-cont .alumni-view-item-detail[data-v-a2ef0ff6] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .recommend .partner-swiper .partner-item-wrap .partner-cont .alumni-view-item-detail .alumni-view-item-logo[data-v-a2ef0ff6] { position: relative; width: 3.8rem; height: 3.8rem; margin-right: 5px; } .recommend .partner-swiper .partner-item-wrap .partner-cont .alumni-view-item-detail .alumni-view-item-logo > img[data-v-a2ef0ff6] { width: 100%; height: 100%; background-color: #fff; -o-object-fit: cover; object-fit: cover; position: absolute; inset: 0; border: 1px solid #005eff; } .recommend .partner-swiper .partner-item-wrap .partner-cont .alumni-view-item-detail .alumni-view-item-logo[data-v-a2ef0ff6]::before { content: ''; position: absolute; width: 100%; height: 100%; border: 1px solid #006cff; left: 4px; top: 4px; } .recommend .partner-swiper .partner-item-wrap .partner-cont .alumni-view-item-detail .alumni-view-item-info[data-v-a2ef0ff6] { padding-left: 1.5rem; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; font-size: 1rem; line-height: 1.3rem; } .recommend .partner-swiper .partner-item-wrap .partner-cont .alumni-view-item-detail .alumni-view-item-info .info-name[data-v-a2ef0ff6] { font-family: D-DIN-Bold; font-weight: bold; margin-bottom: 4px; } .recommend .partner-swiper .partner-item-wrap .partner-cont .alumni-view-item-detail .alumni-view-item-info .info-position[data-v-a2ef0ff6] { height: 2.5rem; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .recommend .partner-swiper .recommend-swiper-pagination[data-v-a2ef0ff6] { position: static; text-align: center; } .recommend .partner-swiper .recommend-swiper-pagination[data-v-a2ef0ff6] .swiper-pagination-bullet { margin: 0 8px; } .learner-say[data-v-e1166a96] { margin-bottom: 1.5rem; } .learner-say .learner-say-title[data-v-e1166a96] { font-family: 'D-DIN-Bold'; font-weight: bold; font-size: 3rem; line-height: 3.5rem; margin-bottom: 1.5rem; padding-bottom: 1.5rem; } .partner-swiper[data-v-e1166a96] { -webkit-box-sizing: border-box; box-sizing: border-box; } .partner-swiper .partner-item-wrap[data-v-e1166a96] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .partner-swiper .partner-item-wrap .partner-cont[data-v-e1166a96] { width: calc(100% / var(--column)); padding: 0px 6px 12px; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .partner-swiper .partner-item-wrap .partner-cont .alumni-view-item-content[data-v-e1166a96] { border: 1px solid #006cff; padding: 12px; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; margin-bottom: 1.5rem; } .partner-swiper .partner-item-wrap .partner-cont .alumni-view-item-content .alumni-view-item-content_text[data-v-e1166a96] { height: 14rem; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 8; -webkit-box-orient: vertical; } .partner-swiper .partner-item-wrap .partner-cont .alumni-view-item-content .alumni-view-item-content_arrow[data-v-e1166a96] { position: absolute; display: block; width: 0; height: 0; left: 1.3rem; bottom: -0.9rem; border-color: transparent; border-style: solid; border-top-color: #006cff; border-width: 0.9rem; border-bottom-width: 0; } .partner-swiper .partner-item-wrap .partner-cont .alumni-view-item-content .alumni-view-item-content_arrow[data-v-e1166a96]::after { content: ''; position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 13px; bottom: 1px; margin-left: -13px; border-top-color: #fff; border-bottom-width: 0; } .partner-swiper .partner-item-wrap .partner-cont .alumni-view-item-detail[data-v-e1166a96] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .partner-swiper .partner-item-wrap .partner-cont .alumni-view-item-detail .alumni-view-item-logo[data-v-e1166a96] { position: relative; width: 3.8rem; height: 3.8rem; margin-right: 5px; } .partner-swiper .partner-item-wrap .partner-cont .alumni-view-item-detail .alumni-view-item-logo > img[data-v-e1166a96] { width: 100%; height: 100%; background-color: #fff; -o-object-fit: cover; object-fit: cover; position: absolute; inset: 0; border: 1px solid #005eff; } .partner-swiper .partner-item-wrap .partner-cont .alumni-view-item-detail .alumni-view-item-logo[data-v-e1166a96]::before { content: ''; position: absolute; width: 100%; height: 100%; border: 1px solid #006cff; left: 4px; top: 4px; } .partner-swiper .partner-item-wrap .partner-cont .alumni-view-item-detail .alumni-view-item-info[data-v-e1166a96] { padding-left: 1.5rem; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; font-size: 1rem; line-height: 1.3rem; } .partner-swiper .partner-item-wrap .partner-cont .alumni-view-item-detail .alumni-view-item-info .info-name[data-v-e1166a96] { font-family: D-DIN-Bold; font-weight: bold; margin-bottom: 4px; } .partner-swiper .partner-item-wrap .partner-cont .alumni-view-item-detail .alumni-view-item-info .info-position[data-v-e1166a96] { height: 2.5rem; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .partner-swiper .amplifierSay-swiper-pagination[data-v-e1166a96] { position: static; text-align: center; } .partner-swiper .amplifierSay-swiper-pagination[data-v-e1166a96] .swiper-pagination-bullet { margin: 0 8px; } .program-content[data-v-104475bb] { margin: 1.5rem 0; padding-top: 5rem; border-top: 1px solid #006cff; border-bottom: 1px solid #006cff; } .program-content .program-content-nav[data-v-104475bb] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 2.5rem; position: -webkit-sticky; position: sticky; z-index: 99; top: 4.3rem; background-color: #fff; } .program-content .program-content-nav .program-content-nav-left[data-v-104475bb] { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; border-bottom: 1px solid #006aff; } .program-content .program-content-nav .program-content-nav-left .program-content-nav-item[data-v-104475bb] { width: 11.3rem; height: 3.5rem; text-align: center; line-height: 3.5rem; font-size: 1.5rem; color: #8cbeff; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .program-content .program-content-nav .program-content-nav-left .program-content-nav-item[data-v-104475bb]::after { content: ''; display: block; position: absolute; left: 0; bottom: -4px; width: 100%; height: 4px; background-color: transparent; } .program-content .program-content-nav .program-content-nav-left .activeNav[data-v-104475bb] { font-family: 'D-DIN-Bold'; font-weight: bold; color: #3c3c3c; } .program-content .program-content-nav .program-content-nav-left .activeNav[data-v-104475bb]::after { background-color: #006aff; } .program-content .program-content-detail[data-v-104475bb] { margin-bottom: 2.5rem; } .program-content .program-content-detail .program-content-detail-title[data-v-104475bb] { font-family: 'D-DIN-Bold'; font-weight: bold; font-size: 3rem; line-height: 3.5rem; margin-bottom: 1.5rem; padding-bottom: 1.5rem; border-bottom: 1px solid #006aff; } .program-content .ai-women-partners[data-v-104475bb] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 2.3rem; } .program-content .ai-women-partners .ai-women-partner-item[data-v-104475bb] { width: calc(100% / 3 - 1.5rem); margin-right: 1.5rem; margin-bottom: 1.5rem; } .program-content .ai-women-partners .ai-women-partner-item .ai-women-partner-item-content[data-v-104475bb] { background: rgba(255, 255, 255, 0.76); -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #006aff; padding: 1.3rem; box-sizing: border-box; overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .program-content .ai-women-partners .ai-women-partner-item .ai-women-partner-item-content > img[data-v-104475bb] { height: 7.1rem; max-width: 100%; -o-object-fit: cover; object-fit: contain; margin-bottom: 1rem; } .program-content .ai-women-partners .ai-women-partner-item .ai-women-partner-item-introduce[data-v-104475bb] { margin: 1.5rem 0; } .program-content .ai-women-partners .ai-women-partner-item[data-v-104475bb]:nth-child(3n) { margin-right: 0; } .program-content .ai-women-partners .has-introduce[data-v-104475bb] { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 1.5rem; margin-right: 0; } .program-content .ai-women-partners .has-introduce .ai-women-partner-item-content[data-v-104475bb] { width: calc(100% / 3 - 1.5rem); } .program-content .ai-women-partners .has-introduce .ai-women-partner-item-introduce[data-v-104475bb] { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; margin: 0; padding-left: 2.5rem; } .program-content .ai-women-partners .has-introduce .ai-women-partner-item-introduce[data-v-104475bb] a { color: #006aff !important; } .program-content .learn-tips[data-v-104475bb] { margin-top: 2.5rem; padding: 2.5rem; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #8cbeff; } .program-content .learn-tips .learn-tips-required[data-v-104475bb] { font-family: D-DIN-Bold; font-size: 1.3rem; font-weight: 700; } .fade-enter-active[data-v-6345ad9f], .fade-leave-active[data-v-6345ad9f] { -webkit-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .fade-enter[data-v-6345ad9f], .fade-leave-to[data-v-6345ad9f] { opacity: 0; } .promotion-dialog[data-v-6345ad9f] { position: fixed; bottom: 30%; left: 50vw; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 2001; background-color: rgba(255, 255, 255, 0.9); border-radius: unset; -webkit-box-shadow: unset; box-shadow: unset; border: 1px solid #006cff; -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 108, 255, 0.3); box-shadow: 0px 0px 10px 0px rgba(0, 108, 255, 0.3); width: 50rem; } .promotion-dialog .promotion-dialog-wrap[data-v-6345ad9f] { border: 4px solid #ffffff; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 1.3rem; } .promotion-dialog .promotion-dialog-body[data-v-6345ad9f] { font-family: D-DIN; font-size: 1.1rem; line-height: 1.5rem; color: #3c3c3c; overflow: auto; } .promotion-dialog .promotion-dialog-body .promotion-header[data-v-6345ad9f] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 1rem; } .promotion-dialog .promotion-dialog-body .promotion-header .promotion-header-img[data-v-6345ad9f] { width: 19.4rem; height: 11rem; -o-object-fit: cover; object-fit: cover; margin-right: 1rem; } .promotion-dialog .promotion-dialog-body .promotion-header .promotion-header-text[data-v-6345ad9f] { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .promotion-dialog .promotion-dialog-body .promotion-header .promotion-header-text .promotion-header-text-title[data-v-6345ad9f] { font-family: D-DIN-Bold; font-size: 1.5rem; font-weight: bold; line-height: 2rem; margin-bottom: 8px; } .promotion-dialog .promotion-dialog-body .promotion-btn[data-v-6345ad9f] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: #006cff; border: 1px solid #ffffff; color: #fff; font-size: 1.4rem; line-height: 2rem; padding: 4px 0; cursor: pointer; } .promotion-dialog .promotion-dialog-body .promotion-btn > img[data-v-6345ad9f] { margin-left: 1.5rem; width: 2rem; } .promotion-dialog .close-btn[data-v-6345ad9f] { position: absolute; top: -1.3rem; right: -1.3rem; width: 2.5rem; height: 2.5rem; cursor: pointer; } .promotion-dialog .close-btn > img[data-v-6345ad9f] { width: 100%; } @media screen and (max-width: 46.9rem) { .promotion-dialog[data-v-6345ad9f] { width: 86%; margin: 0 auto; bottom: 50vh; -webkit-transform: translate(-50%, 50%); -ms-transform: translate(-50%, 50%); transform: translate(-50%, 50%); } .promotion-dialog .promotion-dialog-body .promotion-header[data-v-6345ad9f] { display: block; } .promotion-dialog .promotion-dialog-body .promotion-header .promotion-header-img[data-v-6345ad9f] { width: 100%; margin-right: 0; margin-bottom: 8px; height: auto; max-height: 11.3rem; } } .enroll-btn-view[data-v-28d654ee] { position: -webkit-sticky; position: sticky; bottom: 0; background-color: #006cff; color: #fff; z-index: 99; } .enroll-btn-view .enroll-btn-view-content[data-v-28d654ee] { min-height: 5rem; padding: 12px 1rem; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .enroll-btn-view .enroll-btn-view-content .enroll-btn-view-content-right[data-v-28d654ee] { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .enroll-btn-view .enroll-btn-view-content .enroll-btn-view-content-right .enroll-btn-view-content-btn[data-v-28d654ee] { cursor: pointer; border: 1px solid #fff; width: 20rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 8px 12px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-left: 1.5rem; } .enroll-btn-view .enroll-btn-view-content .enroll-btn-view-content-right .btn-has_icon > span[data-v-28d654ee] { margin-right: 2rem; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .enroll-btn-view .enroll-btn-view-content .enroll-btn-view-content-right .btn-has_icon > img[data-v-28d654ee] { width: 3.1rem; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .enroll-btn-view .enroll-btn-view-content .enroll-btn-view-content-right .btn-has_icon:hover > span[data-v-28d654ee] { -webkit-transform: translateX(8px); -ms-transform: translateX(8px); transform: translateX(8px); } .enroll-btn-view .enroll-btn-view-content .enroll-btn-view-content-right .btn-has_icon:hover > img[data-v-28d654ee] { -webkit-transform: translateX(-8px); -ms-transform: translateX(-8px); transform: translateX(-8px); } .hideBottom[data-v-28d654ee] { height: 0; width: 0; overflow: hidden; } .learn-detail[data-v-1c6610f1] { font-family: D-DIN; font-size: 1.3rem; line-height: 1.8rem; color: #3c3c3c; } .learn-detail-header[data-v-cc9db554] { margin: 1.5rem 0; color: #3c3c3c; -webkit-box-sizing: border-box; box-sizing: border-box; border-top: 1px solid #006cff; border-bottom: 1px solid #006cff; background-image: var(--bg); background-repeat: no-repeat; background-position: right top; background-size: cover; position: relative; } .learn-detail-header .learn-detail-header-box[data-v-cc9db554] { padding: 2.5rem; -webkit-box-sizing: border-box; box-sizing: border-box; } .learn-detail-header .learn-detail-header-box .learn-detail-header-box-title[data-v-cc9db554] { font-family: D-DIN-Bold; font-size: 2.5rem; font-weight: bold; line-height: 3rem; margin-bottom: 1.5rem; } .learn-detail-header .learn-detail-header-box .learn-detail-header-box-content[data-v-cc9db554] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .learn-detail-header .learn-detail-header-box .learn-detail-header-box-content > div[data-v-cc9db554] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-family: D-DIN; font-size: 1.1rem; line-height: 1.3rem; } .learn-detail-header .learn-detail-header-box .learn-detail-header-box-content > div > img[data-v-cc9db554] { width: 1rem; margin-right: 8px; } .learn-detail-header .learn-detail-header-box .learn-detail-header-box-content > div[data-v-cc9db554]:nth-child(2) { padding: 0 1.5rem; margin: 0 1.5rem; border-left: 1px solid #8cbeff; border-right: 1px solid #8cbeff; } .learn-detail-header .learn-detail-header-box .learn-detail-header-box-content .hide-right-border[data-v-cc9db554] { border-right: 1px solid transparent !important; } @media screen and (max-width: 46.9rem) { .learn-detail-header[data-v-cc9db554] { background-position: 80% bottom; margin: 1.5rem 0; } .learn-detail-header .learn-detail-header-box[data-v-cc9db554] { padding: 1.5rem; margin: 0 1rem; } .learn-detail-header .learn-detail-header-box .learn-detail-header-box-title[data-v-cc9db554] { width: 100%; font-size: 2.3rem; line-height: 2.8rem; margin-bottom: 1rem; } } .content-header[data-v-57c687a6] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .content-header[data-v-57c687a6] .el-breadcrumb { font-size: 1rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .content-header[data-v-57c687a6] .el-breadcrumb .el-breadcrumb__item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .content-header[data-v-57c687a6] .el-breadcrumb .el-breadcrumb__item .el-breadcrumb__inner a, .content-header[data-v-57c687a6] .el-breadcrumb .el-breadcrumb__item .el-breadcrumb__inner.is-link { color: #006cff; font-weight: 400; } .content-header[data-v-57c687a6] .el-breadcrumb .el-breadcrumb__item .el-breadcrumb__inner { color: #8cbeff; max-width: 15rem; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: inline-block; } .content-header[data-v-57c687a6] .el-breadcrumb .el-breadcrumb__item .el-breadcrumb__separator { color: #8cbeff; } .content-header[data-v-57c687a6] .el-breadcrumb .el-breadcrumb__item .home-icon { height: 12px; margin-right: 8px; } .content-header .content-btn[data-v-57c687a6] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .content-header .content-btn > div[data-v-57c687a6] { padding: 4px 10px; background-color: #f9fbff; cursor: pointer; color: #006cff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .content-header .content-btn > div > img[data-v-57c687a6] { width: 1rem; } .content-header .content-btn .content-btn-left > img[data-v-57c687a6] { margin-right: 8px; } .content-header .content-btn .content-btn-right[data-v-57c687a6] { margin-left: 1.5rem; } .content-header .content-btn .content-btn-right > img[data-v-57c687a6] { margin-left: 8px; } @charset "UTF-8"; .section-menu[data-v-1ab4c40f] { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 22.5rem; margin-right: 2.5rem; background: #ffffff; border: 1px solid #006cff; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-box-sizing: border-box; box-sizing: border-box; } .section-menu .section-menu-title[data-v-1ab4c40f] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; cursor: pointer; padding: 1rem 1.5rem; } .section-menu .section-menu-title .icon-menu[data-v-1ab4c40f] { width: 1rem; height: 1rem; font-size: 1rem; } .section-menu .section-menu-title > div[data-v-1ab4c40f] { margin-left: 1rem; font-size: 1.1rem; line-height: 1; color: #006cff; } .section-menu .menu-item-wrap[data-v-1ab4c40f] { margin: 0 1.5rem; border-top: 1px solid #006cff; } .section-menu .menu-item-wrap[data-v-1ab4c40f] .el-collapse { border: none; word-break: break-word; -webkit-box-sizing: border-box; box-sizing: border-box; font-family: D-DIN; font-size: 1.1rem; line-height: 1.6rem; color: #3c3c3c; padding-bottom: 4px; } .section-menu .menu-item-wrap[data-v-1ab4c40f] .el-collapse .el-collapse-item .el-collapse-item__header { border-bottom: none; border-top: 1px solid #006cff; padding: 1rem 0; height: auto; line-height: 1; cursor: pointer; font-family: D-DIN-Bold; font-weight: bold; font-size: 1.1rem; } .section-menu .menu-item-wrap[data-v-1ab4c40f] .el-collapse .el-collapse-item .el-collapse-item__header .el-collapse-item__arrow { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); color: #006cff; padding: 4px; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; font-size: 1.3rem; } .section-menu .menu-item-wrap[data-v-1ab4c40f] .el-collapse .el-collapse-item .el-collapse-item__header .el-collapse-item__arrow.is-active { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .section-menu .menu-item-wrap[data-v-1ab4c40f] .el-collapse .el-collapse-item:nth-child(1) .el-collapse-item__header { border-top: none; } .section-menu .menu-item-wrap[data-v-1ab4c40f] .el-collapse .el-collapse-item .el-collapse-item__wrap { border-top: none; border-bottom: none; background: #fff; padding: 0 0 1rem; } .section-menu .menu-item-wrap[data-v-1ab4c40f] .el-collapse .el-collapse-item .el-collapse-item__wrap .el-collapse-item__content { font-size: 1.1rem; line-height: 1.5rem; padding: 0; max-height: 20rem; overflow: auto; /* 修改滚动条轨道颜色 */ /* 修改滚动条滑块颜色 */ } .section-menu .menu-item-wrap[data-v-1ab4c40f] .el-collapse .el-collapse-item .el-collapse-item__wrap .el-collapse-item__content::-webkit-scrollbar { width: 6px; } .section-menu .menu-item-wrap[data-v-1ab4c40f] .el-collapse .el-collapse-item .el-collapse-item__wrap .el-collapse-item__content::-webkit-scrollbar-track { background-color: #E9F0FC; } .section-menu .menu-item-wrap[data-v-1ab4c40f] .el-collapse .el-collapse-item .el-collapse-item__wrap .el-collapse-item__content::-webkit-scrollbar-thumb { background-color: #8CBEFF; } .section-menu .menu-item-wrap[data-v-1ab4c40f] .el-collapse .el-collapse-item .el-collapse-item__wrap .el-collapse-item__content .lecturer-list-item { margin-top: 1rem; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; cursor: pointer; } .section-menu .menu-item-wrap[data-v-1ab4c40f] .el-collapse .el-collapse-item .el-collapse-item__wrap .el-collapse-item__content .lecturer-list-item:nth-child(1) { margin-top: 0; } .section-menu .menu-item-wrap[data-v-1ab4c40f] .el-collapse .el-collapse-item .el-collapse-item__wrap .el-collapse-item__content .lecturer-list-item .lecturer-cover { width: 3.8rem; height: 3.8rem; position: relative; margin-right: 1rem; } .section-menu .menu-item-wrap[data-v-1ab4c40f] .el-collapse .el-collapse-item .el-collapse-item__wrap .el-collapse-item__content .lecturer-list-item .lecturer-cover .lecturer-cover-img { display: block; width: 100%; height: 100%; border: 1px solid #006cff; border-radius: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; -o-object-fit: cover; object-fit: cover; } .section-menu .menu-item-wrap[data-v-1ab4c40f] .el-collapse .el-collapse-item .el-collapse-item__wrap .el-collapse-item__content .lecturer-list-item .lecturer-list-item-detail { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .section-menu .menu-item-wrap[data-v-1ab4c40f] .el-collapse .el-collapse-item .el-collapse-item__wrap .el-collapse-item__content .lecturer-list-item .lecturer-list-item-detail > div { min-height: 1.5rem; } .section-menu .menu-item-wrap[data-v-1ab4c40f] .el-collapse .el-collapse-item .el-collapse-item__wrap .el-collapse-item__content .lecturer-list-item .lecturer-list-item-detail .lecturer-name { font-family: D-DIN-Bold; font-weight: bold; } .section-menu .menu-item-wrap[data-v-1ab4c40f] .el-collapse .el-collapse-item .el-collapse-item__wrap .el-collapse-item__content .lecturer-list-item .lecturer-list-item-detail .lecturer-position { font-size: 1rem; line-height: 1.4rem; } .section-menu .menu-item-wrap[data-v-1ab4c40f] .el-collapse .el-collapse-item .el-collapse-item__wrap .el-collapse-item__content .lecturer-name, .section-menu .menu-item-wrap[data-v-1ab4c40f] .el-collapse .el-collapse-item .el-collapse-item__wrap .el-collapse-item__content .lecturer-position { -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .section-menu .menu-item-wrap[data-v-1ab4c40f] .el-collapse .el-collapse-item .el-collapse-item__wrap .el-collapse-item__content .lecturer-list-item:hover .lecturer-name { color: #006cff; } .section-menu .menu-item-wrap[data-v-1ab4c40f] .el-collapse .el-collapse-item .el-collapse-item__wrap .el-collapse-item__content .lecturer-list-item:hover .lecturer-position { color: #0a418c; } .section-menu .menu-item-wrap[data-v-1ab4c40f] .el-collapse .el-collapse-item .el-collapse-item__wrap .el-collapse-item__content .course-item { padding: 1rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; cursor: pointer; } .section-menu .menu-item-wrap[data-v-1ab4c40f] .el-collapse .el-collapse-item .el-collapse-item__wrap .el-collapse-item__content .course-item .course-item-status_icon { width: 1rem; margin-right: 8px; margin-top: 4px; } .section-menu .menu-item-wrap[data-v-1ab4c40f] .el-collapse .el-collapse-item .el-collapse-item__wrap .el-collapse-item__content .course-item .course-item-cont { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .section-menu .menu-item-wrap[data-v-1ab4c40f] .el-collapse .el-collapse-item .el-collapse-item__wrap .el-collapse-item__content .course-item .course-item-cont .course-item-text { font-size: 1rem; line-height: 1.3rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .section-menu .menu-item-wrap[data-v-1ab4c40f] .el-collapse .el-collapse-item .el-collapse-item__wrap .el-collapse-item__content .course-item .course-item-cont .course-item-text .course-item-text-interactive { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .section-menu .menu-item-wrap[data-v-1ab4c40f] .el-collapse .el-collapse-item .el-collapse-item__wrap .el-collapse-item__content .course-item .course-item-cont .course-item-text .course-item-text-interactive > img { width: 0.9rem; margin-right: 8px; } .section-menu .menu-item-wrap[data-v-1ab4c40f] .el-collapse .el-collapse-item .el-collapse-item__wrap .el-collapse-item__content .course-item, .section-menu .menu-item-wrap[data-v-1ab4c40f] .el-collapse .el-collapse-item .el-collapse-item__wrap .el-collapse-item__content .course-item-title, .section-menu .menu-item-wrap[data-v-1ab4c40f] .el-collapse .el-collapse-item .el-collapse-item__wrap .el-collapse-item__content .course-item-text { -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .section-menu .menu-item-wrap[data-v-1ab4c40f] .el-collapse .el-collapse-item .el-collapse-item__wrap .el-collapse-item__content .course-item:hover, .section-menu .menu-item-wrap[data-v-1ab4c40f] .el-collapse .el-collapse-item .el-collapse-item__wrap .el-collapse-item__content .active { background: #f9fbff; } .section-menu .menu-item-wrap[data-v-1ab4c40f] .el-collapse .el-collapse-item .el-collapse-item__wrap .el-collapse-item__content .course-item:hover .course-item-cont .course-item-title, .section-menu .menu-item-wrap[data-v-1ab4c40f] .el-collapse .el-collapse-item .el-collapse-item__wrap .el-collapse-item__content .active .course-item-cont .course-item-title { color: #006cff; } .section-menu .menu-item-wrap[data-v-1ab4c40f] .el-collapse .el-collapse-item .el-collapse-item__wrap .el-collapse-item__content .course-item:hover .course-item-cont .course-item-text, .section-menu .menu-item-wrap[data-v-1ab4c40f] .el-collapse .el-collapse-item .el-collapse-item__wrap .el-collapse-item__content .active .course-item-cont .course-item-text { color: #0a418c; } .section-menu .next-lesson[data-v-1ab4c40f] { padding: 1rem 0; } .section-menu .next-lesson .next-lesson-title[data-v-1ab4c40f], .section-menu .next-lesson .next-lesson-section_name[data-v-1ab4c40f] { font-family: D-DIN-Bold; font-size: 1.1rem; font-weight: bold; line-height: 1.5rem; } .section-menu .next-lesson .next-lesson-title[data-v-1ab4c40f] { margin-bottom: 8px; } .section-menu .next-lesson .next-lesson-section[data-v-1ab4c40f] { cursor: pointer; } .section-menu .next-lesson .next-lesson-section .next-lesson-section_name[data-v-1ab4c40f] { margin-bottom: 4px; color: #0a418c; } .section-menu .next-lesson .next-lesson-section .next-lesson-section_num[data-v-1ab4c40f] { font-size: 1rem; line-height: 1.3rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .section-menu .next-lesson .next-lesson-section .next-lesson-section_num > img[data-v-1ab4c40f] { width: 1rem; margin-right: 8px; } .close-menu[data-v-1ab4c40f] { width: auto; } @charset "UTF-8"; /* 打分弹窗 */ .rate-dialog[data-v-01fee69a] { z-index: 66; position: absolute; width: 100%; height: 100%; inset: 0; font-family: D-DIN; font-size: 1.3rem; line-height: 1.5rem; color: #006cff; /* display: none; */ } .rate-dialog .rate-body[data-v-01fee69a] { position: absolute; width: 26.3rem; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: #fff; padding: 2rem; border: 1px solid #006cff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .rate-dialog .rate-body .rate-close[data-v-01fee69a] { position: absolute; width: 2.5rem; height: 2.5rem; top: -1.3rem; right: -1.3rem; } .rate-dialog .rate-body .rate-body-title[data-v-01fee69a] { font-family: D-DIN-Bold; font-size: 1.3rem; font-weight: bold; line-height: 1.5rem; color: #3c3c3c; margin-bottom: 1.5rem; } .rate-dialog .rate-body .rate-body-star[data-v-01fee69a] { margin-bottom: 10px; } .rate-dialog .rate-body .rate-body-star > img[data-v-01fee69a] { height: 1.3rem; margin: 0 5px; } .rate-dialog .rate-body .rate-body-score[data-v-01fee69a] { margin-bottom: 1rem; font-family: D-DIN-Bold; font-weight: bold; } .rate-dialog .rate-body .rate-body-btn[data-v-01fee69a] { border: 1px solid #006cff; padding: 12px 3rem; cursor: pointer; } .exam-item-view[data-v-77dc5535] { height: 100%; font-size: 1rem; line-height: 1.3rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .exam-item-view .exam-item-view-title[data-v-77dc5535] { font-size: 1.1rem; line-height: 1.4rem; font-family: D-DIN-Bold; font-weight: 700; color: #333333; margin-bottom: 1.5rem; } .exam-item-view .exam-item-view-answer[data-v-77dc5535] { padding: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-top: 1px solid #6ca4f7; border-bottom: 1px solid #6ca4f7; } .exam-item-view .exam-item-view-answer .exam-item-view-answer-tip[data-v-77dc5535] { color: #4ed53b; margin-right: 10px; } .exam-item-view .exam-item-view-answer .exam-item-view-answer-tip > span[data-v-77dc5535] { display: inline-block; width: 1.3rem; height: 1.3rem; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #4ed53b; border-radius: 50%; text-align: center; line-height: 1.3rem; margin-right: 8px; } .exam-item-view .exam-item-view-answer .exam-item-view-answer-tip > span i[data-v-77dc5535] { color: #4ed53b; } .exam-item-view .exam-item-view-answer .errorAnswer[data-v-77dc5535] { color: #dd4747; } .exam-item-view .exam-item-view-answer .errorAnswer > span[data-v-77dc5535] { border-color: #dd4747; } .exam-item-view .exam-item-view-answer .errorAnswer > span i[data-v-77dc5535] { color: #dd4747; } .exam-item-view .exam-item-view-answer .exam-item-view-answer-your[data-v-77dc5535] { width: 100%; text-align: center; margin-top: 6px; } .exam-item-view .exam-item-view-answer .exam-item-view-answer-your span[data-v-77dc5535] { font-weight: 700; } .exam-item-view .exam-item-view-options[data-v-77dc5535] { font-size: 1rem; line-height: 1.4rem; color: #183969; } .exam-item-view .exam-item-view-options .exam-item-view-options-item[data-v-77dc5535] { -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 1.9rem; border: 1px solid #183969; padding: 4px 2rem 4px 1.3rem; margin: 8px 1.5rem; cursor: pointer; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .exam-item-view .exam-item-view-options .exam-item-view-options-item .item-code[data-v-77dc5535] { font-weight: 700; } .exam-item-view .exam-item-view-options .exam-item-view-options-item .item-opt[data-v-77dc5535] { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .exam-item-view .exam-item-view-options .exam-item-view-options-item .right-icon[data-v-77dc5535] { position: absolute; top: calc(50% - 10px); right: 10px; width: 1.3rem; height: 1.3rem; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #0073fa; border-radius: 50%; text-align: center; line-height: 1.3rem; } .exam-item-view .exam-item-view-options .exam-item-view-options-item .error-icon[data-v-77dc5535] { border-color: #dd4747; } .exam-item-view .exam-item-view-options .exam-item-view-options-item .error-icon i[data-v-77dc5535] { color: #dd4747; } .exam-item-view .exam-item-view-options .checkedOption[data-v-77dc5535] { position: relative; color: #0073fa; border-color: #0073fa; background-color: #fff; -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 115, 250, 0.41); box-shadow: 0px 0px 10px 0px rgba(0, 115, 250, 0.41); } .flex-default[data-v-77dc5535] { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .flex-default .exam-item-view-options[data-v-77dc5535] { margin-top: 3rem; } .type2EChart-view[data-v-5211748a] { height: 100%; } .type2EChart-view .echart[data-v-5211748a] { width: 100%; height: 80%; } .type2EChart-view .type2EChart-footer-tip[data-v-5211748a] { line-height: 1.4rem; margin-top: 1rem; } .type2EChart-view .type2EChart-footer-tip > div[data-v-5211748a] { text-align: center; color: #183969; font-size: 1rem; } .type2EChart-view .type2EChart-footer-tip > div > span[data-v-5211748a] { color: #0073fa; font-weight: 700; font-size: 1.1rem; } .exam-item-view[data-v-77ea6cb6] { height: 100%; font-size: 1rem; line-height: 1.3rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .exam-item-view .exam-item-view-title[data-v-77ea6cb6] { font-size: 1.1rem; line-height: 1.4rem; font-family: D-DIN-Bold; font-weight: 700; color: #333333; margin-bottom: 1.5rem; } .exam-item-view .exam-item-view-options[data-v-77ea6cb6] { font-size: 1rem; line-height: 1.4rem; color: #183969; } .exam-item-view .exam-item-view-options .exam-item-view-options-item[data-v-77ea6cb6] { -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 1.9rem; border: 1px solid #183969; padding: 4px 1.5rem; margin: 8px 1.5rem; cursor: pointer; } .exam-item-view .exam-item-view-options .exam-item-view-options-item[data-v-77ea6cb6]:hover { background-color: #fff; } .exam-item-view .exam-item-view-options .exam-item-view-options-item > span[data-v-77ea6cb6] { font-family: D-DIN-Bold; font-weight: 700; } .exam-item-view .exam-item-view-options .checkedOption[data-v-77ea6cb6] { color: #0073fa; border-color: #0073fa; background-color: #fff; -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 115, 250, 0.41); box-shadow: 0px 0px 10px 0px rgba(0, 115, 250, 0.41); } .exam-item-view .exam-item-view-statistics[data-v-77ea6cb6] { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; border-top: 1px solid #6ca4f7; padding-top: 1rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .exam-item-view .exam-item-view-statistics .exam-item-view-statistics-echart[data-v-77ea6cb6] { width: 65%; } .exam-item-view .exam-item-view-statistics .exam-item-view-statistics-right[data-v-77ea6cb6] { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; overflow: auto; height: 100%; border-left: 1px solid #6ca4f7; padding: 0 1rem; } .exam-item-view .exam-item-view-statistics .exam-item-view-statistics-right .exam-item-view-statistics-opts[data-v-77ea6cb6] { border-bottom: 1px solid #6ca4f7; } .exam-item-view .exam-item-view-statistics .exam-item-view-statistics-right .exam-item-view-statistics-opts > div[data-v-77ea6cb6] { margin-bottom: 12px; color: #183969; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .exam-item-view .exam-item-view-statistics .exam-item-view-statistics-right .exam-item-view-statistics-opts > div > span[data-v-77ea6cb6] { font-family: D-DIN-Bold; font-weight: 700; } .exam-item-view .exam-item-view-statistics .exam-item-view-statistics-right .exam-item-view-statistics-your[data-v-77ea6cb6] { padding-top: 1.3rem; } .exam-item-view .exam-item-view-statistics .exam-item-view-statistics-right .exam-item-view-statistics-your > div[data-v-77ea6cb6]:nth-child(1) { color: #183969; margin-bottom: 4px; } .exam-item-view .exam-item-view-statistics .exam-item-view-statistics-right .exam-item-view-statistics-your > div[data-v-77ea6cb6]:nth-child(2) { color: #0073fa; } .exam-item-view .exam-item-view-statistics .exam-item-view-statistics-right .exam-item-view-statistics-your > div:nth-child(2) > span[data-v-77ea6cb6] { font-family: D-DIN-Bold; font-weight: 700; } .flex-default[data-v-77ea6cb6] { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .flex-default .exam-item-view-options[data-v-77ea6cb6] { margin-top: 3rem; } .type3-dialog { width: auto; font-size: 1rem; line-height: 1.3rem; } .type3-dialog .el-dialog__header .el-dialog__headerbtn { border: 1px solid rgba(20, 81, 250, 0.6); width: 2rem; height: 2rem; border-radius: 4px; } .type3-dialog .el-dialog__header .el-dialog__headerbtn .el-icon { font-size: 1.5rem; color: rgba(20, 81, 250, 0.6); } .type3-dialog .el-dialog__body { padding-left: 2.5rem; padding-right: 2.5rem; } .type3-dialog .el-dialog__body .type3-dialog-header { color: #183969; margin-bottom: 2rem; } .type3-dialog .el-dialog__body .type3-dialog-header .exam-item-view-title { font-size: 1.1rem; line-height: 1.4rem; font-family: D-DIN-Bold; font-weight: 700; color: #183969; } .type3-dialog .el-dialog__body .type3-dialog-header > div:nth-of-type(2) { margin-top: 1.3rem; border-radius: 4px; background: rgba(0, 115, 250, 0.05); padding: 1rem; } .type3-dialog .el-dialog__body .type3-dialog-container { padding-top: 2rem; border-bottom: 1px solid #7eb8fc; } .type3-dialog .el-dialog__body .type3-dialog-container .type3-dialog-container-header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .type3-dialog .el-dialog__body .type3-dialog-container .type3-dialog-container-header > div:nth-of-type(1) { font-family: D-DIN-Bold; font-size: 1.5rem; color: #183969; margin-bottom: 1.5rem; } .type3-dialog .el-dialog__body .type3-dialog-container .type3-dialog-container-header > div:nth-of-type(2) { margin-bottom: 1.5rem; } .type3-dialog .el-dialog__body .type3-dialog-container .type3-dialog-container-header > div:nth-of-type(2) > div { margin-top: 0; margin-bottom: 0; } .type3-dialog .el-dialog__body .type3-dialog-container .type3-dialog-container-list { border-radius: 4px; background: #f2f8fe; padding: 1rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .type3-dialog .el-dialog__body .type3-dialog-container .type3-dialog-container-list .type3-dialog-container-list-item { width: calc(50% - 6px); border-radius: 4px; background: #ffffff; padding: 1rem; margin-bottom: 1rem; -webkit-box-sizing: border-box; box-sizing: border-box; } .type3-dialog .el-dialog__body .type3-dialog-container .type3-dialog-container-list .type3-dialog-container-list-item .type3-dialog-container-list-item-cont { margin-bottom: 1rem; height: 6.3rem; overflow: hidden; color: #333333; word-wrap: break-word; word-break: break-word; } .type3-dialog .el-dialog__body .type3-dialog-container .type3-dialog-container-list .type3-dialog-container-list-item .type3-dialog-container-list-item-footer { border-top: 1px solid #7eb8fc; padding-top: 1rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .type3-dialog .el-dialog__body .type3-dialog-container .type3-dialog-container-list .type3-dialog-container-list-item .type3-dialog-container-list-item-footer > div:nth-of-type(1) { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; font-family: D-DIN-Bold; font-size: 1rem; line-height: 1.4rem; color: #183969; } .type3-dialog .el-dialog__body .type3-dialog-container .type3-dialog-container-list .type3-dialog-container-list-item .type3-dialog-container-list-item-footer > div:nth-of-type(2) { color: #7eb8fc; padding-left: 12px; } .type3-dialog .el-dialog__body .type3-dialog-container .type3-dialog-container-list .type3-dialog-container-list-item .type3-dialog-container-list-item-footer > div:nth-of-type(2) > span { display: inline-block; vertical-align: sub; } .type3-dialog .el-dialog__body .type3-dialog-container .type3-dialog-container-list .type3-dialog-container-list-item .type3-dialog-container-list-item-footer > div:nth-of-type(2) > img { width: 1.1rem; margin-left: 8px; cursor: pointer; vertical-align: middle; } @media screen and (max-width: 46.9rem) { .type3-dialog-container .type3-dialog-container-header[data-v-3adb7520] { display: block !important; } .type3-dialog-container .type3-dialog-container-header > div[data-v-3adb7520]:nth-of-type(1) { margin-bottom: 1rem; } .type3-dialog-container .type3-dialog-container-header > div:nth-of-type(2) > div[data-v-3adb7520] { margin: 0; margin-bottom: 8px !important; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } .type3-dialog-container .type3-dialog-container-header > div:nth-of-type(2) > div[data-v-3adb7520] .el-select { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; width: auto !important; } .type3-dialog-container .type3-dialog-container-list[data-v-3adb7520] { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .type3-dialog-container .type3-dialog-container-list .type3-dialog-container-list-item[data-v-3adb7520] { width: 100% !important; } } .exam-item-view[data-v-77f88437] { height: 100%; font-size: 1rem; line-height: 1.3rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .exam-item-view .exam-item-view-title[data-v-77f88437] { font-size: 1.1rem; line-height: 1.4rem; font-family: D-DIN-Bold; font-weight: 700; color: #333333; margin-bottom: 1.5rem; } .exam-item-view .exam-item-view-answer[data-v-77f88437] { font-size: 1rem; line-height: 1.4rem; color: #183969; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .exam-item-view .exam-item-view-answer .exam-item-view-answer-title[data-v-77f88437] { margin-bottom: 12px; } .exam-item-view .exam-item-view-answer[data-v-77f88437] .el-textarea .el-textarea__inner { background-color: #f3f7fc; border-color: #7eb8fc; color: #7eb8fc; font-size: 0.9rem; } .exam-item-view .exam-item-view-answer[data-v-77f88437] .el-textarea .el-input__count { background-color: #f3f7fc; color: #7eb8fc; font-size: 0.9rem; } .exam-item-view .exam-item-view-hasAnswer[data-v-77f88437] { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; border-top: 1px solid #6ca4f7; padding-top: 1rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; font-size: 1rem; line-height: 1.3rem; color: #006cff; } .exam-item-view .exam-item-view-hasAnswer > div[data-v-77f88437]:nth-of-type(1) { text-align: center; } .exam-item-view .exam-item-view-hasAnswer > div[data-v-77f88437]:nth-of-type(2) { text-align: center; } .exam-item-view .exam-item-view-hasAnswer .view-answer-btn[data-v-77f88437] { font-size: 0.9rem; margin-top: 1.9rem; padding: 5px 1.3rem; border-radius: 18.8rem; border: 1px solid #0073fa; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; cursor: pointer; } .exam-item-view .exam-item-view-hasAnswer .view-answer-btn > img[data-v-77f88437] { width: 0.9rem; margin-left: 8px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .exam-item-view[data-v-78069bb8] { height: 100%; font-size: 1rem; line-height: 1.3rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; color: #183969; } .exam-item-view .exam-item-view-title[data-v-78069bb8] { font-size: 1.1rem; line-height: 1.4rem; font-family: D-DIN-Bold; font-weight: 700; color: #333333; margin-bottom: 1.5rem; } .exam-item-view .exam-item-view-answer[data-v-78069bb8] { padding: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-top: 1px solid #6ca4f7; border-bottom: 1px solid #6ca4f7; } .exam-item-view .exam-item-view-answer .exam-item-view-answer-tip[data-v-78069bb8] { color: #4ed53b; margin-right: 10px; } .exam-item-view .exam-item-view-answer .exam-item-view-answer-tip > span[data-v-78069bb8] { display: inline-block; width: 1.3rem; height: 1.3rem; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #4ed53b; border-radius: 50%; text-align: center; line-height: 1.3rem; margin-right: 8px; } .exam-item-view .exam-item-view-answer .exam-item-view-answer-tip > span i[data-v-78069bb8] { color: #4ed53b; } .exam-item-view .exam-item-view-answer .errorAnswer[data-v-78069bb8] { color: #dd4747; } .exam-item-view .exam-item-view-answer .errorAnswer > span[data-v-78069bb8] { border-color: #dd4747; } .exam-item-view .exam-item-view-answer .errorAnswer > span i[data-v-78069bb8] { color: #dd4747; } .exam-item-view .exam-item-view-stem[data-v-78069bb8] { padding: 1rem; border-bottom: 1px solid #7eb8fc; } .exam-item-view .exam-item-view-stem .exam-item-view-stem-item[data-v-78069bb8] { margin-bottom: 12px; } .exam-item-view .exam-item-view-stem .exam-item-view-stem-item .exam-item-view-stem-item-cont[data-v-78069bb8] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; cursor: pointer; } .exam-item-view .exam-item-view-stem .exam-item-view-stem-item .exam-item-view-stem-item-cont[data-v-78069bb8]:hover { color: #006cff; } .exam-item-view .exam-item-view-stem .exam-item-view-stem-item .exam-item-view-stem-item-cont:hover > div[data-v-78069bb8]:nth-of-type(2) { border-color: #006cff; } .exam-item-view .exam-item-view-stem .exam-item-view-stem-item .exam-item-view-stem-item-cont > div[data-v-78069bb8]:nth-of-type(1) { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; margin-right: 0.9rem; } .exam-item-view .exam-item-view-stem .exam-item-view-stem-item .exam-item-view-stem-item-cont > div:nth-of-type(1) > span[data-v-78069bb8] { font-family: D-DIN-Bold; } .exam-item-view .exam-item-view-stem .exam-item-view-stem-item .exam-item-view-stem-item-cont .exam-item-view-stem-item-cont-opt[data-v-78069bb8] { width: 35%; position: relative; width: 35%; } .exam-item-view .exam-item-view-stem .exam-item-view-stem-item .exam-item-view-stem-item-cont .exam-item-view-stem-item-cont-opt .exam-item-view-stem-item-cont-opt-text[data-v-78069bb8] { background: #dbe4f1; border: 1px solid #183969; padding: 4px 2rem 4px 12px; min-height: 1.9rem; border-radius: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; } .exam-item-view .exam-item-view-stem .exam-item-view-stem-item .exam-item-view-stem-item-cont .exam-item-view-stem-item-cont-opt .exam-item-view-stem-item-cont-opt-text > span[data-v-78069bb8] { font-family: D-DIN-Bold; } .exam-item-view .exam-item-view-stem .exam-item-view-stem-item .exam-item-view-stem-item-cont .exam-item-view-stem-item-cont-opt .exam-item-view-stem-item-cont-opt-text > i[data-v-78069bb8] { position: absolute; font-size: 1rem; top: 6px; right: 8px; } .exam-item-view .exam-item-view-stem .exam-item-view-stem-item .exam-item-view-stem-item-cont .exam-item-view-stem-item-cont-opt .hasIcon[data-v-78069bb8] { padding: 4px 12px; } .exam-item-view .exam-item-view-stem .exam-item-view-stem-item .exam-item-view-stem-item-cont .exam-item-view-stem-item-cont-opt .answerWrong[data-v-78069bb8] { border-color: #dd4747; color: #dd4747; } .exam-item-view .exam-item-view-stem .exam-item-view-stem-item .exam-item-view-stem-item-cont .exam-item-view-stem-item-cont-opt .exam-item-view-stem-item-answer[data-v-78069bb8] { font-size: 12px; line-height: 1rem; margin-top: 4px; } .exam-item-view .exam-item-view-stem .exam-item-view-stem-item .exam-item-view-stem-item-cont .exam-item-view-stem-item-cont-opt .exam-item-view-stem-item-answer > div[data-v-78069bb8] { color: #4ed53b; } .exam-item-view .exam-item-view-stem .exam-item-view-stem-item .exam-item-view-stem-item-cont .exam-item-view-stem-item-cont-opt .exam-item-view-stem-item-answer > div > span[data-v-78069bb8] { font-family: D-DIN-Bold; } .exam-item-view .exam-item-view-stem .exam-item-view-stem-item .current-stem-cont[data-v-78069bb8] { color: #006cff; } .exam-item-view .exam-item-view-stem .exam-item-view-stem-item .current-stem-cont > div[data-v-78069bb8]:nth-of-type(1) { text-decoration: underline; } .exam-item-view .exam-item-view-stem .exam-item-view-stem-item .current-stem-cont > div[data-v-78069bb8]:nth-of-type(2) { border-color: #006cff; } .exam-item-view .exam-item-view-options[data-v-78069bb8] { padding: 6px 10px; } .exam-item-view .exam-item-view-options .exam-item-view-options-item[data-v-78069bb8] { display: inline-block; width: 50%; padding: 0px 12px; margin: 10px 0; -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: text-top; } .exam-item-view .exam-item-view-options .exam-item-view-options-item > div[data-v-78069bb8] { cursor: pointer; width: 100%; border: 1px solid #183969; padding: 4px 12px; border-radius: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; } .exam-item-view .exam-item-view-options .exam-item-view-options-item > div > span[data-v-78069bb8] { font-family: D-DIN-Bold; } .exam-item-view .exam-item-view-options .exam-item-view-options-item > div[data-v-78069bb8]:hover { color: #006cff; background-color: #fff; border-color: #006cff; } .exam-item-view .exam-item-view-options .width100[data-v-78069bb8] { width: 100%; } .exam-item-view .exam-item-view-options .current-option > div[data-v-78069bb8] { color: #006cff; background-color: #fff; border-color: #006cff; } .interact-dialog { position: absolute; width: 100%; left: 0; top: 0; bottom: 0; background-color: #000000; z-index: 99; padding: 12px; -webkit-box-sizing: border-box; box-sizing: border-box; } .interact-dialog .interact-dialog-body { width: 100%; height: 100%; background: rgba(0, 76, 184, 0.88); padding: 1rem; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; position: relative; } .interact-dialog .interact-dialog-body .interact-dialog-view { -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 4px; background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(113%, rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(top, #fff 0%, rgba(255, 255, 255, 0) 113%); background: -o-linear-gradient(top, #fff 0%, rgba(255, 255, 255, 0) 113%); background: linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, 0) 113%); padding: 8px; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; } .interact-dialog .interact-dialog-body .interact-dialog-view .interact-dialog-content { width: 100%; height: 100%; background: rgba(255, 255, 255, 0.8); border-radius: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #3380f4; padding: 1rem; line-height: 1.4rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; overflow-y: auto; } .interact-dialog .interact-dialog-body .interact-dialog-view .interact-dialog-close { position: absolute; width: 2rem; height: 2rem; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid rgba(20, 81, 250, 0.6392); border-radius: 4px; text-align: center; line-height: 2rem; right: 8px; top: 8px; cursor: pointer; } .interact-dialog .interact-dialog-body .interact-dialog-view .interact-dialog-close i { font-size: 1.3rem; font-weight: 700; color: rgba(20, 81, 250, 0.6392); } .interact-dialog .interact-dialog-body .interact-footer { padding: 8px 0; margin-top: 10px; background: -webkit-gradient(linear, left top, right top, color-stop(37%, rgba(255, 255, 255, 0)), color-stop(99%, #ffffff)); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 37%, #ffffff 99%); background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 37%, #ffffff 99%); background: linear-gradient(90deg, rgba(255, 255, 255, 0) 37%, #ffffff 99%); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .interact-dialog .interact-dialog-body .interact-footer .footer-right-name { font-size: 1.1rem; font-weight: bold; line-height: 1.5rem; letter-spacing: 0em; color: #ffffff; margin-right: 2.3rem; } .interact-dialog .interact-dialog-body .interact-footer .interact-footer-right { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-right: 1rem; font-family: D-DIN-Bold; font-size: 1.1rem; font-weight: 700; color: #0073fa; overflow: hidden; } .interact-dialog .interact-dialog-body .interact-footer .interact-footer-right .footer-right-steps { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; color: #ffffff; } .interact-dialog .interact-dialog-body .interact-footer .interact-footer-right .footer-right-steps .footer-right-steps-item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 12px; cursor: pointer; } .interact-dialog .interact-dialog-body .interact-footer .interact-footer-right .footer-right-steps .footer-right-steps-item > div { width: 1.4rem; height: 1.4rem; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; line-height: 1.4rem; border: 1px solid #fff; border-radius: 50%; } .interact-dialog .interact-dialog-body .interact-footer .interact-footer-right .footer-right-steps .footer-right-steps-item::after { content: ''; display: block; height: 1px; background-color: #fff; width: 1.3rem; margin: 0 4px; } .interact-dialog .interact-dialog-body .interact-footer .interact-footer-right .footer-right-steps .footer-right-steps-item .exam-isSubmitted { background-color: #006cff; border-color: #006cff; } .interact-dialog .interact-dialog-body .interact-footer .interact-footer-right .footer-right-steps .current-step > div { background-color: #fff; color: #006cff; } .interact-dialog .interact-dialog-body .interact-footer .interact-footer-right .footer-right-steps .footer-right-steps-item:last-of-type::after { display: none; } .interact-dialog .interact-dialog-body .interact-footer .interact-footer-right .submit-btn { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; cursor: pointer; } .interact-dialog .interact-dialog-body .interact-footer .interact-footer-right .submit-btn > img { width: 1rem; -webkit-transform: translateX(8.1rem); -ms-transform: translateX(8.1rem); transform: translateX(8.1rem); -webkit-filter: drop-shadow(#0073fa -8.1rem 0px 0px); filter: drop-shadow(#0073fa -8.1rem 0px 0px); margin-left: 6px; } @charset "UTF-8"; /*滚动条整体部分,必须要设置*/ .interact-dialog-content::-webkit-scrollbar { background-color: #0073fa; width: 6px; height: 10px; } /*滚动条的轨道*/ .interact-dialog-content::-webkit-scrollbar-track { background-color: #0073fa; border-radius: 10px; } /*滚动条的滑块按钮*/ .interact-dialog-content::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #d8d8d8; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; } .prism-fullscreen .interact-dialog { background-color: rgba(0, 76, 184, 0.88); } .prism-fullscreen .interact-dialog .interact-dialog-body { width: 50%; height: 60%; margin: 10% auto; } @media screen and (max-width: 46.9rem) { .interact-dialog { background-color: rgba(0, 76, 184, 0.88); position: fixed; top: 4.3rem; bottom: 0; } .interact-dialog .interact-dialog-body .interact-dialog-content .exam-item-view .exam-item-view-stem { padding: 6px 10px; } .interact-dialog .interact-dialog-body .interact-dialog-content .exam-item-view .exam-item-view-stem .exam-item-view-stem-item .exam-item-view-stem-item-cont { display: block; } .interact-dialog .interact-dialog-body .interact-dialog-content .exam-item-view .exam-item-view-stem .exam-item-view-stem-item .exam-item-view-stem-item-cont > div:nth-of-type(1) { margin-right: 0; } .interact-dialog .interact-dialog-body .interact-dialog-content .exam-item-view .exam-item-view-stem .exam-item-view-stem-item .exam-item-view-stem-item-cont > div:nth-of-type(2) { width: 90%; margin-left: 10%; } .interact-dialog .interact-dialog-body .interact-dialog-content .exam-item-view .exam-item-view-stem .exam-item-view-stem-item .exam-item-view-stem-item-answer > div { width: 90%; margin-left: 10%; } .interact-dialog .interact-dialog-body .interact-dialog-content .exam-item-view .exam-item-view-options .exam-item-view-options-item { width: 100%; margin-left: 0; margin-right: 0; border-radius: 4px; } .interact-dialog .interact-dialog-body .interact-dialog-content .exam-item-view .exam-item-view-statistics { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .interact-dialog .interact-dialog-body .interact-dialog-content .exam-item-view .exam-item-view-statistics .exam-item-view-statistics-echart { width: 100%; height: 60vw; } .interact-dialog .interact-dialog-body .interact-dialog-content .exam-item-view .exam-item-view-statistics .exam-item-view-statistics-right { border-left: none; height: auto; } .interact-dialog .interact-dialog-body .interact-dialog-content .exam-item-view .exam-item-view-statistics .exam-item-view-statistics-right .exam-item-view-statistics-opts > div { white-space: pre-wrap; } .interact-dialog .interact-dialog-body .interact-footer { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; background: none; } .interact-dialog .interact-dialog-body .interact-footer .footer-right-name { width: 100%; margin: 0; margin-top: 10px; } .interact-dialog .interact-dialog-body .interact-footer .interact-footer-right { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; background: -webkit-gradient(linear, left top, right top, color-stop(37%, rgba(255, 255, 255, 0)), color-stop(99%, #ffffff)); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 37%, #ffffff 99%); background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 37%, #ffffff 99%); background: linear-gradient(90deg, rgba(255, 255, 255, 0) 37%, #ffffff 99%); padding: 8px; } } .prism-player { background-color: transparent; } .video-player-wrap { border: 1px solid #006cff; padding: 1px; margin-bottom: 1.5rem; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; } .video-player-wrap .content-video #content-aliplayer video { width: 100% !important; height: auto !important; position: relative !important; left: 0 !important; top: 0 !important; display: block !important; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; } .content-ai-tip { font-family: D-DIN; font-size: 1.3rem; line-height: 1.8rem; color: #838282; margin-bottom: 1rem; } .content-ai-tip .content-ai-tip-btn { margin-bottom: 1rem; } .content-ai-tip .content-ai-tip-btn .content-ai-tip-btn-item { display: inline-block; padding: 6px 2rem; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #006cff; color: #006cff; cursor: pointer; -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; -o-transition: transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } .content-ai-tip .content-ai-tip-btn .content-ai-tip-btn-item:hover { -webkit-transform: scale(1.01); -ms-transform: scale(1.01); transform: scale(1.01); } .content-ai-tip p:nth-of-type(1) { margin-bottom: 1.3rem; } @media screen and (max-width: 46.9rem) { .content-video { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; height: auto; border-radius: 0; } .content-video .left-view { width: 100%; height: 12.5rem; } } .interact-swiper-item-tooltip { border-color: #82b7ff !important; border-radius: 2px; font-size: 0.9rem; } .interact-swiper-item-tooltip[x-placement^='top'] .popper__arrow { border-top-color: #82b7ff !important; } .interact-header[data-v-00b8ecad] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-bottom: 1.5rem; border-bottom: 1px solid #7eb8fc; } .interact-header .interact-swiper[data-v-00b8ecad] { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding: 0 6px; border-left: 2px solid #006cff; border-right: 2px solid #006cff; } .interact-header .interact-swiper .interact-swiper-item[data-v-00b8ecad] { padding: 8px 1rem; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; cursor: pointer; background: #ffffff; color: #006cff; font-size: 1.1rem; line-height: 1.5rem; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; border: 1px solid #006cff; } .interact-header .interact-swiper .active-section[data-v-00b8ecad] { background: #006cff; color: #fff; } .interact-header .interact-header-btn[data-v-00b8ecad] { width: 1rem; margin-right: 12px; cursor: pointer; } .interact-header .next-btn[data-v-00b8ecad] { margin-right: 0px; margin-left: 12px; } .interact-header .prev-btn[data-v-00b8ecad] { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .interact-header .btnDisabled[data-v-00b8ecad] { opacity: 0.6; cursor: not-allowed; } .exam-item-view .exam-item-view-title[data-v-62d8d047] { font-size: 1.1rem; line-height: 1.4rem; font-family: D-DIN-Bold; font-weight: 700; color: #183969; margin-bottom: 1.5rem; } .exam-item-view .you-not-answer[data-v-62d8d047] { padding-top: 2rem; border-top: 1px solid #7eb8fc; } .exam-item-view .exam-item-view-answer[data-v-62d8d047] { padding: 10px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: rgba(0, 115, 250, 0.05); } .exam-item-view .exam-item-view-answer .exam-item-view-answer-tip[data-v-62d8d047] { color: #4ed53b; margin-right: 10px; } .exam-item-view .exam-item-view-answer .exam-item-view-answer-tip > span[data-v-62d8d047] { display: inline-block; width: 1.3rem; height: 1.3rem; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #4ed53b; border-radius: 50%; text-align: center; line-height: 1.3rem; margin-right: 8px; } .exam-item-view .exam-item-view-answer .exam-item-view-answer-tip > span i[data-v-62d8d047] { color: #4ed53b; } .exam-item-view .exam-item-view-answer .errorAnswer[data-v-62d8d047] { color: #dd4747; } .exam-item-view .exam-item-view-answer .errorAnswer > span[data-v-62d8d047] { border-color: #dd4747; } .exam-item-view .exam-item-view-answer .errorAnswer > span i[data-v-62d8d047] { color: #dd4747; } .exam-item-view .exam-item-view-answer .exam-item-view-answer-your[data-v-62d8d047] { width: 100%; text-align: center; margin-top: 6px; } .exam-item-view .exam-item-view-answer .exam-item-view-answer-your span[data-v-62d8d047] { font-weight: 700; } .exam-item-view .exam-item-view-options[data-v-62d8d047] { font-size: 1rem; line-height: 1.4rem; color: #183969; } .exam-item-view .exam-item-view-options .exam-item-view-options-item[data-v-62d8d047] { -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 1.9rem; border: 1px solid #183969; padding: 10px 2rem 10px 1.5rem; margin: 12px 1.5rem; cursor: pointer; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .exam-item-view .exam-item-view-options .exam-item-view-options-item .item-code[data-v-62d8d047] { font-weight: 700; } .exam-item-view .exam-item-view-options .exam-item-view-options-item .item-opt[data-v-62d8d047] { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .exam-item-view .exam-item-view-options .exam-item-view-options-item .right-icon[data-v-62d8d047] { position: absolute; top: calc(50% - 10px); right: 10px; width: 1.3rem; height: 1.3rem; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #0073fa; border-radius: 50%; text-align: center; line-height: 1.3rem; } .exam-item-view .exam-item-view-options .checkedOption[data-v-62d8d047] { position: relative; color: #0073fa; border-color: #0073fa; background-color: #fff; -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 115, 250, 0.41); box-shadow: 0px 0px 10px 0px rgba(0, 115, 250, 0.41); } .exam-item-view .exam-item-view-title[data-v-62e6e7c8] { font-size: 1.1rem; line-height: 1.4rem; font-family: D-DIN-Bold; font-weight: 700; color: #183969; margin-bottom: 1.5rem; } .exam-item-view .you-not-answer[data-v-62e6e7c8] { padding-top: 2rem; border-top: 1px solid #7eb8fc; } .exam-item-view .exam-item-view-statistics[data-v-62e6e7c8] { height: 16.3rem; border-top: 1px solid #6ca4f7; padding-top: 1rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .exam-item-view .exam-item-view-statistics .exam-item-view-statistics-echart[data-v-62e6e7c8] { width: 65%; } .exam-item-view .exam-item-view-statistics .exam-item-view-statistics-right[data-v-62e6e7c8] { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; overflow: auto; height: 100%; border-left: 1px solid #6ca4f7; padding: 0 1rem; } .exam-item-view .exam-item-view-statistics .exam-item-view-statistics-right .exam-item-view-statistics-opts[data-v-62e6e7c8] { border-bottom: 1px solid #6ca4f7; } .exam-item-view .exam-item-view-statistics .exam-item-view-statistics-right .exam-item-view-statistics-opts > div[data-v-62e6e7c8] { margin-bottom: 12px; color: #183969; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .exam-item-view .exam-item-view-statistics .exam-item-view-statistics-right .exam-item-view-statistics-opts > div > span[data-v-62e6e7c8] { font-family: D-DIN-Bold; font-weight: 700; } .exam-item-view .exam-item-view-statistics .exam-item-view-statistics-right .exam-item-view-statistics-your[data-v-62e6e7c8] { padding-top: 1.3rem; } .exam-item-view .exam-item-view-statistics .exam-item-view-statistics-right .exam-item-view-statistics-your > div[data-v-62e6e7c8]:nth-child(1) { color: #183969; margin-bottom: 4px; } .exam-item-view .exam-item-view-statistics .exam-item-view-statistics-right .exam-item-view-statistics-your > div[data-v-62e6e7c8]:nth-child(2) { color: #0073fa; } .exam-item-view .exam-item-view-statistics .exam-item-view-statistics-right .exam-item-view-statistics-your > div:nth-child(2) > span[data-v-62e6e7c8] { font-family: D-DIN-Bold; font-weight: 700; } .no-data[data-v-62f4ff49] { height: 7.5rem; line-height: 7.5rem; text-align: center; font-size: 1.1rem; } .type3-dialog-header[data-v-62f4ff49] { color: #183969; margin-bottom: 2rem; } .type3-dialog-header .exam-item-view-title[data-v-62f4ff49] { font-size: 1.1rem; line-height: 1.4rem; font-family: D-DIN-Bold; font-weight: 700; color: #183969; } .type3-dialog-header > div[data-v-62f4ff49]:nth-of-type(2) { border-radius: 4px; margin-top: 1.3rem; background: rgba(0, 115, 250, 0.05); padding: 1rem; } .you-not-answer[data-v-62f4ff49] { padding-top: 2rem; border-top: 1px solid #7eb8fc; } .type3-dialog-container[data-v-62f4ff49] { padding-top: 2rem; border-top: 1px solid #7eb8fc; } .type3-dialog-container .type3-dialog-container-header[data-v-62f4ff49] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .type3-dialog-container .type3-dialog-container-header > div[data-v-62f4ff49]:nth-of-type(1) { font-family: D-DIN-Bold; font-size: 1.5rem; color: #183969; margin-bottom: 1.5rem; } .type3-dialog-container .type3-dialog-container-header > div[data-v-62f4ff49]:nth-of-type(2) { margin-bottom: 1.5rem; } .type3-dialog-container .type3-dialog-container-header > div:nth-of-type(2) > div[data-v-62f4ff49] { margin-top: 0; margin-bottom: 0; } .type3-dialog-container .type3-dialog-container-list[data-v-62f4ff49] { border-radius: 4px; background: #f2f8fe; padding: 1rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .type3-dialog-container .type3-dialog-container-list .type3-dialog-container-list-item[data-v-62f4ff49] { width: calc(50% - 6px); border-radius: 4px; background: #ffffff; padding: 1rem; margin-bottom: 1rem; -webkit-box-sizing: border-box; box-sizing: border-box; } .type3-dialog-container .type3-dialog-container-list .type3-dialog-container-list-item .type3-dialog-container-list-item-cont[data-v-62f4ff49] { margin-bottom: 1rem; height: 6.3rem; overflow: hidden; color: #333333; word-wrap: break-word; word-break: break-word; } .type3-dialog-container .type3-dialog-container-list .type3-dialog-container-list-item .type3-dialog-container-list-item-footer[data-v-62f4ff49] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .type3-dialog-container .type3-dialog-container-list .type3-dialog-container-list-item .type3-dialog-container-list-item-footer > div[data-v-62f4ff49]:nth-of-type(1) { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; font-family: D-DIN-Bold; font-size: 1rem; line-height: 1.4rem; color: #183969; } .type3-dialog-container .type3-dialog-container-list .type3-dialog-container-list-item .type3-dialog-container-list-item-footer > div[data-v-62f4ff49]:nth-of-type(2) { color: #7eb8fc; padding-left: 12px; } .type3-dialog-container .type3-dialog-container-list .type3-dialog-container-list-item .type3-dialog-container-list-item-footer > div:nth-of-type(2) > span[data-v-62f4ff49] { display: inline-block; vertical-align: sub; } .type3-dialog-container .type3-dialog-container-list .type3-dialog-container-list-item .type3-dialog-container-list-item-footer > div:nth-of-type(2) > img[data-v-62f4ff49] { width: 1.1rem; margin-left: 8px; cursor: pointer; vertical-align: middle; } @media screen and (max-width: 46.9rem) { .type3-dialog-container .type3-dialog-container-header[data-v-62f4ff49] { display: block !important; } .type3-dialog-container .type3-dialog-container-header > div[data-v-62f4ff49]:nth-of-type(1) { margin-bottom: 1rem; } .type3-dialog-container .type3-dialog-container-header > div:nth-of-type(2) > div[data-v-62f4ff49] { margin: 0; margin-bottom: 8px !important; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } .type3-dialog-container .type3-dialog-container-header > div:nth-of-type(2) > div[data-v-62f4ff49] .el-select { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; width: auto !important; } .type3-dialog-container .type3-dialog-container-list[data-v-62f4ff49] { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .type3-dialog-container .type3-dialog-container-list .type3-dialog-container-list-item[data-v-62f4ff49] { width: 100% !important; } } .exam-item-view[data-v-630316ca] { color: #183969; } .exam-item-view .exam-item-view-title[data-v-630316ca] { font-size: 1.1rem; line-height: 1.4rem; font-family: D-DIN-Bold; font-weight: 700; color: #183969; margin-bottom: 1.5rem; } .exam-item-view .you-not-answer[data-v-630316ca] { padding-top: 2rem; border-top: 1px solid #7eb8fc; } .exam-item-view .exam-item-view-answer[data-v-630316ca] { padding: 10px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: rgba(0, 115, 250, 0.05); } .exam-item-view .exam-item-view-answer .exam-item-view-answer-tip[data-v-630316ca] { color: #4ed53b; margin-right: 10px; } .exam-item-view .exam-item-view-answer .exam-item-view-answer-tip > span[data-v-630316ca] { display: inline-block; width: 1.3rem; height: 1.3rem; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #4ed53b; border-radius: 50%; text-align: center; line-height: 1.3rem; margin-right: 8px; } .exam-item-view .exam-item-view-answer .exam-item-view-answer-tip > span i[data-v-630316ca] { color: #4ed53b; } .exam-item-view .exam-item-view-answer .errorAnswer[data-v-630316ca] { color: #dd4747; } .exam-item-view .exam-item-view-answer .errorAnswer > span[data-v-630316ca] { border-color: #dd4747; } .exam-item-view .exam-item-view-answer .errorAnswer > span i[data-v-630316ca] { color: #dd4747; } .exam-item-view .exam-item-view-stem[data-v-630316ca] { padding: 1rem; margin: 1.5rem auto; border-radius: 4px; border: 1px solid #217fff; } .exam-item-view .exam-item-view-stem .exam-item-view-stem-item[data-v-630316ca] { margin-bottom: 12px; } .exam-item-view .exam-item-view-stem .exam-item-view-stem-item .exam-item-view-stem-item-cont[data-v-630316ca] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; cursor: pointer; } .exam-item-view .exam-item-view-stem .exam-item-view-stem-item .exam-item-view-stem-item-cont[data-v-630316ca]:hover { color: #006cff; } .exam-item-view .exam-item-view-stem .exam-item-view-stem-item .exam-item-view-stem-item-cont:hover .exam-item-view-stem-item-cont-opt-text[data-v-630316ca] { border-color: #006cff; } .exam-item-view .exam-item-view-stem .exam-item-view-stem-item .exam-item-view-stem-item-cont > div[data-v-630316ca]:nth-of-type(1) { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; margin-right: 0.9rem; } .exam-item-view .exam-item-view-stem .exam-item-view-stem-item .exam-item-view-stem-item-cont > div:nth-of-type(1) > span[data-v-630316ca] { font-family: D-DIN-Bold; } .exam-item-view .exam-item-view-stem .exam-item-view-stem-item .exam-item-view-stem-item-cont .exam-item-view-stem-item-cont-opt[data-v-630316ca] { width: 35%; } .exam-item-view .exam-item-view-stem .exam-item-view-stem-item .exam-item-view-stem-item-cont .exam-item-view-stem-item-cont-opt .exam-item-view-stem-item-cont-opt-text[data-v-630316ca] { background: #dbe4f1; border: 1px solid #183969; padding: 4px 12px; min-height: 1.9rem; border-radius: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; } .exam-item-view .exam-item-view-stem .exam-item-view-stem-item .exam-item-view-stem-item-cont .exam-item-view-stem-item-cont-opt .exam-item-view-stem-item-cont-opt-text > span[data-v-630316ca] { font-family: D-DIN-Bold; } .exam-item-view .exam-item-view-stem .exam-item-view-stem-item .exam-item-view-stem-item-cont .exam-item-view-stem-item-cont-opt .answerWrong[data-v-630316ca] { border-color: #dd4747; color: #dd4747; } .exam-item-view .exam-item-view-stem .exam-item-view-stem-item .exam-item-view-stem-item-cont .exam-item-view-stem-item-cont-opt .exam-item-view-stem-item-answer[data-v-630316ca] { font-size: 12px; line-height: 1rem; margin-top: 4px; } .exam-item-view .exam-item-view-stem .exam-item-view-stem-item .exam-item-view-stem-item-cont .exam-item-view-stem-item-cont-opt .exam-item-view-stem-item-answer > div[data-v-630316ca] { color: #4ed53b; } .exam-item-view .exam-item-view-stem .exam-item-view-stem-item .exam-item-view-stem-item-cont .exam-item-view-stem-item-cont-opt .exam-item-view-stem-item-answer > div > span[data-v-630316ca] { font-family: D-DIN-Bold; } .exam-item-view .exam-item-view-stem .exam-item-view-stem-item .current-stem-cont[data-v-630316ca] { color: #006cff; } .exam-item-view .exam-item-view-stem .exam-item-view-stem-item .current-stem-cont > div[data-v-630316ca]:nth-of-type(1) { text-decoration: underline; } .exam-item-view .exam-item-view-stem .exam-item-view-stem-item .current-stem-cont > div[data-v-630316ca]:nth-of-type(2) { border-color: #006cff; } .interact-detail[data-v-c23288fc] { margin-top: 1.5rem; border: none; } .interact-detail .interact-detail-item[data-v-c23288fc] { margin-bottom: 1.6rem; border: 1px solid #006cff; border-radius: 4px; padding: 0 1.5rem; } .interact-detail .interact-detail-item[data-v-c23288fc] .el-collapse-item__header { padding: 1rem 0; height: auto; border: none; line-height: 1; font-family: D-DIN-Bold; font-size: 1.1rem; font-weight: 700; line-height: 1.5rem; color: #183969; } .interact-detail .interact-detail-item[data-v-c23288fc] .el-collapse-item__header .el-collapse-item__arrow { font-size: 1.5rem; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); color: #006cff; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .interact-detail .interact-detail-item[data-v-c23288fc] .el-collapse-item__header .el-collapse-item__arrow.is-active { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .interact-detail .interact-detail-item[data-v-c23288fc] .el-collapse-item__header.is-active { border-bottom: 1px solid #006cff; } .interact-detail .interact-detail-item[data-v-c23288fc] .el-collapse-item__content { padding-bottom: 1.5rem; padding-top: 1.5rem; font-size: 1rem; line-height: 1.3rem; color: #183969; } @media screen and (max-width: 46.9rem) { .exam-item-view .exam-item-view-stem { padding: 6px 10px !important; } .exam-item-view .exam-item-view-stem .exam-item-view-stem-item .exam-item-view-stem-item-cont { display: block !important; } .exam-item-view .exam-item-view-stem .exam-item-view-stem-item .exam-item-view-stem-item-cont > div:nth-of-type(1) { margin-right: 0 !important; } .exam-item-view .exam-item-view-stem .exam-item-view-stem-item .exam-item-view-stem-item-cont > div:nth-of-type(2) { width: 90% !important; margin-left: 10% !important; } .exam-item-view .exam-item-view-stem .exam-item-view-stem-item .exam-item-view-stem-item-answer > div { width: 90% !important; margin-left: 10% !important; } .exam-item-view .exam-item-view-options .exam-item-view-options-item { width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; border-radius: 4px !important; } .exam-item-view .exam-item-view-statistics { -webkit-flex-wrap: wrap !important; -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; height: auto !important; } .exam-item-view .exam-item-view-statistics .exam-item-view-statistics-echart { width: 100% !important; height: 60vw !important; } .exam-item-view .exam-item-view-statistics .exam-item-view-statistics-right { border-left: none !important; height: auto !important; overflow: auto !important; } .exam-item-view .exam-item-view-statistics .exam-item-view-statistics-right .exam-item-view-statistics-opts > div { white-space: pre-wrap !important; } } .transition-box[data-v-471e8c92] { -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .all-interactive .interactive-guide-tooltip[data-v-471e8c92] { border-color: #82b7ff !important; border-radius: 2px; font-size: 1.1rem; line-height: 1.6rem; color: #0073fa; } .all-interactive .look-interact-btn[data-v-471e8c92] { padding: 0.9rem 12px; background: #f9fbff; border: 1px solid transparent; font-size: 1.3rem; line-height: 2rem; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; overflow: hidden; margin-bottom: 1.5rem; cursor: pointer; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; color: #0073fa; } .all-interactive .look-interact-btn > img[data-v-471e8c92] { width: 1.5rem; margin-left: 1rem; } .all-interactive .look-interact-btn[data-v-471e8c92]:hover { border-color: #0073fa; background: #fff; } .transition-box[data-v-26fcda89] { -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .dis_flex_center[data-v-26fcda89] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .course-tip[data-v-26fcda89] { padding: 12px; border: 1px solid #006cff; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; background-color: #fff; } .course-tip .rate-title[data-v-26fcda89] { margin-right: 1rem; } .course-tip[data-v-26fcda89]:hover { background-color: #006cff; color: #fff; } .course-tip:hover .rate-view > img[data-v-26fcda89] { -webkit-transform: translateX(20.6rem); -ms-transform: translateX(20.6rem); transform: translateX(20.6rem); -webkit-filter: drop-shadow(#fff -20.6rem 0px 0px); filter: drop-shadow(#fff -20.6rem 0px 0px); } .rate-view[data-v-26fcda89] { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; overflow: hidden; } .rate-view img[data-v-26fcda89] { height: 1.3rem; margin: 0 4px; } .not-rate > img[data-v-26fcda89] { margin-right: 1rem; } .content-download > span[data-v-26fcda89] { font-family: D-DIN-Bold; font-size: 1.5rem; color: #333333; letter-spacing: 0; line-height: 2.2rem; } .score-view[data-v-26fcda89] { margin-left: 0.9rem; font-family: D-DIN-Bold; font-size: 1rem; font-weight: bold; color: #666; } .score-view > span[data-v-26fcda89] { font-size: 2.3rem; color: #000; margin: 0 2px; } .tip-view[data-v-26fcda89] { position: absolute; bottom: calc(100% + 12px); width: 140%; left: -20%; height: 8.8rem; background: #ffffff; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #006cff; -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 108, 255, 0.2); box-shadow: 0px 2px 4px 0px rgba(0, 108, 255, 0.2); z-index: 99; } .tip-view[data-v-26fcda89]::after { content: ''; width: 12px; height: 12px; background-color: #fff; border-right: 1px solid #006cff; border-bottom: 1px solid #006cff; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); position: absolute; bottom: -7px; left: calc(50% - 6px); } .tip-view .setStart[data-v-26fcda89] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .tip-view .setStart img[data-v-26fcda89] { height: 1.3rem; margin: 0 4px; } .tip-view .com-btn[data-v-26fcda89] { width: 6.8rem; height: 2rem; line-height: 2rem; border: 1px solid #006cff; font-size: 1.1rem; color: #006cff; text-align: center; margin: 1.3rem auto 0; cursor: pointer; } .tip-view .not-can-rate[data-v-26fcda89] { font-size: 1.5rem; line-height: 2rem; color: #333333; padding: 0 1.3rem; } .transition-box[data-v-4505bdc0] { -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .video-bottom[data-v-4505bdc0] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; font-family: D-DIN; font-size: 1.3rem; line-height: 1.5rem; color: #006cff; margin-bottom: 1.5rem; } .video-bottom .content-download[data-v-4505bdc0] { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; margin-right: 3rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .video-bottom .content-download .annex-item[data-v-4505bdc0] { width: 15rem; margin-right: 1.5rem; padding: 12px; border: 1px solid #006cff; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 12px; } .video-bottom .content-download .annex-item[data-v-4505bdc0]:nth-last-child(1) { margin-right: 0; } .video-bottom .content-download .annex-item > span[data-v-4505bdc0] { color: #006cff; border-bottom: 1px solid #006cff; } .video-bottom .content-download .annex-item[data-v-4505bdc0]:hover { background-color: #006cff; } .video-bottom .content-download .annex-item:hover > span[data-v-4505bdc0] { border-bottom-color: #fff; color: #fff; } @charset "UTF-8"; .content-comments[data-v-2c45a606] { font-family: D-DIN; font-size: 1.1rem; line-height: 1.5rem; } /*评论 */ .content-comment-view[data-v-2c45a606] { margin-bottom: 3.5rem; } .comment-title[data-v-2c45a606] { font-family: D-DIN-Bold; color: #333333; letter-spacing: 0; margin-bottom: 1rem; } .comment-input-wrap[data-v-2c45a606] { position: relative; } .comment-input-wrap[data-v-2c45a606] .el-textarea { font-size: 1.1rem; line-height: 1.6rem; } .comment-input-wrap[data-v-2c45a606] .el-textarea .el-textarea__inner { resize: none; border-radius: 0; font-family: D-DIN; border-color: rgba(0, 108, 255, 0.502); } .comment-input-wrap[data-v-2c45a606] .el-textarea .el-textarea__inner:focus { border-color: rgba(0, 108, 255, 0.502); } .comment-input-wrap .comment-btn[data-v-2c45a606] { position: absolute; right: 3.5rem; bottom: -1rem; height: 2rem; text-align: center; padding: 0 12px; line-height: 2rem; border: 1px solid #006cff; background-color: #006cff; color: #fff; border-radius: 0; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; font-family: D-DIN; font-size: 1.1rem; line-height: 1.5rem; } .comment-input-wrap .disabled-btn[data-v-2c45a606] { background: #f4f4f5; color: #bcbec2; border-color: #e9e9eb; } .first-comment-view[data-v-2c45a606] .el-textarea .el-textarea__inner { background-color: #f5f9ff; } .first-comment-view[data-v-2c45a606] .el-textarea .el-input__count { background-color: transparent; } input[data-v-2c45a606]:-ms-input-placeholder, textarea[data-v-2c45a606]:-ms-input-placeholder { color: #d0d0d0; } input[data-v-2c45a606]::-webkit-input-placeholder, textarea[data-v-2c45a606]::-webkit-input-placeholder { color: #d0d0d0; } /* 评论列表 */ .content-comments-list[data-v-2c45a606] { margin-bottom: 5rem; word-wrap: break-word; word-break: break-word; } .content-comments-list .comments-list-item[data-v-2c45a606] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 12px; } .content-comments-list .comments-list-item .comments-header-logo[data-v-2c45a606] { width: 3.1rem; height: 3.1rem; margin-right: 1.3rem; border-radius: 50%; border: 1px solid #006cff; margin-right: 1rem; } .content-comments-list .comments-list-item .comments-item-content[data-v-2c45a606] { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .content-comments-list .comments-list-item .comments-item-content .comments-item-name[data-v-2c45a606] { font-family: D-DIN-Bold; font-weight: bold; line-height: 1.5rem; margin-bottom: 8px; } .content-comments-list .comments-list-item .comments-item-content .my-comment-text[data-v-2c45a606] { color: #666666; margin-bottom: 1.5rem; } .content-comments-list .comments-list-item .comments-item-content .time[data-v-2c45a606] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; color: #8cbeff; padding-top: 8px; padding-bottom: 1rem; border-bottom: 1px solid #006cff; } .content-comments-list .comments-list-item .comments-item-content .my-question-ipt-view[data-v-2c45a606] { margin-top: 1rem; margin-bottom: 1.5rem; } .content-comments-list .comments-list-item .comments-item-content .child-more[data-v-2c45a606] { padding-top: 12px; background-color: #f9fbff; } .content-comments-list .comments-list-item .comments-item-content .child-more .reply-list[data-v-2c45a606] { padding: 0 1.5rem 12px; } .content-comments-list .comments-list-item .comments-item-content .child-more .reply-list .reply-items-detail[data-v-2c45a606] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 4px; } .content-comments-list .comments-list-item .comments-item-content .child-more .reply-list .reply-items-detail .reply-name[data-v-2c45a606] { color: #3c3c3c; word-wrap: break-word; word-break: break-word; max-width: 50%; } .content-comments-list .comments-list-item .comments-item-content .child-more .reply-list .reply-items-detail .reply-cont[data-v-2c45a606] { word-wrap: break-word; word-break: break-word; color: #666666; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .content-comments-list .comments-list-item .comments-item-content .child-more .reply-list .reply-items-time[data-v-2c45a606] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .content-comments-list .comments-list-item .comments-item-content .child-more .reply-list .reply-items-time .reply-time[data-v-2c45a606] { color: #8cbeff; } .reply-btn[data-v-2c45a606] { cursor: pointer; color: #8cbeff; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-align: right; font-weight: 400; } .reply-btn[data-v-2c45a606]:hover { color: #0073fa; } .actived[data-v-2c45a606] { color: #0073fa; } /* 回复框 */ .my-question-ipt-view[data-v-2c45a606] { margin-top: 1rem; margin-bottom: 1.5rem; } /* 评论回复列表 */ .reply-list[data-v-2c45a606] { padding: 0 1.5rem 12px; } .reply-items-detail[data-v-2c45a606] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 4px; } @media screen and (max-width: 46.9rem) { .comments-header > span[data-v-2c45a606] { word-wrap: break-word !important; word-break: break-word !important; } .my-question-cont[data-v-2c45a606], .reply-name[data-v-2c45a606] { word-wrap: break-word !important; word-break: break-word !important; } .reply-items-detail[data-v-2c45a606] { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .reply-list[data-v-2c45a606] { padding: 0 12px 10px; } [data-v-2c45a606] .el-textarea__inner { min-height: 4.4rem !important; } .comments-header > img[data-v-2c45a606] { margin-right: 8px; } } .detailContent-item[data-v-854cb76c] { font-size: 1.3rem !important; font-family: D-DIN !important; color: #666666; letter-spacing: 0; line-height: 1.8rem; font-weight: 400; } .detailContent-item[data-v-854cb76c] .text-model { margin-bottom: 1rem; word-wrap: break-word; word-break: break-word; font-family: D-DIN !important; } .detailContent-item[data-v-854cb76c] .text-model a, .detailContent-item[data-v-854cb76c] .text-model u, .detailContent-item[data-v-854cb76c] .text-model span, .detailContent-item[data-v-854cb76c] .text-model ul, .detailContent-item[data-v-854cb76c] .text-model li, .detailContent-item[data-v-854cb76c] .text-model p, .detailContent-item[data-v-854cb76c] .text-model div { font-family: D-DIN !important; } .detailContent-item .imageText-model .imageText-model-title[data-v-854cb76c] { font-family: D-DIN-Bold; font-weight: 700; font-size: 1.1rem; color: #183969; margin-bottom: 1rem; } .detailContent-item .imageText-model .imageText-model-introduction[data-v-854cb76c] { font-size: 1.1rem; line-height: 1.5rem; color: rgba(70, 70, 70, 0.89); margin-bottom: 1rem; } .detailContent-item .imageText-model > img[data-v-854cb76c] { width: 100%; border-radius: 6px; margin-bottom: 1rem; } .content-download[data-v-854cb76c] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .content-download .download-view[data-v-854cb76c] { width: 17.5rem; height: 3rem; border: 1px solid #005fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; font-size: 1.1rem; margin: 0 1.5rem 1.5rem 0; color: #006cff; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .content-download .download-view[data-v-854cb76c]:hover { background: #006cff; color: #fff; } .content-download .download-txt[data-v-854cb76c] { text-decoration: underline; -webkit-box-sizing: border-box; box-sizing: border-box; } @media screen and (max-width: 46.9rem) { .activityDetail-view[data-v-854cb76c] { width: 100%; } } .course-wrap[data-v-c055173c] { font-family: D-DIN; font-size: 1.3rem; line-height: 1.8rem; color: #3c3c3c; margin: 1.5rem 0; -webkit-box-sizing: border-box; box-sizing: border-box; border-top: 1px solid #006cff; border-bottom: 1px solid #006cff; } .course-wrap .course-content[data-v-c055173c] { padding: 1.5rem 0; } .course-wrap .course-content .course-content-wrap[data-v-c055173c] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 1.5rem; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .course-wrap .course-content .course-content-wrap .course-content-wrap-right[data-v-c055173c] { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .course-wrap .course-content .course-content-wrap .course-content-wrap-right .slack-view[data-v-c055173c] { margin-bottom: 1.5rem; } .course-wrap .course-content .course-content-wrap .course-content-wrap-right .content-text[data-v-c055173c] { margin-top: 2.5rem; border-top: 1px solid #006cff; padding-top: 2.5rem; } .course-wrap .course-content .course-content-wrap .course-content-wrap-right .tabs-pane[data-v-c055173c] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #333333; margin-bottom: 1.5rem; } .course-wrap .course-content .course-content-wrap .course-content-wrap-right .tabs-pane > div[data-v-c055173c] { padding: 0px 1.5rem 12px; cursor: pointer; } .course-wrap .course-content .course-content-wrap .course-content-wrap-right .tabs-pane .active[data-v-c055173c] { font-family: D-DIN-Bold; border-bottom: 1px solid #006cff; } .course-wrap .course-content .course-content-wrap .course-content-wrap-right .only-has-comment[data-v-c055173c] { font-family: D-DIN-Bold; color: #333333; margin-bottom: 1rem; } .learn-detail-header[data-v-20e2356a] { margin: 1.5rem 0; color: #3c3c3c; -webkit-box-sizing: border-box; box-sizing: border-box; border-top: 1px solid #006cff; border-bottom: 1px solid #006cff; background-image: var(--bg); background-repeat: no-repeat; background-position: right top; background-size: cover; position: relative; } .learn-detail-header .learn-detail-header-box[data-v-20e2356a] { padding: 2.5rem; -webkit-box-sizing: border-box; box-sizing: border-box; } .learn-detail-header .learn-detail-header-box .learn-detail-header-box-title[data-v-20e2356a] { font-family: D-DIN-Bold; font-size: 2.5rem; font-weight: bold; line-height: 3rem; margin-bottom: 1.5rem; } .learn-detail-header .learn-detail-header-box .learn-detail-header-box-content[data-v-20e2356a] { font-family: D-DIN; font-size: 1.1rem; line-height: 1.3rem; color: #006cff; } .quiz-header[data-v-20e2356a] { background: rgba(255, 255, 255, 0.85); } @media screen and (max-width: 46.9rem) { .learn-detail-header[data-v-20e2356a] { background-position: 80% bottom; margin: 1.5rem 0; } .learn-detail-header .learn-detail-header-box[data-v-20e2356a] { padding: 1.5rem; margin: 0 1rem; } .learn-detail-header .learn-detail-header-box .learn-detail-header-box-title[data-v-20e2356a] { width: 100%; font-size: 2.3rem; line-height: 2.8rem; margin-bottom: 1rem; } } .content-header[data-v-069a0e98] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .content-header[data-v-069a0e98] .el-breadcrumb { font-size: 1rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .content-header[data-v-069a0e98] .el-breadcrumb .el-breadcrumb__item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .content-header[data-v-069a0e98] .el-breadcrumb .el-breadcrumb__item .el-breadcrumb__inner a, .content-header[data-v-069a0e98] .el-breadcrumb .el-breadcrumb__item .el-breadcrumb__inner.is-link { color: #006cff; font-weight: 400; } .content-header[data-v-069a0e98] .el-breadcrumb .el-breadcrumb__item .el-breadcrumb__inner { color: #8cbeff; max-width: 15rem; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: inline-block; } .content-header[data-v-069a0e98] .el-breadcrumb .el-breadcrumb__item .el-breadcrumb__separator { color: #8cbeff; } .content-header[data-v-069a0e98] .el-breadcrumb .el-breadcrumb__item .home-icon { height: 12px; margin-right: 8px; } .section-menu[data-v-70225ac4] { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 22.5rem; margin-right: 2.5rem; background: #ffffff; border: 1px solid #006cff; -webkit-box-sizing: border-box; box-sizing: border-box; } .section-menu .section-menu-title[data-v-70225ac4] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; cursor: pointer; padding: 1rem 1.5rem; -webkit-box-sizing: border-box; box-sizing: border-box; } .section-menu .section-menu-title .icon-menu[data-v-70225ac4] { width: 1rem; height: 1rem; font-size: 1rem; } .section-menu .section-menu-title > div[data-v-70225ac4] { margin-left: 1rem; font-size: 1.1rem; line-height: 1; color: #006cff; } .close-menu[data-v-70225ac4] { width: auto; } .detail-view[data-v-70225ac4] { padding-bottom: 1rem; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 1.5rem; border-top: 1px solid #006cff; } .detail-view[data-v-70225ac4] .el-collapse { border: none; word-break: break-word; -webkit-box-sizing: border-box; box-sizing: border-box; } .detail-view[data-v-70225ac4] .el-collapse .el-collapse-item .el-collapse-item__header { border-bottom: none; border-top: 1px solid #8cbeff; padding: 1rem 0px; height: auto; line-height: 1; cursor: pointer; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .detail-view[data-v-70225ac4] .el-collapse .el-collapse-item .el-collapse-item__header .title-cont { font-family: D-DIN-Bold; font-size: 1.1rem; font-weight: bold; line-height: 1.5rem; color: #505050; } .detail-view[data-v-70225ac4] .el-collapse .el-collapse-item .el-collapse-item__header .el-collapse-item__arrow { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); color: #8cbeff; padding: 4px; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; font-size: 1.1rem; } .detail-view[data-v-70225ac4] .el-collapse .el-collapse-item .el-collapse-item__header .el-collapse-item__arrow.is-active { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .detail-view[data-v-70225ac4] .el-collapse .el-collapse-item:nth-child(1) .el-collapse-item__header { border-top: none; } .detail-view[data-v-70225ac4] .el-collapse .el-collapse-item .el-collapse-item__wrap { border: none; background: #fff; padding: 0px; } .detail-view[data-v-70225ac4] .el-collapse .el-collapse-item .el-collapse-item__wrap .el-collapse-item__content { padding: 0; } .detail-view[data-v-70225ac4] .el-collapse .el-collapse-item .el-collapse-item__wrap .el-collapse-item__content .section-cont { padding: 1rem; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .detail-view[data-v-70225ac4] .el-collapse .el-collapse-item .el-collapse-item__wrap .el-collapse-item__content .section-cont .section-cont-title { font-family: D-DIN; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .detail-view[data-v-70225ac4] .el-collapse .el-collapse-item .el-collapse-item__wrap .el-collapse-item__content .section-cont .section-cont-title > img { width: 1rem; height: 1rem; -o-object-fit: cover; object-fit: cover; margin-right: 8px; margin-top: 3px; } .detail-view[data-v-70225ac4] .el-collapse .el-collapse-item .el-collapse-item__wrap .el-collapse-item__content .section-cont .section-cont-title .section-cont-title-text { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; font-family: D-DIN; font-size: 1.1rem; line-height: 1.4rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .detail-view[data-v-70225ac4] .el-collapse .el-collapse-item .el-collapse-item__wrap .el-collapse-item__content .section-cont .section-cont-title .section-quiz-tip { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; color: #005fff; font-size: 1rem; line-height: 1.4rem; margin-left: 1.5rem; text-align: right; } .detail-view[data-v-70225ac4] .el-collapse .el-collapse-item .el-collapse-item__wrap .el-collapse-item__content .section-cont .section-cont-detail { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; margin-top: 8px; } .detail-view[data-v-70225ac4] .el-collapse .el-collapse-item .el-collapse-item__wrap .el-collapse-item__content .section-cont .section-cont-detail .section-cont-text { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 1rem; line-height: 1.4rem; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; margin-left: 1.5rem; } .detail-view[data-v-70225ac4] .el-collapse .el-collapse-item .el-collapse-item__wrap .el-collapse-item__content .section-cont .section-cont-detail .section-cont-text .section-cont-text-item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-right: 1.5rem; } .detail-view[data-v-70225ac4] .el-collapse .el-collapse-item .el-collapse-item__wrap .el-collapse-item__content .section-cont .section-cont-detail .section-cont-text .section-cont-text-item img { margin-right: 8px; width: 0.9rem; height: 0.9rem; -o-object-fit: cover; object-fit: cover; } .detail-view[data-v-70225ac4] .el-collapse .el-collapse-item .el-collapse-item__wrap .el-collapse-item__content .active, .detail-view[data-v-70225ac4] .el-collapse .el-collapse-item .el-collapse-item__wrap .el-collapse-item__content .section-cont:hover { background-color: #f9fbff; } .detail-view[data-v-70225ac4] .el-collapse .el-collapse-item .el-collapse-item__wrap .el-collapse-item__content .active .section-cont-title .section-cont-title-text, .detail-view[data-v-70225ac4] .el-collapse .el-collapse-item .el-collapse-item__wrap .el-collapse-item__content .section-cont:hover .section-cont-title .section-cont-title-text { color: #006cff; } .detail-view[data-v-70225ac4] .el-collapse .el-collapse-item .el-collapse-item__wrap .el-collapse-item__content .active .section-cont-detail .section-cont-text, .detail-view[data-v-70225ac4] .el-collapse .el-collapse-item .el-collapse-item__wrap .el-collapse-item__content .section-cont:hover .section-cont-detail .section-cont-text { color: #0a418c; } @media screen and (max-width: 46.9rem) { .detail-view[data-v-70225ac4] .el-collapse .el-collapse-item__wrap { padding: 0 6px !important; } .section-name[data-v-70225ac4] { font-size: 1rem !important; line-height: 1.4rem !important; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .section-name > span[data-v-70225ac4] { width: 100%; margin: 0 !important; } .title-cont[data-v-70225ac4] { font-size: 1.1rem !important; line-height: 1.6rem !important; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .title-cont[data-v-70225ac4]:before { margin-right: 12px !important; } .title-cont > span[data-v-70225ac4] { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } [data-v-70225ac4] .el-collapse-item__header { padding: 6px !important; } } .course-view[data-v-692a9d54] { margin-top: 1.5rem; } .course-view .course-list-video[data-v-692a9d54] { padding: 1rem; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .course-view .course-list-video .course-list-video-left[data-v-692a9d54] { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .course-view .course-list-video .course-list-video-left .course-video-name[data-v-692a9d54] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .course-view .course-list-video .course-list-video-left .course-video-name > img[data-v-692a9d54] { width: 1rem; margin-right: 8px; margin-top: 3px; } .course-view .course-list-video .course-list-video-left .course-video-name > span[data-v-692a9d54] { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; font-size: 1.1rem; line-height: 1.4rem; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .course-view .course-list-video .course-list-video-left .course-video-duration[data-v-692a9d54] { font-size: 1rem; line-height: 1.1rem; padding-left: 1.5rem; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; margin-top: 6px; } .course-view .course-list-video .course-list-video-right[data-v-692a9d54] { font-size: 1.1rem; line-height: 1.4rem; margin-left: 1.5rem; background-color: #0067ff; color: #fff; padding: 4px 12px; cursor: pointer; opacity: 0; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .course-view .course-list-video[data-v-692a9d54]:hover { background: #f9fbff; } .course-view .course-list-video:hover .course-list-video-left .course-video-name > span[data-v-692a9d54] { color: #0067ff; } .course-view .course-list-video:hover .course-list-video-left .course-video-duration[data-v-692a9d54] { color: #0a418c; } .course-view .course-list-video:hover .course-list-video-right[data-v-692a9d54] { opacity: 1; } .super-video .super-video-btn[data-v-182f5196] { margin-bottom: 1.5rem; padding: 1.5rem; background: #f9fbff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .super-video .super-video-btn .btn-text[data-v-182f5196] { margin-bottom: 12px; color: #006cff; } .super-video .super-video-btn .exLink-btn[data-v-182f5196] { background: #ffffff; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #006cff; color: #006cff; width: 15rem; text-align: center; padding: 12px; cursor: pointer; line-height: 1; text-decoration: underline; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .super-video .super-video-btn .exLink-btn[data-v-182f5196]:hover { background: #006cff; color: #ffffff; } .super-video .super-video-detail[data-v-182f5196] { padding-top: 1.5rem; border-top: 1px solid #8cbeff; } .section-header[data-v-018bb0e6] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 8px 0; border-bottom: 1px solid #0067ff; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .section-header .content-name[data-v-018bb0e6] { font-family: D-DIN-Bold; font-size: 1.5rem; font-weight: bold; line-height: 2rem; color: #505050; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .section-header .content-btn[data-v-018bb0e6] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .section-header .content-btn > div[data-v-018bb0e6] { padding: 4px 10px; background-color: #f9fbff; cursor: pointer; color: #006cff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .section-header .content-btn > div > img[data-v-018bb0e6] { width: 1rem; } .section-header .content-btn .content-btn-left > img[data-v-018bb0e6] { margin-right: 8px; } .section-header .content-btn .content-btn-right[data-v-018bb0e6] { margin-left: 1.5rem; } .section-header .content-btn .content-btn-right > img[data-v-018bb0e6] { margin-left: 8px; } .section-lecturer[data-v-018bb0e6] { padding-top: 1.5rem; margin-bottom: 1.5rem; } .section-lecturer .lecturer-list[data-v-018bb0e6] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .section-lecturer .lecturer-list .lecturer-list-item[data-v-018bb0e6] { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; margin-top: 1rem; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; cursor: pointer; } .section-lecturer .lecturer-list .lecturer-list-item .lecturer-cover[data-v-018bb0e6] { width: 3.8rem; height: 3.8rem; position: relative; margin-right: 1rem; } .section-lecturer .lecturer-list .lecturer-list-item .lecturer-cover .lecturer-cover-img[data-v-018bb0e6] { display: block; width: 100%; height: 100%; border: 1px solid #006cff; border-radius: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; } .section-lecturer .lecturer-list .lecturer-list-item .lecturer-list-item-detail[data-v-018bb0e6] { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .section-lecturer .lecturer-list .lecturer-list-item .lecturer-list-item-detail > div[data-v-018bb0e6] { min-height: 1.5rem; } .section-lecturer .lecturer-list .lecturer-list-item .lecturer-list-item-detail .lecturer-name[data-v-018bb0e6] { font-family: D-DIN-Bold; font-weight: bold; } .section-lecturer .lecturer-list .lecturer-list-item .lecturer-list-item-detail .lecturer-position[data-v-018bb0e6] { font-size: 1rem; line-height: 1.4rem; } .section-lecturer .lecturer-list .lecturer-list-item[data-v-018bb0e6]:nth-child(2n) { margin-left: 8px; } .section-lecturer .lecturer-list .lecturer-name[data-v-018bb0e6], .section-lecturer .lecturer-list .lecturer-position[data-v-018bb0e6] { -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .section-lecturer .lecturer-list .lecturer-list-item:hover .lecturer-name[data-v-018bb0e6] { color: #006cff; } .section-lecturer .lecturer-list .lecturer-list-item:hover .lecturer-position[data-v-018bb0e6] { color: #0a418c; } [data-v-146269b8] .quiz-dialog { background-color: #fff; border-radius: unset; -webkit-box-shadow: unset; box-shadow: unset; } [data-v-146269b8] .quiz-dialog .el-dialog__header { display: none; } [data-v-146269b8] .quiz-dialog .el-dialog__body { padding: 2.5rem; position: relative; border: 1px solid #006cff; font-size: 1.3rem; line-height: 1.8rem; color: #3c3c3c; } [data-v-146269b8] .quiz-dialog .el-dialog__body .quiz-dialog-content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } [data-v-146269b8] .quiz-dialog .el-dialog__body .quiz-dialog-content .quiz-dialog-content-img { display: block; height: 7.5rem; margin-bottom: 1.5rem; } [data-v-146269b8] .quiz-dialog .el-dialog__body .quiz-dialog-content .quiz-dialog-content-title { text-align: center; margin-bottom: 1rem; } [data-v-146269b8] .quiz-dialog .el-dialog__body .quiz-dialog-content .quiz-dialog-content-text .quiz-pass-title { margin-bottom: 8px; } [data-v-146269b8] .quiz-dialog .el-dialog__body .quiz-dialog-content .quiz-dialog-content-text .quiz-pass-list { padding-left: 1.3rem; margin: 0; } [data-v-146269b8] .quiz-dialog .el-dialog__body .quiz-dialog-content .quiz-dialog-content-text .quiz-fail-box { margin-top: 8px; } [data-v-146269b8] .quiz-dialog .el-dialog__body .quiz-dialog-bottom { margin: 5rem auto 2rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; } [data-v-146269b8] .quiz-dialog .el-dialog__body .quiz-dialog-bottom > div { width: 18.8rem; height: 2.5rem; line-height: 2.5rem; color: #006cff; cursor: pointer; padding: 0 8px; border: 1px solid #006cff; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; } [data-v-146269b8] .quiz-dialog .el-dialog__body .quiz-dialog-bottom > div:nth-child(1) { margin-right: 12px; } [data-v-146269b8] .quiz-dialog .close-btn { width: 3.8rem; height: 3.8rem; position: absolute; right: -1.9rem; top: -1.9rem; background-color: #fff; cursor: pointer; } [data-v-146269b8] .quiz-dialog .close-btn > img { width: 100%; } [data-v-146269b8] .quiz-dialog .mobile-close { width: 2.5rem; right: -1.3rem; top: -1.3rem; } .quiz-timeout-alert { border-radius: 0; border-color: #006cff; font-family: D-DIN; font-size: 1.3rem; -webkit-box-shadow: none; box-shadow: none; } .quiz-timeout-alert .el-message-box__content { font-size: 1.1rem; color: #3c3c3c; } .quiz-timeout-alert .el-message-box__btns .el-button { background: #006cff; border-color: #006cff; font-size: 1.1rem; border-radius: 0; } .quiz-view .quiz-view-title[data-v-471b0307] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; padding: 12px 0; position: -webkit-sticky; position: sticky; top: 5rem; background-color: #fff; z-index: 9; } .quiz-view .quiz-view-title > div[data-v-471b0307]:nth-child(1) { margin-right: 2.5rem; } .quiz-view .quiz-view-title > div:nth-child(1) > span[data-v-471b0307] { color: #006cff; display: inline-block; width: 6.3rem; } .quiz-view .quiz-view-cont[data-v-471b0307] { background-color: #f9fbff; padding: 2.5rem; -webkit-box-sizing: border-box; box-sizing: border-box; } .quiz-view .quiz-view-cont .quiz-item .quiz-item-title[data-v-471b0307] { font-family: D-DIN-Bold; font-size: 1.3rem; font-weight: bold; line-height: 2rem; color: #3c3c3c; } .quiz-view .quiz-view-cont .quiz-item .quiz-item-option[data-v-471b0307] { padding: 2.5rem 0; } .quiz-view .quiz-view-cont .quiz-item .quiz-item-option .correct-answer[data-v-471b0307] { margin: 2rem 0; font-size: 1.3rem; line-height: 1.8rem; } .quiz-view .quiz-view-cont .quiz-item .quiz-item-option .correct-answer > span[data-v-471b0307]:nth-child(1) { font-family: D-DIN-Bold; font-weight: bold; } .quiz-view .quiz-view-cont .quiz-item .quiz-item-option .correct-answer > span[data-v-471b0307]:nth-child(2) { color: #ff5959; } .quiz-view .quiz-view-cont .quiz-item .quiz-item-option .correct-answer .correct-answer-right[data-v-471b0307] { color: #006cff !important; } .quiz-view .quiz-view-cont .quiz-item .quiz-item-option[data-v-471b0307] .el-radio-group .el-radio, .quiz-view .quiz-view-cont .quiz-item .quiz-item-option[data-v-471b0307] .el-radio-group .el-checkbox, .quiz-view .quiz-view-cont .quiz-item .quiz-item-option[data-v-471b0307] .el-checkbox-group .el-radio, .quiz-view .quiz-view-cont .quiz-item .quiz-item-option[data-v-471b0307] .el-checkbox-group .el-checkbox { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 0.9rem; margin-right: 0; color: #3c3c3c; font-weight: 400; } .quiz-view .quiz-view-cont .quiz-item .quiz-item-option[data-v-471b0307] .el-radio-group .el-radio:nth-last-child(1), .quiz-view .quiz-view-cont .quiz-item .quiz-item-option[data-v-471b0307] .el-radio-group .el-checkbox:nth-last-child(1), .quiz-view .quiz-view-cont .quiz-item .quiz-item-option[data-v-471b0307] .el-checkbox-group .el-radio:nth-last-child(1), .quiz-view .quiz-view-cont .quiz-item .quiz-item-option[data-v-471b0307] .el-checkbox-group .el-checkbox:nth-last-child(1) { margin-bottom: 0; } .quiz-view .quiz-view-cont .quiz-item .quiz-item-option[data-v-471b0307] .el-radio-group .el-radio .el-radio__label, .quiz-view .quiz-view-cont .quiz-item .quiz-item-option[data-v-471b0307] .el-radio-group .el-radio .el-checkbox__label, .quiz-view .quiz-view-cont .quiz-item .quiz-item-option[data-v-471b0307] .el-radio-group .el-checkbox .el-radio__label, .quiz-view .quiz-view-cont .quiz-item .quiz-item-option[data-v-471b0307] .el-radio-group .el-checkbox .el-checkbox__label, .quiz-view .quiz-view-cont .quiz-item .quiz-item-option[data-v-471b0307] .el-checkbox-group .el-radio .el-radio__label, .quiz-view .quiz-view-cont .quiz-item .quiz-item-option[data-v-471b0307] .el-checkbox-group .el-radio .el-checkbox__label, .quiz-view .quiz-view-cont .quiz-item .quiz-item-option[data-v-471b0307] .el-checkbox-group .el-checkbox .el-radio__label, .quiz-view .quiz-view-cont .quiz-item .quiz-item-option[data-v-471b0307] .el-checkbox-group .el-checkbox .el-checkbox__label { font-size: 1.3rem; line-height: 1.5rem; white-space: break-spaces; } .quiz-view .quiz-view-cont .quiz-item .quiz-item-option[data-v-471b0307] .el-radio-group .el-radio .el-radio__input .el-radio__inner, .quiz-view .quiz-view-cont .quiz-item .quiz-item-option[data-v-471b0307] .el-radio-group .el-checkbox .el-radio__input .el-radio__inner, .quiz-view .quiz-view-cont .quiz-item .quiz-item-option[data-v-471b0307] .el-checkbox-group .el-radio .el-radio__input .el-radio__inner, .quiz-view .quiz-view-cont .quiz-item .quiz-item-option[data-v-471b0307] .el-checkbox-group .el-checkbox .el-radio__input .el-radio__inner { margin-top: 4px; width: 1rem; height: 1rem; border-color: #006cff; } .quiz-view .quiz-view-cont .quiz-item .quiz-item-option[data-v-471b0307] .el-radio-group .el-radio .el-radio__input .el-radio__inner::after, .quiz-view .quiz-view-cont .quiz-item .quiz-item-option[data-v-471b0307] .el-radio-group .el-checkbox .el-radio__input .el-radio__inner::after, .quiz-view .quiz-view-cont .quiz-item .quiz-item-option[data-v-471b0307] .el-checkbox-group .el-radio .el-radio__input .el-radio__inner::after, .quiz-view .quiz-view-cont .quiz-item .quiz-item-option[data-v-471b0307] .el-checkbox-group .el-checkbox .el-radio__input .el-radio__inner::after { width: 8px; height: 8px; } .quiz-view .quiz-view-cont .quiz-item .quiz-item-option[data-v-471b0307] .el-radio-group .el-radio .el-radio__input.is-checked .el-radio__inner, .quiz-view .quiz-view-cont .quiz-item .quiz-item-option[data-v-471b0307] .el-radio-group .el-checkbox .el-radio__input.is-checked .el-radio__inner, .quiz-view .quiz-view-cont .quiz-item .quiz-item-option[data-v-471b0307] .el-checkbox-group .el-radio .el-radio__input.is-checked .el-radio__inner, .quiz-view .quiz-view-cont .quiz-item .quiz-item-option[data-v-471b0307] .el-checkbox-group .el-checkbox .el-radio__input.is-checked .el-radio__inner { background-color: #fff; } .quiz-view .quiz-view-cont .quiz-item .quiz-item-option[data-v-471b0307] .el-radio-group .el-radio .el-radio__input.is-checked .el-radio__inner::after, .quiz-view .quiz-view-cont .quiz-item .quiz-item-option[data-v-471b0307] .el-radio-group .el-checkbox .el-radio__input.is-checked .el-radio__inner::after, .quiz-view .quiz-view-cont .quiz-item .quiz-item-option[data-v-471b0307] .el-checkbox-group .el-radio .el-radio__input.is-checked .el-radio__inner::after, .quiz-view .quiz-view-cont .quiz-item .quiz-item-option[data-v-471b0307] .el-checkbox-group .el-checkbox .el-radio__input.is-checked .el-radio__inner::after { background-color: #006cff; } .quiz-view .quiz-view-cont .quiz-item .quiz-item-option[data-v-471b0307] .el-radio-group .el-radio .el-checkbox__input .el-checkbox__inner, .quiz-view .quiz-view-cont .quiz-item .quiz-item-option[data-v-471b0307] .el-radio-group .el-checkbox .el-checkbox__input .el-checkbox__inner, .quiz-view .quiz-view-cont .quiz-item .quiz-item-option[data-v-471b0307] .el-checkbox-group .el-radio .el-checkbox__input .el-checkbox__inner, .quiz-view .quiz-view-cont .quiz-item .quiz-item-option[data-v-471b0307] .el-checkbox-group .el-checkbox .el-checkbox__input .el-checkbox__inner { margin-top: 4px; width: 1rem; height: 1rem; border-color: #006cff; } .quiz-view .quiz-view-cont .quiz-item .quiz-item-option[data-v-471b0307] .el-radio-group .el-radio .el-checkbox__input.is-checked .el-checkbox__inner, .quiz-view .quiz-view-cont .quiz-item .quiz-item-option[data-v-471b0307] .el-radio-group .el-checkbox .el-checkbox__input.is-checked .el-checkbox__inner, .quiz-view .quiz-view-cont .quiz-item .quiz-item-option[data-v-471b0307] .el-checkbox-group .el-radio .el-checkbox__input.is-checked .el-checkbox__inner, .quiz-view .quiz-view-cont .quiz-item .quiz-item-option[data-v-471b0307] .el-checkbox-group .el-checkbox .el-checkbox__input.is-checked .el-checkbox__inner { background-color: #006cff; } .quiz-view .quiz-view-cont .quiz-view-bottom[data-v-471b0307] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .quiz-view .quiz-view-cont .quiz-view-bottom .quiz-view-bottom-btn[data-v-471b0307] { width: 19.5rem; border: 1px solid #006cff; color: #006cff; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; font-family: D-DIN; font-size: 1.3rem; padding: 10px; text-align: center; cursor: pointer; } .quiz-view .quiz-view-cont .quiz-view-bottom .submit-btn-disabled[data-v-471b0307] { cursor: not-allowed; opacity: 0.7; } .exam-container[data-v-b50a2c36] { padding: 1.5rem; color: #3c3c3c; background-color: #f9fbff; } .exam-container .exam-name[data-v-b50a2c36] { margin-bottom: 1.5rem; font-size: 2rem; line-height: 2.5rem; font-family: D-DIN-Bold; font-weight: bold; } .exam-container .exam-subName[data-v-b50a2c36] { margin-bottom: 1.5rem; } .quiz-view-bottom[data-v-b50a2c36] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .quiz-view-bottom .quiz-view-bottom-btn[data-v-b50a2c36] { width: 19.5rem; border: 1px solid #006cff; color: #006cff; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; font-family: D-DIN; font-size: 1.3rem; padding: 10px; text-align: center; cursor: pointer; } .course-wrap[data-v-7203bbd7] { font-family: D-DIN; font-size: 1.3rem; line-height: 1.8rem; color: #3c3c3c; margin: 1.5rem 0; -webkit-box-sizing: border-box; box-sizing: border-box; border-top: 1px solid #006cff; border-bottom: 1px solid #006cff; } .course-wrap .course-content[data-v-7203bbd7] { padding: 1.5rem 0; } .course-wrap .course-content .course-content-wrap[data-v-7203bbd7] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 1.5rem; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .course-wrap .course-content .course-content-wrap .course-content-wrap-right[data-v-7203bbd7] { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .course-wrap .course-content .course-content-wrap .course-content-wrap-right .slack-view[data-v-7203bbd7] { margin-bottom: 1.5rem; } @charset "UTF-8"; @media screen and (max-width: 750PX) { /*当屏幕尺寸小于750PX时，应用下面的CSS样式*/ .w14[data-v-59fe6c08] { min-width: 0 !important; } .content[data-v-59fe6c08] { margin-left: 25PX; margin-right: 25PX; } .goNext[data-v-59fe6c08] { margin-right: 20PX; } .part-title[data-v-59fe6c08] { font-size: 28PX !important; } .part-tilte-one[data-v-59fe6c08] { font-size: 20PX !important; margin-top: 20PX !important; margin-bottom: 0.9rem !important; } .part-tilte-one[data-v-59fe6c08] { width: 100% !important; } .founding-partner[data-v-59fe6c08] { width: 100% !important; padding-left: 1.9rem; padding-right: 30PX; -webkit-box-sizing: border-box; box-sizing: border-box; } .founding-partner div[data-v-59fe6c08] { font-size: 16PX !important; } } .container[data-v-59fe6c08] { background: #f9fcfd; width: 100%; height: 100%; padding-bottom: 9.1rem; } .content[data-v-59fe6c08] { background: #fff; padding: 2.5rem; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0 4px 0.9rem 0 #d3e4ea; box-shadow: 0 4px 0.9rem 0 #d3e4ea; border-radius: 8px; } .goNext[data-v-59fe6c08] { font-size: 1.3rem; color: #0073fa; letter-spacing: 0; text-align: right; font-weight: 400; padding-top: 1.9rem; padding-bottom: 1.9rem; text-decoration: underline; cursor: pointer; } .part-title[data-v-59fe6c08] { font-family: D-DIN-Bold; font-size: 3rem; color: #183969; letter-spacing: 0; font-weight: 700; } .part-tilte-one[data-v-59fe6c08] { font-family: D-DIN-Bold; font-size: 1.5rem; color: #333333; letter-spacing: 0; font-weight: 700; margin-top: 2.5rem; margin-bottom: 1.3rem; } .second[data-v-59fe6c08] { margin-top: 1.3rem !important; } .founding-partner[data-v-59fe6c08] { width: 12.8rem; height: auto; border: 1px solid #ceddee; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-flow: column; -ms-flex-flow: column; flex-flow: column; margin-bottom: 1.3rem; } .founding-partner div[data-v-59fe6c08] { text-decoration: underline; word-wrap: break-word; word-break: break-word; } .founding-partner img[data-v-59fe6c08] { width: 8.8rem; height: 8.8rem; margin-top: 1.3rem; display: block; -o-object-fit: cover; object-fit: cover; } .founding-partner div[data-v-59fe6c08] { font-size: 1.1rem; color: #006cff; text-align: center; line-height: 2rem; font-weight: 400; margin-top: 1.3rem; margin-bottom: 1.1rem; text-decoration: underline; padding-left: 10px; padding-right: 10px; } .founding-partner-list[data-v-59fe6c08] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .founding-partner-list[data-v-59fe6c08]::after { content: ''; width: 12.8rem; } .pick[data-v-59fe6c08] { width: 12.8rem; overflow: hidden; } .w14[data-v-59fe6c08] { min-width: 75rem; } .committee[data-v-59fe6c08] { width: 100%; height: auto; border: 1px solid #ceddee; padding: 2rem; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 1.3rem; } .committee img[data-v-59fe6c08] { width: 15rem; height: 10.4rem; } .committee-right-text[data-v-59fe6c08] { margin-left: 1.3rem; } .committee-right-text div[data-v-59fe6c08]:nth-child(1) { font-family: D-DIN-Bold; font-size: 1.1rem; color: #0a3c82; line-height: 2rem; font-weight: 700; } .committee-right-text div[data-v-59fe6c08]:nth-child(2) { font-family: D-DIN; font-size: 1.1rem; color: #333333; line-height: 1.5rem; font-weight: 400; } .committee-right-text div[data-v-59fe6c08]:nth-child(3) { margin-top: 1.9rem; font-family: D-DIN; font-size: 1.1rem; color: #999999; line-height: 1.5rem; font-weight: 400; } .addCur[data-v-59fe6c08] { cursor: pointer; } .global[data-v-9ea3a6a2] .w600 { max-width: 37.5rem; margin: auto; } .global .xu-form-test[data-v-9ea3a6a2] .form-title { margin-top: 1.6rem; margin-bottom: 0.9rem; font-weight: 700; color: #333333; font-size: 1.5rem; } .global .xu-form-test[data-v-9ea3a6a2] .bg-deep { background-color: #f9fcfd; padding: 1.9rem 0 10px; } .global .xu-form-test[data-v-9ea3a6a2] .el-form .el-form-item .el-form-item__label { color: #999999; font-size: 1.1rem; padding-bottom: 5px; line-height: 1.3rem; } .global .xu-form-test[data-v-9ea3a6a2] .el-form .el-form-item .el-input__inner { line-height: 3rem; height: 3rem; font-size: 1.1rem; line-height: 1.3rem; } .global .xu-form-test[data-v-9ea3a6a2] .el-form .el-form-item .el-textarea__inner { font-size: 1.1rem; line-height: 1.3rem; } .global .xu-form-test[data-v-9ea3a6a2] .el-form .el-form-item .el-select { width: 100%; } .global .xu-form-test[data-v-9ea3a6a2] .el-form .el-form-item .el-radio-group { width: 100%; } .global .xu-form-test[data-v-9ea3a6a2] .el-form .el-form-item .el-radio .el-radio__input { line-height: 1.3rem; } .global .xu-form-test[data-v-9ea3a6a2] .el-form .el-form-item .el-radio .el-radio__input .el-radio__inner { width: 1rem; height: 1rem; } .global .xu-form-test[data-v-9ea3a6a2] .el-form .el-form-item .el-radio .el-radio__label { font-size: 1.1rem; line-height: 1.3rem; color: #999999; } .global .xu-form-test[data-v-9ea3a6a2] .el-form .el-form-item .el-radio .el-radio__input.is-checked .el-radio__inner { border-color: #0073fa; background-color: #0073fa; } .global .xu-form-test[data-v-9ea3a6a2] .el-form .sub-form-view { padding: 1.6rem 1.3rem 1.6rem 1.9rem; background-color: #f9fcfd; border: 1px dashed rgba(0, 108, 255, 0.2); border-radius: 4px; } .joinPartner-view[data-v-9ea3a6a2] { background-color: #f9fcfd; } .joinPartner-view .back[data-v-9ea3a6a2] { color: #0073fa; font-size: 1.1rem; text-decoration: underline; line-height: 1.6rem; padding: 1.9rem 0; text-align: right; cursor: pointer; } .joinPartner-view .container[data-v-9ea3a6a2] { background-color: #fff; border-radius: 6px; -webkit-box-shadow: 0px 4px 0.9rem #d3e4ea; box-shadow: 0px 4px 0.9rem #d3e4ea; padding: 2.3rem 2.5rem 2.5rem; } .joinPartner-view .container .title[data-v-9ea3a6a2] { color: #0a3c82; text-align: center; padding-bottom: 2.8rem; border-bottom: 1px solid #006cff; } .joinPartner-view .container .title .main-title[data-v-9ea3a6a2] { font-size: 2rem; line-height: 2.5rem; font-weight: 700; margin-bottom: 1rem; } .joinPartner-view .container .title .sub-title[data-v-9ea3a6a2] { font-size: 1.1rem; line-height: 1.5rem; } .joinPartner-view .bottom-view[data-v-9ea3a6a2] { margin-top: 1.9rem; } .joinPartner-view .error-tip[data-v-9ea3a6a2] { text-align: center; font-weight: 700; color: #d72222; font-size: 1rem; margin-bottom: 10px; line-height: 1.1rem; } .joinPartner-view .btn-view[data-v-9ea3a6a2] { text-align: center; } .joinPartner-view .btn-view > div[data-v-9ea3a6a2] { display: inline-block; color: #0073fa; font-size: 1.5rem; line-height: 1.7rem; padding: 10px 3.1rem; background-color: #ffffff; border: 1px solid #0073fa; border-radius: 1.5rem; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .joinPartner-view .btn-view .primary[data-v-9ea3a6a2] { background-color: #006cff; border: 1px solid #006cff; color: #ffffff; } .container[data-v-ae403428] { background: #f9fcfd; width: 100%; height: 100%; padding-bottom: 146PX; } .goNext[data-v-ae403428] { font-family: D-DIN; font-size: 21PX; color: #0073fa; letter-spacing: 0; text-align: right; font-weight: 400; padding-top: 30PX; padding-bottom: 30PX; text-decoration: underline; cursor: pointer; } .w14[data-v-ae403428] { min-width: 1200PX; } .content[data-v-ae403428] { background: #fff; padding: 41PX; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0 4PX 14PX 0 #d3e4ea; box-shadow: 0 4PX 14PX 0 #d3e4ea; border-radius: 8PX; } .csc-title-one[data-v-ae403428] { margin-top: 12PX; font-family: D-DIN-Bold; font-size: 32PX; color: #333333; font-weight: 700; } .csc-title-two[data-v-ae403428] { font-family: D-DIN-Bold; font-size: 48PX; color: #183969; font-weight: 700; margin-top: 10PX; } .csc-title-three[data-v-ae403428] { font-family: D-DIN-Bold; font-size: 24PX; color: #333333; font-weight: 700; margin-top: 40PX; margin-bottom: 20PX; } .csc-title-four[data-v-ae403428] { font-family: D-DIN; font-size: 18PX; color: #333333; line-height: 24PX; font-weight: 400; margin-bottom: 20PX; } .csc-title-five li[data-v-ae403428] { font-family: D-DIN; font-size: 18PX; color: #333333; line-height: 24PX; font-weight: 400; margin-bottom: 10PX; } .csc-title-five li[data-v-ae403428]::marker { font-size: 22PX; } .csc-list[data-v-ae403428] { width: 100%; height: auto; border: 1PX solid #ceddee; padding: 28PX 32PX 32PX 32PX; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 20PX; } .csc-list img[data-v-ae403428] { width: 240PX; height: auto; } .csc-left-text1[data-v-ae403428] { font-family: D-DIN-Bold; font-size: 18PX; color: #0a3c82; line-height: 32PX; font-weight: 700; margin-top: 17PX; word-wrap: break-word; word-break: break-word; } .csc-left-text2[data-v-ae403428] { font-family: D-DIN; font-size: 18PX; color: #333333; line-height: 24PX; font-weight: 400; word-wrap: break-word; word-break: break-word; } .csc-right[data-v-ae403428] { margin-left: 20PX; } @media screen and (max-width: 750PX) { .w14[data-v-ae403428] { min-width: 0 !important; } .csc-title-one[data-v-ae403428] { font-size: 18PX; } .csc-title-two[data-v-ae403428] { font-size: 24PX; margin-top: 20PX; } .content[data-v-ae403428] { margin-left: 20PX; margin-right: 20PX; padding: 20PX; } .csc-title-three[data-v-ae403428] { font-size: 16PX; margin-top: 16PX; } .csc-title-four[data-v-ae403428] { font-size: 14PX; } .csc-title-five li[data-v-ae403428] { font-size: 14PX; } .csc-title-five li[data-v-ae403428]::marker { font-size: 18PX; } .csc-list[data-v-ae403428] { padding: 20PX; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .csc-list img[data-v-ae403428] { width: 100%; } .csc-left-text1[data-v-ae403428] { font-size: 16PX; } .csc-left-text2[data-v-ae403428] { font-size: 16PX; } .csc-right[data-v-ae403428] { font-size: 14PX; margin-left: 0; } .goNext[data-v-ae403428] { margin-right: 20PX; font-size: 18PX; } .information[data-v-ae403428] { text-align: center; padding: 15PX; -webkit-box-sizing: border-box; box-sizing: border-box; } }