@font-face { font-family: "HarmonyOS_Sans_SC_Regular"; src: url(../fonts/HarmonyOS_Sans_SC_Regular.ttf); } @font-face { font-family: "HarmonyOS_Sans_SC_Medium"; src: url(../fonts/HarmonyOS_Sans_SC_Medium.ttf); } @font-face { font-family: "HarmonyOS_Sans_SC_Thin"; src: url(../fonts/HarmonyOS_Sans_SC_Thin.ttf); } @font-face { font-family: "HarmonyOS_Sans_SC_Light"; src: url(../fonts/HarmonyOS_Sans_SC_Light.ttf); } @font-face { font-family: "HarmonyOS_Sans_SC_Bold"; src: url(../fonts/HarmonyOS_Sans_SC_Bold.ttf); } body { font-family: "HarmonyOS_Sans_SC_Regular"; } /*Top003084 */ .Top003084 { transition: .3s; position: fixed; left: 0; width: 100%; color: #fff; z-index: 100; } .Top003084 .auto { display: flex; align-items: center; justify-content: space-between; position: relative; max-width: 1800px; } .Top003084 a { color: #fff; } .Top003084 menu li { position: relative; } .Top003084 menu li:after { position: absolute; bottom: 0px; height: 2px; content: ''; width: 0; background: #fff; left: 50%; transform: translateX(-50%); transition: 0.3s; } .Top003084 menu li.aon:after { width: 100%; } .Top003084 menu li span { font-family: "HarmonyOS_Sans_SC_Medium"; font-size: calc(20/16 * 1em); display: block; } .Top003084 .person { display: flex; margin-left: 1.8229vw; margin-right: 1.0416vw; } .Top003084 .person a { font-family: "HarmonyOS_Sans_SC_Regular"; font-size: calc(18/16 * 1em); line-height: 1.7777778; padding: 0 1em; border-radius: 5px; } .Top003084 .person a.register { color: #5371ff; background-color: #fff; margin-right: calc(10/16 * 1em); } .Top003084 .person a.login { background-color: #5371ff; color: #fff; } .Top003084 .sub { padding: 10px; display: none; } .Top003084 .sub dt { line-height: 40px; } .Top003084 .open-search { position: relative; display: block; background: url(../images/search.svg) no-repeat; background-size: cover; width: calc(22/16 * 1em); height: calc(22/16 * 1em); } .Top003084 .top-search { position: absolute; right: 0; top: 100%; background: #fff; width: 400px; padding-right: 40px; } .search-show .Top003084 .top-search { display: block; } .Top003084 .top-search .text { width: 100%; height: 40px; line-height: 40px; border: 0; padding: 0 10px; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1); } .Top003084 .top-search .btn { position: absolute; right: 0; top: 0; width: 40px; height: 40px; background: url(../images/search.svg) no-repeat center center #333; } .Top003084.scroll { background-color: #fff; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1); } .Top003084:not(.scroll) .auto .logo img.activeImg { display: none; } .Top003084.scroll .auto .logo img.topImg { display: none; } .Top003084.scroll .languague { background-image: url(../images/languague_active.svg); } .Top003084.scroll .open-search { background-image: url(../images/search_active.svg); } .Top003084.scroll .open-search.on:before, .Top003084.scroll .open-search.on:after { background-color: #333; } .Top003084.scroll .open-menu i { background-color: #333; } .Top003084.scroll .person a.register { background-color: #f2f4ff; } .Top003084 .top-right { display: flex; align-items: center; } .Top003084.scroll menu li:after { background: #5371ff; } @media (min-width:1025px) { .Top003084.scroll menu li span a { color: #666; } .Top003084.scroll menu li.aon span a { color: #5371ff; } .Top003084 menu li { float: left; min-height: 100px; } .Top003084 menu li span a { line-height: 100px; display: block; position: relative; } .Top003084 .sub { background: rgba(255, 255, 255, 0.8); position: absolute; left: 50%; margin-left: -60px; width: 120px; top: 100%; border-radius: 0 0 5px 5px; } .Top003084 .sub dt { text-align: center; } .Top003084 .sub dt a { color: #1f4b8c; } .Top003084 menu li:not(:last-child) { margin-right: .865vw; } .Top003084 .logo { max-width: 10%; } } @media(min-width:1281px) { .Top003084 .logo { max-width: 15%; } } @media(min-width:1501px) { .Top003084 menu li:not(:last-child) { margin-right: 2.865vw; } .Top003084 .logo { max-width: unset; } } @media(min-width:1921px){ .Top003084 menu li:not(:last-child){margin-right: calc(60/16 * 1em);} } @media (max-width:1024px) { .Top003084 menu { position: absolute; right: 0; top: -100%; transform: translateY(-100%); opacity: 0; z-index: 500; width: 220px; background: #5371ff; padding: calc(20 / 16 * 1em); transition: transform 0.3s; } .Top003084 menu li { border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .Top003084 menu li span { padding: 10px 0; } .Top003084 .logo { display: table; height: 55px; } .Top003084 .logo a { display: table-cell; ; vertical-align: middle; } .Top003084 .logo img { max-height: 45px; } .Top003084 .open-menu { position: relative; margin-left: calc(10 / 16 * 1em); margin-right: calc(10 / 16 * 1em); display: block; width: calc(24/16 * 1em); } .Top003084 .sub { background: rgba(0, 0, 0, 0.8); } .menu-show .Top003084 menu { top: 100%; transform: translateY(0); opacity: 1; } .open-menu i { height: 2px; } } @media(min-width:641px) and (max-width:1024px) { .Top003084 .auto { padding: 10px 0; } } @media (max-width:480px) { /* .Top003084 .logo { width: 54%; } */ .Top003084 .logo img { max-height: 35px; } } /*Banner003192 */ .Banner003192 { position: relative; height: 100%; } .Banner003192 .slider { height: 100%; } .Banner003192 .slider .slick-list { height: 100%; } .Banner003192 .slider .slick-list .slick-track { height: 100%; } .Banner003192 .slider .slick-list .slick-track .slick-slide { height: 100%; } .Banner003192 li.slick-slide { position: relative; } .Banner003192 li.slick-slide img { height: 100%; } .Banner003192 [class*=txt-style-] { position: absolute; top: 0; color: #fff; z-index: 10; } .Banner003192 .titEn { font-family: "HarmonyOS_Sans_SC_Medium"; line-height: 1; font-weight: bold; font-size: calc(56/16 * 1em); color: #fff; } .Banner003192 .sub-tit { margin-top: calc(37/16 * 1em); } .Banner003192 .sub-tit p.cn { font-size: calc(18/16 * 1em); line-height: 2; max-width: 44%; font-family: "HarmonyOS_Sans_SC_Thin"; margin: 0; } .Banner003192 .txt-style-1 { left: 50%; transform: translateX(-50%); top: calc(380 / 960 * 100%); } .Banner003192 .txt-style-1 .tit { transform: translateX(30px); opacity: 0; } .Banner003192 .txt-style-1 .more { display: flex; margin-top: calc(30/16 * 1em); } .Banner003192 .txt-style-1 .more a { border-radius: 6px; padding: 0 1.3888889em; background-color: #5371ff; display: flex; align-items: center; color: #fff; position: relative; font-size: calc(18/16 * 1em); line-height: 3.333333; } .Banner003192 .txt-style-1 .more a::after { margin-left: 2.5em; width: calc(57/18 * 1em); height: calc(28/18 * 1em); background: url(../images/home_banner_more.svg) center no-repeat; background-size: cover; content: ""; } .Banner003192 .slick-dots li.slick-active { opacity: 1; } .Banner003192 .control { display: flex; overflow: hidden; position: absolute; bottom: 0; right: 0; width: 36.979%; height: calc(100/16 * 1em); background-color: #fff; z-index: 2; border-top-left-radius: calc(40/16 * 1em); } .Banner003192 .control .operate { width: 38%; display: flex; justify-content: center; align-items: center; background-color: #5371ff; } .Banner003192 .control .operate p { display: flex; align-items: center; justify-content: space-between; width: 55.555556%; margin: 0; color: #fff; } .Banner003192 .control .operate p::after { content: ""; width: calc(15/16 * 1em); height: calc(9/16 * 1em); background: url(../images/scroll_icon.svg) no-repeat center; background-size: cover; } .Banner003192 .control .dotsBox { width: 39.4366%; display: flex; align-items: center; justify-content: center; } .Banner003192 .control .dotsBox .slick-dots { list-style: none; display: flex; align-items: center; } .Banner003192 .control .dotsBox .slick-dots li { padding: calc(15/16 * 1em); } .Banner003192 .control .dotsBox .slick-dots li.slick-active { position: relative; } .Banner003192 .control .dotsBox .slick-dots li.slick-active button { position: relative; background-color: #5371ff; } .Banner003192 .control .dotsBox .slick-dots li.slick-active button::after { position: absolute; width: calc(24/16 * 1em); height: calc(24/16 * 1em); content: ""; border: 2px solid #e7e7e7; border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); } .Banner003192 .control .dotsBox .slick-dots li.slick-active button::before { animation: circle 4s linear infinite; -webkit-clip-path: polygon(50% 50%, 50% 0%, 100% 0%, 100% 50%); clip-path: polygon(50% 50%, 50% 0%, 100% 0%, 100% 50%); transform-origin: center; position: absolute; width: calc(24/16 * 1em); height: calc(24/16 * 1em); content: ""; border: 2px solid #5371ff; border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(315deg); z-index: 2; } @keyframes circle { 0% { transform: translate(-50%, -50%) rotate(0deg); } 100% { transform: translate(-50%, -50%) rotate(360deg); } } .Banner003192 .control .dotsBox .slick-dots button { cursor: pointer; width: .5em; height: .5em; border-radius: 50%; display: block; margin: 0; padding: 0; font-size: 1em; border: none; background-color: #cccccc; text-indent: -9999px; } .Banner003192 .control .arrowsBox { width: 22.536%; display: flex; align-items: center; justify-content: center; } .Banner003192 .control .arrowsBox .slick-arrow { text-indent: -9999px; overflow: hidden; font-size: calc(16/16 * 1em); background: url(../images/home_banner_arrow.svg) center no-repeat; background-size: 30% auto; width: calc(34/16 * 1em); height: calc(34/16 * 1em); } .Banner003192 .control .arrowsBox .slick-arrow.slick-next { transform: rotate(180deg); } @media (min-width:1025px) { .Banner003192 .wap { display: none; } } @media (max-width:1024px) { .Banner003192 .pc { display: none; } .Banner003192 .titEn { font-size: calc(28/16 * 1em); } .Banner003192 .sub-tit { margin-top: 1em; } .Banner003192 .sub-tit p.cn { font-size: calc(14/16 * 1em); max-width: 100%; line-height: 1.5; } .Banner003192 .txt-style-1 { top: 70px; } .Banner003192 .txt-style-1 .more { margin-top: 1em; } .Banner003192 .txt-style-1 .more a { font-size: calc(14/16 * 1em); } .Banner003192 .control { height: calc(50/16 * 1em); } .Banner003192 .control .dotsBox .slick-dots button { width: 8px; height: 8px; } .Banner003192 .control .dotsBox .slick-dots li.slick-active button::after { width: 16px; height: 16px; } .Banner003192 .control .dotsBox .slick-dots li.slick-active button::before { width: 16px; height: 16px; } .Banner003192 .control .dotsBox .slick-dots li { padding: 5px; } } @media(max-width:640px) { .Banner003192 .control { width: 50%; } .Banner003192 .control .operate p { font-size: calc(14/16 * 1em); } .Banner003192 .control .dotsBox .slick-dots button { width: 6px; height: 6px; } .Banner003192 .control .dotsBox .slick-dots li.slick-active button::after { width: 12px; height: 12px; } .Banner003192 .control .dotsBox .slick-dots li.slick-active button::before { width: 12px; height: 12px; } .Banner003192 .sub-tit p.cn { max-width: 100%; } .Banner003192 .txt-style-1 .more a{line-height: 2.5;} } @media(max-width:560px){ .Banner003192 .txt-style-1{top: 50px;} } .homeTitle.titleBox aside { font-size: calc(20/16 * 1em); line-height: 1; color: #5371ff; justify-content: center; display: flex; } .homeTitle.titleBox aside span { display: flex; align-items: end; } .homeTitle.titleBox aside span::after { margin-left: calc(10/16 * 1em); content: ""; width: calc(13/20 * 1em); height: calc(11/20 * 1em); background: url(../images/title_d.svg) no-repeat center; background-size: 100% auto; } .homeTitle.titleBox aside span.white::after { background-image: url(../images/title_d_white.svg); } .homeTitle.titleBox h2 { line-height: 1; color: #333; font-size: calc(48/16 * 1em); text-align: center; margin: 0; margin-top: .6em; } @media(max-width:1024px) { .homeTitle.titleBox h2 { font-size: calc(30/16 * 1em); } .homeTitle.titleBox aside { font-size: calc(16/16 * 1em); } } .home_service { position: relative; } .home_service .auto { position: absolute; height: 100%; background-position: center 69%; background-repeat: no-repeat; left: 50%; background-size: 41.625% auto; transform: translateX(-50%); } .home_service .inner { padding: 6.875% 0 9.375%; height: 100%; } .home_service .inner .serviceList { gap: 10% 0; height: 71.74%; margin-top: 6.875%; display: flex; justify-content: space-between; flex-wrap: wrap; } .home_service .inner .serviceList li { width: 50%; display: flex; align-items: center; } .home_service .inner .serviceList li figure { height: calc(105/16 * 1em); width: calc(108/16 * 1em); display: flex; align-items: center; justify-content: center; background: no-repeat center; background-size: 100%; } .home_service .inner .serviceList li figure img { max-width: 32.8%; } .home_service .inner .serviceList li:nth-of-type(2n) { justify-content: end; } .home_service .inner .serviceList li:nth-of-type(2n + 1) figure { background-image: url(../images/service_icon_back_left.png); } .home_service .inner .serviceList li:nth-of-type(2n) figure { order: 2; background-image: url(../images/service_icon_back_right.png); } .home_service .inner .serviceList li:nth-of-type(2n + 1) .textBox { margin-left: calc(30/16 * 1em); } .home_service .inner .serviceList li:nth-of-type(2n) .textBox { margin-right: calc(30/16 * 1em); } .home_service .inner .serviceList li aside { font-size: calc(26/16 * 1em); color: #333; } .home_service .inner .serviceList li p { font-size: calc(18/16 * 1em); color: #666; margin: 0; margin-top: .5em; } @media(min-width:1025px) { .home_service .inner .serviceList li:nth-of-type(1) { padding-left: 7.5%; } .home_service .inner .serviceList li:nth-of-type(6) { padding-right: 7.5%; } .home_service .inner .serviceList li:nth-of-type(3) { padding-left: 3.25%; } .home_service .inner .serviceList li:nth-of-type(4) { padding-right: 3.25%; } } @media(max-width:1024px) { .home_service .inner .serviceList { margin-top: calc(10/16 * 1em); gap: 5% 0; } .home_service .inner .serviceList li aside { font-size: calc(16/16 * 1em); } .home_service .inner .serviceList li p { font-size: calc(14/16 * 1em); } .home_service .inner .serviceList li figure { width: calc(52.5/16 * 1em); height: calc(54/16 * 1em); } .home_service .inner .serviceList li:nth-of-type(2n + 1) .textBox { margin-left: 1em; } .home_service .inner .serviceList li:nth-of-type(2n) .textBox { margin-right: 1em; } .home_service .inner { padding-top: 3.875%; } .home_service .auto { background-image: none !important; } } @media(max-width:768px){ .home_service .auto{position: static; transform: none;} .home_service > figure{position: absolute;top: 0;width: 100%;height: 100%; left: 0; z-index: -1;} .home_service > figure img{height: 100%; object-fit: cover;} .home_service .inner .serviceList li{width: 100%;} .home_service .inner .serviceList li:nth-of-type(2n){justify-content: start;} .home_service .inner .serviceList li:nth-of-type(2n) figure{order: unset; background-image: url(../images/service_icon_back_left.png);} .home_service .inner .serviceList li:nth-of-type(2n) .textBox{margin-right: 0; margin-left: 1em;} .home_service .inner .serviceList li:not(:nth-last-of-type(1)){margin-bottom: 1em;} } .home_moudle_intro { position: relative; } .home_moudle_intro .auto { position: absolute; height: 100%; left: 50%; transform: translateX(-50%); } .home_moudle_intro .inner { padding-top: 6.875%; height: 100%; position: relative; } .home_moudle_intro .titleBox aside { color: #fff; } .home_moudle_intro .titleBox h2 { color: #fff; } .home_moudle_intro .moudleList { bottom: 0; position: absolute; display: flex; justify-content: space-between; align-items: end; width: 100%; height: 40%; } .home_moudle_intro .moudleList li { transition: .3s; width: 15%; height: 77.777777778%; background-color: rgba(255, 255, 255, 0.2); border-top-left-radius: calc(20/16 * 1em); border-top-right-radius: calc(20/16 * 1em); } .home_moudle_intro .moudleList li figure { margin-bottom: calc(35/16 * 1em); } .home_moudle_intro .moudleList li figure img { max-width: 28.75%; } .home_moudle_intro .moudleList li a { padding: calc(40/16 * 1em); display: block; height: 100%; position: relative; } .home_moudle_intro .moudleList li a .content { position: relative; height: 100%; } .home_moudle_intro .moudleList li aside { font-size: calc(24/16 * 1em); color: #fff; font-family: "HarmonyOS_Sans_SC_Medium"; } .home_moudle_intro .moudleList li p { color: #fff; line-height: 2; margin-top: 1em; font-family: "HarmonyOS_Sans_SC_Light"; margin: 0; display: none; } .home_moudle_intro .moudleList li .contentBottom { position: absolute; bottom: 0; width: 100%; display: flex; justify-content: space-between; align-items: end; } .home_moudle_intro .moudleList li .contentBottom .more { display: none; width: calc(54/16 * 1em); height: calc(54/16 * 1em); border-radius: 50%; background: #fff url(../images/moudle_more.png) center no-repeat; } .home_moudle_intro .moudleList li span { color: rgba(255, 255, 255, 0.4); font-size: calc(18/16 * 1em); line-height: 1; } .home_moudle_intro .moudleList li.active { width: 21.5625%; height: 100%; background-color: #5371ff; } .home_moudle_intro .moudleList li.active p { display: block; } .home_moudle_intro .moudleList li.active .contentBottom .more { display: block; } .home_moudle_intro .moudleImgList li { display: none; } .home_moudle_intro .moudleImgList li figure{text-align: center;} @media(max-width:1800px) { .home_moudle_intro .moudleList { height: 50%; } } @media(max-width:1024px) { .home_moudle_intro .inner { padding-top: 3.875%; } .home_moudle_intro .moudleList li a { padding: calc(10/16 * 1em); padding-bottom: calc((10/16 + 30/16) * 1em); } .home_moudle_intro .moudleList li figure { margin-bottom: .5em; } .home_moudle_intro .moudleList li aside { font-size: calc(16/16 * 1em); } .home_moudle_intro .moudleList li .contentBottom { bottom: calc(-30/16 * 1em); } .home_moudle_intro .moudleList li .contentBottom .more { width: calc(30/16 * 1em); height: calc(30/16 * 1em); background-size: 40% auto; } .home_moudle_intro .moudleList li p { font-size: calc(14/16 * 1em); line-height: 1.5; margin-top: .5em; } .home_moudle_intro .moudleList { height: 65%; } .home_moudle_intro .moudleList li span { font-size: calc(14/16 * 1em); } .home_moudle_intro .moudleImgList li figure { padding-bottom: 62%; width: 100%; position: relative; z-index: -1; overflow: hidden; } .home_moudle_intro .moudleImgList li figure img { position: absolute; top: 0; left: 0; height: 100%; width: 100%; object-fit: cover; transition: all .5s; } } @media(max-width:1024px){ .home_moudle_intro .auto{position: static; transform: none;} .home_moudle_intro .moudleList{height: unset; position: static; flex-wrap: wrap; align-items: unset; justify-content: space-between; padding: 1em 0;gap: 1em 0;} .home_moudle_intro .moudleList li{width: 31.5%; border-radius: 5px; height: unset;} .home_moudle_intro .moudleList li.active{width: 31.5%; height: 100%; height: unset;} .home_moudle_intro .moudleList li p{display: block;} .home_moudle_intro .moudleImgList{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: -1;} .home_moudle_intro .moudleImgList li{height: 100%; } .home_moudle_intro .moudleImgList li figure{padding-bottom: 0; height: 100%;} } .home_cese { overflow: hidden; } .home_cese .inner { padding: 6.875% 0; } .home_cese .caseList { margin-top: calc(60/16 * 1em); width: calc(100% + 50/16 * 1em); } .home_cese .caseList li { padding: 2%; /*margin-right: calc(50/16 * 1em);*/ } .home_cese .caseList li figure { padding-bottom: 60%; background-size: cover; border-radius: 20px; overflow: hidden; } .home_cese .caseList li p { font-size: calc(20/16 * 1em); text-align: center; margin-bottom: 0; margin-top: 1.3em; } .home_cese .control { margin-top: calc(60/16 * 1em); display: flex; justify-content: space-between; align-items: center; } .home_cese .control .arrowsBox { width: calc(80/16 * 1em); display: flex; justify-content: space-between; position: relative; } .home_cese .control .arrowsBox::after { position: absolute; content: ""; height: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 1px; background-color: #5371ff; } .home_cese .control .arrowsBox .slick-arrow { text-indent: -9999px; overflow: hidden; font-size: calc(16 / 16* 1em); background: url(../images/home_case_arrow.svg) left center no-repeat; width: calc(36 / 16* 1em); height: calc(36 / 16* 1em); } .home_cese .control .arrowsBox .slick-arrow.slick-next { transform: rotate(180deg); } .home_cese .control .lineBox { width: calc(100% - 125/16 * 1em); background-color: #f2f3f6; height: 5px; } .home_cese .control .lineBox .line { width: 0; transition: .3s; background-color: #5371ff; height: 100%; } @media(max-width:1024px) { .home_cese .caseList { margin-top: calc(30/16 * 1em); } } /*Bottom003076 */ .Bottom003076 { background-color: #25242f; } .Bottom003076 .inner { padding-top: 4.375%; } .Bottom003076 .top nav { border-bottom: 1px solid #3b3a44; padding-bottom: calc(60/16 * 1em); } .Bottom003076 .top nav dl { float: left; } .Bottom003076 .top nav dt { margin-bottom: 2em; } .Bottom003076 .top nav dt a { font-size: calc(20/16 * 1em); color: #fff; } .Bottom003076 .top nav dd a { line-height: 2; display: block; color: #8b8a90; } .Bottom003076 .top nav dd:not(:nth-last-of-type(1)) { margin-bottom: .375em; } .Bottom003076 .top nav dd a:not(:hover) { color: #909296; } .Bottom003076 .inner .middle { display: flex; justify-content: space-between; align-items: center; padding: calc(40/16 * 1em) 0; border-bottom: 1px solid #3b3a44; } .Bottom003076 .inner .middle .left { display: flex; justify-content: space-between; width: 60%; align-items: center; } .Bottom003076 .inner .middle .left figure { width: 27%; } .Bottom003076 .inner .middle .left .bottom_contact { width: 66%; display: flex; flex-wrap: wrap; gap: 1em 0; } .Bottom003076 .inner .middle .left .bottom_contact p { font-size: calc(14/16 * 1em); color: #c7c7ca; margin: 0; } .Bottom003076 .inner .middle .left .bottom_contact p { width: 41%; } .Bottom003076 .inner .middle .left .bottom_contact p.address { width: 57%; } .Bottom003076 .inner .middle .outerLink { display: flex; } .Bottom003076 .inner .middle .outerLink li a { display: flex; align-items: center; color: #fff; position: relative; } .Bottom003076 .inner .middle .outerLink li:not(:nth-last-of-type(1)) { padding-right: 1.5em; margin-right: 1.5em; border-right: 1px solid #3b3a44; } .Bottom003076 .inner .middle .outerLink li figure { margin-right: calc(20/16 * 1em); } .Bottom003076 .inner .middle .outerLink li p { margin: 0; } .Bottom003076 .inner .middle .outerLink li .info { position: absolute; bottom: 100%; padding: calc(5 / 16* 1em); background: #fff; left: 0%; width: calc(130 / 16* 1em); text-align: center; box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); border-radius: 5px; visibility: hidden; opacity: 0; z-index: -10; transition: all 0.5s; margin-bottom: 10px; } .Bottom003076 .inner .middle .outerLink li a:hover .info { visibility: visible; z-index: 10; opacity: 1; } .Bottom003076 .inner .middle .outerLink li .info:before { position: absolute; content: ''; border: 5px solid transparent; left: 50%; transform: translateX(-50%); top: 100%; border-top-color: #fff; } .Bottom003076 .inner .middle .outerLink li .info img { width: calc(120 / 16 * 1em); } .Bottom003076 .inner .bottom { padding: calc(40/16 * 1em) 0; } .Bottom003076 .copyright dd { font-size: calc(14/16 * 1em); } .Bottom003076 .copyright, .Bottom003076 .copyright a:not(:hover) { color: #909296; } .Bottom003076 .copyright dd a:not(:last-child):after { display: inline-block; content: ''; width: 1px; height: 12px; background: #909296; margin: 0 12px; vertical-align: middle; } @media(max-width:1024px) { .Bottom003076 .copyright { text-align: center; } .Bottom003076 .copyright dd { padding-top: 10px; } .Bottom003076 .top nav { display: flex; flex-wrap: wrap; gap: 20px 2%; padding-bottom: calc(30/16 * 1em); display: none; } .Bottom003076 .top nav dt { margin-bottom: 1em; } .Bottom003076 .top nav dl { width: 23.5%; } .Bottom003076 .inner .middle { padding: calc(20/16 * 1em) 0; flex-wrap: wrap; justify-content: center; } .Bottom003076 .inner .middle .left { width: 100%; margin-bottom: 20px; flex-wrap: wrap; text-align: center; } .Bottom003076 .inner .bottom { padding: calc(20/16 * 1em) 0; } .Bottom003076 .inner .middle .left figure { width: 100%; margin-bottom: calc(10 / 16* 1em); } .Bottom003076 .inner .middle .left figure img { max-height: 35px; } .Bottom003076 .inner .middle .left .bottom_contact { width: 100%; } .Bottom003076 .inner .middle .left .bottom_contact p { width: 100%; font-size: calc(16 / 16 * 1em); } .Bottom003076 .inner .middle .left .bottom_contact p.address { width: 100%; } .Bottom003076 .inner .middle .outerLink li figure { margin-right: calc(10 / 16* 1em); } .Bottom003076 .inner .middle .outerLink li figure img { max-width: 18px; } .Bottom003076 .inner .middle .outerLink li:not(:nth-last-of-type(1)) { padding-right: 1em; margin-right: 1em; } } /*Banner003069 */ .Banner003069 { position: relative; z-index: 1; } .Banner003069 .txt { position: absolute; left: 0; top: calc(50% + 50/16 * 1em); transform: translateY(-50%); width: 100%; z-index: 10; color: #fff; } .Banner003069 .txt .cn { font-family: "HarmonyOS_Sans_SC_Medium"; font-size: calc(50/16 * 1em); font-weight: bold; } .Banner003069 .txt p { font-size: calc(22/16 * 1em); color: #fff; margin: 0; margin-top: .5em; line-height: 1.59; } .Banner003069 .Ispic img { width: 100%; } @media(min-width:1025px) { .Banner003069 .Ispic { background-image: none !important; } } @media(max-width:1024px) { .Banner003069 .txt .cn { font-size: calc(24/16 * 1em); } .Banner003069 .Ispic { height: calc(300/16 * 1em); background-size: cover; } .Banner003069 .Ispic img { display: none; } } /* location */ .location { border-bottom: 1px solid #eaeaea; } .location .auto { display: flex; justify-content: center; } .location .auto a { font-size: calc(20/16 * 1em); color: #333; padding: 1.35em 0; position: relative; } .location .auto a:hover, .location .auto a.active { color: #5371ff; } .location .auto a::after { position: absolute; width: 0; transition: 0.3s; height: 2px; content: ""; bottom: -1px; left: 50%; transform: translateX(-50%); background-color: #5371ff; } .location .auto a:hover::after, .location .auto a.active::after { width: 100%; } .location .auto a:not(:nth-last-of-type(1)) { margin-right: 4.5%; } @media(max-width:1024px) { .location .auto a { font-size: calc(18/16 * 1em); padding: 1em 0; text-align: center; } .location .auto a:not(:nth-last-of-type(1)) { margin-right: calc(30 / 1920* 100vw); ) } } h2.cTitle { font-size: calc(44/16 * 1em); text-align: center; line-height: 1; color: #333; margin: 0; } @media(max-width:1024px) { h2.cTitle { font-size: calc(30/16 * 1em); } } .intellect .soft, .intellect .productInner, .intellect .brand, .intellect .advanceInner, .intellect .news { padding: 6.25% 0; } .intellect .cList { display: flex; gap: 20px 2.5%; margin-top: calc(60/16 * 1em); } .intellect .cList li { border-radius: calc(20/16 * 1em); padding: calc(55/16 * 1em) calc(16/16 * 1em) calc(50/16 * 1em); width: 23.125%; background: no-repeat center; background-size: cover; } .intellect .cList li figure { max-width: 28.65%; margin: 0 auto; margin-bottom: calc(30/16 * 1em); } .intellect .cList li aside { font-family: "HarmonyOS_Sans_SC_Medium"; font-size: calc(26/16 * 1em); color: #333; text-align: center; } .intellect .cList li p { line-height: 2; margin: 0; margin-top: .75em; font-size: calc(18/16 * 1em); color: #666; text-align: center; } .intellect .cList li .linkBox { margin-top: calc(24/16 * 1em); display: flex; justify-content: center; gap: 10px 10px; } .intellect .cList li .linkBox a { border-radius: 5px; transition: .3s; line-height: calc(40/16 * 1em); padding: 0 calc(19/16 * 1em); color: #5371ff; background-color: #fff; border: 1px solid #5371ff; } .intellect .cList li .linkBox a:hover { color: #fff; background-color: #5371ff; border: 1px solid #5371ff; } .intellect .soft .softList li, .intellect .brand .brandList li { background-image: url(../images/soft_back.png); } .intellect .product { background-color: #f4f7fe; } .intellect .product .productList li { background-image: url(../images/product_back.png); } .intellect .advance { background-color: #f4f7fe; } .intellect .advance ul { position: relative; display: flex; justify-content: space-between; margin-top: calc(60/16 * 1em); } .intellect .advance ol { border-radius: calc(15/16 * 1em); padding: calc(30/16 * 1em) calc(35/16 * 1em); background-size: cover; background-position: center; background-repeat: no-repeat; display: flex; align-items: end; position: relative; background-color: #f5f5f5; overflow: hidden; } .intellect .advance ol .content .deliverTitle { color: #fff; font-size: calc(24/16 * 1em); line-height: 1; font-weight: bold; } .intellect .advance ol .content p { margin: 0; margin-top: calc(2/3 * 1em); height: 0; color: #fff; font-size: calc(18/16 * 1em); opacity: 0; transition: .3s; } .intellect .advance ol { width: 14.5625%; transition: .3s; height: calc(500/16 * 1em); } .intellect .advance ol.active { width: 52.1875%; } .intellect .advance ol.active .content p { opacity: 1; height: auto; } .intellect .news .newsBox { margin-top: calc(60/16 * 1em); display: flex; justify-content: space-between; } .intellect .news .newsBox .topNews { width: 30%; } .intellect .news .newsBox .topNews figure { border-radius: calc(20/16 * 1em); padding-bottom: 54.1666667%; margin-bottom: calc(24/16 * 1em); background-size: cover; background-repeat: no-repeat; } .intellect .news .newsBox .topNews aside { line-height: 1.5; font-size: calc(20/16 * 1em); color: #333; } .intellect .news .newsBox .topNews p { line-height: 2; color: #666; margin: 0; margin-top: .625em; margin-bottom: 1.5em; } .intellect .news .newsBox .topNews time { color: #666; } .intellect .news .newsBox .newsList { width: 63.125%; } .intellect .news .newsBox .newsList li a { display: flex; justify-content: space-between; width: 100%; padding-bottom: calc(21/16 * 1em); border-bottom: 1px dashed #e6e6e6; } .intellect .news .newsBox .newsList li:not(:nth-of-type(1)) a { padding-top: calc(21/16 * 1em); } .intellect .news .newsBox .newsList li span { font-size: calc(18/16 * 1em); color: #666; padding-left: 1.38888em; position: relative; } .intellect .news .newsBox .newsList li span::before { left: 0; content: ""; top: 50%; transform: translateY(-50%); position: absolute; height: 80%; width: 1px; background-color: #e1e1e1; } .intellect .news .newsBox .newsList li time { color: #666; } .intellect .news .newsBox .newsList li a:hover time { color: #5371ff; } .intellect .news .newsBox .newsList li a:hover span { color: #5371ff; } .intellect .news .newsBox .newsList li a:hover span::before { background-color: #5371ff; } @media(max-width:1024px) { .intellect .advance ol { width: 100%; height: calc(300/16 * 1em); } .intellect .advance ol:not(:nth-last-of-type(1)) { margin-bottom: 10px; } .intellect .advance ol.active { width: 100%; } .intellect .advance ol .content { padding: 0 calc(20/16 * 1em); } .intellect .advance ol .content .contentInner { width: 100%; } .intellect .advance ol .content p { font-size: calc(10/16 * 1em); line-height: 1.5; } .intellect .advance ol .content .deliverTitle { font-size: calc(18/16 * 1em); margin-top: calc(10/18 * 1em); margin-bottom: calc(25/18 * 1em); } .intellect .advance ul { flex-wrap: wrap; } .intellect .advance ol > img { width: 100%; } .intellect .cList { margin-top: calc(30/16 * 1em); flex-wrap: wrap; gap: calc(20/16 * 1em) 3%; } .intellect .cList li { width: 48.5%; padding: calc(25/16 * 1em) calc(16/16 * 1em) calc(25/16 * 1em); } .intellect .cList li aside { font-size: calc(20/16 * 1em); } .intellect .cList li p { font-size: calc(16/16 * 1em); } .intellect .news .newsBox { flex-wrap: wrap; margin-top: calc(30/16 * 1em); } .intellect .news .newsBox .topNews { width: 100%; } .intellect .news .newsBox .newsList { width: 100%; margin-top: calc(30/16 * 1em); } .intellect .news .newsBox .topNews aside { font-size: calc(18/16 * 1em); } .intellect .news .newsBox .newsList li a { padding-bottom: 1em; } .intellect .cList li .linkBox a { padding: 0 calc(10 / 16* 1em); } } @media(max-width:640px) { .intellect .advance ol { width: 100%; } .intellect .advance ol .content p { font-size: calc(14/16 * 1em); } } .serviceDetail .inner { padding: 6.25% 0; } .serviceDetail .inner .info { display: flex; justify-content: space-between; align-items: end; } .serviceDetail .inner .info figure { width: 31.25%; border-radius: calc(20/16 * 1em); } .serviceDetail .inner .info .infoDetail { width: 63.75%; } .serviceDetail .inner .info .infoDetail aside { font-size: calc(30/16 * 1em); font-family: "HarmonyOS_Sans_SC_Medium"; color: #333; margin-bottom: calc(2/3 * 1em); } .serviceDetail .inner .info .infoDetail p { margin: 0; } .serviceDetail .inner .info .infoDetail .intro { font-size: calc(18/16 * 1em); color: #666; font-family: "HarmonyOS_Sans_SC_Light"; line-height: 1.555555; } .serviceDetail .inner .info .infoDetail .price { margin-top: calc(50/16 * 1em); } .serviceDetail .inner .info .infoDetail .price span:not(.num) { font-size: calc(18/16 * 1em); color: #666; } .serviceDetail .inner .info .infoDetail .price span.num { font-size: calc(30/16 * 1em); color: #ff0000; font-family: "HarmonyOS_Sans_SC_Medium"; font-weight: bold; } .serviceDetail .inner .info .infoDetail .operate { display: flex; margin-top: calc(45/16 * 1em); } .serviceDetail .inner .info .infoDetail .operate a { font-size: calc(20/16 * 1em); background-color: #5371ff; border-radius: 10px; line-height: 3; padding: 0 1.5em; color: #fff; } .serviceDetail .inner .info .infoDetail .operate a:not(:nth-last-of-type(1)) { margin-right: 1.5em; } .serviceDetail .inner .detail { margin-top: calc(67/16 * 1em); } .serviceDetail .inner .detail .tab { display: flex; border-bottom: 1px solid #e1e1e1; } .serviceDetail .inner .detail .tab li { border-top-left-radius: calc(12/16 * 1em); border-top-right-radius: calc(12/16 * 1em); overflow: hidden; } .serviceDetail .inner .detail .tab li:not(:nth-last-of-type(1)) { margin-right: calc(3/16 * 1em); } .serviceDetail .inner .detail .tab li a { background-color: #eee; color: #666; transition: .3s; display: inline-block; font-size: calc(22/16 * 1em); padding: 0 1.09em; line-height: 2.72727273; } .serviceDetail .inner .detail .tab li a.active { color: #fff; background-color: #5371ff; } .serviceDetail .inner .detail .process { display: flex; position: relative; justify-content: space-between; margin-top: calc(60/16 * 1em); } .serviceDetail .inner .detail .process::after { position: absolute; height: 1px; width: 91.375%; left: 50%; top: 50%; transform: translate(-50%, -50%); background-color: #5371ff; content: ""; } .serviceDetail .inner .detail .process li { width: 14.375%; } .serviceDetail .inner .detail .process li:not(:nth-last-of-type(1))::after { position: absolute; content: ""; width: calc(24/16 * 1em); height: calc(16/16 * 1em); background: url(../images/process.png) center no-repeat; background-size: cover; top: 50%; transform: translate(-50%, -50%); } .serviceDetail .inner .detail .process li:nth-of-type(1)::after { left: calc(14.375% + ((100% - 14.375%*5)/4/2)); } .serviceDetail .inner .detail .process li:nth-of-type(2)::after { left: calc(14.375% * 2 + (100% - 14.375%*5)/4 + ((100% - 14.375%*5)/4/2)); } .serviceDetail .inner .detail .process li:nth-of-type(3)::after { left: calc(14.375% * 3 + (100% - 14.375%*5)/4*2 + ((100% - 14.375%*5)/4/2)); } .serviceDetail .inner .detail .process li:nth-of-type(4)::after { left: calc(14.375% * 4 + (100% - 14.375%*5)/4*3 + ((100% - 14.375%*5)/4/2)); } .serviceDetail .inner .detail .process li figure { width: 47.826%; margin: 0 auto; position: relative; z-index: 2; background-color: #fff; } .serviceDetail .inner .detail .process li .textBox { text-align: center; margin-top: calc(35/16 * 1em); } .serviceDetail .inner .detail .process li:nth-of-type(2n) .textBox { margin-top: 0; margin-bottom: calc(35/16 * 1em); } .serviceDetail .inner .detail .process li:nth-of-type(2n) figure { margin-bottom: calc(130/16 * 1em); } .serviceDetail .inner .detail .process li:nth-of-type(2n+1) figure { margin-top: calc(130/16 * 1em); } .serviceDetail .inner .detail .process li .textBox aside { font-size: calc(22/16 * 1em); color: #000; font-family: "HarmonyOS_Sans_SC_Medium"; } .serviceDetail .inner .detail .process li .textBox p { font-size: calc(18/16 * 1em); color: #999; font-family: "HarmonyOS_Sans_SC_Light"; margin: 0; margin-top: calc(20/18 * 1em); } .serviceDetail .inner .detail .material { margin: calc(100/16 * 1em) 0; display: flex; justify-content: space-between; } .serviceDetail .inner .detail .material > li { position: relative; overflow: hidden; width: 48.75%; background-color: #f4f7fe; border-radius: calc(20/16 * 1em); padding: calc(50/16 * 1em) calc(70/16 * 1em); } .serviceDetail .inner .detail .material > li::after { position: absolute; transition: .3s linear; z-index: 1; width: 100%; height: 100%; background-color: #5371ff; content: ""; top: 0; right: 99%; } .serviceDetail .inner .detail .material > li aside { font-size: calc(26/16 * 1em); transition: .3s linear; font-family: "HarmonyOS_Sans_SC_Bold"; color: #5371ff; position: relative; z-index: 2; } .serviceDetail .inner .detail .materialList { margin-top: calc(40/16 * 1em); position: relative; z-index: 2; } .serviceDetail .inner .detail .materialList li { font-size: calc(18/16 * 1em); color: #666; transition: .3s linear; } .serviceDetail .inner .detail .materialList li:not(:nth-last-of-type(1)) { margin-bottom: 0.8888888em; } .serviceDetail .inner .detail .material > li:hover::after { right: 0; } .serviceDetail .inner .detail .material > li:hover aside { color: #fff; } .serviceDetail .inner .detail .material > li:hover .materialList li { color: #fff; } @media(max-width:1024px) { .serviceDetail .inner .info { flex-wrap: wrap; } .serviceDetail .inner .info figure { width: 100%; } .serviceDetail .inner .info .infoDetail aside { font-size: calc(20/16 * 1em); } .serviceDetail .inner .info .infoDetail .intro { font-size: calc(16/16 * 1em); } .serviceDetail .inner .info .infoDetail { width: 100%; margin-top: calc(30/16 * 1em); } .serviceDetail .inner .info .infoDetail .price { margin-top: calc(25/16 * 1em); } .serviceDetail .inner .info .infoDetail .price span.num { font-size: calc(20/16 * 1em); } .serviceDetail .inner .info .infoDetail .price span:not(.num) { font-size: calc(16/16 * 1em); } .serviceDetail .inner .info .infoDetail .operate { margin-top: calc(25/16 * 1em); } .serviceDetail .inner .info .infoDetail .operate a { font-size: calc(16/16 * 1em); } .serviceDetail .inner .detail { margin-top: calc(35/16 * 1em); } .serviceDetail .inner .detail .tab li a { font-size: calc(18/16 * 1em); } .serviceDetail .inner .detail .process { flex-wrap: wrap; justify-content: start; gap: calc(20/16 * 1em) 2%; margin-top: calc(30/16 * 1em); } .serviceDetail .inner .detail .process li { width: 23.5%; } .serviceDetail .inner .detail .process li:nth-of-type(2n+1) figure { margin-top: 0; } .serviceDetail .inner .detail .process li:nth-of-type(2n) .textBox { margin-top: calc(20/16 * 1em); margin-bottom: 0; } .serviceDetail .inner .detail .process li:nth-of-type(2n) figure { margin-bottom: 0; } .serviceDetail .inner .detail .process li .textBox aside { font-size: calc(18/16 * 1em); } .serviceDetail .inner .detail .process li .textBox p { font-size: calc(16/16 * 1em); } .serviceDetail .inner .detail .process li:not(:nth-last-of-type(1))::after { display: none; } .serviceDetail .inner .detail .process::after { display: none; } .serviceDetail .inner .detail .process li .textBox { margin-top: calc(20/16 * 1em); } .serviceDetail .inner .detail .material { margin: calc(50/16 * 1em) 0; } .serviceDetail .inner .detail .material > li { padding: calc(25/16 * 1em) calc(16/16 * 1em); } } /* .TextList001202 为demo编号 */ .TextList001202 li { border-bottom: 1px solid #eff3fc; } .TextList001202 dl { position: relative; padding-left: 4.8125%; } .TextList001202 dl dt { position: absolute; width: 4.8125%; left: 0; top: 0; color: #00c0a2; text-align: center; font-size: calc(22/16 * 1em); } .TextList001202 dl.Q dt, .TextList001202 dl.Q dd { height: 60px; line-height: 60px; } .TextList001202 dl.Q dd { font-size: calc(18/16 * 1em); position: relative; cursor: pointer; color: #333; padding-right: calc(60/16 * 1em); } .TextList001202 dl.Q dd::after { color: #a6b8e2; position: absolute; line-height: normal; content: "+"; right: 30px; top: 50%; transform: translateY(-50%); font-size: calc(22/18 * 1em); } .TextList001202 dl.Q.Q_on dd::after { content: "-"; color: #fff; } .TextList001202 dl.Q.Q_on dt { color: #ffff; background-color: #5371ff; border-top-left-radius: calc(10/16 * 1em); } .TextList001202 dl.Q.Q_on dd { color: #ffff; background-color: #5371ff; border-top-right-radius: calc(10/16 * 1em); } .TextList001202 dl.A dt { height: calc(100%); display: flex; align-items: center; justify-content: center; background-color: #f4f7fe; color: #333; } .TextList001202 dl.A dd { padding: calc(28/18 * 1em) 0; font-size: calc(18/16 * 1em); background-color: #f4f7fe; } .TextList001202 dl.A { display: none; } .TextList001202 dl.A p { margin: 0; color: #666; } .TextList001202 dl dt { color: #666; } @media(max-width:1024px) { .TextList001202 h1, .TextList001202 dl dt { font-size: calc(18/16 * 1em); } } .payList { display: none; position: fixed; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.2); top: 0; left: 0; z-index: 9999; } .payList aside.payTitle { font-size: calc(28/16 * 1em); text-align: center; color: #333; font-family: "HarmonyOS_Sans_SC_Medium"; } .payList aside.payTitle p { margin: 0; color: #5371ff; } .payList .close { position: absolute; width: calc(21/16 * 1em); height: calc(21/16 * 1em); background: url(../images/close.svg) no-repeat center; background-size: cover; top: 1em; right: 1em; cursor: pointer; } .payList > div { display: none; position: absolute; max-height: 100%; overflow-y: auto; left: 50%; top: 50%; transform: translate(-50%, -50%); background-color: #fff; border-radius: calc(20/16 * 1em); } .payList .qrCode { padding: calc(45/16 * 1em) 0; width: 18.75%; } .payList .qrCode figure { padding: calc(10/16 * 1em); border: 1px solid #eeeeee; border-radius: calc(10/16 * 1em); width: 44.444444%; margin: 0 auto; margin-top: calc(20/16 * 1em); text-align: center; } .payList .payType { padding: calc(55/16 * 1em) calc(50/16 * 1em); width: 43%; } .payList .payType .payInfo { margin-top: calc(25/16 * 1em); margin-bottom: calc(30/16 * 1em); text-align: center; padding-bottom: calc(10/16 * 1em); border-bottom: 1px solid #dddddd; } .payList .payType .payInfo .payInfoInner { display: inline-block; } .payList .payType .payInfo p { font-size: calc(20/16 * 1em); color: #333; line-height: 2; margin: 0; text-align: start; } .payList .payType .payInfo p span { display: inline-block; width: 4em; text-align: justify; } .payList .payType p.node { font-size: calc(18/16 * 1em); margin: 0; line-height: 2; } .payList .payType .type { margin: 0 auto; margin-top: calc(40/16 * 1em); display: flex; justify-content: space-between; width: 62.5%; } .payList .payType .type li { width: 38%; } .payList .payType .type li figure { margin: 0 auto; margin-bottom: calc(25/16 * 1em); padding: calc(18/16 * 1em); border-radius: calc(10/16 * 1em); border: 1px solid; } .payList .payType .type li p { text-align: center; font-size: calc(18/16 * 1em); color: #666; margin: 0; display: flex; justify-content: center; align-items: center; } .payList .payType .type li p::before { margin-right: .7em; background-size: cover; } .payList .payType .type li.weixin figure { border-color: #4ab415; } .payList .payType .type li.weixin p::before { content: ""; width: calc(33/18 * 1em); height: calc(33/18 * 1em); background: url(../images/weixinPay.svg) no-repeat center; background-size: 100% auto; } .payList .payType .type li.zhifubao p::before { content: ""; width: calc(30/18 * 1em); height: calc(30/18 * 1em); background: url(../images/zhifubaoPay.svg) no-repeat center; background-size: 100% auto; } .payList .payType .type li.zhifubao figure { border-color: #02aaee; } .payList .payType .tip { margin-top: calc(65/16 * 1em); } .payList .payType .tip aside { color: #333; line-height: 1.75; } .payList .payType .tip p { color: #999; margin: 0; line-height: 1.75; } .payList .agreement { width: 90%; max-width: calc(800 / 16* 1em); padding: calc(50 / 16 * 1em); } .payList .agreement .content { margin-top: calc(25/16 * 1em); } .payList .agreement .content p { font-family: "HarmonyOS_Sans_SC_Light"; color: #333; line-height: 2.25; margin: 0; } .payList .register { width: 90%; max-width: calc(600 / 16* 1em); padding: calc(60/16 * 1em); height: 58.333333%; } .payList .register .content { display: flex; flex-direction: column; height: 100%; align-items: center; justify-content: center; } .payList .register .content aside { font-size: calc(28/16 * 1em); color: #333; font-family: "HarmonyOS_Sans_SC_Medium"; text-align: center; line-height: 1.642857; } .payList .register .content aside span { color: #5371ff; } .payList .register .content .register_operate { margin-top: calc(55/16 * 1em); } .payList .register .content .register_operate a { font-size: calc(18/16 * 1em); display: block; line-height: 2; border-radius: calc(5/18 * 1em); text-align: center; padding: 0 1.7777778em; background-color: #5371ff; color: #fff; } .payList .registerIn { width: 90%; max-width: calc(600 / 16* 1em); padding: 5%; } .payList .registerIn .registerInForm { margin-top: calc(35/16 * 1em); } .payList .registerIn .from li.hasA a { width: 35%; border: 1px solid #ebebeb; margin-left: calc(20/16 * 1em); font-family: "HarmonyOS_Sans_SC_Light"; color: #fff; display: flex; align-items: center; justify-content: center; border-radius: calc(10/16 * 1em); background-color: #5371ff; } .payList .registerIn .from li.hasA a.disabled{background-color: #f2f2f2; color: #cccccc;} /* 忘记密码 */ .payList .Forgot { width: 90%; max-width: calc(600 / 16* 1em); padding: 4.16666% 5.2%; } .payList .Forgot .ForgotForm { margin-top: calc(35 / 16* 1em); } .payList .Forgot .from li.hasA a { padding: 0 calc(20 / 16* 1em); height: calc(60 / 16* 1em); border: 1px solid #ebebeb; margin-left: calc(20 / 16* 1em); font-family: "HarmonyOS_Sans_SC_Light"; color: #cccccc; display: flex; align-items: center; justify-content: center; border-radius: calc(10 / 16* 1em); background-color: #f2f2f2; } /* 登录 */ .payList .login { width: 90%; max-width: calc(600 / 16* 1em); padding: 4.16666% 5.2%; } .payList .from li { display: flex; } .payList .from li:not(:nth-last-of-type(1)) { margin-bottom: calc(30/16 * 1em); } .payList .from li input { flex: 1; border: 1px solid #ebebeb; padding: 0 calc(20/16 * 1em); height: calc(60/16 * 1em); font-size: calc(16/16 * 1em); font-family: "HarmonyOS_Sans_SC_Light"; color: #666; border-radius: calc(10/16 * 1em); } .payList .from li input[type='submit'] { background-color: #5371ff; color: #fff; cursor: pointer; font-size: calc(20/16 * 1em); height: calc(60/20 * 1em); } .payList .from li input::placeholder { color: #b8b8b8; } .payList .from li input:checked + label.checked { border-color: #5371ff; background: #5371ff url(../images/agree.png) no-repeat center; background-size: cover; } .payList .from li.policy { align-items: center; } .payList .from li.policy input { display: none; } .payList .from li.policy label { cursor: pointer; } .payList .from li.policy label.checked { width: calc(14/16 * 1em); height: calc(14/16 * 1em); border-radius: calc(2/16 * 1em); border: 1px solid #ebebeb; margin-right: calc(15/16 * 1em); } .payList .from li.policy .agree label { color: #999; } .payList .from li.policy .agree a { color: #5371ff; } .payList .from li.otherOperate { justify-content: space-between; } .payList .from li.otherOperate a { color: #5371ff; font-family: "HarmonyOS_Sans_SC_Light"; } .payList .from .method_tab { display: flex; margin-bottom: calc(35/16 * 1em); } .payList .from .method_tab a { font-size: calc(28/16 * 1em); font-family: "HarmonyOS_Sans_SC_Medium"; color: #999; } .payList .from .method_tab a:not(:nth-last-of-type(1)) { margin-right: 1.25em; } .payList .from .method_tab a.active { color: #333; border-bottom: 2px solid #5371ff; padding-bottom: 5px; } .payList .from .method { display: none; } .payList .from .method.message p { margin: 0; margin-bottom: calc(20/16 * 1em); color: #666; font-family: "HarmonyOS_Sans_SC_Light"; } .payList .from .method.message li.hasA { border: 1px solid #ebebeb; border-radius: calc(10/16 * 1em); } .payList .from .method.message li.hasA input { border: none; } .payList .from .method.message li.hasA a { width: 30%; display: flex; align-items: center; justify-content: center; color: #5371ff; font-family: "HarmonyOS_Sans_SC_Light"; } .payList .from .method.message li.hasA a span { width: 100%; text-align: center; border-left: 1px solid #ebebeb; } .payList .removeOrder { width: 43%; padding: 5.2% 10.4%; } .payList .removeOrder .payOperate { margin-top: calc(55/16 * 1em); padding: 0; } .payList .removeOrder .payOperate a { display: block; border-radius: .5em; font-size: calc(20/16 * 1em); text-align: center; padding: .85em; } .payList .removeOrder .payOperate a:not(:nth-last-of-type(1)) { margin-bottom: 1em; } .payList .removeOrder .payOperate a:nth-of-type(1) { background-color: #5371ff; color: #fff; } .payList .removeOrder .payOperate a:nth-last-of-type(1) { background-color: #eeeeee; color: #333; } /* 修改密码 */ .payList .xgmm { width: 90%; max-width: calc(600 / 16* 1em); padding: 4% 5%; } .payList .xgmm aside.payTitle { margin-bottom: calc(30 / 28 * 1em); } .payList .xgmm .from li:not(:nth-last-of-type(1)) { margin-bottom: calc(20 / 16* 1em); } .payList .xgmm .from li.hasA a { padding: 0 calc(20 / 16* 1em); height: calc(60 / 16* 1em); border: 1px solid #ebebeb; margin-left: calc(20 / 16* 1em); font-family: "HarmonyOS_Sans_SC_Light"; color: #cccccc; display: flex; align-items: center; justify-content: center; border-radius: calc(10 / 16* 1em); background-color: #f2f2f2; } @media(max-width:1024px) { .payList .qrCode { width: 60%; } .payList .payType { width: 80%; padding: calc(25/16 * 1em) calc(20/16 * 1em); max-height: 100vh; overflow-y: auto; } .payList aside.payTitle { font-size: calc(20/16 * 1em); } .payList .payType .payInfo p { font-size: calc(16/16 * 1em); } .payList .payType .payInfo { margin-top: 1em; margin-bottom: 1em; } .payList .payType p.node { font-size: calc(16/16 * 1em); } .payList .payType .type { margin-top: calc(20/16 * 1em); } .payList .payType .type li p { font-size: calc(16/16 * 1em); } .payList .payType .type li.weixin p::before { width: calc(20/16 * 1em); height: calc(20/16 * 1em); } .payList .payType .type li.zhifubao p::before { width: calc(20/16 * 1em); height: calc(20/16 * 1em); } .payList .payType .tip { margin-top: calc(30/16 * 1em); } .payList .agreement { width: 80%; padding: calc(25/16 * 1em) calc(20/16 * 1em); } .payList .agreement .content p { line-height: 1.8; } .payList .register { width: 60%; height: unset; } .payList .registerIn { width: 80%; } .payList .login { width: 80%; } .payList .from .method_tab a { font-size: calc(20/16 * 1em); } .payList .from li input[type='submit'] { font-size: calc(18/16 * 1em); } .payList .close { width: calc(15/16 * 1em); height: calc(15/16 * 1em); } .payList .removeOrder { width: 60%; } } .sidebar { z-index: 99; position: fixed; right: 1.3%; top: 50%; transform: translateY(-50%); } .sidebar .linkList { width: calc(60/16 * 1em); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); padding: calc(10/16 * 1em) calc(13/16 * 1em); background-color: #fff; border-radius: calc(6/16 * 1em); } .sidebar .linkList li { height: calc(50/16 * 1em); background-repeat: no-repeat; background-position: center; } .sidebar .linkList li:not(:nth-last-of-type(1)) { border-bottom: 1px solid #f3f2f2; } .sidebar .linkList li a { display: block; height: 100%; } .sidebar .linkList li:nth-of-type(1) { background-image: url(../images/sliderBar1.png); } .sidebar .linkList li:nth-of-type(2) { background-image: url(../images/sliderBar2.png); } .sidebar .linkList li:nth-of-type(3) { background-image: url(../images/sliderBar3.png); } .sidebar .linkList li:nth-of-type(4) { background-image: url(../images/sliderBar4.png); } .sidebar .linkList li:nth-of-type(5) { background-image: url(../images/sliderBar5.png); } .sidebar .linkList li figure { position: absolute; top: 50%; transform: translateY(-50%); padding: calc(10 / 16* 1em); background: #fff; right: 100%; width: calc(150 / 16* 1em); text-align: center; box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); border-radius: 10px; visibility: hidden; opacity: 0; z-index: -10; transition: all 0.5s; } .sidebar .linkList li:hover figure { right: 110%; visibility: visible; z-index: 10; opacity: 1; } .sidebar .linkList .ewm { margin-bottom: 5px; } .sidebar .linkList .ewm img { width: calc(130 / 16 * 1em); } .sidebar .goTop { height: calc(60/16 * 1em); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); cursor: pointer; border-radius: calc(6/16 * 1em); background: url(../images/goTop.png) center no-repeat; margin-top: calc(10/16 * 1em); background-color: #fff; } @media(max-width:640px) { /* .sidebar .linkList{width: calc(40/16 * 1em);} */ .sidebar .goTop { background-size: 25% auto; } .sidebar .linkList li { background-size: 40% auto; } } .news .newsInner { padding: 6.25% 0; } .PicList002856 .top-new { margin-bottom: calc(100/16 * 1em); position: relative; } .PicList002856 .top-new li .img { border-radius: calc(24/16 * 1em); overflow: hidden; } .PicList002856 .top-new li .img img { display: block; width: 100%; } .PicList002856 .top-new li .txt { padding: calc(10/16 * 1em) 0; } .PicList002856 .top-new li .txt .tip { margin-bottom: calc(50/16 * 1em); display: inline-block; padding: 0 calc(13/16 * 1em); color: #fff; line-height: calc(30/16 * 1em); border-radius: 5px; background-color: #00468E; } .PicList002856 .top-new li .ytable { display: flex; justify-content: space-between; } .PicList002856 .top-new li .txt time { color: #999; display: block; margin-bottom: calc(50/16 * 1em); } .PicList002856 .top-new li .txt aside { font-size: calc(24/16 * 1em); color: #333; } .PicList002856 .top-new li .txt p { line-height: 1.875; color: #666; margin: 0; margin-top: calc(30/16 * 1em); } .PicList002856 .top-new li .txt a { width: calc(46/16 * 1em); height: calc(46/16 * 1em); border-radius: 50%; border: 1px solid #cecece; display: block; background: url(../images/news_more.png) no-repeat center; background-size: 28% auto; margin-top: calc(40/16 * 1em); } .PicList002856 .top-new .slider_arrow_prev { margin-right: calc(24/16 * 1em); } .PicList002856 .top-new .slick-arrow { border-radius: 50%; background: url(../images/news_arrow.svg) no-repeat center; background-size: 18% auto; border: 1px solid #5371ff; width: calc(48/16 * 1em); font-size: calc(16/16 * 1em); height: calc(48/16 * 1em); text-indent: -9999px; overflow: hidden; z-index: 10; cursor: pointer; padding: 0; box-sizing: border-box; } .PicList002856 .top-new .slick-next { transform: rotate(180deg); background-image: url(../images/news_arrow_active.svg); background-color: #5371ff; } .PicList002856 .sliderControls { display: flex; position: absolute; right: 0; bottom: 7.6%; z-index: 2; width: 52.375%; margin-left: auto; } .PicList002856 .sliderControls .lineBox { width: 77%; height: 1px; background-color: #efefef; } .PicList002856 .sliderControls .lineBox .line { transition: .3s; height: 100%; background-color: #5371ff; width: 0; } .PicList002856 .sliderControls .arrowBox { position: absolute; display: flex; justify-content: space-between; transform: translateY(-50%); right: 0; } .PicList002856 .list li:not(:nth-last-of-type(1)) { margin-bottom: calc(40/16 * 1em); } .PicList002856 .list li a { display: flex; border-top-left-radius: calc(20/16 * 1em); overflow: hidden; border-top: 1px solid #d5dbe0; justify-content: space-between; } .PicList002856 .list li a figure { width: 25%; } .PicList002856 .list li a .textBox { width: 70.625%; padding: calc(40/16 * 1em) 0 calc(20/16 * 1em); } .PicList002856 .list li a .textBox aside { font-size: calc(22/16 * 1em); color: #000; font-family: "HarmonyOS_Sans_SC_Medium"; } .PicList002856 .list li a .textBox p { font-size: calc(18/16 * 1em); margin: 0; margin-top: calc(30/18 * 1em); line-height: 1.6666666; color: #666; font-family: "HarmonyOS_Sans_SC_Light"; } .PicList002856 .list li a .textBox time { color: #999; margin-top: calc(40/16 * 1em); font-family: "HarmonyOS_Sans_SC_Light"; display: block; } @media(min-width:1025px) { .PicList002856 .top-new li .img { width: 43.75%; } .PicList002856 .top-new li .txt { width: 52.375%; } } @media(max-width:1024px) { .PicList002856 .sliderControls { bottom: 0; width: 100%; } .PicList002856 .top-new li .ytable { flex-wrap: wrap; } .PicList002856 .top-new li .txt aside { font-size: calc(18/16 * 1em); } .PicList002856 .top-new li .txt p { margin-top: 1em; } .PicList002856 .top-new li .txt time { margin-bottom: 1.5em; } .PicList002856 .top-new li .txt a { width: calc(30/16 * 1em); height: calc(30/16 * 1em); margin-top: calc(20/16 * 1em); } .PicList002856 .top-new .slick-arrow { width: calc(30/16 * 1em); height: calc(30/16 * 1em); } .PicList002856 .list li a { flex-wrap: wrap; } .PicList002856 .list li a figure { width: 100%; } .PicList002856 .list li a .textBox { width: 100%; } .PicList002856 .list li a .textBox aside { font-size: calc(18/16 * 1em); } .PicList002856 .list li a .textBox p { font-size: calc(16/16 * 1em); } } /* .Page001726 为demo编号 */ .Page001726 { text-align: center; margin-top: calc(100/16 * 1em); font-size: calc(16/16 * 1em); } .Page001726 .Pages .p_cur, .Page001726 .Pages .p_count, .Page001726 .Pages .p_total, .Page001726 .Pages .p_jump, .Page001726 .Pages .a_first, .Page001726 .Pages .a_end { display: none; } .Page001726 .Pages em { font-style: normal; } .Page001726 .Pages a { margin: 0 10px; border-radius: calc(5/16 * 1em); vertical-align: middle; width: 50px; color: #666666; height: 50px; line-height: 50px; border: 1px solid #eeeeee; } .Page001726 .Pages a.a_prev, .Page001726 .Pages a.a_next { font-family: "宋体"; font-weight: bold; overflow: hidden; background: url(../images/Page001726-prev.png) no-repeat center center; } .Page001726 .Pages a.a_next { background-image: url(../images/Page001726-next.png); } .Page001726 .Pages a:hover, .Page001726 .Pages em a.a_cur { background-color: #5371ff; color: #fff; } .Page001726 .p_page { display: flex; justify-content: center; } .Page001726 .p_page .num { display: flex; } @media(max-width:1024px) { .Page001726 { margin-top: calc(50/16 * 1em); } .Page001726 .Pages a { width: 30px; height: 30px; line-height: 30px; } } @media(max-width:640px) { .Page001726 .Pages em { display: none; } .Page001726 .Pages a { margin: 0 5px; } } /*RighInfo002973 */ .RighInfo002973 { color: #333; padding: 6.25% 0; display: flex; justify-content: space-between; align-items: start; } .RighInfo002973 .news-details { width: 66.875%; } .RighInfo002973 .news-details .title { border-bottom: 1px solid #e8e8e8; } .RighInfo002973 .news-details .title h1 { font-size: calc(36/16 * 1em); margin: 0; color: #000; font-family: "HarmonyOS_Sans_SC_Medium"; font-weight: normal; } .RighInfo002973 .news-details .title aside { align-items: center; margin-top: calc(40/16 * 1em); color: #888; display: flex; padding-bottom: calc(45/16 * 1em); } .RighInfo002973 .news-details .title aside a { color: #888; } .RighInfo002973 .news-details .title aside span { display: inline-block; } .RighInfo002973 .news-details .title .share { display: contents; } .RighInfo002973 .news-details .title aside span:not(:nth-last-of-type(1)) { margin-right: calc(50/16 * 1em); } .RighInfo002973 .news-details .title aside span:has(.bshare-custom) { display: flex; align-items: center; } .RighInfo002973 .news-details .title aside span:has(.bshare-custom) .bshare-custom { display: flex; align-items: center; } .RighInfo002973 .news-details .title .bshare-custom { display: inline-block; margin-left: calc(7/16 * 1em); } .RighInfo002973 .bshare-custom a { display: inline-block; cursor: pointer; background-position: center center; background-image: url(../images/share.svg); background-size: cover; background-repeat: no-repeat; width: calc(14/16 * 1em); height: calc(15/16 * 1em); } .RighInfo002973 .news-details .edit-info { line-height: 1.875em; border-bottom: 1px solid #e8e8e8; padding: calc(50/16 * 1em) 0; margin-bottom: calc(75/16 * 1em); } .RighInfo002973 .news-details .edit-info p { font-size: calc(18/16 * 1em); line-height: 1.8888888; margin: 0; color: #666666; font-family: "HarmonyOS_Sans_SC_Light"; } .RighInfo002973 .pn-page aside:not(:nth-last-of-type(1)) { margin-bottom: calc(15/16 * 1em); } .RighInfo002973 .pn-page aside a { color: #333; font-size: calc(18/16 * 1em); font-family: "HarmonyOS_Sans_SC_Light"; } .RighInfo002973 .pn-page aside a b { color: #999; font-weight: normal; margin-right: 1.2222em; } .RighInfo002973 .operating { overflow: hidden; } .RighInfo002973 .operating a { display: flex; align-items: center; justify-content: space-between; padding-left: 25px; background-repeat: no-repeat; background-position: left center; background-color: #5371ff; border-radius: calc(5/16 * 1em); height: calc(50/16 * 1em); color: #fff; padding: 0 calc(25/16 * 1em); } .RighInfo002973 .operating a::before { content: ""; width: calc(15/16 * 1em); height: calc(16/16 * 1em); background: url(../images/return.svg) no-repeat center; background-size: cover; margin-right: calc(25/16 * 1em); } .RighInfo002973 .relateNews { width: 23.125%; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.05); padding: calc(30/16 * 1em); border-radius: calc(10/16 * 1em); } .RighInfo002973 .relateNews .relateNews-search { background-color: #f2f7fc; display: flex; } .RighInfo002973 .relateNews input { outline: none; border: none; background-color: transparent; font-family: "HarmonyOS_Sans_SC_Light"; width: calc(100% - 60/18 * 1em); font-size: calc(18/16 * 1em); color: #666; padding: 0 calc(20/16 * 1em); height: calc(50/18 * 1em); } .RighInfo002973 .relateNews .relateNews-search a { width: calc(60/16 * 1em); background: url(../images/news_search.svg) no-repeat center; } .RighInfo002973 .relateNews aside { font-size: calc(24/16 * 1em); color: #333; padding: 1.25em 0 .625em 0.8333333em; margin-bottom: .625em; border-bottom: 1px solid #eeeeee; } .RighInfo002973 .relateNews .relateNewsList li:not(:nth-last-of-type(1)) { margin-bottom: calc(20/16 * 1em); } .RighInfo002973 .relateNews .relateNewsList li a { font-size: calc(18/16 * 1em); color: #333; line-height: 1.555555; padding-left: 1.1111111em; display: block; position: relative; font-family: "HarmonyOS_Sans_SC_Light"; } .RighInfo002973 .relateNews .relateNewsList li a:hover { color: #5371ff; } .RighInfo002973 .relateNews .relateNewsList li a::after { position: absolute; top: .55em; content: ""; width: 5px; height: 5px; border-radius: 50%; background-color: #5371ff; left: 0; } @media(min-width:1025px) { .RighInfo002973 .pn-page { min-height: 24px; position: relative; padding-right: 230px; } .RighInfo002973 .pn-page .operating { position: absolute; right: 0; top: 50%; transform: translateY(-50%); } .RighInfo002973 .operating a { float: left; } } @media(max-width:1024px) { .RighInfo002973 { flex-wrap: wrap; } .RighInfo002973 .relateNews { width: 100%; order: 1; } .RighInfo002973 .news-details { width: 100%; order: 2; margin-top: calc(30/16 * 1em); } .RighInfo002973 .operating { text-align: right; padding-bottom: 20px; } .RighInfo002973 .operating a { display: flex; float: left; } .RighInfo002973 .news-details .title h1 { font-size: calc(24/16 * 1em); } .RighInfo002973 .news-details .title aside { margin-top: calc(20/16 * 1em); padding-bottom: calc(25/16 * 1em); } .RighInfo002973 .news-details .title aside span:not(:nth-last-of-type(1)) { margin-right: calc(25/16 * 1em); } .RighInfo002973 .news-details .edit-info { margin-bottom: calc(30/16 * 1em); } } @media(max-width:640px) { } .scientific aside.serviceTitle { font-size: calc(44/16 * 1em); font-weight: bold; color: #000; } .scientific .service { padding: 6.25% 0; } .scientific .service .serviceList { display: flex; gap: 20px 2.5%; } .scientific .service .serviceList li { border-radius: calc(20/16 * 1em); width: 23.125%; padding: calc(55/16 * 1em) calc(16/16 * 1em) calc(50/16 * 1em); background: url(../images/soft_back.png) no-repeat center; background-size: cover; } /* .scientific .service .serviceList li a { display: block; } */ .scientific .service .serviceList li figure { max-width: 31.36%; margin: 0 auto; margin-bottom: calc(30/16 * 1em); } .scientific .service .serviceList li aside { font-family: "HarmonyOS_Sans_SC_Medium"; font-size: calc(26/16 * 1em); color: #333; text-align: center; } .scientific .service .serviceList li p { line-height: 2; margin: 0; margin-top: .75em; font-size: calc(18/16 * 1em); color: #666; text-align: center; font-family: "HarmonyOS_Sans_SC_Light"; } .scientific .service .serviceList li .linkBox { margin-top: calc(24/16 * 1em); display: flex; justify-content: center; gap: 10px 10px; } .scientific .service .serviceList li .linkBox a { border-radius: 5px; transition: .3s; line-height: calc(40/16 * 1em); padding: 0 calc(19/16 * 1em); color: #5371ff; background-color: #fff; border: 1px solid #5371ff; } .scientific .service .serviceList li .linkBox a:hover { color: #fff; background-color: #5371ff; border: 1px solid #5371ff; } @media(max-width:1024px) { .scientific .service .serviceList li .linkBox a { padding: 0 calc(10 / 16* 1em); } } .scientific .serviceTeam { background-color: #f4f7fe; display: flex } .scientific .serviceTeam .inner { padding: 6.25% 0; display: flex; justify-content: space-between; } .scientific .serviceTeam .left { position: relative; width: 51.25%; } .scientific .serviceTeam .left > figure { width: 100%; } .scientific .serviceTeam .left > figure img { width: 100%; } .scientific .serviceTeam .left .countryList { position: absolute; width: 78%; padding-bottom: 78%; top: 50%; left: 50%; transform: translate(-50%, -50%); background: url(../images/serviceTeamLine.png) no-repeat center; background-size: cover; } .scientific .serviceTeam .left .countryList li { position: absolute; } .scientific .serviceTeam .left .countryList li:nth-of-type(1) { left: 45%; top: -7%; } .scientific .serviceTeam .left .countryList li:nth-of-type(2) { left: 90%; top: 20%; } .scientific .serviceTeam .left .countryList li:nth-of-type(3) { left: 90%; top: 69%; } .scientific .serviceTeam .left .countryList li:nth-of-type(4) { left: 43%; top: 97%; } .scientific .serviceTeam .left .countryList li:nth-of-type(5) { left: 2%; top: 69%; } .scientific .serviceTeam .left .countryList li:nth-of-type(6) { left: 3%; top: 19%; } .scientific .serviceTeam .left .countryList li figure { text-align: center; } .scientific .serviceTeam .left .countryList li span { font-size: calc(18/16 * 1em); display: block; line-height: 1; } .scientific .serviceTeam .left .countryList li:not(:nth-of-type(1)) span { margin-top: 1em; text-align: center; } .scientific .serviceTeam .left .countryList li:nth-of-type(1) span { margin-bottom: 1em; text-align: center; } .scientific .serviceTeam .right { width: 42.8125%; } .scientific .serviceTeam .right .titleBox p { font-size: calc(26/16 * 1em); color: #333; line-height: 1.5385; margin: 0; margin-top: 2.3em; } .scientific .serviceTeam .right .textBox { margin: calc(60/16 * 1em) 0; } .scientific .serviceTeam .right .textBox p { font-size: calc(18/16 * 1em); font-family: "HarmonyOS_Sans_SC_Light"; color: #333; line-height: 2; margin: 0; } .scientific .serviceTeam .right ul { display: flex; gap: 0 17.65%; flex-wrap: wrap; } .scientific .serviceTeam .right ul li { position: relative; padding-left: 1.8em; min-width: 22%; font-size: calc(18/16 * 1em); line-height: 2; color: #333; } .scientific .serviceTeam .right ul li::before { content: ""; position: absolute; width: 2px; height: 40%; top: 50%; transform: translateY(-50%); left: 0; background-color: #5371ff; } .scientific .serviceArea { padding: 6.25% 0; } .scientific .serviceArea aside.serviceTitle { text-align: center; } .scientific .serviceArea p.intro { font-size: calc(18/16 * 1em); font-family: "HarmonyOS_Sans_SC_Light"; color: #333; text-align: center; margin: 0; margin-top: 1.666666em; } .scientific .serviceArea .content { margin-top: calc(60/16 * 1em); position: relative; } .scientific .serviceArea .serviceAreaList { width: 82.8125%; } .scientific .serviceArea .serviceAreaList li { position: relative; display: none; } .scientific .serviceArea .serviceAreaList li figure { padding-bottom: 55%; background-size: cover; } .scientific .serviceArea .serviceAreaList li .textBox { position: absolute; color: #fff; left: 4.528%; bottom: 8.2192%; } .scientific .serviceArea .serviceAreaList li .textBox aside { font-size: calc(30/16 * 1em); font-family: "HarmonyOS_Sans_SC_Medium"; } .scientific .serviceArea .serviceAreaList li .textBox p { font-size: calc(22/16 * 1em); margin: 0; margin-top: .9em; } .scientific .serviceArea .serviceAreaNavList { position: absolute; padding: calc(40/16 * 1em) calc(60/16 * 1em); height: 77%; right: 0; background-color: #5371ff; width: 27.5%; border-radius: calc(20/16 * 1em); top: 50%; transform: translateY(-50%); } .scientific .serviceArea .serviceAreaNavList li a { display: flex; transition: .3s; align-items: center; padding: 9% 15%; border-bottom: 1px solid #8096ff; } .scientific .serviceArea .serviceAreaNavList li a figure { width: calc(28/16 * 1em); height: calc(28/16 * 1em); background: no-repeat center; background-size: 100% auto; margin-right: 15.625%; } .scientific .serviceArea .serviceAreaNavList li a span { transition: .3s; font-size: calc(18/16 * 1em); color: #fff; max-width: 70%; } .scientific .serviceArea .serviceAreaNavList li.active a { border-width: 2px; border-color: #fff; } .scientific .serviceArea .serviceAreaNavList li.active span { font-size: calc(24/16 * 1em); } .serviceProtect { background-color: #f4f7fe; } .serviceProtect .inner { padding: 6.25% 0; } .serviceProtect aside.serviceTitle { text-align: center; } .serviceProtect .protectList { display: flex; justify-content: space-between; margin-top: calc(70/16 * 1em); } .serviceProtect .protectList li { width: 31.875%; transition: .3s; border-top: 4px solid #5371ff; background-color: #fff; overflow: hidden; border-bottom-left-radius: calc(20/16 * 1em); border-bottom-right-radius: calc(20/16 * 1em); } .serviceProtect .protectList li:hover { box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.2); } .serviceProtect .protectList li a { display: flex; justify-content: space-between; padding: calc(45/16 * 1em) calc(60/16 * 1em); } .serviceProtect .protectList li a .textBox { max-width: 77%; } .serviceProtect .protectList li a .textBox::before { content: ""; height: 1px; width: calc(20/16 * 1em); background-color: #5371ff; display: block; margin-bottom: calc(35/16 * 1em); } .serviceProtect .protectList li a aside { font-size: calc(28/16 * 1em); font-family: "HarmonyOS_Sans_SC_Medium"; color: #333; } .serviceProtect .protectList li a p { margin: 0; font-size: calc(18/16 * 1em); margin-top: .55em; font-family: "HarmonyOS_Sans_SC_Light"; line-height: 1.777777; color: #333; } .serviceProtect .protectList li a figure { width: calc(70/16 * 1em); border-radius: 50%; height: calc(70/16 * 1em); background: #5371ff; display: flex; align-items: center; justify-content: center; } .serviceProtect .protectList li a figure img { max-width: 50%; } @media(max-width:1024px) { .scientific .service .serviceList { flex-wrap: wrap; gap: calc(10/16 * 1em) 1.5%; } .scientific .service .serviceList li { width: 48.5%; } .scientific .service .serviceList li a { padding: calc(25/16 * 1em) calc(16/16 * 1em) calc(25/16 * 1em); } .scientific .service .serviceList li aside { font-size: calc(18/16 * 1em); } .scientific .service .serviceList li p { font-size: calc(16/16 * 1em); } .scientific .serviceTeam .inner { flex-wrap: wrap; } .scientific .serviceArea .content { margin-top: calc(30/16 * 1em); } .scientific .serviceTeam .left { width: 100%; } .scientific .serviceTeam .left .countryList li:nth-of-type(1) { left: 43%; } .scientific .serviceTeam .left .countryList li:nth-of-type(4) { left: 41%; } .scientific .serviceTeam .left .countryList li figure { width: calc(55/16 * 1em); margin: 0 auto; } .scientific .serviceTeam .right { width: 100%; margin-top: calc(30/16 * 1em); } .scientific aside.serviceTitle { font-size: calc(24/16 * 1em); } .scientific .serviceTeam .right .titleBox p { font-size: calc(20/16 * 1em); } .scientific .serviceTeam .right .textBox { margin: calc(30/16 * 1em) 0; } .scientific .serviceArea .serviceAreaList { width: 100%; } .scientific .serviceArea .serviceAreaNavList { position: relative; width: 100%; padding: calc(30 / 16 * 1em); transform: translateY(0%); } .scientific .serviceArea .serviceAreaNavList li.active span { font-size: calc(20/16 * 1em); } .scientific .serviceArea .serviceAreaNavList li a { padding: 10px 0; } .scientific .serviceArea .serviceAreaNavList li a span { font-size: calc(18/16 * 1em); } .scientific .serviceArea .serviceAreaList li .textBox aside { font-size: calc(24/16 * 1em); } .scientific .serviceArea .serviceAreaList li .textBox p { font-size: calc(18/16 * 1em); } .scientific .serviceArea .serviceAreaNavList li a figure { /* background-size: 50% auto; */margin-right: 5%; } .serviceProtect .protectList { flex-wrap: wrap; margin-top: calc(35/16 * 1em); } .serviceProtect .protectList li { width: 100%; } .serviceProtect .protectList li:not(:nth-last-of-type(1)) { margin-bottom: calc(20/16 * 1em); } .serviceProtect .protectList li a { padding: calc(30 / 16* 1em); } } .polish .inner { padding: 6.25% 0; } .polish .inner h2 { font-size: calc(44/16 * 1em); text-align: center; margin: 0; color: #333; } .polish .inner .polishList { margin-top: calc(60/16 * 1em); display: flex; justify-content: space-between; } .polish .inner .polishList.row4 > li{width: 24%;} .polish .inner .polishList.row2{justify-content: center; gap: 1em calc(30/1600 * 100%);} .polish .inner .polishList > li { width: 31.875%; border-radius: calc(20/16 * 1em); overflow: hidden; background: url(../images/serviceDetail_back.png) no-repeat center; background-size: cover;position: relative; padding-bottom: calc(120/16 * 1em); /* display: flex;align-content: space-between;flex-wrap: wrap;align-items: stretch;justify-content: space-around; */} .polish .inner .polishList li .titleBox { padding: calc(35/16 * 1em) calc(25/16 * 1em); background-size: cover; background-repeat: no-repeat; background-position: center; } .polish .inner .polishList li .titleBox aside { font-size: calc(38/16 * 1em); color: #fff; font-family: "HarmonyOS_Sans_SC_Medium"; text-align: center; } .polish .inner .polishList li .titleBox p { margin: 0; margin-top: calc(20/16 * 1em); display: flex; justify-content: space-between; } .polish .inner .polishList li .titleBox p span { font-size: calc(18/16 * 1em); font-family: "HarmonyOS_Sans_SC_Medium"; color: #fff; } .polish .inner .polishList li .content { padding: calc(40/16 * 1em); } .polish .inner .polishList li .content li { color: #333; position: relative; font-size: calc(18/16 * 1em); font-family: "HarmonyOS_Sans_SC_Light"; line-height: 2.5; padding-left: 2em; } .polish .inner .polishList li .content li::before { content: ""; position: absolute; top: .75em; left: 0; width: 1em; height: 1em; background: url(../images/serviceDetail_icon.png) no-repeat center; background-size: 100% auto; } .polish .inner .operate { display: flex; margin-top: calc(80/16 * 1em); justify-content: center; } .polish .inner .operate a { font-size: calc(20/16 * 1em); background-color: #5371ff; border-radius: 10px; line-height: 3; padding: 0 1.5em; color: #fff; } .polish .inner .operate a:not(:nth-last-of-type(1)) { margin-right: 1.5em; } .polish .inner .btn{position: absolute;left:0;bottom:3%;width:100%;} .polish .inner .btn .operate {margin: calc(40/16 * 1em) 0 calc(20/16 * 1em) 0;} @media(max-width:1024px) { .polish .inner h2 { font-size: calc(28/16 * 1em); } .polish .inner .polishList { margin-top: calc(30/16 * 1em); flex-wrap: wrap; } .polish .inner .polishList > li { width: 100%; } .polish .inner .polishList.row4 > li{width:100%;} .polish .inner .polishList > li:not(:nth-last-of-type(1)) { margin-bottom: calc(20/16 * 1em); } .polish .inner .polishList li .titleBox aside { font-size: calc(24/16 * 1em); } .polish .inner .operate { margin-top: calc(30/16 * 1em); } } .formList { display: none; position: fixed; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.2); top: 0; left: 0; z-index: 9999; } .formList aside.formTitle { font-size: calc(28/16 * 1em); text-align: center; color: #333; font-family: "HarmonyOS_Sans_SC_Medium"; } .formList .close { position: absolute; width: calc(21/16 * 1em); height: calc(21/16 * 1em); background: url(../images/close.svg) no-repeat center; background-size: cover; top: 1em; right: 1em; cursor: pointer; } .formList > div { display: none; position: absolute; max-height: 95vh; overflow-y: auto; left: 50%; top: 50%; transform: translate(-50%, -50%); background-color: #fff; border-radius: calc(20/16 * 1em); width: 65%; padding: calc(50/16 * 1em) calc(65/16 * 1em) calc(75/16 * 1em); } .formList form { margin-top: calc(35/16 * 1em); } .formList li { display: flex; justify-content: space-between; } .formList form li:not(:nth-last-of-type(1)) { margin-bottom: calc(30/16 * 1em); } .formList form li:has(.flex.flex_a_c) .right { display: flex; align-items: center; } .formList form li input[type="hidden"] { display: none; } .formList li .left { width: 37%; } .formList li .right { width: 58.3333%; } .formList li .selectBox { position: relative; } .formList li .selectBox.must::before { position: absolute; content: "*"; color: red; left: calc(20/16 * 1em); top: 50%; transform: translateY(-50%); z-index: 2; } .formList li .selectBox::after { position: absolute; content: ""; width: calc(14/16 * 1em); height: calc(8/16 * 1em); background: url(../images/select.png) no-repeat center; background-size: 100% auto; right: calc(20/16 * 1em); top: 50%; transform: translateY(-50%); } .formList li select { appearance: none; position: relative; width: 100%; border: 1px solid #ebebeb; padding: 0 calc(20/16 * 1em); padding-left: calc(20/16 * 1em); height: calc(60/16 * 1em); font-size: calc(16/16 * 1em); font-family: "HarmonyOS_Sans_SC_Light"; color: #666; border-radius: calc(10/16 * 1em); } .formList li .inputBox.must select { padding-left: calc(27/16 * 1em); } .formList li .inputBox.must input { padding-left: calc(27/16 * 1em); } .formList li .flex { display: flex; } .formList .upload_r_box input[type="hidden"] + label { display: flex; margin-right: calc(50/16 * 1em); align-items: center; line-height: calc(60/18 * 1em); cursor: pointer; border-radius: calc(10 / 18* 1em); background-color: #5371ff; color: #fff; height: calc(60/18 * 1em); font-size: calc(18/16 * 1em); padding: 0 calc(50/18 * 1em); white-space: nowrap; } .formList .upload_r_box input[type="hidden"] + label::before { content: ""; width: calc(28/18 * 1em); height: calc(28/18 * 1em); background: url(../images/file_white.png) no-repeat center; background-size: 100% auto; margin-right: calc(20/18 * 1em); } .formList .upload_box { position: relative; } .formList .upload_box input[type="hidden"] { display: none; } .formList .upload_box input[type="hidden"] + label { display: flex; align-items: center; cursor: pointer; border-radius: calc(10 / 18* 1em); border: 1px solid #5371ff; background-color: #fff; color: #5371ff; height: calc(60/18 * 1em); font-size: calc(18/16 * 1em); padding: 0 calc(30/18 * 1em); justify-content: center; } .formList .upload_box input[type="hidden"] + label::before { content: ""; width: calc(28/18 * 1em); height: calc(28/18 * 1em); background: url(../images/file_color.png) no-repeat center; background-size: 100% auto; margin-right: calc(20/18 * 1em); } .formList .upload_box span { position: absolute; top: 100%; left: 5%; font-size: calc(14/16 * 1em); color: #999; font-family: "HarmonyOS_Sans_SC_Light"; margin-top: 5px; } .formList form li input[type="radio"] { display: none; } .formList form li input[type="radio"]:checked + label::after { position: absolute; content: ""; width: 8px; height: 8px; left: 3px; background-color: #5371ff; top: 50%; transform: translateY(-50%); border-radius: 50%; } .formList form li input[type="radio"] + label { width: 14px; margin-right: 14px; position: relative; height: 14px; border-radius: 50%; display: inline-block; } .formList form li input[type="radio"] + label::before { content: ""; width: 14px; position: absolute; height: 14px; border-radius: 50%; border: 1px solid #5371ff; } .formList form li input[type="radio"] ~ label { cursor: pointer; } .formList form li input[type="radio"] ~ label.text { font-size: calc(18/16 * 1em); font-family: "HarmonyOS_Sans_SC_Light"; white-space: nowrap; } .formList form li input[type="radio"] ~ label.text:not(:nth-last-of-type(1)) { margin-right: 3.8888em; } .formList form li input[type="radio"] ~ label.text.long:not(:nth-last-of-type(1)) { margin-right: 2.22222em; } .formList form li input[type="submit"] { width: 37%; color: #fff; background-color: #5371ff; margin: 0 auto; cursor: pointer; } .formList form li input { appearance: none; position: relative; width: 100%; border: 1px solid #ebebeb; padding: 0 calc(20/16 * 1em); padding-left: calc(20/16 * 1em); height: calc(60/16 * 1em); font-size: calc(16/16 * 1em); font-family: "HarmonyOS_Sans_SC_Light"; color: #666; border-radius: calc(10/16 * 1em); } .formList form li span { font-size: calc(18/16 * 1em); color: #666; } .formList form li .inputBox { max-width: calc(400/16 * 1em); } .formList form li .radioBox { display: flex; align-items: center; margin-left: calc(50/16 * 1em); } .formList form li textarea { width: 100%; padding: calc(20/16 * 1em); border-radius: calc(10/16 * 1em); font-family: "HarmonyOS_Sans_SC_Light"; border-color: #ebebeb; font-size: calc(16/16 * 1em); } @media(max-width:1024px) { .formList > div { width: 90%; padding: calc(25/16 * 1em) calc(30/16 * 1em) calc(35/16 * 1em); } .formList li { flex-wrap: wrap; } .formList li .left { width: 100%; margin-bottom: calc(20/16 * 1em); } .formList li .right { width: 100%; } .formList form li .inputBox { max-width: unset; } .formList .upload_r_box input[type="hidden"] + label::before{background-size: 70% auto;} .formList li .flex.flex_button{flex-wrap: wrap;} .formList .flex.flex_button .upload_box{margin-top: 1em;} .formList .upload_box input[type="hidden"] + label::before{background-size: 70% auto;} } @media(max-width:768px){ } .bookSearch { display: flex; justify-content: center; margin-bottom: calc(60/16 * 1em); } .bookSearch .bookCenter-search { margin-left: calc(15/16 * 1em); display: flex; width: 31.5625%; gap: 0 calc(15/16 * 1em); } .bookSearch input { outline: none; border: 1px solid #d7dff2; background-color: #fff; width: 69.3%; font-size: calc(20/16 * 1em); color: #333; padding: 0 1em; border-radius: .5em; height: calc(40/16 * 1em); line-height: calc(40/16 * 1em); } .bookSearch input::placeholder { color: #999; } .bookSearch .bookCenter-search a { width: 27.7%; background-color: #5371ff; display: flex; justify-content: center; align-items: center; font-size: calc(20/16 * 1em); color: #fff; border-radius: .5em; } @media(max-width:1024px) { .bookSearch { margin-bottom: calc(30/16 * 1em); } } /* 联合编写新增栏目 2025.05.31 */ .mBlock { padding: calc(50 / 16 * 1em) 0; } .w1200 { width: calc(1444 / 16 * 1em); margin: 0 auto; } /*.mBlock .bd { padding: calc(70 / 16 * 1em) 0; }*/ /*.mBlock .hd { padding: calc(20 / 16 * 1em) 0 0; }*/ .xy .bd { position: relative; padding: 0 0 calc(70 / 16 * 1em) calc(20 / 16 * 1em); } .xy .bd .tempWrap { width: 100%; margin: 0 auto; overflow:hidden; position:relative;} .publishing { background-color: #fff; padding: calc(30 / 16 * 1em); } .clearfix { display: block; } .clearfix .xy {width: 7840px; position: relative; overflow: hidden; padding: 0px; margin: 0px; left: -5600px;} .publishing li { width: 25%; display: inline-block; float: left; height: calc(64 / 16 * 1em); margin: calc(10 / 16 * 1em) 0; } .school.publishing li { margin-bottom: calc(40 / 16 * 1em); } .publishing li a { /*display: inline-flex;*/ width: 100%; height: 100%; align-items: center; justify-content: center; text-decoration: none; color: #323232; } .publishing li a img { width: 90%; max-height: 100%; } .indTitle { font-size: calc(34 / 16 * 1em); font-weight: 700; color: #5371ff; text-align: center; position: relative; } .indEngTitle { text-align: center; font-size: calc(18 / 16 * 1em); color: #a8a8a8; } @media (max-width: 1024px) { .w1200 { width: 100%; padding: 0 calc(20 / 16 * 1em); box-sizing: border-box; } .mBlock { padding: calc(40 / 16 * 1em) 0; } /*.mBlock .bd { padding: calc(50 / 16 * 1em) 0; }*/ /*.mBlock .hd { padding: calc(15 / 16 * 1em) 0 0; }*/ .indTitle { font-size: calc(28 / 16 * 1em); } .indEngTitle { font-size: calc(16 / 16 * 1em); text-align: center; } .xy .bd .tempWrap {width: 100%; margin: 0 auto; overflow:hidden; position:relative;} .publishing { padding: calc(20 / 16 * 1em); } .publishing li { width: 48.5%; display: inline-block; float: left; height: auto; margin: calc(10 / 16 * 1em) 0; } .school.publishing li { margin-bottom: calc(20 / 16 * 1em); } .publishing li a { padding: calc(15 / 16 * 1em); font-size: calc(18 / 16 * 1em); /*display: flex;*/ align-items: center; justify-content: center; width: 100%; height: 100%; color: #323232; text-decoration: none; } .publishing li a img { width: 80%; height: 36px; max-height: 100%; } } .bookCenter .inner { padding: 6.25% 0; } .bookCenter .inner .search_tips { margin: 0; font-size: calc(20/16 * 1em); text-align: center; color: #ff0000; display: none; } .bookCenter .inner .bookCategory { display: flex; justify-content: center; flex-wrap: wrap; gap: calc(10/16 * 1em) calc(38/16 * 1em); } .bookCenter .inner .bookCategory li a { font-size: calc(20/16 * 1em); color: #333; } .bookCenter .inner .bookCategory li.active a { color: #5371ff; } .bookCenter .inner .bookList { margin-top: calc(60/16 * 1em); display: flex; gap: calc(36/16 * 1em) 2.5%; flex-wrap: wrap; } .bookCenter .inner .bookList li { overflow: hidden; position: relative; width: 23.125%; padding: calc(20/16 * 1em) calc(60/16 * 1em); background-color: #f4f7fe; border-radius: calc(15/16 * 1em); } .bookCenter .inner .bookList li figure { padding-bottom: 139.2857%; background-size: cover; background-position: center; background-color: #fff; border-radius: calc(15/16 * 1em); overflow: hidden; } .bookCenter .inner .bookList li aside { font-size: calc(18/16 * 1em); font-family: "HarmonyOS_Sans_SC_Light"; text-align: center; color: #333333; margin-top: 1.5em; } .bookCenter .inner .bookList li .info { padding: calc(50/16 * 1em) calc(60/16 * 1em); position: absolute; transition: .3s; top: 100%; color: #fff; background-color: rgba(83, 113, 255, .9); width: 100%; height: 100%; left: 0; } .bookCenter .inner .bookList li:hover .info { top: 0; } .bookCenter .inner .bookList li .info h3 { font-size: calc(24/16 * 1em); font-family: "HarmonyOS_Sans_SC_Medium"; line-height: 1.5; } .bookCenter .inner .bookList li .info .detailInfo { margin-top: calc(40/16 * 1em); } .bookCenter .inner .bookList li .info .detailInfo p { margin: 0; font-family: "HarmonyOS_Sans_SC_Light"; } .bookCenter .inner .bookList li .info .detailInfo p:not(:nth-last-of-type(1)) { margin-bottom: 1em; } .bookCenter .inner .bookList li .info .more { display: block; width: calc(54/16 * 1em); height: calc(54/16 * 1em); background: #fff url(../images/more.png) center no-repeat; background-size: 35.2% auto; border-radius: 50%; margin: 0 auto; margin-top: calc(40/16 * 1em); } @media(max-width:1024px) { .bookCenter .inner .bookCategory{justify-content: start;} .bookSearch .bookCenter-search { width: calc(65% - 10/16 * 1em); margin-left: calc(10 / 16* 1em); } .bookCenter .inner .bookList { gap: calc(20/16 * 1em) 3%; } .bookCenter .inner .bookList li { width: 48.5%; padding: calc(25/16 * 1em) calc(30/16 * 1em); } .bookCenter .inner .bookList li .info h3 { font-size: calc(20/16 * 1em); } .bookCenter .inner .bookList li .info { padding: calc(25/16 * 1em) calc(30/16 * 1em); } .bookCenter .inner .bookList li .info .more { width: calc(30/16 * 1em); height: calc(30/16 * 1em); margin-top: calc(20/16 * 1em); } } .Menu002306 { position: relative; width: 12.5%; z-index: 2; } .Menu002306:first-child { margin-right: calc(20/16 * 1em); } .Menu002306 .side-open_menu { font-size: calc(20/16 * 1em); line-height: calc(60/20 * 1em); display: block; border: 1px solid #d7dff2; padding: 0 1em; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #333; border-radius: calc(10/20 * 1em); position: relative; height: calc(60/20 * 1em); } .Menu002306 .side-open_menu::after { position: absolute; content: ""; width: calc(14 / 20 * 1em); height: calc(8 / 20 * 1em); background: url(../images/select.png) no-repeat center; background-size: 100% auto; right: calc(20 / 20 * 1em); top: 50%; transform: translateY(-50%); } .Menu002306 .side-menu { top: calc(50/16 * 1em); border-bottom-left-radius: calc(10/16 * 1em); border-bottom-right-radius: calc(10/16 * 1em); border: 1px solid #d7dff2; border-top: none; width: 100%; left: 0; position: absolute; z-index: 1; background-color: #fff; display: none; padding: calc(10/16 * 1em) 0; } .Menu002306 .side-menu ul { list-style: none; } .Menu002306 .side-menu ul a { line-height: 2; color: #666; font-size: calc(18/16 * 1em); display: block; padding: calc(7/16 * 1em) calc(20 / 18* 1em); } .Menu002306 .side-menu ul li:hover a { color: #5371ff; } @media(max-width:1024px) { .Menu002306 { width: 35%; } .Menu002306:first-child { margin-right: calc(10 / 16* 1em); } } .bookDetail .inner { padding: 6.25% 0; } .bookDetail .inner .info { display: flex; justify-content: space-between; } .bookDetail .inner .info figure { background-color: #f4f7fe; border-radius: calc(20/16 * 1em); width: 29.25%; padding-bottom: 29.5625%; background-position: center; background-repeat: no-repeat; background-size: 57.479% auto; border-radius: calc(20/16 * 1em); } .bookDetail .inner .info .infoDetail { width: 67.5%; } .bookDetail .inner .info .infoDetail aside { font-size: calc(28/16 * 1em); font-family: "HarmonyOS_Sans_SC_Medium"; color: #5371ff; } .bookDetail .inner .info .infoDetail p { margin: 0; } .bookDetail .inner .info .infoDetail .bookInfo { margin-top: calc(40/16 * 1em); } .bookDetail .inner .info .infoDetail .bookInfo .publishInfor { font-size: calc(18/16 * 1em); color: #333; font-family: "HarmonyOS_Sans_SC_Light"; } .bookDetail .inner .info .infoDetail .bookInfo .publishInfor span:not(:nth-last-of-type(1)) { margin-right: calc(100/16 * 1em); } .bookDetail .inner .info .infoDetail .intro { color: #333; line-height: 2.25; margin: calc(30/16 * 1em) 0; font-family: "HarmonyOS_Sans_SC_Light"; } .bookDetail .inner .info .infoDetail .price { font-family: "HarmonyOS_Sans_SC_Light"; } .bookDetail .inner .info .infoDetail .price > span span:not(.num) { font-size: calc(18/16 * 1em); color: #333; } .bookDetail .inner .info .infoDetail .price > span span.num { font-size: calc(30/16 * 1em); color: #ff0000; } .bookDetail .inner .info .infoDetail .price > span span.recentPrice { margin-right: 2.5em; } .bookDetail .inner .info .infoDetail .price > span span.orignPrice { position: relative; } .bookDetail .inner .info .infoDetail .price > span span.orignPrice::after { position: absolute; height: 1px; width: 100%; content: ""; background-color: #ff0000; top: 54%; left: 0; } .bookDetail .inner .info .infoDetail .operate { display: flex; margin-top: calc(55/16 * 1em); } .bookDetail .inner .info .infoDetail .operate a { font-size: calc(20/16 * 1em); background-color: #5371ff; border-radius: 10px; line-height: 3; padding: 0 1.5em; color: #fff; } .bookDetail .inner .info .infoDetail .operate a:not(:nth-last-of-type(1)) { margin-right: 1.5em; } .bookDetail .inner .detail { margin-top: calc(100/16 * 1em); } .bookDetail .inner .detail .tab { display: flex; border-bottom: 1px solid #e1e1e1; margin-bottom: calc(60/16 * 1em); } .bookDetail .inner .detail .tab li { width: 9.375%; border-top-left-radius: calc(12/16 * 1em); border-top-right-radius: calc(12/16 * 1em); overflow: hidden; } .bookDetail .inner .detail .tab li:not(:nth-last-of-type(1)) { margin-right: calc(3/16 * 1em); } .bookDetail .inner .detail .tab li a { display: block; text-align: center; background-color: #eee; color: #666; transition: .3s; font-size: calc(22/16 * 1em); padding: 0 1.09em; line-height: 2.72727273; } .bookDetail .inner .detail .tab li a.active { color: #fff; background-color: #5371ff; } .bookDetail .inner .detail article { display: none; } .bookDetail .inner .detail article.brief p { font-size: calc(18/16 * 1em); font-family: "HarmonyOS_Sans_SC_Light"; line-height: 2; margin: 0; } .bookDetail .inner .detail article.resource table { width: 100%; overflow: hidden; border-radius: calc(10/16 * 1em); } .bookDetail .inner .detail article.resource table tr:nth-of-type(2n+1) { background-color: #f9faff; } .bookDetail .inner .detail article.resource table tr:has(th) { background-color: #eeeeee !important; } .bookDetail .inner .detail article.resource table tr:has(td) { border-bottom: 1px solid #eee; } .bookDetail .inner .detail article.resource table th { padding: 1.277777em 3.75%; text-align: center; font-size: calc(18/16 * 1em); color: #333; } .bookDetail .inner .detail article.resource table th:nth-of-type(1) { width: 53.75%; } .bookDetail .inner .detail article.resource table th:nth-of-type(2), .bookDetail .inner .detail article.resource table th:nth-of-type(3) { width: 17.5%; } .bookDetail .inner .detail article.resource table td { text-align: center; padding: 1.1111111em 1%; font-size: calc(18/16 * 1em); color: #666; font-family: "HarmonyOS_Sans_SC_Light"; } .bookDetail .inner .detail article.resource table td:has(figure) { display: flex; align-items: center; padding: 1.1111111em 6.977%; } .bookDetail .inner .detail article.resource table td:has(figure) figure { margin-right: 1.333333em; } .bookDetail .inner .detail article.resource table td a { display: inline-block; } .bookDetail .inner .detail article.resource table td a:not(:nth-last-of-type(1)) { margin-right: 15px; } .bookDetail .inner .detail article.video .videoList { display: flex; gap: calc(50/16 * 1em) 2.5625%; flex-wrap: wrap; } .bookDetail .inner .detail article.video .videoList li { width: 31.625%; border-radius: calc(20/16 * 1em); overflow: hidden; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); } .bookDetail .inner .detail article.video .videoList li figure { padding-bottom: 56.17%; position: relative; } .bookDetail .inner .detail article.video .videoList li figure .play { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 2; width: calc(44/16 * 1em); height: calc(42/16 * 1em); background: url(../images/videoPlay.png) no-repeat center; background-size: cover; cursor: pointer; } .bookDetail .inner .detail article.video .videoList li figure::after { position: absolute; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); content: ""; left: 0; top: 0; } .bookDetail .inner .detail article.video .videoList li .textBox { text-align: center; padding: 5.928%; } .bookDetail .inner .detail article.video .videoList li .textBox span { font-size: calc(20/16 * 1em); font-family: "HarmonyOS_Sans_SC_Medium"; } .bookDetail .inner .videoMaterials aside { font-size: calc(18/16 * 1em); font-family: "HarmonyOS_Sans_SC_Medium"; color: #666; } .bookDetail .inner .videoMaterials .videoListBox .videoTitle { padding-left: 2em; position: relative; text-align: left!important} .bookDetail .inner .videoMaterials .videoListBox .videoInfo { display: flex; align-items: center; justify-content: center;} .bookDetail .inner .videoMaterials .videoListBox .videoInfo span { font-size: calc(18/16 * 1em); font-family: "HarmonyOS_Sans_SC_Light"; color: #666; } .bookDetail .inner .videoMaterials .videoListBox .videoInfo figure { width: calc(20/16 * 1em); height: calc(18/16 * 1em); background: url(../images/play.png) no-repeat center; background-size: cover; margin-left: calc(20/16 * 1em); } @media(max-width:1024px) { .bookDetail .inner .info { flex-wrap: wrap; } .bookDetail .inner .info .infoDetail aside { font-size: calc(20/16 * 1em); } .bookDetail .inner .info .infoDetail .bookInfo { margin-top: calc(20/16 * 1em); } .bookDetail .inner .info .infoDetail .bookInfo .publishInfor span:not(:nth-last-of-type(1)) { margin-right: 1em; } .bookDetail .inner .info figure { background-size: 95% auto; } .bookDetail .inner .info .infoDetail .price > span { display: block; } .bookDetail .inner .detail .tab li { width: unset; } .bookDetail .inner .detail .tab li a { padding: 0 1em; } .bookDetail .inner .detail article.resource table td a:not(:nth-last-of-type(1)) { margin-right: 0; } .bookDetail .inner .detail article.resource table td a { display: block; } .bookDetail .inner .detail article.video .videoList li { width: 48.5%; } .bookDetail .inner .detail article.video .videoList { gap: calc(20/16 * 1em) 3%; } .bookDetail .inner .detail article.resource table td:has(figure) figure { min-width: 13%; } } .compile .inner .compileList li aside { transition: .3s; font-size: calc(24/16 * 1em); color: #333; font-family: "HarmonyOS_Sans_SC_Bold"; text-align: center; } .compile .inner .compileList li p.title { margin: 0; color: #999; font-family: "HarmonyOS_Sans_SC_Light"; text-align: center; margin: 0.875em 0; } .compile .inner .compileList li p.time { color: #333; text-align: center; margin: 0; margin-bottom: 0.875em; } .compile .inner .compileList li a.more { transition: .3s; width: 54.54%; border: 1px solid #5371ff; text-align: center; border-radius: calc(5/16 * 1em); padding: .5em; color: #666; display: block; margin: 0 auto; } .compile .inner .compileList li:hover aside { color: #5371ff; } .compile .inner .compileList li:hover a.more { color: #fff; background-color: #5371ff; } @media(max-width:1024px) { .compile .inner .compileList li aside { font-size: calc(20/16 * 1em); } } .bookDetail.compileDetail .inner .detail .tab li { width: 10.625%; } .bookDetail.compileDetail .inner .detail .tab li a { padding: 0; } .bookDetail.compileDetail .inner .detail .process { display: flex; padding: calc(24/16 * 1em) 0; position: relative; justify-content: space-between; } .bookDetail.compileDetail .inner .detail .process::after { position: absolute; height: 1px; width: 91.375%; left: 50%; top: 50%; transform: translate(-50%, -50%); background-color: #5371ff; content: ""; } .bookDetail.compileDetail .inner .detail .process li { width: 6.25%; } .bookDetail.compileDetail .inner .detail .process li:not(:nth-last-of-type(1))::after { position: absolute; content: ""; width: calc(24/16 * 1em); height: calc(16/16 * 1em); background: url(../images/process.png) center no-repeat; background-size: cover; top: 50%; transform: translate(-50%, -50%); } .bookDetail.compileDetail .inner .detail .process li:nth-of-type(1)::after { left: calc(6.25% + ((100% - 6.25%*10)/9/2)); } .bookDetail.compileDetail .inner .detail .process li:nth-of-type(2)::after { left: calc(6.25% * 2 + (100% - 6.25%*10)/9 + ((100% - 6.25%*10)/9/2)); } .bookDetail.compileDetail .inner .detail .process li:nth-of-type(3)::after { left: calc(6.25% * 3 + (100% - 6.25%*10)/9*2 + ((100% - 6.25%*10)/9/2)); } .bookDetail.compileDetail .inner .detail .process li:nth-of-type(4)::after { left: calc(6.25% * 4 + (100% - 6.25%*10)/9*3 + ((100% - 6.25%*10)/9/2)); } .bookDetail.compileDetail .inner .detail .process li:nth-of-type(5)::after { left: calc(6.25% * 5 + (100% - 6.25%*10)/9*4 + ((100% - 6.25%*10)/9/2)); } .bookDetail.compileDetail .inner .detail .process li:nth-of-type(6)::after { left: calc(6.25% * 6 + (100% - 6.25%*10)/9*5 + ((100% - 6.25%*10)/9/2)); } .bookDetail.compileDetail .inner .detail .process li:nth-of-type(7)::after { left: calc(6.25% * 7 + (100% - 6.25%*10)/9*6 + ((100% - 6.25%*10)/9/2)); } .bookDetail.compileDetail .inner .detail .process li:nth-of-type(8)::after { left: calc(6.25% * 8 + (100% - 6.25%*10)/9*7 + ((100% - 6.25%*10)/9/2)); } .bookDetail.compileDetail .inner .detail .process li:nth-of-type(9)::after { left: calc(6.25% * 9 + (100% - 6.25%*10)/9*8 + ((100% - 6.25%*10)/9/2)); } .bookDetail.compileDetail .inner .detail .process li:nth-of-type(1) figure { background-image: url(../images/publishProcess1.png); } .bookDetail.compileDetail .inner .detail .process li:nth-of-type(2) figure { background-image: url(../images/publishProcess2.png); } .bookDetail.compileDetail .inner .detail .process li:nth-of-type(3) figure { background-image: url(../images/publishProcess3.png); } .bookDetail.compileDetail .inner .detail .process li:nth-of-type(4) figure { background-image: url(../images/publishProcess4.png); } .bookDetail.compileDetail .inner .detail .process li:nth-of-type(5) figure { background-image: url(../images/publishProcess5.png); } .bookDetail.compileDetail .inner .detail .process li:nth-of-type(6) figure { background-image: url(../images/publishProcess6.png); } .bookDetail.compileDetail .inner .detail .process li:nth-of-type(7) figure { background-image: url(../images/publishProcess7.png); } .bookDetail.compileDetail .inner .detail .process li:nth-of-type(8) figure { background-image: url(../images/publishProcess8.png); } .bookDetail.compileDetail .inner .detail .process li:nth-of-type(9) figure { background-image: url(../images/publishProcess9.png); } .bookDetail.compileDetail .inner .detail .process li:nth-of-type(10) figure { background-image: url(../images/publishProcess10.png); } .bookDetail.compileDetail .inner .detail .process li figure { margin: 0 auto; position: relative; z-index: 2; background-color: #fff; padding-bottom: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; } .bookDetail.compileDetail .inner .detail .process li .textBox { text-align: center; margin-top: calc(22/16 * 1em); white-space: nowrap; position: relative; } .bookDetail.compileDetail .inner .detail .process li .textBox aside { line-height: 1; top: 100%; font-size: calc(24/16 * 1em); color: #000; font-family: "HarmonyOS_Sans_SC_Medium"; position: absolute; left: 50%; transform: translateX(-50%); } .bookDetail .intention { display: none; position: fixed; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.2); top: 0; left: 0; z-index: 9999; } .bookDetail .intention aside { font-size: calc(28/16 * 1em); line-height: 1; text-align: center; color: #333; font-family: "HarmonyOS_Sans_SC_Medium"; } .bookDetail .intention .close { position: absolute; width: calc(21/16 * 1em); height: calc(21/16 * 1em); background: url(../images/close.svg) no-repeat center; background-size: cover; top: 1em; right: 1em; cursor: pointer; } .bookDetail .intention .from { display: none; width: 90%; max-width: calc(600 / 16* 1em); padding: 2.6% 5.2%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background-color: #fff; border-radius: calc(20/16 * 1em); } .bookDetail .intention .from form { margin-top: calc(40/16 * 1em); } .bookDetail .intention .from li input, .bookDetail .intention .from li textarea { flex: 1; border: 1px solid #ebebeb; padding: 0 calc(20/16 * 1em); height: calc(60/16 * 1em); font-size: calc(16/16 * 1em); font-family: "HarmonyOS_Sans_SC_Light"; color: #666; border-radius: calc(10/16 * 1em); } .bookDetail .intention .from li textarea{ height: calc( 120 / 16 * 1em); padding: calc(20/16 * 1em); } .bookDetail .intention .from li input[type='submit'] { background-color: #5371ff; color: #fff; cursor: pointer; font-size: calc(20/16 * 1em); height: calc(60/20 * 1em); } .bookDetail .intention .from li input::placeholder { color: #b8b8b8; } .bookDetail .intention .from li input:checked + label.checked { border-color: #5371ff; background: #5371ff url(../images/agree.png) no-repeat center; background-size: cover; } .bookDetail .intention .from li { display: flex; } .bookDetail .intention .from li:not(:nth-last-of-type(1)) { margin-bottom: calc(30/16 * 1em); } @media(min-width:1025px) { .bookDetail.compileDetail .inner .detail .process li:nth-of-type(2n) .textBox { margin-top: 0; margin-bottom: calc(33/16 * 1em); position: relative; } .bookDetail.compileDetail .inner .detail .process li:nth-of-type(2n) figure { margin-bottom: calc(30/16 * 1em); } .bookDetail.compileDetail .inner .detail .process li:nth-of-type(2n+1) figure { margin-top: calc(33/16 * 1em); } .bookDetail.compileDetail .inner .detail .process li:nth-of-type(2n) .textBox aside { bottom: 100%; top: unset; } } @media(max-width:1024px) { .bookDetail .inner .detail { margin-top: calc(50/16 * 1em); } .bookDetail .inner .detail .tab { margin-bottom: calc(30/16 * 1em); } .bookDetail.compileDetail .inner .detail .tab li { width: unset; } .bookDetail.compileDetail .inner .detail .tab li a { padding: 0 1em; } .bookDetail.compileDetail .inner .detail .process { flex-wrap: wrap; gap: calc(20/16 * 1em) 2.5%; } .bookDetail.compileDetail .inner .detail .process li { width: 18%; } .bookDetail.compileDetail .inner .detail .process li:not(:nth-last-of-type(1))::after { display: none; } .bookDetail.compileDetail .inner .detail .process li .textBox aside { font-size: calc(18/16 * 1em); position: relative; transform: none; left: 0; } .bookDetail.compileDetail .inner .detail .process::after { display: none; } } .softExam .softExamList:nth-of-type(1) { margin-top: calc(60/16 * 1em); } .softExam .softExamList.softExamList_5 { margin-top: calc(40/16 * 1em); gap: 0 1.5675%; } .softExam .softExamList.softExamList_5 li { width: 18.75%; } .softExam .softExamList.softExamList_5 li figure { max-width: 39.55%; } .softExam .softExamSubject { background-color: #eaf0fe; } .softExam .softExamSubject .table { overflow-x: auto; } .softExam .softExamSubject .inner { padding: 6.25% 0; } .softExam .softExamSubject .inner table { width: 100%; overflow: hidden; border-radius: calc(30/16 * 1em); margin-top: calc(60/16 * 1em); } .softExam .softExamSubject .inner table tr:nth-of-type(2n) { background-color: #fff; } .softExam .softExamSubject .inner table tr:nth-of-type(2n+1) { background-color: #f9faff; } .softExam .softExamSubject .inner table tr:has(th) { background-color: #5371ff !important; } .softExam .softExamSubject .inner table tr:has(td) { border-bottom: 1px solid #eee; } .softExam .softExamSubject .inner table th { padding: 1em; width: 17.625%; text-align: center; font-size: calc(26/16 * 1em); color: #fff; font-family: "HarmonyOS_Sans_SC_Medium"; } .softExam .softExamSubject .inner table th:nth-of-type(1) { width: 11.25%; } .softExam .softExamSubject .inner table th:not(:nth-last-of-type(1)) { border-right: 1px solid #e6edfb; } .softExam .softExamSubject .inner table td { font-size: calc(16/16 * 1em); padding: calc(70/16 * 1em) 1em; } .softExam .softExamSubject .inner table tr td:nth-of-type(1) p { font-size: calc(26/16 * 1em); text-align: center; font-family: "HarmonyOS_Sans_SC_Medium"; color: #333; } .softExam .softExamSubject .inner table tr td:not(:nth-last-of-type(1)) { border-right: 1px solid #e6edfb; } .softExam .softExamSubject .inner table tr td p { margin: 0; font-size: calc(20/16 * 1em); font-family: "HarmonyOS_Sans_SC_Light"; color: #666; position: relative; padding-left: 1em; } .softExam .softExamSubject .inner table tr td:not(:nth-of-type(1)) p::before { content: ""; width: 6px; height: 6px; background-color: #98aaff; display: block; border-radius: 50%; top: 50%; left: 2px; transform: translateY(-50%); position: absolute; } .softExam .softExamSubject .inner table tr td:not(:nth-of-type(1)) p::after { content: ""; width: 10px; height: 10px; border: 1px solid #98aaff; display: block; border-radius: 50%; top: 50%; left: 0; transform: translateY(-50%); position: absolute; } @media(max-width:1024px) { .softExam .softExamList:nth-of-type(1) { margin-top: calc(30/16 * 1em); } .softExam .softExamList.softExamList_5 { margin-top: calc(40/16 * 1em); gap: calc(10/16 * 1em) 1.25%; } .softExam .softExamList.softExamList_5 li { width: 32.5%; } .softExam .softExamSubject .inner table { width: 300%; } .softExam .softExamSubject .inner table th { font-size: calc(20/16 * 1em); } .softExam .softExamSubject .inner table tr td:nth-of-type(1) p { font-size: calc(20/16 * 1em); } } .softExam .preparation { padding: 6.25% 0; } .softExam .preparation .process { display: flex; padding: calc(24/16 * 1em) 0; position: relative; justify-content: space-between; margin-top: calc(100/16 * 1em); } .softExam .preparation .process::after { position: absolute; height: 1px; width: 91.375%; left: 50%; top: 50%; transform: translate(-50%, -50%); background-color: #5371ff; content: ""; } .softExam .preparation .process li { width: 6.25%; } .softExam .preparation .process li:not(:nth-last-of-type(1))::after { position: absolute; content: ""; width: calc(24/16 * 1em); height: calc(16/16 * 1em); background: url(../images/process.png) center no-repeat; background-size: cover; top: 50%; transform: translate(-50%, -50%); } .softExam .preparation .process li:nth-of-type(1)::after { left: calc(6.25% + ((100% - 6.25%*9)/8/2)); } .softExam .preparation .process li:nth-of-type(2)::after { left: calc(6.25% * 2 + (100% - 6.25%*9)/8 + ((100% - 6.25%*9)/8/2)); } .softExam .preparation .process li:nth-of-type(3)::after { left: calc(6.25% * 3 + (100% - 6.25%*9)/8*2 + ((100% - 6.25%*9)/8/2)); } .softExam .preparation .process li:nth-of-type(4)::after { left: calc(6.25% * 4 + (100% - 6.25%*9)/8*3 + ((100% - 6.25%*9)/8/2)); } .softExam .preparation .process li:nth-of-type(5)::after { left: calc(6.25% * 5 + (100% - 6.25%*9)/8*4 + ((100% - 6.25%*9)/8/2)); } .softExam .preparation .process li:nth-of-type(6)::after { left: calc(6.25% * 6 + (100% - 6.25%*9)/8*5 + ((100% - 6.25%*9)/8/2)); } .softExam .preparation .process li:nth-of-type(7)::after { left: calc(6.25% * 7 + (100% - 6.25%*9)/8*6 + ((100% - 6.25%*9)/8/2)); } .softExam .preparation .process li:nth-of-type(8)::after { left: calc(6.25% * 8 + (100% - 6.25%*9)/8*7 + ((100% - 6.25%*9)/8/2)); } .softExam .preparation .process li:nth-of-type(9)::after { left: calc(6.25% * 9 + (100% - 6.25%*9)/8*8 + ((100% - 6.25%*9)/8/2)); } .softExam .preparation .process li:nth-of-type(1) figure { background-image: url(../images/publishProcess1.png); } .softExam .preparation .process li:nth-of-type(2) figure { background-image: url(../images/publishProcess2.png); } .softExam .preparation .process li:nth-of-type(3) figure { background-image: url(../images/publishProcess3.png); } .softExam .preparation .process li:nth-of-type(4) figure { background-image: url(../images/publishProcess4.png); } .softExam .preparation .process li:nth-of-type(5) figure { background-image: url(../images/publishProcess5.png); } .softExam .preparation .process li:nth-of-type(6) figure { background-image: url(../images/publishProcess6.png); } .softExam .preparation .process li:nth-of-type(7) figure { background-image: url(../images/publishProcess7.png); } .softExam .preparation .process li:nth-of-type(8) figure { background-image: url(../images/publishProcess8.png); } .softExam .preparation .process li:nth-of-type(9) figure { background-image: url(../images/publishProcess9.png); } .softExam .preparation .process li figure { margin: 0 auto; position: relative; z-index: 2; background-color: #fff; padding-bottom: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; } .softExam .preparation .process li .textBox { text-align: center; margin-top: calc(22/16 * 1em); white-space: nowrap; position: relative; } .softExam .preparation .process li .textBox aside { line-height: 1; top: 100%; font-size: calc(24/16 * 1em); color: #000; font-family: "HarmonyOS_Sans_SC_Medium"; position: absolute; left: 50%; transform: translateX(-50%); } @media(min-width:1025px) { .softExam .preparation .process li:nth-of-type(2n) .textBox { margin-top: 0; margin-bottom: calc(33/16 * 1em); position: relative; } .softExam .preparation .process li:nth-of-type(2n) figure { margin-bottom: calc(30/16 * 1em); } .softExam .preparation .process li:nth-of-type(2n+1) figure { margin-top: calc(33/16 * 1em); } .softExam .preparation .process li:nth-of-type(2n) .textBox aside { bottom: 100%; top: unset; } } @media(max-width:1024px) { .softExam .preparation .process { flex-wrap: wrap; gap: calc(20/16 * 1em) 2%; justify-content: start; margin-top: calc(50/16 * 1em); } .softExam .preparation .process li { width: 18%; } .softExam .preparation .process li:not(:nth-last-of-type(1))::after { display: none; } .softExam .preparation .process li .textBox aside { font-size: calc(18/16 * 1em); position: relative; transform: none; left: 0; } .softExam .preparation .process::after { display: none; } } .preparation .inner { margin: 6.25% 0; padding-left: calc(40/16 * 1em); position: relative; } .preparation .inner .line { width: calc(17/16 * 1em); position: absolute; left: 0; } .preparation .inner .line::after { content: ""; position: absolute; height: 100%; width: 1px; top: 0; left: 50%; transform: translateX(-50%); background-color: #5371ff; } .preparation .inner .preparationTitle { display: flex; align-items: center; position: relative; } .preparation .inner .preparationTitle:not(:nth-of-type(1)) { margin-top: calc(50/16 * 1em); } .preparation .inner .line + .preparationTitle { margin: 0; } .preparation .inner .preparationTitle::before { content: ""; position: absolute; left: calc(-40/16 * 1em); width: calc(17/16 * 1em); height: calc(17/16 * 1em); background-color: #fff; border: calc(5/16 * 1em) solid #5371ff; border-radius: 50%; top: 50%; transform: translateY(-50%); z-index: 2; } .preparation .inner .preparationTitle figure { margin-right: calc(20/16 * 1em); width: calc(53/16 * 1em); height: calc(53/16 * 1em); background: no-repeat center; background-size: cover; } .preparation .inner .preparationTitle.brief figure { background-image: url(../images/preparationIcon1.png); } .preparation .inner .preparationTitle.condition figure { background-image: url(../images/preparationIcon2.png); } .preparation .inner .preparationTitle.flowPath figure { background-image: url(../images/preparationIcon3.png); } .preparation .inner .preparationTitle.inlet figure { background-image: url(../images/preparationIcon4.png); } .preparation .inner .preparationTitle.information figure { background-image: url(../images/preparationIcon5.png); } .preparation .inner .preparationTitle.practice figure { background-image: url(../images/preparationIcon6.png); } .preparation .inner .preparationTitle.admission figure { background-image: url(../images/preparationIcon7.png); } .preparation .inner .preparationTitle.achievement figure { background-image: url(../images/preparationIcon8.png); } .preparation .inner .preparationTitle.certificate figure { background-image: url(../images/preparationIcon9.png); } .preparation .inner .preparationTitle aside { font-size: calc(28/16 * 1em); line-height: 1; color: #5371ff; font-family: "HarmonyOS_Sans_SC_Bold"; } .preparation .inner .content { margin-top: calc(20/16 * 1em); } .preparation .inner .content p { margin: 0; line-height: 2; font-size: calc(18/16 * 1em); font-family: "HarmonyOS_Sans_SC_Light"; } .preparation .inner .content p a { color: #5371ff; text-decoration: underline; } .preparation .inner .content p:has(img) { text-align: center; } .preparation .inner .content p img { margin: 1em 1em; } .preparation .inner .processBox { margin-top: calc(20/16 * 1em); padding-bottom: calc(35/16 * 1em); } .preparation .inner .process { display: flex; position: relative; justify-content: space-between; } .preparation .inner .process::after { position: absolute; height: 1px; width: 91.375%; left: 50%; top: 50%; transform: translate(-50%, -50%); background-color: #5371ff; content: ""; } .preparation .inner .process li { width: 6.25%; } .preparation .inner .process li:not(:nth-last-of-type(1))::after { position: absolute; content: ""; width: calc(24/16 * 1em); height: calc(16/16 * 1em); background: url(../images/process.png) center no-repeat; background-size: cover; top: 50%; transform: translate(-50%, -50%); } .preparation .inner .process li:nth-of-type(1)::after { left: calc(6.25% + ((100% - 6.25%*4)/3/2)); } .preparation .inner .process li:nth-of-type(2)::after { left: calc(6.25% * 2 + (100% - 6.25%*4)/3 + ((100% - 6.25%*4)/3/2)); } .preparation .inner .process li:nth-of-type(3)::after { left: calc(6.25% * 3 + (100% - 6.25%*4)/3*2 + ((100% - 6.25%*4)/3/2)); } .preparation .inner .process li:nth-of-type(1) figure { background-image: url(../images/publishProcess1.png); } .preparation .inner .process li:nth-of-type(2) figure { background-image: url(../images/publishProcess2.png); } .preparation .inner .process li:nth-of-type(3) figure { background-image: url(../images/publishProcess3.png); } .preparation .inner .process li:nth-of-type(4) figure { background-image: url(../images/publishProcess4.png); } .preparation .inner .process li figure { margin: 0 auto; position: relative; z-index: 2; background-color: #fff; padding-bottom: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; } .preparation .inner .process li .textBox { text-align: center; white-space: nowrap; position: relative; } .preparation .inner .process li .textBox aside { line-height: 1; top: calc(100% + 19/16 * 1em); font-size: calc(16/16 * 1em); color: #000; font-family: "HarmonyOS_Sans_SC_Medium"; position: absolute; left: 50%; transform: translateX(-50%); } .preparation .inner .inletList { display: flex; flex-wrap: wrap; gap: calc(15/16 * 1em) 1%; margin-top: calc(20/16 * 1em); } .preparation .inner .inletList li { width: 7.05%; border-radius: .5em; overflow: hidden; } .preparation .inner .inletList li a { transition: .3s; font-size: calc(18/16 * 1em); color: #333; padding: calc(8/18 * 1em) 0; font-family: "HarmonyOS_Sans_SC_Light"; display: block; text-align: center; background-color: #f6f8ff; } .preparation .inner .inletList li a:hover { color: #fff; background-color: #5371ff; } .preparation .inner .more { display: flex; margin-top: calc(20/16 * 1em); } .preparation .inner .more a { padding: .6em 3em; display: flex; align-items: center; justify-content: center; align-items: center; background-color: #5371ff; color: #fff; border-radius: .5em; font-size: calc(20/16 * 1em); } .preparation .inner .more a::after { content: ""; width: calc(23/20 * 1em); height: calc(16/20 * 1em); background: url(../images/more_arrow.svg) center no-repeat; background-size: cover; margin-left: 2.5em; } .preparation .examInformation { background-color: #f5f8fe; } .preparation .examInformation .news { padding: 6.25% 0; } .preparation .examInformation .news .newsBox { margin-top: calc(60/16 * 1em); display: flex; justify-content: space-between; } .preparation .examInformation .news .newsBox .topNews { width: 30%; } .preparation .examInformation .news .newsBox .topNews figure { border-radius: calc(20/16 * 1em); padding-bottom: 54.1666667%; margin-bottom: calc(24/16 * 1em); } .preparation .examInformation .news .newsBox .topNews aside { line-height: 1.5; font-size: calc(20/16 * 1em); color: #333; } .preparation .examInformation .news .newsBox .topNews p { line-height: 2; color: #666; margin: 0; margin-top: .625em; margin-bottom: 1.5em; } .preparation .examInformation .news .newsBox .topNews time { color: #666; } .preparation .examInformation .news .newsBox .newsList { width: 63.125%; } .preparation .examInformation .news .newsBox .newsList li a { display: flex; justify-content: space-between; width: 100%; padding-bottom: calc(21/16 * 1em); border-bottom: 1px dashed #e6e6e6; } .preparation .examInformation .news .newsBox .newsList li:not(:nth-of-type(1)) a { padding-top: calc(21/16 * 1em); } .preparation .examInformation .news .newsBox .newsList li span { font-size: calc(18/16 * 1em); color: #666; padding-left: 1.38888em; position: relative; } .preparation .examInformation .news .newsBox .newsList li span::before { left: 0; content: ""; top: 50%; transform: translateY(-50%); position: absolute; height: 80%; width: 1px; background-color: #e1e1e1; } .preparation .examInformation .news .newsBox .newsList li time { color: #666; } .preparation .examInformation .news .newsBox .newsList li a:hover time { color: #5371ff; } .preparation .examInformation .news .newsBox .newsList li a:hover span { color: #5371ff; } .preparation .examInformation .news .newsBox .newsList li a:hover span::before { background-color: #5371ff; } @media(max-width:1024px) { .preparation .inner .inletList { gap: calc(15/16 * 1em) 2%; } .preparation .inner .inletList li { width: 15%; } .preparation .inner .preparationTitle aside { font-size: calc(20/16 * 1em); } .preparation .inner .preparationTitle figure { width: calc(30/16 * 1em); height: calc(30/16 * 1em); } .preparation .examInformation .news .newsBox { flex-wrap: wrap; margin-top: calc(30/16 * 1em); } .preparation .examInformation .news .newsBox .topNews { width: 100%; } .preparation .examInformation .news .newsBox .newsList { width: 100%; margin-top: calc(30/16 * 1em); } .preparation .examInformation .news .newsBox .topNews aside { font-size: calc(18/16 * 1em); } .preparation .examInformation .news .newsBox .newsList li a { padding-bottom: 1em; } } .projectCenter .inner { padding: 6.25% 0; } .projectCenter .search_tips { margin: 0; font-size: calc(20/16 * 1em); text-align: center; color: #ff0000; display: none; } .projectCenter .bookCategory { display: flex; justify-content: center; } .projectCenter .bookCategory li:not(:nth-last-of-type(1)) { margin-right: calc(38/16 * 1em); } .projectCenter .bookCategory li a { font-size: calc(20/16 * 1em); color: #333; } .projectCenter .bookCategory li.active a { color: #5371ff; } .projectCenter .projectList { display: flex; gap: calc(42/16 * 1em) 2.5%; flex-wrap: wrap; margin-top: calc(60/16 * 1em); } .projectCenter .projectList li { width: 23.125%; border-radius: calc(20/16 * 1em); overflow: hidden; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); } .projectCenter .projectList li .pic { overflow: hidden; position: relative; } .projectCenter .projectList li figure { padding-bottom: 64.8649%; position: relative; background-size: cover; transition: 0.3s; } .projectCenter .projectList li a:hover figure { transform: scale(1.1); } .projectCenter .projectList li .textBox { padding: 6.4865%; } .projectCenter .projectList li .textBox aside { font-size: calc(20/16 * 1em); font-family: "HarmonyOS_Sans_SC_Medium"; color: #333; } .projectCenter .projectList li .textBox > p { margin: 0; color: #666; line-height: 1.875; font-family: "HarmonyOS_Sans_SC_Light"; margin-top: calc(20/16 * 1em); } .projectCenter .projectList li a:hover aside { color: #5371ff; } @media(max-width:1024px) { .projectCenter .projectList { gap: calc(15/16 * 1em) 3%; margin-top: calc(30/16 * 1em); } .projectCenter .projectList li { width: 48.5%; } } .projectCenterDetail .inner .info { align-items: center; } .projectCenterDetail .inner .info figure { width: 37.1875%; } .projectCenterDetail .inner .info .infoDetail { width: 57.1875%; } .projectCenterDetail .inner .detail .tab { margin-bottom: calc(50/16 * 1em); } .projectCenterDetail .inner .detail .tab li { width: 10.625%; } .projectCenterDetail .inner .detail .tab li a { display: block; text-align: center; } .projectCenterDetail .inner .detail article { display: none; } .projectCenterDetail .inner .detail article.brief p { font-size: calc(18 / 16* 1em); font-family: "HarmonyOS_Sans_SC_Light"; line-height: 2; margin: 0; } .projectCenterDetail .inner .videoMaterials aside { font-size: calc(18/16 * 1em); font-family: "HarmonyOS_Sans_SC_Medium"; color: #666; } .projectCenterDetail .inner .videoListBox .videoTitle { padding-left: 2em; position: relative; text-align: left!important} .projectCenterDetail .inner .videoListBox .videoInfo { display: flex; align-items: center; justify-content: center;} .projectCenterDetail .inner .videoListBox .videoInfo span { font-size: calc(18/16 * 1em); font-family: "HarmonyOS_Sans_SC_Light"; color: #666; } .projectCenterDetail .inner .videoListBox .videoInfo figure { width: calc(20/16 * 1em); height: calc(18/16 * 1em); background: url(../images/play.png) no-repeat center; background-size: cover; margin-left: calc(20/16 * 1em); } .projectCenterDetail .inner .detail article.resource table { width: 100%; overflow: hidden; border-radius: calc(10/16 * 1em); } .projectCenterDetail .inner .detail article.resource table tr:nth-of-type(2n+1) { background-color: #f9faff; } .projectCenterDetail .inner .detail article.resource table tr:has(th) { background-color: #eeeeee !important; } .projectCenterDetail .inner .detail article.resource table tr:has(td) { border-bottom: 1px solid #eee; } .projectCenterDetail .inner .detail article.resource table th { padding: 1.277777em 3.75%; text-align: center; font-size: calc(18/16 * 1em); color: #333; } .projectCenterDetail .inner .detail article.resource table th:nth-of-type(1) { width: 53.75%; } .projectCenterDetail .inner .detail article.resource table th:nth-of-type(2), .projectCenterDetail .inner .detail article.resource table th:nth-of-type(3) { width: 17.5%; } .projectCenterDetail .inner .detail article.resource table td { text-align: center; padding: 1.1111111em 1%; font-size: calc(18/16 * 1em); color: #666; font-family: "HarmonyOS_Sans_SC_Light"; } .projectCenterDetail .inner .detail article.resource table td:has(figure) { display: flex; align-items: center; padding: 1.1111111em 6.977%; } .projectCenterDetail .inner .detail article.resource table td:has(figure) figure { margin-right: 1.333333em; } .projectCenterDetail .inner .detail article.resource table td a { display: inline-block; } .projectCenterDetail .inner .detail article.resource table td a:not(:nth-last-of-type(1)) { margin-right: 15px; } @media(max-width:1024px) { .projectCenterDetail .inner .detail article.resource table td a:not(:nth-last-of-type(1)) { margin-right: 0; } .projectCenterDetail .inner .detail article.resource table td a { display: block; } .projectCenterDetail .inner .detail article.resource table td:has(figure) figure { min-width: 13%; } } @media(max-width:1024px) { .projectCenterDetail .inner .info figure { width: 100%; } .projectCenterDetail .inner .info .infoDetail { width: 100%; } .projectCenterDetail .inner .detail .tab { margin-bottom: calc(25/16 * 1em); } .projectCenterDetail .inner .detail .tab li { width: unset; } .projectCenterDetail .inner .detail .tab li a { padding: 0 1em; } } .academic .meetingList li .textBox { padding: 6.4865%; padding-bottom: 13.513%; } .academic .meetingList .tip { position: absolute; left: 0; top: 0; width: 24.324%; text-align: center; color: #fff; background-color: #5371ff; border-bottom-right-radius: calc(20/16 * 1em); border-top-left-radius: calc(20/16 * 1em); line-height: 2; z-index: 5; } .academic .meetingList .meetingInfo { margin-top: calc(20/16 * 1em); } .academic .meetingList .meetingInfo p { margin: 0; display: flex; align-items: start; font-size: calc(18/16 * 1em); color: #333; font-family: "HarmonyOS_Sans_SC_Light"; background: no-repeat center; } .academic .meetingList .meetingInfo p:not(:nth-last-of-type(1)) { margin-bottom: .8333333em; } .academic .meetingList .meetingInfo p::before { content: ""; width: calc(19/18 * 1em); display: inline-block; transform: translateY(.1em); height: calc(22/18 * 1em); background: no-repeat center; background-size: 100% auto; margin-right: 7px; } .academic .meetingList .meetingInfo p.time::before { background-image: url(../images/time.svg); } .academic .meetingList .meetingInfo p.address::before { background-image: url(../images/address.svg); } .academic .meetingList .meetingInfo p.meetingFormat::before { background-image: url(../images/meeting.svg); } .academic .meetingList .meetingInfo p span { color: #999; } .academic .meetingList .meetingInfo p em{font-style: normal; max-width: calc(100% - 19/18 * 1em - 7px);} .meetingDetail .inner .info .infoDetail aside { margin-bottom: 0; } .meetingDetail .inner .info .meetingInfo { margin-top: calc(50/16 * 1em); } .meetingDetail .inner .info .meetingInfo p { margin: 0; display: flex; align-items: center; font-size: calc(18/16 * 1em); color: #333; font-family: "HarmonyOS_Sans_SC_Light"; background: no-repeat center; } .meetingDetail .inner .info .meetingInfo p:not(:nth-last-of-type(1)) { margin-bottom: .8333333em; } .meetingDetail .inner .info .meetingInfo p::before { content: ""; width: calc(19/18 * 1em); display: inline-block; height: calc(22/18 * 1em); background: no-repeat center; background-size: 100% auto; margin-right: 7px; } .meetingDetail .inner .info .meetingInfo p.time::before { background-image: url(../images/time.svg); } .meetingDetail .inner .info .meetingInfo p.address::before { background-image: url(../images/address.svg); } .meetingDetail .inner .info .meetingInfo p.meetingFormat::before { background-image: url(../images/meeting.svg); } .meetingDetail .inner .info .meetingInfo p.meetingState::before { background-image: url(../images/state.svg); } .meetingDetail .inner .info .meetingInfo p.meetingState { color: #5371ff; } .meetingDetail .inner .info .meetingInfo p span { color: #999; } .companyIntro .inner { padding: 6.25% 0; } /*RighInfo003186 */ .RighInfo003186 .column-name { position: relative; z-index: 1; } .RighInfo003186 .column-name aside { position: relative; z-index: 4; } .RighInfo003186 .column-name .cn { font-size: calc(44 / 16 * 1em); color: #333; font-weight: bold; line-height: 1; } .RighInfo003186 .column-name { margin-bottom: calc(40/16 * 1em); } .RighInfo003186 .intro p { line-height: 2; margin: 0; color: #333; font-size: calc(18/16 * 1em); } .RighInfo003186 .intro p:not(:nth-of-type(1)) { margin-top: 2.222222em; } .RighInfo003186 .flex { display: flex; justify-content: space-between; align-items: center; } .RighInfo003186 > p:not(:nth-of-type(1)) { margin-top: 2em; } .RighInfo003186 > p:nth-of-type(1) { margin-top: calc(90/16 * 1em); } .RighInfo003186 > p { line-height: 2; margin: 0; color: #333; } @media (min-width:1025px) { .RighInfo003186 .left-intro { width: 48.75%; } .RighInfo003186 .right-img { width: 46.25%; } } @media (max-width:1024px) { .RighInfo003186 .flex { flex-wrap: wrap; } .RighInfo003186 .flex .right-img { order: 2; margin-top: calc(45/16 * 1em); } .RighInfo003186 .flex .left-intro { order: 1; } .RighInfo003186 .column-name .cn { font-size: calc(24 / 16 * 1em); } .RighInfo003186 .column-name { margin-bottom: calc(20 / 16 * 1em); } .RighInfo003186 > p:nth-of-type(1) { margin-top: calc(45/16 * 1em); } } /* numList */ .numList { display: flex; justify-content: space-between; margin-top: 6.25%; background-color: #fff; } .numList li { width: 20%; text-align: center; } .numList li p { color: #5371ff; margin: 0; font-family: "HarmonyOS_Sans_SC_Medium"; margin-top: calc(7/16 * 1em); } .numList li p span { font-size: calc(60/16 * 1em); } .numList li p sup { vertical-align: baseline; font-size: calc(18/16 * 1em); } .numList li aside { color: #333; font-size: calc(20/16 * 1em); } @media(max-width:1024px) { .numList { flex-wrap: wrap; gap: 20px 0; } .numList li { width: 50%; } .numList li p span { font-size: calc(36/16 * 1em); } .numList li p sup { font-size: calc(16/16 * 1em); } .numList { margin-top: calc(60/16 * 1em); } } .expertTeam .inner { padding: 6.25% 0; } .expertTeam .expertTeamList { display: flex; gap: calc(42/16 * 1em) 2.5%; flex-wrap: wrap; } .expertTeam .expertTeamList li { width: 23.125%; border-radius: calc(20/16 * 1em); position: relative; overflow: hidden; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); } .expertTeam .expertTeamList li a { display: block; } .expertTeam .expertTeamList li figure { background-size: cover; padding-bottom: 108.1%; position: relative; } .expertTeam .expertTeamList li .textBox { transition: .3s; background: linear-gradient(to top right, rgba(0, 0, 0, 1) 0%, transparent 50%); padding: 8.10%; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: end; } .expertTeam .expertTeamList li .textBox .textInner { transition: .3s; } .expertTeam .expertTeamList li .textBox aside { color: #fff; font-family: "HarmonyOS_Sans_SC_Light"; } .expertTeam .expertTeamList li .textBox aside span.name { font-size: calc(22/16 * 1em); } .expertTeam .expertTeamList li .textBox aside span { font-size: calc(18/16 * 1em); } .expertTeam .expertTeamList li .textBox p { opacity: 0; transition: .3s; margin: 0; line-height: 1.625; font-family: "HarmonyOS_Sans_SC_Light"; margin-top: calc(10/16 * 1em); color: #fff; } .expertTeam .expertTeamList li:hover .textBox p { opacity: 1; } .expertTeam .expertTeamList li:hover .textBox { background: linear-gradient(to top right, #5371ff 0%, transparent 50%); } @media(max-width:1024px) { .expertTeam .expertTeamList { gap: calc(15/16 * 1em) 3%; } .expertTeam .expertTeamList li { width: 48.5%; } } .personCenter .inner .personOperate { display: flex; align-items: center; justify-content: space-between; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); } .personCenter .inner .personOperate figure { padding: calc(20/16 * 1em) 0; width: 13.54166666%; background-color: #5371ff; text-align: center; } .personCenter .inner .personOperate figure img { max-width: 55%; } .personCenter .inner .operate { display: flex; align-items: center; padding-right: 3.125%; } .personCenter .inner .operate .icon { cursor: pointer; width: calc(42/16 * 1em); border-radius: 50%; height: calc(42/16 * 1em); box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2); background: no-repeat center; background-size: 45.238% auto; } .personCenter .inner .operate .icon.user { background-image: url(../images/user.png); } .personCenter .inner .operate .icon.exit { background-image: url(../images/exit.png); } .personCenter .inner .operate span { margin-left: 1em; margin-right: calc(40/16 * 1em); display: flex; align-items: center; } .personCenter .inner .operate span::after { margin-left: 1em; content: ""; width: calc(11/16 * 1em); height: calc(6/16 * 1em); background: url(../images/person_arrow.svg) no-repeat center; background-size: 100% auto; display: none; } .personCenter .inner .content { display: flex; justify-content: space-between; } .personCenter .inner .menu { width: 13.54166666%; min-height: calc(100vh - 100/16 * 1em); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); } .personCenter .inner .menu ul { margin-top: calc(60/16 * 1em); } .personCenter .inner .menu ul li a { display: flex; align-items: center; padding: 7.6923% 15.385%; } .personCenter .inner .menu ul li a span { font-size: calc(20/16 * 1em); color: #333; max-width: calc(100% - 52/20 * 1em); } .personCenter .inner .menu ul li a .icon { margin-right: 1em; width: calc(36/16 * 1em); border-radius: 50%; height: calc(36/16 * 1em); background: #cbcede no-repeat center; background-size: 47.2% auto; } .personCenter .inner .menu ul li:nth-of-type(1) a .icon { background-image: url(../images/order.png); } .personCenter .inner .menu ul li:nth-of-type(2) a .icon { background-image: url(../images/person.png); } .personCenter .inner .menu ul li.active a { background-color: #f6f8ff; } .personCenter .inner .menu ul li.active a span { color: #5371ff; } .personCenter .inner .menu ul li.active a .icon { background-color: #5371ff; } .personCenter .inner .order { flex: 1; background-color: #f0f1f5; padding: calc(40/16 * 1em) 0 0 calc(40/16 * 1em); } .personCenter .inner .order .orderCategory { padding-right: 9.9765%; background-color: #fff; display: flex; border-bottom: 1px solid #edeef6; } .personCenter .inner .order .orderCategory li { width: 10.5%; } .personCenter .inner .order .orderCategory li:not(:nth-last-of-type(1)) { margin-right: 1px; } .personCenter .inner .order .orderCategory li a { text-align: center; display: flex; align-items: center; justify-content: center; padding: 1em .2em; height: 100%; font-size: calc(20/16 * 1em); color: #5371ff; background-color: #e8eaf4; font-family: "HarmonyOS_Sans_SC_Bold"; } .personCenter .inner .order .orderCategory li.active a { color: #fff; background-color: #5371ff; } .personCenter .inner .order .tableContainer { background-color: #fff; padding-top: calc(30/16 * 1em); padding-bottom: calc(170/16 * 1em); } .personCenter .inner .order .table .orderHead { display: flex; background-color: #f6f8ff; padding-right: 9.8765%; } .personCenter .inner .order .table .orderHead > div { padding: calc(17/16 * 1em) 0; } .personCenter .inner .order .table .orderHead > div p { margin: 0; font-size: calc(20/16 * 1em); color: #333; text-align: center; } .personCenter .inner .order .table .orderHead > div:nth-of-type(1) { width: 17.26%; } .personCenter .inner .order .table .orderHead > div:nth-of-type(2) { width: 36.3%; } .personCenter .inner .order .table .orderHead > div:nth-of-type(3) { width: 12.328%; } .personCenter .inner .order .table .orderHead > div:nth-of-type(4) { width: 21.9%; } .personCenter .inner .order .table .orderHead > div:nth-of-type(5) { width: 12.6%; } .personCenter .inner .order .table .orderList li { display: flex; padding-right: 9.8765%; border-bottom: 1px solid #edeef6; } .personCenter .inner .order .table .orderList li > div { display: flex; align-items: center; justify-content: center; padding: 2.74%; flex-wrap: wrap; flex-direction: column; gap: 10px 0; } .personCenter .inner .order .table .orderList li > div p { text-align: start; margin: 0; font-size: calc(18/16 * 1em); font-family: "HarmonyOS_Sans_SC_Light"; line-height: 2; } .personCenter .inner .order .table .orderList li > div:nth-of-type(1) { width: 17.26%; } .personCenter .inner .order .table .orderList li > div:nth-of-type(2) { width: 36.3%; } .personCenter .inner .order .table .orderList li > div:nth-of-type(3) { width: 12.328%; } .personCenter .inner .order .table .orderList li > div:nth-of-type(4) { width: 21.9%; } .personCenter .inner .order .table .orderList li > div:nth-of-type(5) { width: 12.6%; } .personCenter .inner .order .table .orderList li .img figure { width: 100%; padding-bottom: 95.35%; background: #e8eaf4 no-repeat center; border-radius: calc(15/16 * 1em); background-size: 65.85% auto; } .personCenter .inner .order .table .orderList li a { font-size: calc(18/16 * 1em); width: 90%; text-align: center; font-family: "HarmonyOS_Sans_SC_Light"; padding: .444444em .2222222em; border-radius: calc(5/18 * 1em); } .personCenter .inner .order .table .orderList li a.complete, .personCenter .inner .order .table .orderList li a.read, .personCenter .inner .order .table .orderList li a.pay { color: #fff; background-color: #5371ff; } .personCenter .inner .order .table .orderList li a.remove { color: #333; background-color: #e2e2e2; } .personCenter .inner .order .table .orderList li a.down { color: #5371ff; border: 1px solid #5371ff; } .personCenter .inner .order .table .orderList li span { font-size: calc(18/16 * 1em); } .personCenter .inner .order .table .orderList li span.review { color: #5371ff; } .personCenter .inner .order .table .orderList li a.down:hover { color: #fff; background-color: #5371ff; } .personCenter .inner .Personal { background-color: #fff; padding: calc(30/16 * 1em) calc(50/16 * 1em); } .personCenter .inner .Personal .Pertit { display: block; border-bottom: 2px solid #edeef6; color: #5371ff; font-family: "HarmonyOS_Sans_SC_Bold"; margin-bottom: calc(40/16 * 1em); } .personCenter .inner .Personal .Pertit span { color: #5371ff; padding-bottom: calc(24/24 * 1em); position: relative; display: inline-block; font-size: calc(24/16 * 1em); } .personCenter .inner .Personal .Pertit span::before { content: ''; display: block; height: 4px; background-color: #5371ff; position: absolute; bottom: -2px; left: 0; width: 100%; } .personCenter .inner .Personal .Perform .item { margin-bottom: calc(20 /16 * 1em); } .personCenter .inner .Personal .Perform .item .lable { font-size: calc(18/16 * 1em); color: #999; line-height: 2.5; } .personCenter .inner .Personal .Perform .item .text { width: 100%; max-width: calc(600 /16 * 1em); border-radius: 5px; border: solid 1px #e8eaf4; font-size: calc(18/16 * 1em); line-height: 3.5; height: 3.5em; background: none; padding: 0 calc(18 /16 * 1em); } .personCenter .inner .Personal .Perform .xgmm_btn { border: none; display: inline-block; font-size: calc(18 /16 * 1em); padding: calc(16 /18 * 1em) calc(35 /18 * 1em); background-color: #5371ff; text-align: center; color: #fff; border-radius: calc(10 /18 * 1em); margin: 0 auto; cursor: pointer; } @media(min-width:1025px) { .personCenter .inner .order .orderCategory li { width: 15%; } .personCenter .inner .order .table .orderList li > div:nth-of-type(5) { padding: .3548%; } } @media(min-width:1281px) { .personCenter .inner .order .table .orderList li > div:nth-of-type(5) { padding: 1.0548%; } } @media(min-width:1501px) { .personCenter .inner .order .orderCategory li { width: 10.5%; } .personCenter .inner .order .table .orderList li > div:nth-of-type(5) { padding: 2.0548%; } } @media(max-width:1024px) { .personCenter .inner .personOperate figure { width: 25%; } .personCenter .inner .order .tableContainer { padding-bottom: calc(75/16 * 1em); } .personCenter .inner .order .tableBox { overflow-x: auto; } .personCenter .inner .order .table { width: 250%; } .personCenter .inner .content { flex-wrap: wrap; } .personCenter .inner .menu { width: 100%; box-shadow: none; } .personCenter .inner .menu { min-height: unset; } .personCenter .inner .menu ul { margin-top: calc(30/16 * 1em); } .personCenter .inner .menu ul li a { padding: 3.5% 7.5%; } .personCenter .inner .order .orderCategory li { width: 20%; } } .payList .conference {width: 90%;max-width: calc(600 / 16* 1em);padding: 4.16666% 5.2%;} .payList .conference .file_upload{margin-top: 1em;} .payList .conference .file_upload .upload_box{display: flex; flex-wrap: wrap; gap: 1em calc(20/800 * 100%);} .payList .conference .file_upload .upload_box input{display: none;} .payList .conference .file_upload .upload_box .upload_img{width: calc(140/16 * 1em); height: calc(100/16 * 1em); position: relative; } .payList .conference .file_upload .upload_box .upload_img img{width: 100%; height: 100%; object-fit: cover;} .payList .conference .file_upload .upload_box .upload_img .remove_img{display: flex; opacity: 0; align-items: center; justify-content: center; position: absolute; width: 100%; bottom: 0; left: 0; background-color: rgba(0,0,0,0.5); color: #fff; text-align: center; cursor: pointer; padding: calc(2.5/16 * 1em) 0;} .payList .conference .file_upload .upload_box .upload_img .remove_img::before{content: ""; width: calc(15/16 * 1em); height: calc(14/16 * 1em); background: url(../images/remove.svg) no-repeat center; margin-right: calc(5/16 * 1em); background-size: cover;} .payList .conference .file_upload .upload_box .upload_img:hover .remove_img{opacity: 1;} .payList .conference .file_upload label{display: block; cursor: pointer; width: calc(100/16 * 1em); height: calc(100/16 * 1em); border: 1px solid #5371ff; color: #5371ff; text-align: center;} .payList .conference .file_upload label .arrow{position: relative; width: calc(30/16 * 1em); height: calc(30/16 * 1em); margin: 0 auto; margin-top: calc(14/16 * 1em); margin-bottom: 1em;} .payList .conference .file_upload label .arrow::before{content: ""; position: absolute; width: 1px; height: 100%; background-color: #5371ff; left: 50%; top: 50%; transform: translate(-50%,-50%);} .payList .conference .file_upload label .arrow::after{content: ""; position: absolute; width: 100%; height: 1px; background-color: #5371ff; left: 50%; top: 50%; transform: translate(-50%,-50%);} .payList .conference .file_upload .btn{border:none;background:#5371ff;color:#fff;padding:5px 15px;cursor: pointer;border-radius: 3px;margin-top:12px;} .payList .conference .file{display: flex; padding-left: calc(40/16 * 1em); position: relative;} .payList .conference .file_down{margin-top: 1em;} .payList .conference .file_down figure{width: calc(28/16 * 1em); height: calc(28/16 * 1em); position: absolute; left: 0; top: 50%; transform: translateY(-50%); background: url(../images/file_color.png) no-repeat center; background-size: cover;} .payList .conference p{margin: 0; font-family: "HarmonyOS_Sans_SC_Light";color: #333;line-height: 2.25; margin-top: .5em;} .payList .conference .file p{margin: 0;} .payList .conference .file p a{color: #5371ff;} /* 国内期刊 */ .journal{padding: 6.25% 0;} .journal .tab-ul{ display: flex;justify-content: center;flex-wrap: wrap;gap: calc(10 / 16* 1em) calc(38 / 16* 1em);} .journal .tab-ul li{font-size:calc(20 / 16 * 1em); color: #333; cursor: pointer; } .journal .tab-ul li.on {color: #5371ff;} /* 价值 */ .journal .Value{padding-top: calc(60 / 16* 1em);} .journal .vallist {display: flex; flex-wrap: wrap;justify-content: space-between; gap: 20px 1.5%;margin-top: calc(60 / 16* 1em);} .journal .vallist li{background: url(../images/soft_back.png) no-repeat center; background-size: cover; float: left; width: 15.3%;padding: calc(55 / 16* 1em) calc(16 / 16* 1em) calc(50 / 16* 1em);border-radius: calc(20 / 16* 1em); position: relative;} .journal .vallist li figure { max-width: 41.65%;margin: 0 auto;margin-bottom: calc(30 / 16* 1em);} .journal .vallist li figure img{} .journal .vallist li .tit {font-family: "HarmonyOS_Sans_SC_Medium";font-size: calc(26 / 16* 1em);color: #333;text-align: center;} @media(max-width:1024px) { .journal .vallist { flex-wrap: wrap; gap: calc(20/16 * 1em) 2%; justify-content: start; margin-top: calc(50/16 * 1em); } .journal .vallist li{ width: 32%;} .journal .vallist li .tit{font-size: calc(20 / 16* 1em);} } /* 流程 */ .journal .Publish{padding: 6.25% 0;} .journal .Publish .process { display: flex; padding: calc(24 /16 * 1em) 0; position: relative; justify-content: space-between; margin-top: calc(100/16 * 1em); } .journal .Publish .process::after { position: absolute; height: 1px; width: 91.375%; left: 50%; top: 50%; transform: translate(-50%, -50%); background-color: #5371ff; content: ""; } .journal .Publish .process li { width: 6.25%; } .journal .Publish .process li:not(:nth-last-of-type(1))::after { position: absolute; content: ""; width: calc(24/16 * 1em); height: calc(16/16 * 1em); background: url(../images/process.png) center no-repeat; background-size: cover; top: 50%; transform: translate(-50%, -50%); } .journal .Publish .process li:nth-of-type(1)::after { left: calc(6.25% + ((100% - 6.25%*9)/8/2)); } .journal .Publish .process li:nth-of-type(2)::after { left: calc(6.25% * 2 + (100% - 6.25%*9)/8 + ((100% - 6.25%*9)/8/2)); } .journal .Publish .process li:nth-of-type(3)::after { left: calc(6.25% * 3 + (100% - 6.25%*9)/8*2 + ((100% - 6.25%*9)/8/2)); } .journal .Publish .process li:nth-of-type(4)::after { left: calc(6.25% * 4 + (100% - 6.25%*9)/8*3 + ((100% - 6.25%*9)/8/2)); } .journal .Publish .process li:nth-of-type(5)::after { left: calc(6.25% * 5 + (100% - 6.25%*9)/8*4 + ((100% - 6.25%*9)/8/2)); } .journal .Publish .process li:nth-of-type(6)::after { left: calc(6.25% * 6 + (100% - 6.25%*9)/8*5 + ((100% - 6.25%*9)/8/2)); } .journal .Publish .process li:nth-of-type(7)::after { left: calc(6.25% * 7 + (100% - 6.25%*9)/8*6 + ((100% - 6.25%*9)/8/2)); } .journal .Publish .process li:nth-of-type(8)::after { left: calc(6.25% * 8 + (100% - 6.25%*9)/8*7 + ((100% - 6.25%*9)/8/2)); } .journal .Publish .process li:nth-of-type(9)::after { left: calc(6.25% * 9 + (100% - 6.25%*9)/8*8 + ((100% - 6.25%*9)/8/2)); } .journal .Publish .process li:nth-of-type(1) figure { background-image: url(../images/publishProcess1.png); } .journal .Publish .process li:nth-of-type(2) figure { background-image: url(../images/publishProcess2.png); } .journal .Publish .process li:nth-of-type(3) figure { background-image: url(../images/publishProcess3.png); } .journal .Publish .process li:nth-of-type(4) figure { background-image: url(../images/publishProcess4.png); } .journal .Publish .process li:nth-of-type(5) figure { background-image: url(../images/publishProcess5.png); } .journal .Publish .process li:nth-of-type(6) figure { background-image: url(../images/publishProcess6.png); } .journal .Publish .process li:nth-of-type(7) figure { background-image: url(../images/publishProcess7.png); } .journal .Publish .process li:nth-of-type(8) figure { background-image: url(../images/publishProcess8.png); } .journal .Publish .process li:nth-of-type(9) figure { background-image: url(../images/publishProcess9.png); } .journal .Publish .process li figure { margin: 0 auto; position: relative; z-index: 2; background-color: #fff; padding-bottom: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; } .journal .Publish .process li .textBox { text-align: center; margin-top: calc(22/16 * 1em); white-space: nowrap; position: relative; } .journal .Publish .process li .textBox aside { line-height: 1; top: 100%; font-size: calc(24/16 * 1em); color: #000; font-family: "HarmonyOS_Sans_SC_Medium"; position: absolute; left: 50%; transform: translateX(-50%); } @media(min-width:1025px) { .journal .Publish .process li:nth-of-type(2n) .textBox { margin-top: 0; margin-bottom: calc(33/16 * 1em); position: relative; } .journal .Publish .process li:nth-of-type(2n) figure { margin-bottom: calc(30/16 * 1em); } .journal .Publish .process li:nth-of-type(2n+1) figure { margin-top: calc(33/16 * 1em); } .journal .Publish .process li:nth-of-type(2n) .textBox aside { bottom: 100%; top: unset; } } @media(max-width:1024px) { .journal .Publish .process { flex-wrap: wrap; gap: calc(20/16 * 1em) 3%; justify-content: start; margin-top: calc(50/16 * 1em); } .journal .Publish .process li { width: 22.5%; } .journal .Publish .process li:not(:nth-last-of-type(1))::after { display: none; } .journal .Publish .process li .textBox aside { font-size: calc(18/16 * 1em); position: relative; transform: none; left: 0; } .journal .Publish .process::after { display: none; } } /* 分类 */ .journal .Classification{padding-top: calc(60 / 16* 1em);} .journal .Classification .Class-ul{ display: flex;justify-content: center;flex-wrap: wrap;gap: calc(10 / 16* 1em) calc(38 / 16* 1em);} .journal .Classification .Class-ul li{font-size:calc(20 / 16 * 1em); color: #333; cursor: pointer; } .journal .Classification .Class-ul li.aon {color: #5371ff;} .journal .Classification .ClaList { margin-top: calc(60/16 * 1em); display: flex; gap: calc(36/16 * 1em) 2.5%; flex-wrap: wrap; } .journal .Classification .ClaList li { overflow: hidden; position: relative; width: 23.125%; padding: calc(50/16 * 1em) calc(60/16 * 1em); background-color: #f4f7fe; border-radius: calc(15/16 * 1em); } .journal .Classification .ClaList li figure { padding-bottom: 139.2857%; background-size: cover; background-position: center; background-color: #fff; border-radius: calc(15/16 * 1em); overflow: hidden; } .journal .Classification .ClaList li aside { font-size: calc(18/16 * 1em); font-family: "HarmonyOS_Sans_SC_Light"; text-align: center; color: #333333; margin-top: 1.5em; } .journal .Classification .ClaList li .info { padding: calc(50/16 * 1em) calc(60/16 * 1em); position: absolute; transition: .3s; top: 100%; color: #fff; background-color: rgba(83, 113, 255, .9); width: 100%; height: 100%; left: 0; } .journal .Classification .ClaList li:hover .info { top: 0; } .journal .Classification .ClaList li .info h3 { font-size: calc(24/16 * 1em); font-family: "HarmonyOS_Sans_SC_Medium"; line-height: 1.5; } .journal .Classification .ClaList li .info .detailInfo { margin-top: calc(40/16 * 1em); } .journal .Classification .ClaList li .info .detailInfo p { margin: 0; font-family: "HarmonyOS_Sans_SC_Light"; } .journal .Classification .ClaList li .info .detailInfo p:not(:nth-last-of-type(1)) { margin-bottom: 1em; } @media(max-width:1024px) { .journal .Classification .Class-ul{} .journal .Classification .ClaList { gap: calc(20/16 * 1em) 3%; } .journal .Classification .ClaList li { width: 48.5%; padding: calc(25/16 * 1em) calc(30/16 * 1em); } } .doctorCenter .inner { padding: 6.25% 0; } .doctorCenter .search_tips { margin: 0; font-size: calc(20/16 * 1em); text-align: center; color: #ff0000; display: none; } .doctorCenter .bookCategory { display: flex; justify-content: center; } .doctorCenter .bookCategory li:not(:nth-last-of-type(1)) { margin-right: calc(38/16 * 1em); } .doctorCenter .bookCategory li a { font-size: calc(20/16 * 1em); color: #333; } .doctorCenter .bookCategory li.active a { color: #5371ff; } .doctorCenter .projectList { display: flex; gap: calc(42/16 * 1em) 2.5%; flex-wrap: wrap; margin-top: calc(60/16 * 1em); } .doctorCenter .projectList li { width: 23.125%; border-radius: calc(20/16 * 1em); overflow: hidden; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); } .doctorCenter .projectList li .pic { overflow: hidden; position: relative; } .doctorCenter .projectList li figure { padding-bottom: 64.8649%; position: relative; background-size: cover; transition: 0.3s; } .doctorCenter .projectList li a:hover figure { transform: scale(1.1); } .doctorCenter .projectList li .textBox { padding: 6.4865%; } .doctorCenter .projectList li .textBox aside { word-break: break-all; font-size: calc(20/16 * 1em); font-family: "HarmonyOS_Sans_SC_Medium"; color: #333; } .doctorCenter .projectList li .textBox > p { margin: 0; color: #666; line-height: 1.875; font-family: "HarmonyOS_Sans_SC_Light"; margin-top: calc(20/16 * 1em); } .doctorCenter .projectList li a:hover aside { color: #5371ff; } @media(max-width:1024px) { .doctorCenter .projectList { gap: calc(15/16 * 1em) 3%; margin-top: calc(30/16 * 1em); } .doctorCenter .projectList li { width: 48.5%; } } .doctorDetail .inner { padding: 6.25% 0; } .doctorDetail .inner .info { display: flex; justify-content: space-between; align-items: end; } .doctorDetail .inner .info figure { width: 31.25%; border-radius: calc(20/16 * 1em); } .doctorDetail .inner .info .infoDetail { width: 63.75%; } .doctorDetail .inner .info .infoDetail aside { word-break: break-all; font-size: calc(30/16 * 1em); font-family: "HarmonyOS_Sans_SC_Medium"; color: #333; margin-bottom: calc(2/3 * 1em); } .doctorDetail .inner .info .infoDetail p { margin: 0; } .doctorDetail .inner .info .infoDetail .intro { font-size: calc(18/16 * 1em); color: #666; font-family: "HarmonyOS_Sans_SC_Light"; line-height: 1.555555; } .doctorDetail .inner .info .infoDetail .price { margin-top: calc(50/16 * 1em); } .doctorDetail .inner .info .infoDetail .price span:not(.num) { font-size: calc(18/16 * 1em); color: #666; } .doctorDetail .inner .info .infoDetail .price span.num { font-size: calc(30/16 * 1em); color: #ff0000; font-family: "HarmonyOS_Sans_SC_Medium"; font-weight: bold; } .doctorDetail .inner .info .infoDetail .operate { display: flex; margin-top: calc(45/16 * 1em); } .doctorDetail .inner .info .infoDetail .operate a { font-size: calc(20/16 * 1em); background-color: #5371ff; border-radius: 10px; line-height: 3; padding: 0 1.5em; color: #fff; } .doctorDetail .inner .info .infoDetail .operate a:not(:nth-last-of-type(1)) { margin-right: 1.5em; } .doctorDetail .inner .detail { margin-top: calc(67/16 * 1em); } .doctorDetail .inner .detail .tab { display: flex; border-bottom: 1px solid #e1e1e1; } .doctorDetail .inner .detail .tab li { border-top-left-radius: calc(12/16 * 1em); border-top-right-radius: calc(12/16 * 1em); overflow: hidden; } .doctorDetail .inner .detail .tab li:not(:nth-last-of-type(1)) { margin-right: calc(3/16 * 1em); } .doctorDetail .inner .detail .tab li a { background-color: #eee; color: #666; transition: .3s; display: inline-block; font-size: calc(22/16 * 1em); padding: 0 1.09em; line-height: 2.72727273; } .doctorDetail .inner .detail .tab li a.active { color: #fff; background-color: #5371ff; } .doctorDetail .inner .detail .process { display: flex; position: relative; justify-content: space-between; margin-top: calc(60/16 * 1em); } .doctorDetail .inner .detail .process::after { position: absolute; height: 1px; width: 91.375%; left: 50%; top: 50%; transform: translate(-50%, -50%); background-color: #5371ff; content: ""; } .doctorDetail .inner .detail .process li { width: 14.375%; } .doctorDetail .inner .detail .process li:not(:nth-last-of-type(1))::after { position: absolute; content: ""; width: calc(24/16 * 1em); height: calc(16/16 * 1em); background: url(../images/process.png) center no-repeat; background-size: cover; top: 50%; transform: translate(-50%, -50%); } .doctorDetail .inner .detail .process li:nth-of-type(1)::after { left: calc(14.375% + ((100% - 14.375%*5)/4/2)); } .doctorDetail .inner .detail .process li:nth-of-type(2)::after { left: calc(14.375% * 2 + (100% - 14.375%*5)/4 + ((100% - 14.375%*5)/4/2)); } .doctorDetail .inner .detail .process li:nth-of-type(3)::after { left: calc(14.375% * 3 + (100% - 14.375%*5)/4*2 + ((100% - 14.375%*5)/4/2)); } .doctorDetail .inner .detail .process li:nth-of-type(4)::after { left: calc(14.375% * 4 + (100% - 14.375%*5)/4*3 + ((100% - 14.375%*5)/4/2)); } .doctorDetail .inner .detail .process li figure { width: 47.826%; margin: 0 auto; position: relative; z-index: 2; background-color: #fff; } .doctorDetail .inner .detail .process li .textBox { text-align: center; margin-top: calc(35/16 * 1em); } .doctorDetail .inner .detail .process li:nth-of-type(2n) .textBox { margin-top: 0; margin-bottom: calc(35/16 * 1em); } .doctorDetail .inner .detail .process li:nth-of-type(2n) figure { margin-bottom: calc(130/16 * 1em); } .doctorDetail .inner .detail .process li:nth-of-type(2n+1) figure { margin-top: calc(130/16 * 1em); } .doctorDetail .inner .detail .process li .textBox aside { font-size: calc(22/16 * 1em); color: #000; font-family: "HarmonyOS_Sans_SC_Medium"; } .doctorDetail .inner .detail .process li .textBox p { font-size: calc(18/16 * 1em); color: #999; font-family: "HarmonyOS_Sans_SC_Light"; margin: 0; margin-top: calc(20/18 * 1em); } .doctorDetail .inner .detail .material { margin: calc(100/16 * 1em) 0; display: flex; justify-content: space-between; } .doctorDetail .inner .detail .material > li { position: relative; overflow: hidden; width: 48.75%; background-color: #f4f7fe; border-radius: calc(20/16 * 1em); padding: calc(50/16 * 1em) calc(70/16 * 1em); } .doctorDetail .inner .detail .material > li::after { position: absolute; transition: .3s linear; z-index: 1; width: 100%; height: 100%; background-color: #5371ff; content: ""; top: 0; right: 99%; } .doctorDetail .inner .detail .material > li aside { font-size: calc(26/16 * 1em); transition: .3s linear; font-family: "HarmonyOS_Sans_SC_Bold"; color: #5371ff; position: relative; z-index: 2; } .doctorDetail .inner .detail .materialList { margin-top: calc(40/16 * 1em); position: relative; z-index: 2; } .doctorDetail .inner .detail .materialList li { font-size: calc(18/16 * 1em); color: #666; transition: .3s linear; } .doctorDetail .inner .detail .materialList li:not(:nth-last-of-type(1)) { margin-bottom: 0.8888888em; } .doctorDetail .inner .detail .material > li:hover::after { right: 0; } .doctorDetail .inner .detail .material > li:hover aside { color: #fff; } .doctorDetail .inner .detail .material > li:hover .materialList li { color: #fff; } @media(max-width:1024px) { .doctorDetail .inner .info { flex-wrap: wrap; } .doctorDetail .inner .info figure { width: 100%; } .doctorDetail .inner .info .infoDetail aside { font-size: calc(20/16 * 1em); } .doctorDetail .inner .info .infoDetail .intro { font-size: calc(16/16 * 1em); } .doctorDetail .inner .info .infoDetail { width: 100%; margin-top: calc(30/16 * 1em); } .doctorDetail .inner .info .infoDetail .price { margin-top: calc(25/16 * 1em); } .doctorDetail .inner .info .infoDetail .price span.num { font-size: calc(20/16 * 1em); } .doctorDetail .inner .info .infoDetail .price span:not(.num) { font-size: calc(16/16 * 1em); } .doctorDetail .inner .info .infoDetail .operate { margin-top: calc(25/16 * 1em); } .doctorDetail .inner .info .infoDetail .operate a { font-size: calc(16/16 * 1em); } .doctorDetail .inner .detail { margin-top: calc(35/16 * 1em); } .doctorDetail .inner .detail .tab li a { font-size: calc(18/16 * 1em); } .doctorDetail .inner .detail .process { flex-wrap: wrap; justify-content: start; gap: calc(20/16 * 1em) 2%; margin-top: calc(30/16 * 1em); } .doctorDetail .inner .detail .process li { width: 23.5%; } .doctorDetail .inner .detail .process li:nth-of-type(2n+1) figure { margin-top: 0; } .doctorDetail .inner .detail .process li:nth-of-type(2n) .textBox { margin-top: calc(20/16 * 1em); margin-bottom: 0; } .doctorDetail .inner .detail .process li:nth-of-type(2n) figure { margin-bottom: 0; } .doctorDetail .inner .detail .process li .textBox aside { font-size: calc(18/16 * 1em); } .doctorDetail .inner .detail .process li .textBox p { font-size: calc(16/16 * 1em); } .doctorDetail .inner .detail .process li:not(:nth-last-of-type(1))::after { display: none; } .doctorDetail .inner .detail .process::after { display: none; } .doctorDetail .inner .detail .process li .textBox { margin-top: calc(20/16 * 1em); } .doctorDetail .inner .detail .material { margin: calc(50/16 * 1em) 0; } .doctorDetail .inner .detail .material > li { padding: calc(25/16 * 1em) calc(16/16 * 1em); } }