/* input(9,5547): run-time error CSS1036: Expected expression, found '}'
input(9,6676): run-time error CSS1036: Expected expression, found '}'
input(586,19): run-time error CSS1035: Expected colon, found '{'
input(655,24): run-time error CSS1035: Expected colon, found '{'
input(669,24): run-time error CSS1035: Expected colon, found '{'
input(683,24): run-time error CSS1035: Expected colon, found '{'
input(1508,23): run-time error CSS1035: Expected colon, found '>' */
.gp-message[data-v-a234b03c]{z-index:999999;transition:all .3s ease;max-width:300px;font-family:微软雅黑}.message-content[data-v-a234b03c]{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;border-radius:4px;box-shadow:0 2px 8px #00000026;font-size:14px}.close-btn[data-v-a234b03c]{background:none;border:none;color:#4b5563;cursor:pointer;margin-left:10px;line-height:1;padding:0}.fade-enter-active[data-v-a234b03c],.fade-leave-active[data-v-a234b03c]{transition:opacity .3s}.fade-enter-from[data-v-a234b03c],.fade-leave-to[data-v-a234b03c]{opacity:0}[contenteditable=true][data-v-4ebe5452]:focus{outline:none}[contenteditable=true][data-v-4ebe5452]{outline:none}textarea[data-v-4ebe5452]{resize:none;border:none;outline:none;background:transparent}.icon-upload[data-v-4ebe5452]{display:none}.icon-upload-box:hover .icon-upload[data-v-4ebe5452]{display:flex}.custom-checkbox[data-v-68b8f276]{width:16px;height:16px;border:2px solid #d1d5db;border-radius:4px;background-color:#fff;position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;cursor:pointer;transition:all .2s ease}.custom-checkbox[data-v-68b8f276]:checked{border-color:#3b82f6;background-color:#3b82f6}.custom-checkbox[data-v-68b8f276]:checked:after{content:"✓";color:#fff;font-size:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.checkbox-label[data-v-68b8f276]{line-height:1.2;font-size:14px;color:#4b5563}.border[data-v-c53c9169]{border:1px solid #ccc}.custom-checkbox[data-v-c53c9169]{width:18px;height:18px;border:2px solid #d1d5db;border-radius:4px;background-color:#fff;position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;cursor:pointer;transition:all .2s ease}.custom-checkbox[data-v-c53c9169]:checked{border-color:#3b82f6;background-color:#3b82f6}.custom-checkbox[data-v-c53c9169]:checked:after{content:"✓";color:#fff;font-size:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}/*!
* Cropper.js v1.6.2
* https://fengyuanchen.github.io/cropperjs
*
* Copyright 2015-present Chen Fengyuan
* Released under the MIT license
*
* Date: 2024-04-21T07:43:02.731Z
*/.cropper-container{direction:ltr;font-size:0;line-height:0;position:relative;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cropper-container img{backface-visibility:hidden;display:block;height:100%;image-orientation:0deg;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}.cropper-wrap-box,.cropper-canvas,.cropper-drag-box,.cropper-crop-box,.cropper-modal{bottom:0;left:0;position:absolute;right:0;top:0}.cropper-wrap-box,.cropper-canvas{overflow:hidden}.cropper-drag-box{background-color:#fff;opacity:0}.cropper-modal{background-color:#000;opacity:.5}.cropper-view-box{display:block;height:100%;outline:1px solid #39f;outline-color:#3399ffbf;overflow:hidden;width:100%}.cropper-dashed{border:0 dashed #eee;display:block;opacity:.5;position:absolute}.cropper-dashed.dashed-h{border-bottom-width:1px;border-top-width:1px;height:calc(100% / 3);left:0;top:calc(100% / 3);width:100%}.cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;height:100%;left:calc(100% / 3);top:0;width:calc(100% / 3)}.cropper-center{display:block;height:0;left:50%;opacity:.75;position:absolute;top:50%;width:0}.cropper-center:before,.cropper-center:after{background-color:#eee;content:" ";display:block;position:absolute}.cropper-center:before{height:1px;left:-3px;top:0;width:7px}.cropper-center:after{height:7px;left:0;top:-3px;width:1px}.cropper-face,.cropper-line,.cropper-point{display:block;height:100%;opacity:.1;position:absolute;width:100%}.cropper-face{background-color:#fff;left:0;top:0}.cropper-line{background-color:#39f}.cropper-line.line-e{cursor:ew-resize;right:-3px;top:0;width:5px}.cropper-line.line-n{cursor:ns-resize;height:5px;left:0;top:-3px}.cropper-line.line-w{cursor:ew-resize;left:-3px;top:0;width:5px}.cropper-line.line-s{bottom:-3px;cursor:ns-resize;height:5px;left:0}.cropper-point{background-color:#39f;height:5px;opacity:.75;width:5px}.cropper-point.point-e{cursor:ew-resize;margin-top:-3px;right:-3px;top:50%}.cropper-point.point-n{cursor:ns-resize;left:50%;margin-left:-3px;top:-3px}.cropper-point.point-w{cursor:ew-resize;left:-3px;margin-top:-3px;top:50%}.cropper-point.point-s{bottom:-3px;cursor:s-resize;left:50%;margin-left:-3px}.cropper-point.point-ne{cursor:nesw-resize;right:-3px;top:-3px}.cropper-point.point-nw{cursor:nwse-resize;left:-3px;top:-3px}.cropper-point.point-sw{bottom:-3px;cursor:nesw-resize;left:-3px}.cropper-point.point-se{bottom:-3px;cursor:nwse-resize;height:20px;opacity:1;right:-3px;width:20px}@media (min-width: 768px){.cropper-point.point-se{height:15px;width:15px}}@media (min-width: 992px){.cropper-point.point-se{height:10px;width:10px}}@media (min-width: 1200px){.cropper-point.point-se{height:5px;opacity:.75;width:5px}}.cropper-point.point-se:before{background-color:#39f;bottom:-50%;content:" ";display:block;height:200%;opacity:0;position:absolute;right:-50%;width:200%}.cropper-invisible{opacity:0}.cropper-bg{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC)}.cropper-hide{display:block;height:0;position:absolute;width:0}.cropper-hidden{display:none!important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}.before{position:relative;overflow:hidden}.before img{position:absolute}.upload-wrapper[data-v-08babff9]{max-width:500px}.file-list[data-v-08babff9]{max-height:300px;overflow-y:auto}.gp-dsigner[data-v-94a09aed]{font-family:微软雅黑}.resize-area[data-v-94a09aed]{transition:width .1s ease}.resizer[data-v-94a09aed]{width:6px;background:#f0f0f0;cursor:col-resize;display:flex;justify-content:center;align-items:center;position:relative;z-index:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}textarea[data-v-94a09aed]{resize:none;border:none;outline:none;background:transparent}.gp-dsigner{width:100%}:root{--gp-designer-theme-color: #3574e6}.gp-designer-theme-text,.gp-designer-theme-icon{color:var(--gp-designer-theme-color)!important}.gp-designer-theme-button{background-color:var(--gp-designer-theme-color)!important}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}.container{width:100%}@media (min-width: 1200px){.container{max-width:1200px}}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.-top-6{top:-1.5rem}.bottom-4{bottom:1rem}.left-0{left:0}.left-1\/2{left:50%}.left-2{left:.5rem}.left-4{left:1rem}.right-0{right:0}.right-4{right:1rem}.top-0{top:0}.top-1\/2{top:50%}.top-2{top:.5rem}.top-4{top:1rem}.z-10{z-index:10}.z-\[99999\]{z-index:99999}.m-1{margin:.25rem}.mx-1{margin-left:.25rem;margin-right:.25rem}.my-2{margin-top:.5rem;margin-bottom:.5rem}.mb-2{margin-bottom:.5rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-4{margin-left:1rem}.mr-2{margin-right:.5rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.box-border{box-sizing:border-box}.block{display:block}.flex{display:flex}.contents{display:contents}.hidden{display:none}.h-1{height:.25rem}.h-12{height:3rem}.h-2{height:.5rem}.h-20{height:5rem}.h-3{height:.75rem}.h-32{height:8rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-\[100vh\]{height:100vh}.h-\[200px\]{height:200px}.h-\[300px\]{height:300px}.h-\[360px\]{height:360px}.h-\[40px\]{height:40px}.h-full{height:100%}.h-screen{height:100vh}.max-h-\[500px\]{max-height:500px}.w-10{width:2.5rem}.w-12{width:3rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-\[100vw\]{width:100vw}.w-\[110px\]{width:110px}.w-\[270px\]{width:270px}.w-\[300px\]{width:300px}.w-\[640px\]{width:640px}.w-\[700px\]{width:700px}.w-auto{width:auto}.w-full{width:100%}.w-screen{width:100vw}.flex-1{flex:1 1 0%}.flex-none{flex:none}.basis-1\/10{flex-basis:10%}.basis-1\/11{flex-basis:9.09090909%}.basis-1\/12{flex-basis:8.33333333%}.basis-1\/2{flex-basis:50%}.basis-1\/3{flex-basis:33.333333%}.basis-1\/4{flex-basis:25%}.basis-1\/5{flex-basis:20%}.basis-1\/6{flex-basis:16.666667%}.basis-1\/7{flex-basis:14.2857143%}.basis-1\/8{flex-basis:12.5%}.basis-1\/9{flex-basis:11.1111111%}.basis-full{flex-basis:100%}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-auto{cursor:auto}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.cursor-text{cursor:text}.cursor-wait{cursor:wait}.resize{resize:both}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.content-center{align-content:center}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-normal{justify-content:normal}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.25rem * var(--tw-space-x-reverse));margin-left:calc(.25rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-5>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1.25rem * var(--tw-space-x-reverse));margin-left:calc(1.25rem * calc(1 - var(--tw-space-x-reverse)))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-scroll{overflow:scroll}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.break-words{overflow-wrap:break-word}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-none{border-radius:0}.rounded-sm{border-radius:.125rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-\[\#DEDEDE\]{--tw-border-opacity: 1;border-color:rgb(222 222 222 / var(--tw-border-opacity))}.border-blue-500{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity))}.border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity))}.border-green-500{--tw-border-opacity: 1;border-color:rgb(34 197 94 / var(--tw-border-opacity))}.border-red-500{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity))}.bg-\[\#474AFF\]{--tw-bg-opacity: 1;background-color:rgb(71 74 255 / var(--tw-bg-opacity))}.bg-\[\#f4f8ff\]{--tw-bg-opacity: 1;background-color:rgb(244 248 255 / var(--tw-bg-opacity))}.bg-\[rgba\(0\,0\,0\,0\.7\)\]{background-color:#000000b3}.bg-black\/80{background-color:#000c}.bg-blue-100{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity))}.bg-blue-200{--tw-bg-opacity: 1;background-color:rgb(191 219 254 / var(--tw-bg-opacity))}.bg-blue-300{--tw-bg-opacity: 1;background-color:rgb(147 197 253 / var(--tw-bg-opacity))}.bg-blue-400{--tw-bg-opacity: 1;background-color:rgb(96 165 250 / var(--tw-bg-opacity))}.bg-blue-50{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity))}.bg-blue-500{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity))}.bg-blue-500\/80{background-color:#3b82f6cc}.bg-blue-600{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity))}.bg-blue-700{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity))}.bg-blue-800{--tw-bg-opacity: 1;background-color:rgb(30 64 175 / var(--tw-bg-opacity))}.bg-blue-900{--tw-bg-opacity: 1;background-color:rgb(30 58 138 / var(--tw-bg-opacity))}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity))}.bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}.bg-gray-300{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity))}.bg-gray-400{--tw-bg-opacity: 1;background-color:rgb(156 163 175 / var(--tw-bg-opacity))}.bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity))}.bg-gray-500{--tw-bg-opacity: 1;background-color:rgb(107 114 128 / var(--tw-bg-opacity))}.bg-gray-600{--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity))}.bg-gray-700{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity))}.bg-gray-800{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}.bg-gray-900{--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity))}.bg-green-100{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity))}.bg-green-50{--tw-bg-opacity: 1;background-color:rgb(240 253 244 / var(--tw-bg-opacity))}.bg-green-500{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity))}.bg-green-500\/80{background-color:#22c55ecc}.bg-purple-400\/80{background-color:#c084fccc}.bg-purple-700{--tw-bg-opacity: 1;background-color:rgb(126 34 206 / var(--tw-bg-opacity))}.bg-red-100{--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity))}.bg-red-50{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity))}.bg-red-500\/80{background-color:#ef4444cc}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.bg-yellow-100{--tw-bg-opacity: 1;background-color:rgb(254 249 195 / var(--tw-bg-opacity))}.bg-yellow-50{--tw-bg-opacity: 1;background-color:rgb(254 252 232 / var(--tw-bg-opacity))}.bg-opacity-50{--tw-bg-opacity: .5}.object-cover{-o-object-fit:cover;object-fit:cover}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pb-8{padding-bottom:2rem}.pr-\[70px\]{padding-right:70px}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.\!text-4xl{font-size:2.25rem!important;line-height:2.5rem!important}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-light{font-weight:300}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.font-thin{font-weight:100}.text-\[\#333\]{--tw-text-opacity: 1;color:rgb(51 51 51 / var(--tw-text-opacity))}.text-\[\#666\]{--tw-text-opacity: 1;color:rgb(102 102 102 / var(--tw-text-opacity))}.text-\[\#999\]{--tw-text-opacity: 1;color:rgb(153 153 153 / var(--tw-text-opacity))}.text-blue-100{--tw-text-opacity: 1;color:rgb(219 234 254 / var(--tw-text-opacity))}.text-blue-200{--tw-text-opacity: 1;color:rgb(191 219 254 / var(--tw-text-opacity))}.text-blue-300{--tw-text-opacity: 1;color:rgb(147 197 253 / var(--tw-text-opacity))}.text-blue-400{--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity))}.text-blue-50{--tw-text-opacity: 1;color:rgb(239 246 255 / var(--tw-text-opacity))}.text-blue-500{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity))}.text-blue-600{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity))}.text-blue-700{--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity))}.text-blue-800{--tw-text-opacity: 1;color:rgb(30 64 175 / var(--tw-text-opacity))}.text-blue-900{--tw-text-opacity: 1;color:rgb(30 58 138 / var(--tw-text-opacity))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.text-gray-50{--tw-text-opacity: 1;color:rgb(249 250 251 / var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity))}.text-green-500{--tw-text-opacity: 1;color:rgb(34 197 94 / var(--tw-text-opacity))}.text-green-800{--tw-text-opacity: 1;color:rgb(22 101 52 / var(--tw-text-opacity))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity))}.text-red-800{--tw-text-opacity: 1;color:rgb(153 27 27 / var(--tw-text-opacity))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.text-yellow-500{--tw-text-opacity: 1;color:rgb(234 179 8 / var(--tw-text-opacity))}.text-yellow-800{--tw-text-opacity: 1;color:rgb(133 77 14 / var(--tw-text-opacity))}.opacity-0{opacity:0}.shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.pswp img{-o-object-fit:contain;object-fit:contain}.hover\:z-10:hover{z-index:10}.hover\:border-blue-500:hover{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity))}.hover\:border-gray-400:hover{--tw-border-opacity: 1;border-color:rgb(156 163 175 / var(--tw-border-opacity))}.hover\:bg-black:hover{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity))}.hover\:bg-blue-500:hover{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity))}.hover\:bg-blue-700:hover{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity))}.hover\:bg-gray-200:hover{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}.hover\:bg-green-500:hover{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity))}.hover\:bg-purple-600:hover{--tw-bg-opacity: 1;background-color:rgb(147 51 234 / var(--tw-bg-opacity))}.hover\:bg-red-500:hover{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity))}.hover\:text-gray-600:hover{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity))}.hover\:text-gray-800:hover{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity))}.hover\:underline:hover{text-decoration-line:underline}@media (max-width: 1199px){.mobile\:box-border{box-sizing:border-box}.mobile\:flex{display:flex}.mobile\:basis-1\/10{flex-basis:10%}.mobile\:basis-1\/11{flex-basis:9.09090909%}.mobile\:basis-1\/12{flex-basis:8.33333333%}.mobile\:basis-1\/2{flex-basis:50%}.mobile\:basis-1\/3{flex-basis:33.333333%}.mobile\:basis-1\/4{flex-basis:25%}.mobile\:basis-1\/5{flex-basis:20%}.mobile\:basis-1\/6{flex-basis:16.666667%}.mobile\:basis-1\/7{flex-basis:14.2857143%}.mobile\:basis-1\/8{flex-basis:12.5%}.mobile\:basis-1\/9{flex-basis:11.1111111%}.mobile\:basis-full{flex-basis:100%}.mobile\:flex-row{flex-direction:row}.mobile\:flex-col{flex-direction:column}.mobile\:flex-wrap{flex-wrap:wrap}.mobile\:flex-nowrap{flex-wrap:nowrap}.mobile\:justify-normal{justify-content:normal}}@media (min-width: 1200px){.pc\:box-border{box-sizing:border-box}.pc\:flex{display:flex}.pc\:basis-1\/10{flex-basis:10%}.pc\:basis-1\/11{flex-basis:9.09090909%}.pc\:basis-1\/12{flex-basis:8.33333333%}.pc\:basis-1\/2{flex-basis:50%}.pc\:basis-1\/3{flex-basis:33.333333%}.pc\:basis-1\/4{flex-basis:25%}.pc\:basis-1\/5{flex-basis:20%}.pc\:basis-1\/6{flex-basis:16.666667%}.pc\:basis-1\/7{flex-basis:14.2857143%}.pc\:basis-1\/8{flex-basis:12.5%}.pc\:basis-1\/9{flex-basis:11.1111111%}.pc\:basis-full{flex-basis:100%}.pc\:flex-wrap{flex-wrap:wrap}.pc\:justify-normal{justify-content:normal}.pc\:justify-center{justify-content:center}}
/* 主题色 */
:root {
--main-color: #3574e6;
--main-rgb: 53, 116, 230;
/* 默认颜色 */
}
.gp-designer-theme-text,
.theme_text {
color: var(--main-color) !important;
}
.theme_bg {
background: var(--main-color) !important;
color: #fff;
}
.theme_border {
border-color: var(--main-color) !important;
}
.danger_color {
color: #f01d1d;
}
.danger_bg {
background: rgba(240, 29, 29, 0.8) !important;
}
.danger_border {
border-color: #f01d1d !important;
}
.mb40 {
margin-bottom: 40px;
}
img {
object-fit: cover;
}
/* 图片 */
.faculty_img,
.faculty_album_info .faculty_img,
.faculty_horiz_img,
.faculty_vertical_img,
.mien_hidden_box,
.mien_img,
.mien_fixed_img,
.intro_img {
width: 100%;
height: 100%;
object-fit: cover;
}
/* é¼ æ ‡æ‚¬åœå›¾ç‰‡æ”¾å¤§1.1å€å¤„ç† */
.mien_hidden_box,
.mien_fixed_img_box {
width: 100%;
height: 100%;
overflow: hidden;
border-radius: 4px;
}
.mien_img,
.mien_fixed_img {
transition: transform 0.3s ease;
}
.mien_content_box:hover .mien_img,
.mien_fixed_img_box:hover .mien_fixed_img {
transform: scale(1.1);
}
.faculty_vertical_bg,
.faculty_horiz_bg,
.mien_fixed_info,
.faculty_vertical_bg {
background: rgba(var(--main-rgb), 0.04);
}
.module1_content,
.module2_content,
.course_vertical_content,
.about_content {
width: 1180px;
margin: 0 auto;
padding-left: 0;
padding-right: 0;
}
/* flex public */
.add_modules .iconfont,
.add_modules span,
.top_box,
.top_logo,
.intro_cate,
.service_tip,
.module1_content,
.module2_content,
.aidition,
.aidition_right,
.module2_content2,
.cont_aidition,
.course_vertical_box,
.advantage_module_content,
.advantage_small_module_content,
.advantage_small_box_bg,
.advantage_small_box,
.advantage_small_top_icon,
.faculty_content_box,
.faculty_bg,
.faculty_cate,
.faculty_album,
.faculty_album_list,
.faculty_vertical_title,
.faculty_vertical_bg,
.faculty_vertical_border,
.faculty_horiz_content,
.faculty_horiz_top,
.mien_content,
.mien_fixed_content,
.mien_fixed_img_box,
.appraise_content {
display: flex;
flex-direction: row;
}
.web_top,
.course_box,
.top_service,
.module1,
.module2,
.module3,
.course_vertical_content,
.content_top,
.intro_left,
.year,
.recruit,
.teachers,
.course_vertical_txt,
.txt_box,
.advantage_box,
.advantage_info,
.advantage_small_info,
.faculty_module,
.faculty_content,
.faculty_left,
.faculty_album_info,
.faculty_vertical_content,
.faculty_vertical_left,
.faculty_vertical_module_bg,
.faculty_horiz_bg,
.faculty_horiz_title,
.mien_modules,
.fixed_content,
.mien_fixed_info,
.appraise_module,
.appraise_box,
.appraise_info,
.about_content,
.about_module {
display: flex;
flex-direction: column;
}
/* æ¨¡å—æ ·å¼ */
.add_modules {
display: none;
position: absolute;
bottom: -40px;
left: 0;
flex-direction: row;
align-items: center;
justify-content: center;
width: 100%;
height: 40px;
background: #eeeeee;
font-size: 14px;
font-weight: 400;
line-height: 20;
color: #333;
cursor: pointer;
}
.add_modules .iconfont,
.add_modules span {
height: 14px;
align-items: center;
justify-content: center;
}
.add_modules .iconfont {
height: 14px;
margin: 6px;
}
/* æ·»åŠ å›¾æ ‡ */
.icon_gray_add {
display: none;
justify-content: center;
align-items: center;
position: absolute;
right: -36px;
top: 50%;
color: #999;
font-size: 35px !important;
width: 35px;
height: 35px;
cursor: pointer;
}
.icon_gray_add:hover {
color: #666;
}
.course_vertical_box .icon_gray_add {
right: -50px;
}
.cont_aidition {
/* display: none; */
background: white;
box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.08);
padding: 8px 12px;
position: absolute;
top: -38px;
right: 0px;
column-gap: 24px;
height: 32px;
align-items: center;
}
.cont_aidition span {
color: #999;
cursor: pointer;
}
.cont_aidition span:hover {
color: #666;
}
.goodschool {
width: 100%;
height: 100%;
overflow: hidden;
color: #333333;
background: #eff1f7;
}
.goodschool_web {
flex: 1;
height: 100%;
/* overflow-y: auto; */
}
/* 头部 */
.web_top {
padding: 10px 140px;
background: white;
position: relative;
}
.top_box {
width: 100%;
/* height: 80px; */
/* padding: 0 140px; */
justify-content: space-between;
align-items: center;
}
/* 左边logo */
.top_logo {
position: relative;
align-items: center;
column-gap: 16px;
}
.school_logo {
width: 60px;
height: 60px;
}
.school_name {
font-size: 28px;
font-weight: 700;
}
/* å³è¾¹çƒçº¿ */
.top_service {
align-items: end;
}
.service_hot_line {
font-size: 24px;
font-weight: 700;
line-height: 32px;
}
.service_tip {
position: relative;
align-items: center;
column-gap: 8px;
}
.service_tip .iconfont {
font-size: 20px;
}
.tip_text {
font-size: 16px;
}
/* banner */
.top_banner {
position: relative;
}
.top_banner img {
width: 100%;
height: 460px;
}
/* 内容 */
.module1,
.module2,
.module3,
.faculty_module,
.about_module {
position: relative;
}
.module1,
.module2,
.content_top {
align-items: center;
}
.module1 {
padding-bottom: 110px;
}
/* --------------------- æ ‡é¢˜ 开始--------------------- */
.content_top {
position: relative;
width: 100%;
padding-bottom: 32px;
}
.content_title {
font-size: 44px;
font-weight: 700;
margin-top: 52px;
}
.title_border {
height: 14px;
width: 80px;
border-bottom: 2px solid #333;
}
.content_desc {
font-size: 20px;
color: #666;
line-height: 28px;
padding-top: 16px;
}
/* --------------------- æ ‡é¢˜ 结æŸ--------------------- */
.module1_content,
.module2_content,
.course_vertical_content,
.advantage_module,
.faculty_module,
.appraise_module,
.faculty_vertical_module_bg,
.mien_modules {
width: 100%;
max-width: 1180px;
margin: 0 auto;
align-items: center;
}
/* 顶部æ“ä½œæ¡ */
.aidition {
display: none;
align-items: center;
justify-content: space-between;
width: 100%;
height: 40px;
background: rgba(0, 0, 0, 0.6);
color: white;
font-size: 14px;
position: absolute;
top: 0;
left: 0;
padding: 0 48px;
}
.aidition_right {
column-gap: 24px;
}
.aidition_right span {
cursor: pointer;
}
/* 模å—1 -- 关于我们 -- 有图 */
.module1_content {
position: relative;
justify-content: space-between;
padding: 60px 0 0;
}
.intro_left {
flex: 1;
align-items: start;
margin-right: 80px;
}
.intro_title {
font-size: 30px;
font-weight: 700;
line-height: 36px;
}
.title_desc {
font-size: 20px;
line-height: 28px;
color: #dddddd;
margin-left: 12px;
}
.intro_desc {
min-height: 210px;
margin-top: 32px;
font-size: 16px;
line-height: 30px;
word-break: break-all;
}
.intro_line {
color: #dddddd;
font-size: 28px;
font-weight: 100;
}
.intro_cate {
width: 100%;
margin-top: 60px;
align-items: center;
justify-content: space-evenly;
}
.intro_cate span {
white-space: nowrap;
}
.year,
.recruit,
.teachers {
align-items: center;
justify-content: center;
font-size: 42px;
font-weight: 700;
}
.year_suffix,
.recruit_suffix,
.teachers_suffix {
font-size: 14px;
}
.year_desc,
.recruit_desc,
.teachers_desc {
font-size: 16px;
color: #666;
font-weight: 500;
line-height: 24px;
margin-top: 2px;
}
.intro_img,
.intro_img_box,
.intro_img_bg {
width: 380px;
height: 507px;
border-radius: 4px;
}
.intro_img_box {
position: relative;
}
.intro_img_bg {
position: absolute;
top: 30px;
left: 30px;
}
.intro_img {
position: absolute;
top: 0;
left: 0;
}
/* 关于我们 -- æ— å›¾ */
.about_module {
padding-bottom: 70px;
}
.about_content {
max-width: 1180px;
width: 100%;
color: #333;
padding-top: 40px;
}
.about_intro_title {
font-size: 24px;
line-height: 30px;
font-weight: 900;
}
.about_intro_desc {
font-size: 16px;
line-height: 30px;
font-weight: 400;
}
/* 模å—2 */
.module2 {
padding-bottom: 90px;
}
.module2_content,
.module2_content2{
width: 100%;
position: relative;
flex-wrap: wrap;
display: flex;
}
.module2_content2{
width: 100%;
}
.module2_content {
padding: 50px 0 0;
}
.module2_content2 .course_box_bg {
width: 50%;
height: auto;
}
.module2_content2 .course_box {
position: relative;
justify-content: start;
align-items: center;
margin: 10px;
padding-bottom: 40px;
box-shadow: 0 4px 24px 0 #00000014;
/* overflow: hidden; */
border-radius: 4px;
/* max-width: 380px; */
height: calc(100% - 20px);
background: #fff;
}
.course_box:hover {
margin: 0 10px 20px;
box-shadow: 0 4px 24px 0 #00000029;
.course_consult {
background: var(--main-color);
color: #fff !important;
}
}
.course_box img {
border-top-right-radius: 4px;
border-top-left-radius: 4px;
width: 100%;
height: 300px;
}
.course_title {
font-size: 24px;
line-height: 32px;
font-weight: 700;
margin-top: 24px;
}
.course_desc {
flex: 1;
min-height: 96px;
overflow: hidden;
word-break: break-all;
font-size: 14px;
line-height: 24px;
margin-top: 14px;
}
.course_consult {
white-space: nowrap;
margin-top: 14px;
border: 1px solid #3574e6;
border-radius: 20px;
height: 40px;
width: 184px;
}
.course_title,
.course_desc,
.course_consult {
padding: 0 16px;
text-align: center;
background: #fff;
}
/* 模å—3 */
.module3 {
padding-bottom: 80px;
}
.course_vertical_content {
padding: 30px 0 0;
}
.course_vertical_box {
width: 100%;
position: relative;
margin: 20px 0;
border-radius: 4px;
display: flex !important;
}
/* 奇数 */
.course_vertical_box:nth-child(odd) {
justify-content: end;
.course_vertical_img {
left: 0;
}
.course_vertical_txt {
padding: 20px 40px 20px 0;
align-items: end;
}
}
/* å¶æ•° */
.course_vertical_box:nth-child(even) {
justify-content: start;
.course_vertical_img {
right: 0;
}
.course_vertical_txt {
align-items: start;
padding: 20px 0 20px 40px;
}
}
.course_vertical_box:hover {
margin: 10px 0 30px;
.course_vertical_txt {
box-shadow: 0 4px 24px 0 #00000029;
}
}
.course_vertical_txt {
/* max-width: 980px; */
width: 72%;
border-radius: 4px;
background: white;
min-height: 320px;
box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.08);
}
.txt_box {
width: 72%;
height: 100%;
align-items: start;
justify-content: center;
}
.txt_title {
font-size: 24px;
line-height: 32px;
font-weight: 700;
}
.txt_desc {
/* min-height: 120px; */
font-size: 14px;
color: #666;
line-height: 24px;
margin-top: 16px;
word-break: break-all;
}
.txt_consult {
color: #fff;
font-size: 14px;
line-height: 20px;
padding: 6px 24px;
border-radius: 4px;
margin-top: 24px;
}
.course_vertical_img {
position: absolute;
top: 20px;
/* width: 498px; */
width: 40.5%;
height: calc(100% - 40px);
border-radius: 4px;
z-index: 10;
}
/* 我们的优势 */
.advantage_module {
max-width: 1200px;
}
.advantage_bg,
.mien_modules,
.appraise_bg {
padding-bottom: 100px;
}
.advantage_box_bg,
.advantage_small_box_bg {
width: 50%;
}
.advantage_box {
margin: 60px 10px 0 10px;
padding-top: 40px;
height: calc(100% - 60px);
}
.advantage_box:hover {
margin: 50px 10px 10px 10px;
}
.advantage_info {
position: relative;
height: 100%;
justify-content: start;
align-items: center;
padding: 40px 20px 52px;
background: #fff;
box-shadow: 0 4px 24px 0 #00000014;
border-radius: 4px;
}
.advantage_box:hover .advantage_info {
background: var(--main-color);
}
.advantage_top_icon {
position: absolute;
top: -40px;
width: 80px;
height: 80px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 30px;
}
.advantage_box:hover .advantage_top_icon {
color: var(--main-color);
background: #fff !important;
box-shadow: 0 4px 10px 0 #00000014;
}
.advantage_top_icon .iconfont {
display: flex;
justify-content: center;
align-items: center;
font-size: 40px !important;
width: 40px;
height: 40px;
color: #fff;
}
.advantage_box:hover .iconfont {
color: var(--main-color) !important;
}
.advantage_small_title,
.advantage_title {
font-size: 24px;
line-height: 32px;
font-weight: 700;
}
.advantage_title {
margin-top: 24px;
text-align: center;
}
.advantage_small_box_bg:hover .advantage_small_title,
.advantage_small_box_bg:hover .advantage_small_desc,
.advantage_box:hover .advantage_title,
.advantage_box:hover .advantage_desc {
color: #fff !important;
}
.advantage_small_desc,
.advantage_desc {
min-height: 120px;
font-size: 14px;
line-height: 24px;
color: #666;
}
.advantage_desc {
margin-top: 12px;
text-align: center;
}
.advantage_bottom-border {
position: absolute;
bottom: 0;
background: rgba(var(--main-rgb), 0.3);
height: 12px;
width: 100%;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
/* 我们的优势 -- å°å›¾æ ‡ */
.advantage_small_module_content{
align-items: stretch;
margin-top: 50px;
}
.advantage_small_box_bg {
position: relative;
}
.count_bg {
z-index: 10;
position: absolute;
bottom: 10px;
right: 10px;
border-radius: 4px;
}
.count_bg::before {
content: '01';
/* å¯ä»¥è°ƒæ•´ä½ç½® */
transform: translateY(-50%);
font-size: 90px;
line-height: 90px;
font-weight: 900;
color: rgba(var(--main-rgb), 0.1);
text-align: end;
}
.advantage_small_box_bg:hover .count_bg{
bottom: 20px;
}
.advantage_small_box_bg:hover .count_bg::before {
color: rgba(255, 255, 255, 0.1);
}
.advantage_small_box_bg:nth-child(1) .count_bg::before {
content: "01";
}
.advantage_small_box_bg:nth-child(2) .count_bg::before {
content: "02";
}
.advantage_small_box_bg:nth-child(3) .count_bg::before {
content: "03";
}
.advantage_small_box_bg:nth-child(4) .count_bg::before {
content: "04";
}
.advantage_small_box_bg:nth-child(5) .count_bg::before {
content: "05";
}
.advantage_small_box_bg:nth-child(6) .count_bg::before {
content: "06";
}
.advantage_small_box_bg:nth-child(7) .count_bg::before {
content: "07";
}
.advantage_small_box_bg:nth-child(8) .count_bg::before {
content: "08";
}
.advantage_small_box {
height: calc(100% - 20px);
column-gap: 20px;
background: #fff;
padding: 24px;
margin: 10px;
border-radius: 4px;
box-shadow: 0 4px 24px 0 #00000014;
}
.advantage_small_box_bg:hover .advantage_small_box {
background: var(--main-color);
margin: 0 10px 20px;
}
.advantage_small_top_icon {
min-width: 48px;
height: 48px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 18px;
background: rgba(var(--main-rgb), 0.1) !important;
}
.advantage_small_box_bg:hover .advantage_small_top_icon {
background: rgba(255, 255, 255, 0.1) !important;
color: #fff !important;
}
.advantage_small_top_icon .iconfont {
display: flex;
justify-content: center;
align-items: center;
font-size: 24px !important;
width: 24px;
height: 24px;
color: var(--main-color) !important;
}
.advantage_small_box_bg:hover .advantage_small_top_icon .iconfont {
color: #fff !important;
}
.advantage_small_title {
color: #333;
}
.advantage_small_desc {
min-height: 72px;
margin-top: 10px;
}
/* å¸ˆèµ„åŠ›é‡ */
.faculty_content {
row-gap: 20px;
margin-bottom: 100px;
}
.faculty_content_box {
width: 100%;
height: 440px;
margin-top: 58px;
border-radius: 16px 16px 56px 16px;
}
.faculty_bg {
background: url('/spa/topic/images/faculty_bg.png?v=9xL5qH2saNwU9LTVQ8OYpXwZz_c');
background-size: 100% 440px;
column-gap: 60px;
align-items: center;
padding: 34px 20px 34px 80px;
}
.faculty_left {
flex: 1;
align-items: start;
}
.faculty_title {
font-size: 30px;
line-height: 36px;
font-weight: 700;
}
.faculty_cate {
flex-wrap: wrap;
flex-direction: row;
column-gap: 12px;
margin-top: 12px;
}
.faculty_cate_text {
background: linear-gradient(90deg, #FFE7CF 0%, #FFD0A1 100%);
white-space: nowrap;
font-size: 16px;
line-height: 24px;
color: #985A2D;
border-radius: 4px;
padding: 4px 12px;
}
.faculty_desc {
margin-top: 20px;
line-height: 24px;
font-size: 14px;
}
.faculty_consult {
border-radius: 20px;
border: 1px solid #fff !important;
color: #fff;
padding: 10px 32px;
margin-top: 40px;
}
.faculty_consult:hover {
background: #fff;
color: var(--main-color);
}
/* å³ä¾§å›¾ç‰‡ */
.faculty_img_box {
width: 300px;
height: 400px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 4px 4px 56px 4px;
}
/* 底部相册 */
.faculty_album {
max-width: 1180px;
overflow: hidden;
}
.faculty_album,
.faculty_album_list {
column-gap: 24px;
align-items: end;
justify-content: start;
}
.faculty_album_info {
width: 120px;
min-width: 120px;
max-width: 120px;
height: 192px;
background: rgba(var(--main-rgb), 0.16);
}
.faculty_album_info:hover {
background: var(--main-color);
}
.faculty_album_info:first-child {
width: 140px;
min-width: 140px;
height: 219px;
}
.faculty_album_info .faculty_img {
height: 160px !important;
border-radius: 4px 4px 32px 4px;
}
.faculty_album_info:first-child .faculty_img {
height: 187px !important;
}
.faculty_info_name {
flex: 1;
margin: 4px;
font-size: 16px;
line-height: 24px;
text-align: center;
}
.faculty_album_info:first-child .faculty_info_name,
.faculty_album_info:hover .faculty_info_name {
color: #fff !important;
}
.faculty_album_right_line {
height: 4px;
flex: 1;
background: rgba(53, 116, 230, 0.16);
}
/* 师资力é‡(ç«–å‘æŽ’åˆ—) */
.faculty_vertical_module {
width: 100%;
}
.faculty_vertical_module_bg{
align-items: stretch;
}
.faculty_vertical_content {
width: 100%;
max-width: 1180px;
margin-top: 40px;
margin-bottom: 80px;
}
.faculty_vertical_bg {
column-gap: 24px;
align-items: start;
justify-content: center;
padding: 32px;
border-radius: 4px 56px 4px 4px;
margin: 20px 0;
}
.faculty_vertical_bg:hover {
margin: 10px 0 30px;
box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.08);
}
.faculty_vertical_left {
flex: 1;
align-items: start;
}
.faculty_horiz_title,
.faculty_vertical_title {
font-size: 24px;
line-height: 32px;
font-weight: 700;
}
.faculty_vertical_title {
align-items: end;
}
.faculty_vertical_title .title_tag {
margin-left: 12px;
}
.title_tag {
font-size: 16px;
line-height: 24px;
color: #666;
font-weight: 400;
}
.faculty_vertical_border {
margin-top: 10px;
width: 100%;
flex-wrap: wrap;
flex-direction: row;
align-items: end;
}
.vertical_border {
height: 4px;
width: 48px;
}
.vertical_border_ghost {
flex: 1;
height: 1px;
background: rgba(0, 0, 0, 0.08);
}
.faculty_vertical_desc {
min-height: 144px;
margin-top: 16px;
line-height: 24px;
font-size: 14px;
color: #666;
}
.faculty_vertical_desc .desc_li {
list-style-type: none;
position: relative;
/* padding-left: 20px; */
}
.faculty_vertical_desc .desc_li::before {
content: "• ";
font-size: 20px;
/* è‡ªå®šä¹‰å¤§å° */
}
/* 图片 */
.faculty_vertical_img_box {
width: 160px;
height: 213px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 4px;
overflow: hidden;
}
/* å¸ˆèµ„åŠ›é‡ -- æ¨ªå‘æŽ’åˆ— */
.faculty_horiz_content {
width: 100%;
max-width: 1180px;
margin-top: 50px;
margin-bottom: 90px;
}
.faculty_horiz_box {
width: 50%;
display: flex;
justify-content: center;
align-items: center;
/* height: 100%; */
padding: 10px;
}
.faculty_horiz_box:hover{
padding: 0 10px 20px;
}
.faculty_horiz_bg {
width: 100%;
height: 100%;
row-gap: 16px;
align-items: start;
/* margin: 10px; */
padding: 30px 24px 40px;
border-radius: 4px 56px 4px 4px;
}
.faculty_horiz_bg:hover {
box-shadow: 0 4px 24px 0 #00000014;
/* margin: 0 10px 20px; */
}
.faculty_horiz_top {
column-gap: 20px;
align-items: center;
width: 100%;
}
.faculty_horiz_img_box {
width: 100px;
height: 100px;
border-radius: 100%;
overflow: hidden;
}
.faculty_horiz_title {
flex: 1;
}
.faculty_horiz_desc {
font-size: 14px;
color: #666;
line-height: 24px;
}
/* å¦å‘˜é£Žé‡‡ */
.mien_modules {
padding-bottom: 90px;
}
.mien_modules {
max-width: 100%;
}
.mien_content {
width: 100%;
max-width: 1200px;
margin: 50px auto 0;
flex-wrap: wrap;
justify-content: center !important;
align-items: center;
}
.mien_content_box {
position: relative;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
max-width: 600px;
max-height: 600px;
overflow: hidden;
}
/* 妿 ¡çŽ¯å¢ƒ */
.mien_content_box .school_name {
position: absolute;
bottom: 0;
height: 56px;
width: 100%;
background: linear-gradient(180deg, #00000000 0%, #00000099 100%);
display: flex;
justify-content: center;
align-items: center;
white-space: nowrap;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
.name_info {
padding: 0 32px;
color: #fff;
font-size: 20px;
line-height: 28px;
font-weight: 700px;
}
.mien_hidden_box {
position: relative;
margin: 10px;
max-width: 580px;
max-height: 580px;
}
.mien_img {
width: 100%;
height: 100%;
aspect-ratio: 1 / 1;
border-radius: 4px;
}
/* å¦å‘˜é£Žé‡‡ -- 固定æ¿å¼ */
.mien_fixed_content{
margin-top: 60px;
}
.fixed_content {
width: 50%;
}
.mien_fixed_content_box {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
min-width: 100%;
}
.mien_fixed_content_box,
.mien_fixed_img_box,
.mien_fixed_info {
align-items: center;
justify-content: center;
}
.mien_fixed_img_box,
.mien_fixed_info {
width: 290px;
height: 290px;
}
.mien_fixed_info {
padding: 32px;
row-gap: 14px;
}
.mien_fixed_title {
font-size: 24px;
line-height: 32px;
font-weight: 700;
}
.mien_fixed_desc {
text-align: center;
font-size: 16px;
line-height: 24px;
font-weight: normal;
color: #666;
}
/* å¦å‘˜è¯„ä»· */
.appraise_content {
width: 100%;
flex-wrap: wrap;
align-items: stretch;
}
.appraise_box {
width: 100%;
margin: 60px 0 56px 0;
align-items: stretch;
/* flex: 1; */
}
.appraise_box:hover {
margin: 50px 0 66px 0;
}
.appraise_box_bg {
height: 100%;
/* filter: drop-shadow(0 4px 24px #00000014); */
width: calc(100% - 20px);
/* background: #fff; */
margin: 0 10px;
}
.appraise_box:hover .appraise_info {
box-shadow: 0 4px 24px 0 #00000029;
/* filter: drop-shadow(0 2px 16px #000014); */
}
.appraise_info {
height: 100%;
position: relative;
justify-content: start;
align-items: center;
padding: 48px 48px 93px 48px;
filter: drop-shadow(0 2px 16px #00000014);
box-shadow: 0 4px 24px 0 #00000014;
background: url(/spa/topic/images/appraise_bg.png?v=9xL5qH2saNwU9LTVQ8OYpXwZz_c) no-repeat;
background-position: top;
background-size: 140px;
border-radius: 4px;
}
.appraise_img_box {
position: absolute;
bottom: -56px;
width: 124px;
height: 124px;
padding: 12px;
background: #fff;
display: flex;
justify-content: center;
align-items: center;
border-radius: 100%;
}
.appraise_img {
display: flex;
justify-content: center;
align-items: center;
width: 100px;
height: 100px;
color: #fff;
border-radius: 100%;
}
.appraise_title {
margin-top: 24px;
font-size: 14px;
line-height: 20px;
font-weight: 400;
color: #666;
width: 100%;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
}
.appraise_desc {
min-height: 160px;
flex: 1;
font-size: 16px;
line-height: 32px;
color: #333;
text-align: center;
}
.apperise_line {
flex: 1;
height: 1px;
background-color: #EEEEEE;
}
.apperise_line:first-child{
margin-right: 10px;
}
.apperise_line:last-of-type{
margin-left: 10px;
}
/* 移动端 -- 媒体查询 */
@media (max-width: 1200px) {
.mb40 {
margin-bottom: 0;
}
.module2_content{
.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
bottom: var(--swiper-pagination-bottom, 0px) !important;
}
}
.mien_content_box:hover .mien_img,
.mien_fixed_img_box:hover .mien_fixed_img {
transform: scale(1);
}
.web_top,
.course_title,
.course_desc,
.course_consult {
padding: 0;
}
.top_box {
padding: 0 16px;
height: 56px;
}
.top_logo {
column-gap: 6px;
}
.school_logo {
width: 40px;
height: 40px;
}
.school_name {
font-size: 16px;
line-height: 16px;
}
.top_service {
row-gap: 2px;
}
.service_hot_line {
font-size: 16px;
line-height: 16px;
}
.service_tip {
font-size: 12px;
line-height: 12px;
column-gap: 4px;
}
.service_tip .iconfont {
width: 12px;
height: 12px;
font-size: 12px;
}
.top_banner img {
height: 150px;
width: 100%;
}
/* 关于我们 æ— å›¾ */
.about_module {
padding-bottom: 40px;
}
.about_content {
padding-top: 20px;
}
.about_content_info {
text-align: center;
padding: 0 16px;
/* display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 9;
overflow: hidden;
text-overflow: ellipsis; */
}
.about_intro_title {
font-size: 16px;
line-height: 16px;
font-weight: 700;
}
.about_module .about_intro_desc {
font-size: 12px;
line-height: 20px;
}
.intro_cate {
width: 100%;
}
.intro_img_box {
position: absolute;
top: 10px;
width: 100%;
height: 193px;
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
border-radius: 4px;
}
.intro_img{
position: unset;
}
/* è¯¾ç¨‹ä»‹ç» */
/* 模å—1 */
.module1 {
padding: 0 16px;
}
.web_top {
padding: 0;
}
.content_top {
padding-bottom: 14px;
}
.content_title {
font-size: 20px;
margin: 32px 0 0;
}
.title_border {
width: 32px;
height: 10px;
}
.content_desc {
padding-top: 8px;
font-size: 12px;
line-height: 16px;
}
.module1_content {
padding: 203px 0 40px;
position: relative;
}
.intro_left {
margin: 24px 0 0;
}
.intro_title {
font-size: 16px;
line-height: 16px;
height: 20px;
}
.title_desc {
font-size: 12px;
margin-left: 6px;
}
.intro_desc {
margin-top: 12px;
font-size: 12px;
line-height: 20px;
color: #666;
min-height: auto;
}
.intro_cate {
width: 100%;
margin-top: 32px;
padding: 0;
}
.year,
.recruit,
.teachers {
font-size: 24px;
}
.year_suffix,
.recruit_suffix,
.teachers_suffix,
.year_desc,
.recruit_desc,
.teachers_desc {
font-size: 12px;
}
/* 模å—2 */
.module2 {
padding: 0;
}
.module2_content,
.course_vertical_content {
flex: 1;
padding-top: 10px;
margin: 0 0 20px;
flex-direction: row;
flex-wrap: nowrap;
}
.module2_content2{
flex-direction: row;
flex-wrap: nowrap;
margin-bottom: 22px;
}
.course_box,
.course_vertical_box {
/* margin: 0 16px !important; */
padding: 10px 10px 32px;
background: #fff;
}
.course_box img,
.course_vertical_img {
width: 100%;
height: 154px;
}
.course_box:hover {
margin: 10px;
box-shadow: 0 4px 24px 0 #00000014;
;
}
.course_title,
.txt_title {
font-size: 16px;
line-height: 16px;
}
.course_desc,
.txt_desc {
font-size: 12px;
line-height: 20px;
color: #666;
}
.course_vertical_box:hover {
margin: 0;
overflow: hidden;
}
.course_consult,
.txt_consult,
.intro_img_bg {
display: none;
}
/* 模å—3 */
.module3{
padding: 0 16px 16px;
}
.course_vertical_content {
margin-bottom: 40px;
row-gap: 20px;
}
.course_vertical_box {
background: #FFF;
box-shadow: 0 2px 16px 0 #00000014;
margin: 0;
flex-direction: column;
}
.course_vertical_img {
height: 167px;
padding: 0;
position: unset;
}
.course_vertical_txt{
width: 100%;
min-height: auto;
padding: 0 !important;
margin: 0;
box-shadow: unset;
}
.course_vertical_box:hover .course_vertical_txt {
box-shadow: none;
}
.txt_box {
width: 100%;
align-items: center;
}
.txt_title {
margin-top: 24px;
}
.txt_desc {
margin-top: 14px;
text-align: center;
/* min-height: 160px; */
}
.course_box2_img2 {
width: calc(100% - 20px);
top: 10px;
left: 10px;
padding: 0;
}
.course_box3_txt {
padding-top: 154px;
}
/* 我们的优势 */
.advantage_bg {
padding-bottom: 0;
}
.advantage_module {
padding-bottom: 30px;
}
.advantage_module_content {
padding-left: 11.5px;
padding-right: 11.5px;
flex-wrap: wrap;
justify-content: center !important;
}
.advantage_box {
margin: 30px 4.5px 10px;
padding-top: 24px;
border-radius: 4px;
height: calc(100% - 40px);
}
.advantage_box:hover {
margin: 30px 4.5px 10px 4.5px;
}
.advantage_info {
position: relative;
height: 100%;
justify-content: start;
align-items: center;
padding: 24px 6px 30px;
background: #fff;
box-shadow: 0 2px 16px 0 #00000014;
}
.advantage_box:hover .advantage_info {
background: #fff !important;
}
.advantage_top_icon {
position: absolute;
top: -24px;
width: 48px;
height: 48px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 18px;
}
.advantage_box:hover .advantage_top_icon {
background: var(--main-color) !important;
color: #fff !important;
box-shadow: none;
}
.advantage_top_icon .iconfont {
display: flex;
justify-content: center;
align-items: center;
font-size: 24px !important;
width: 24px;
height: 24px;
color: #fff !important;
}
.advantage_box:hover .iconfont {
color: #fff !important;
}
.advantage_title {
margin-top: 16px;
font-size: 16px;
line-height: 16px;
font-weight: 700;
text-align: center;
}
.advantage_box:hover .advantage_title {
color: var(--main-color) !important;
}
.advantage_box:hover .advantage_desc {
color: #666 !important;
}
.advantage_desc {
margin-top: 10px;
font-size: 12px;
line-height: 20px;
color: #666 !important;
text-align: center;
}
.advantage_bottom-border {
position: absolute;
bottom: 0;
background: rgba(var(--main-rgb), 0.3);
height: 6px;
width: 100%;
}
/* 我们的优势 -- å°å›¾æ ‡ */
.advantage_small_module_content {
flex-direction: column;
flex-wrap: nowrap;
margin-top: 20px;
}
.advantage_small_box_bg {
min-width: 100%;
}
.advantage_small_box,
.advantage_small_box_bg:hover .advantage_small_box {
padding: 20px 14px;
margin: 8px 16px;
background: #fff;
column-gap: 10px;
}
.count_bg {
bottom: 5px;
right: 15px;
}
.advantage_small_box_bg:hover .count_bg{
bottom: 5px;
}
.advantage_small_box_bg:hover .count_bg::before {
color: rgba(var(--main-rgb), 0.1);
}
.advantage_small_top_icon {
min-width: 40px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 18px;
color: var(--main-color);
background: rgba(var(--main-rgb), 0.1);
}
.advantage_small_box_bg:hover .advantage_small_top_icon {
color: var(--main-color) !important;
background: rgba(var(--main-rgb), 0.1) !important;
}
.advantage_small_top_icon .iconfont {
display: flex;
justify-content: center;
align-items: center;
font-size: 20px !important;
width: 20px;
height: 20px;
color: var(--main-color) !important;
}
.advantage_small_box_bg:hover .advantage_small_top_icon .iconfont {
color: var(--main-color) !important;
}
.advantage_small_title,
.advantage_small_box_bg:hover .advantage_small_title {
font-size: 16px;
line-height: 16px;
font-weight: 700;
color: #333 !important;
}
.advantage_small_desc,
.advantage_small_box_bg:hover .advantage_small_desc {
font-size: 12px;
line-height: 20px;
font-weight: normal;
color: #666 !important;
}
/* å¸ˆèµ„åŠ›é‡ */
.faculty_content {
width: calc(100% - 32px);
row-gap: 0;
margin: 0 16px 56px;
}
.faculty_content_box {
width: 100%;
height: 306px;
margin-top: 20px;
border-radius: 8px 8px 56px 8px;
}
.faculty_bg {
flex: 1;
background: url('/spa/topic/images/faculty_bg.png?v=9xL5qH2saNwU9LTVQ8OYpXwZz_c');
background-size: 100% 306px;
justify-content: space-between;
align-items: flex-start;
padding: 10px 14px 24px;
position: relative;
column-gap: 8px;
}
.faculty_left {
flex: 1;
align-items: start;
}
.faculty_title {
font-size: 20px;
line-height: 20px;
font-weight: 700;
}
.faculty_cate {
flex-wrap: wrap;
flex-direction: row;
gap: 4px;
margin-top: 8px;
}
.faculty_cate_text {
background: linear-gradient(90deg, #FFE7CF 0%, #FFD0A1 100%);
white-space: nowrap;
font-size: 11px;
line-height: 11px;
color: #985A2D;
border-radius: 2px;
padding: 4px 6px;
}
.faculty_desc {
margin-top: 10px;
line-height: 20px;
font-size: 12px;
}
/* å³ä¾§å›¾ç‰‡ */
.faculty_img_box {
position: absolute;
top: 10px;
right: 14px;
width: 112px;
height: 150px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 4px 4px 40px 4px;
}
.faculty_img {
height: 150px !important;
}
/* 底部相册 */
.faculty_consult,
.faculty_album {
display: none;
}
/* 师资力é‡(ç«–å‘æŽ’åˆ—) */
.faculty_vertical_module_bg {
align-items: center;
justify-content: center;
}
.faculty_vertical_content {
width: calc(100% - 32px);
margin-top: 4px;
margin-bottom: 32px;
}
.faculty_vertical_bg {
display: flex !important;
position: relative;
column-gap: 10px;
align-items: start;
justify-content: center;
padding: 10px 10px 32px;
border-radius: 4px 4px 4px 56px;
margin: 8px 0;
}
.faculty_vertical_bg:hover {
margin: 8px 0;
box-shadow: none;
}
.faculty_vertical_left {
flex: 1;
align-items: start;
}
.faculty_horiz_title,
.faculty_vertical_title {
margin-top: 10px;
font-size: 16px;
line-height: 26px;
display: flex;
flex-direction: column;
align-items: start;
}
.title_tag {
margin-top: 6px;
margin-left: 0;
font-size: 12px;
line-height: 12px;
font-weight: 400;
}
.faculty_vertical_border {
flex: 1;
margin-top: 14px;
flex-wrap: wrap;
flex-direction: row;
align-items: end;
}
.vertical_border {
width: 32px;
}
.vertical_border_ghost {
flex: 1;
height: 1px;
background: rgba(0, 0, 0, 0.08);
width: calc(100% - 140px);
}
.faculty_vertical_desc {
margin-top: 14px;
line-height: 20px;
font-size: 12px;
color: #666;
padding: 0;
min-height: auto;
}
.faculty_vertical_desc .desc_li {
list-style-type: none;
position: relative;
/* padding-left: 20px; */
}
.faculty_vertical_desc .desc_li::before {
content: "• ";
font-size: 12px;
/* è‡ªå®šä¹‰å¤§å° */
}
/* 图片 */
.faculty_vertical_img_box {
width: 100px;
height: 130px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 4px;
overflow: hidden;
}
/* å¸ˆèµ„åŠ›é‡ -- æ¨ªå‘æŽ’åˆ— */
.faculty_horiz_content {
width: 100%;
margin-top: 20px;
margin-bottom: 32px;
row-gap: 16px;
}
.faculty_horiz_box,
.faculty_horiz_box:hover{
padding: 0;
}
.faculty_horiz_bg {
width: calc(100% - 32px);
row-gap: 14px;
margin: 0px 16px;
padding: 24px 14px 32px;
border-radius: 4px 56px 4px 4px;
}
.faculty_horiz_bg:hover {
box-shadow: none;
margin: 0px 16px;
}
.faculty_horiz_top {
column-gap: 12px;
align-items: center;
width: 100%;
}
.faculty_horiz_img_box {
width: 80px;
height: 80px;
}
.faculty_horiz_desc {
font-size: 14px;
color: #666;
line-height: 24px;
}
/* å¦å‘˜é£Žé‡‡ */
.mien_modules {
padding-bottom: 35.5px;
}
.mien_content {
width: calc(100% - 23px);
margin: 11px 11.5px 0;
}
.mien_content_box {
width: 100%;
max-height: 193px;
overflow: hidden;
margin: 4.5px 0;
}
/* æ ¡å›çŽ¯å¢ƒ */
.mien_content_box .school_name {
bottom: 0;
height: 24px;
width: calc(100% - 12px);
}
.name_info {
padding: 0 6px;
font-size: 14px;
line-height: 14px;
font-weight: 400px;
}
.mien_hidden_box {
margin: 0 4.5px;
width: calc(100% - 9px);
}
.mien_img {
height: 100%;
max-height: 100%;
aspect-ratio: 1 / 1;
}
/* å¦å‘˜é£Žé‡‡ -- 固定æ¿å¼ */
.mien_fixed_content {
width: 100%;
margin: 20px 0 5px;
flex-direction: column;
align-items: center;
}
.fixed_content {
width: 100%;
padding: 0 16px;
}
.mien_fixed_content_box {
min-width: 100%;
}
.mien_fixed_content_box,
.mien_fixed_img_box,
.mien_fixed_info {
align-items: stretch;
justify-content: center;
text-align: center;
}
.mien_fixed_img_box,
.mien_fixed_info {
width: 100%;
height: auto;
aspect-ratio: 1;
/* min-width: 171px;
min-height: 171px; */
}
.mien_fixed_img_box {
margin: 0;
border-radius: 0;
}
.mien_fixed_content_box:hover .mien_fixed_img {
transform: scale(1);
}
.mien_fixed_info {
padding: 12px;
row-gap: 12px;
}
.mien_fixed_title {
font-size: 16px;
line-height: 16px;
}
.mien_fixed_desc {
font-size: 12px;
line-height: 20px;
}
/* å¦å‘˜è¯„ä»· */
.appraise_bg {
padding-bottom: 10px;
}
.appraise_content {
padding: 0 16px;
/* width: calc(100% - 32px); */
}
.appraise_box {
margin-top: 20px;
margin-bottom: 50px;
min-width: 100%;
}
.appraise_box:hover {
margin-bottom: 50px;
margin-top: 20px;
}
.appraise_box_bg {
width: 100%;
margin: 0;
height: auto;
}
.appraise_box:hover .appraise_info{
box-shadow: 0 4px 24px 0 #00000014;
filter: drop-shadow(0 2px 16px #00000014);
}
.appraise_info {
padding: 24px 12px 54px;
background-size: 64px;
height: 100%;
}
.appraise_img_box {
bottom: -39px;
width: 78px;
height: 78px;
padding: 7px;
}
.appraise_img {
min-width: 64px;
width: 64px;
min-height: 64px;
height: 64px;
}
.appraise_title {
font-size: 12px;
line-height: 12px;
}
.apperise_line:first-child{
margin-right: 10px;
}
.apperise_line:last-of-type{
margin-left: 10px;
}
.appraise_desc {
min-height: auto;
font-size: 12px;
line-height: 20px;
}
}
/* --------------------- æ ‡é¢˜æ¨¡æ¿ 01 --------------------- */
.tmp-title-01 {
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: center;
gap: 10px;
flex-shrink: 0;
padding: 32px;
}
.tmp-title-01 .tt01-title {
color: #333333;
font-size: 44px;
font-weight: 700;
line-height: 52px;
display: flex;
flex-direction: row;
align-items: center;
}
.tmp-title-01 .tt01-about {}
.tmp-title-01 .tt01-me {
color: var(--main-color);
}
.tmp-title-01 .tt01-bar {
width: 80px;
height: 2px;
flex-shrink: 0;
background: var(--main-color);
}
.tmp-title-01 .tt01-desc {
color: #666666;
text-align: center;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 28px;
}
/* ç§»åŠ¨ç«¯æ ·å¼ */
@media screen and (max-width: 1200px) {
.tmp-title-01 {
padding: 20px;
}
.tmp-title-01 .tt01-title {
font-size: 20px;
line-height: 20px;
}
.tmp-title-01 .tt01-about {}
.tmp-title-01 .tt01-me {
color: var(--main-color);
}
.tmp-title-01 .tt01-bar {
width: 32px;
}
.tmp-title-01 .tt01-desc {
font-size: 12px;
line-height: 16px;
}
}
/* --------------------- å¦ç”Ÿé£Žé‡‡æ¨¡æ¿ 01 --------------------- */
.tmp-xueshengfengcai-01 {
display: flex;
flex-direction: row;
justify-content: center;
flex-wrap: wrap;
padding: 60px 0px;
max-width: 1280px;
margin: 0 auto;
}
.tmp-xueshengfengcai-01 .txsfc01-box {
display: flex;
flex-direction: row;
align-items: center;
}
.tmp-xueshengfengcai-01 .txsfc01-img {
width: 290px;
height: 290px;
}
.tmp-xueshengfengcai-01 .txsfc01-img img {
width: 290px;
height: 290px;
object-fit: cover;
}
.tmp-xueshengfengcai-01 .txsfc01-content {
width: 290px;
height: 290px;
background: rgba(var(--main-rgb), 0.04);
justify-content: center;
align-items: center;
display: flex;
flex-direction: column;
gap: 14px;
padding: 24px;
}
.tmp-xueshengfengcai-01 .txsfc01-info {
color: var(--main-color);
text-align: center;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 32px;
}
.tmp-xueshengfengcai-01 .txsfc01-desc {
color: #666666;
text-align: center;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
}
/* PC ç«¯æ ·å¼ */
@media screen and (min-width: 1200px) {
/* 选择第2n行 (å³ç´¢å¼•为 2 å’Œ 3 çš„å…ƒç´ ) */
/* å转åå…ƒç´ çš„æŽ’åˆ—æ–¹å‘ */
.tmp-xueshengfengcai-01 .txsfc01-box:nth-child(4n + 3),
.tmp-xueshengfengcai-01 .txsfc01-box:nth-child(4n + 4) {
flex-direction: row-reverse;
}
}
/* ç§»åŠ¨ç«¯æ ·å¼ */
@media screen and (max-width: 1200px) {
/* å¦ç”Ÿé£Žé‡‡æ¨¡æ¿ 01 */
.tmp-xueshengfengcai-01 {
padding: 24px 0px;
}
.tmp-xueshengfengcai-01 .txsfc01-box {
max-width: 100%;
}
/* 选择第2n行 */
/* å转åå…ƒç´ çš„æŽ’åˆ—æ–¹å‘ */
.tmp-xueshengfengcai-01 .txsfc01-box:nth-child(2n + 1) {
flex-direction: row-reverse;
}
.tmp-xueshengfengcai-01 .txsfc01-img {
width: 50%;
height: 100%;
aspect-ratio: 1/1;
overflow: hidden;
}
.tmp-xueshengfengcai-01 .txsfc01-img img {
width: 100%;
aspect-ratio: 1/1;
}
.tmp-xueshengfengcai-01 .txsfc01-content {
width: 50%;
aspect-ratio: 1/1;
gap: 12px;
padding: 8px;
}
.tmp-xueshengfengcai-01 .txsfc01-info {
font-size: 16px;
line-height: 16px;
}
.tmp-xueshengfengcai-01 .txsfc01-desc {
font-size: 12px;
line-height: 20px;
}
}
/* --------------------- 模æ¿03 --------------------- */
/* 模å—外层盒å */
.tmp_about_03,
.tmp_course_03,
.tmp_shizi_03,
.tmp_appraise_03,
.tmp_develop_03,
.tmp_school_env_03,
.tmp_zizhi_03,
.tmp_students_style_03,
.tmp_students_style_03 .tmp_students_style_content {
width: 100%;
color: #333;
display: flex;
flex-direction: column;
}
/* æ¨¡å—æœ€å¤§é™åˆ¶ç›’å */
.tmp_about_03 .tmp_about_content,
.tmp_course_03 .tmp_course_content {
width: 100%;
max-width: 1180px;
margin: 0 auto 100px;
}
/* 图片 */
.tmp_about_03 .about_03_intro_img,
.tmp_course_03 .course_03_intro_img,
.tmp_school_env_03 .school_env_03_img,
.tmp_zizhi_03 .zizhi_03_img,
.tmp_appraise_03 .appraise_content_img,
.tmp_students_style_03 .style03_img {
width: 100%;
height: 100%;
object-fit: cover;
}
/* --------------------- 关于我们模æ¿03 开始 --------------------- */
.tmp_about_03 .tmp_about_content {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
column-gap: 50px;
}
.tmp_about_03 .intro_left {
margin: 0;
padding: 56px 40px 64px;
box-shadow: 0 4px 24px 0 #00000014;
background: #fff;
}
.tmp_about_03 .content_right {
display: flex;
align-items: center;
justify-content: center;
width: 250px;
height: 125px;
}
/* PC ç«¯æ ·å¼ */
@media screen and (min-width: 1200px) {
.tmp_about_03 .tmp_about_content {
margin-top: 60px;
}
.tmp_about_03 .intro_desc {
min-height: unset;
}
}
/* ç§»åŠ¨ç«¯æ ·å¼ */
@media screen and (max-width: 1200px) {
.tmp_about_03 .content_right {
display: none;
}
.tmp_about_03 .tmp_about_content {
margin: 0 auto;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
column-gap: 50px;
}
.tmp_about_03 .intro_left {
margin: 20px 24px 40px;
padding: 0;
box-shadow: none;
background: none;
}
}
/* --------------------- 关于我们模æ¿03 ç»“æŸ --------------------- */
/* --------------------- 课程特色模æ¿03 开始 --------------------- */
.tmp_course_03 .tmp_course_content {
display: flex;
align-items: center;
}
.tmp_course_03 .content_left {
display: flex;
flex-direction: column;
justify-content: center;
}
.tmp_course_03 .content_right {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.tmp_course_03 .content_right_sylphon,
.tmp_course_03 .content_right_img {
overflow: hidden;
border-radius: 4px;
aspect-ratio: 1;
}
/* PC ç«¯æ ·å¼ */
@media screen and (min-width: 1200px) {
.tmp_course_03 .tmp_course_content {
flex-direction: row;
justify-content: space-between;
column-gap: 88px;
margin-top: 60px;
}
.tmp_course_03 .content_left {
align-items: start;
}
.tmp_course_03 .content_left_title {
font-size: 32px;
font-weight: 700;
}
.tmp_course_03 .content_left_desc {
font-size: 14px;
font-weight: 400;
line-height: 24px;
margin-top: 30px;
}
.tmp_course_03 .content_left_button {
width: 180px;
height: 48px;
display: flex;
align-items: center;
justify-content: center;
color: var(--main-color);
border: 1px solid var(--main-color);
border-radius: 4px;
cursor: pointer;
font-size: 14px;
font-weight: 400;
line-height: 20px;
margin-top: 80px;
}
.tmp_course_03 .content_left_button:hover {
color: #fff;
background: var(--main-color);
}
.tmp_course_03 .content_right {
display: grid;
width: 590px;
min-width: 590px;
height: 590px;
gap: 10px;
}
.tmp_course_03 .content_right_img:hover .course_03_intro_img {
transition: transform 0.3s ease;
transform: scale(1.1);
}
}
/* ç§»åŠ¨ç«¯æ ·å¼ */
@media screen and (max-width: 1200px) {
.tmp_course_03 .tmp_course_content {
position: relative;
margin: 20px 16px 40px;
width: calc(100% - 32px);
}
.tmp_course_03 .content_left {
display: flex;
flex-direction: column;
align-items: start;
justify-content: center;
margin-top: calc(100vw - 32px + 24px);
box-shadow: 0 2px 16px 0 #00000014;
background: #fff;
border-radius: 4px;
padding: 20px 14px;
}
.tmp_course_03 .content_right {
position: absolute;
top: 0;
width: 100%;
/* height: 343px; */
gap: 5px;
}
.tmp_course_03 .content_left_title {
font-size: 16px;
font-weight: 700;
line-height: 16px;
}
.tmp_course_03 .content_left_desc {
font-size: 12px;
font-weight: 400;
line-height: 20px;
margin-top: 8px;
}
.tmp_course_03 .content_left_button {
display: none;
}
}
/* --------------------- 课程特色模æ¿03 ç»“æŸ --------------------- */
/* --------------------- å¸ˆèµ„åŠ›é‡æ¨¡æ¿03 开始 --------------------- */
.tmp_shizi_03 .tmp_shizi_content {
display: flex;
flex-wrap: wrap;
}
.tmp_shizi_03 .shizi_content_box {
display: flex;
position: relative;
}
.tmp_shizi_03 .shizi_content_bg {
position: absolute;
background: rgba(var(--main-rgb), 0.6);
border-radius: 4px;
z-index: 0;
}
.tmp_shizi_03 .shizi_content_info {
display: flex;
flex-direction: column;
align-items: start;
justify-content: start;
/* z-index: 2; */
background: rgba(255, 255, 255, .8);
border-radius: 4px;
box-shadow: 0 4px 24px 0 #00000014;
backdrop-filter: blur(7px);
}
.tmp_shizi_03 .content_info_top .iconfont {
color: var(--main-color);
display: flex;
justify-content: center;
align-items: center;
}
.tmp_shizi_03 .content_info_top {
display: flex;
flex-direction: row;
align-items: center;
column-gap: 8px;
}
.tmp_shizi_03 .info_name {
color: var(--main-color);
font-weight: 700;
}
.tmp_shizi_03 .tmp_shizi_content .content_desc {
color: #666;
padding: 0;
}
/* PC ç«¯æ ·å¼ */
@media screen and (min-width: 1200px) {
.tmp_shizi_03 .tmp_shizi_content {
max-width: 1200px;
flex-direction: row;
margin: 50px auto 90px;
/* gap: 10px 20px; */
}
.tmp_shizi_03 .shizi_content_box {
padding: 24px 10px 10px 24px;
/* max-width: calc(50% - 20px); */
}
.tmp_shizi_03 .shizi_content_bg {
top: 10px;
left: 10px;
width: 48px;
height: 48px;
min-width: 48px;
z-index: 0;
}
.tmp_shizi_03 .shizi_content_info {
/* margin: 14px 0 0 14px; */
padding: 32px 24px;
z-index: 0;
}
.tmp_shizi_03 .content_info_top .iconfont {
width: 32px;
min-width: 32px;
height: 32px;
font-size: 32px;
}
.tmp_shizi_03 .content_info_top {
column-gap: 10px;
}
.tmp_shizi_03 .info_name {
font-size: 24px;
line-height: 32px;
}
.tmp_shizi_03 .tmp_shizi_content .content_desc {
font-size: 14px;
font-weight: 400;
line-height: 24px;
margin-top: 16px;
}
.tmp_shizi_03 .shizi_content_box:hover {
padding: 14px 10px 20px 24px;
}
.tmp_shizi_03 .shizi_content_box:hover .shizi_content_bg {
top: 0;
}
.tmp_shizi_03 .shizi_content_box:hover .shizi_content_info {
background: rgba(var(--main-rgb), 0.8);
}
.tmp_shizi_03 .shizi_content_box:hover .content_info_top .iconfont {
color: #fff;
}
.tmp_shizi_03 .shizi_content_box:hover .info_name,
.tmp_shizi_03 .shizi_content_box:hover .content_desc {
color: #fff !important;
}
}
/* ç§»åŠ¨ç«¯æ ·å¼ */
@media screen and (max-width: 1200px) {
.tmp_shizi_03 .tmp_shizi_content {
flex-direction: column;
margin: 26px 16px 40px;
width: calc(100% - 32px);
gap: 24px;
}
.tmp_shizi_03 .shizi_content_bg {
top: 0;
left: 0;
width: 40px;
height: 40px;
min-width: 40px;
}
.tmp_shizi_03 .shizi_content_info {
margin: 8px 0 0 8px;
padding: 20px 14px;
z-index: 1;
}
.tmp_shizi_03 .content_info_top .iconfont {
font-size: 24px;
width: 24px;
min-width: 24px;
height: 24px;
}
.tmp_shizi_03 .content_info_top {
column-gap: 6px;
}
.tmp_shizi_03 .tmp_shizi_content .content_desc {
margin-top: 8px;
}
}
/* --------------------- å¸ˆèµ„åŠ›é‡æ¨¡æ¿03 ç»“æŸ --------------------- */
/* --------------------- å¦å‘˜è¯„价模æ¿03 开始 --------------------- */
.tmp_appraise_03 {
width: 100%;
overflow: hidden;
}
.tmp_appraise03_content {
display: flex;
width: 100%;
}
.tmp_appraise_03 .appraise_content_box {
height: 100%;
border-radius: 4px;
background: #FFF;
}
/* è½®æ’ -- åŽå°ç¼–辑 */
.tmp_appraise_03 .appraise03_swiper_wrapper {
display: flex;
}
.tmp_appraise_03 .appraise03-swiper-container {
width: 100%;
}
/* 头åƒ-åç§° */
.tmp_appraise_03 .appraise_content_top {
display: flex;
align-items: center;
justify-content: start;
}
.tmp_appraise_03 .appraise_content_img_box {
border-radius: 100%;
overflow: hidden;
}
.tmp_appraise_03 .appraise_content_info {
display: flex;
flex-direction: column;
align-items: start;
}
.tmp_appraise_03 .appraise_content_info_name {
font-weight: 700;
}
.tmp_appraise_03 .appraise_content_info_tag {
color: #666666;
font-weight: 400px;
}
.tmp_appraise_03 .appraise_content_desc {
font-weight: 400;
}
/* PC ç«¯æ ·å¼ */
@media screen and (min-width: 1200px) {
.tmp_appraise03_content {
padding: 50px 0 100px;
}
.tmp_appraise_03 .appraise03_left_shade,
.tmp_appraise_03 .appraise03_right_shade {
position: absolute;
top: 0;
width: 16%;
aspect-ratio: 1.026;
height: 100%;
}
.tmp_appraise_03 .appraise03_left_shade {
left: 0;
background: linear-gradient(270deg, #ffffff00 15%, #FFF 100%);
}
.tmp_appraise_03 .appraise03_right_shade {
right: 0;
background: linear-gradient(90deg, #ffffff00 15%, #FFF 100%);
}
/* è½®æ’ -- åŽå°ç¼–辑 */
.appraise03-swiper-container {
margin: auto;
max-width: 1180px;
position: relative;
padding-bottom: 60px;
}
.tmp_develop_03 .swiper-pagination,
.tmp_appraise_03 .swiper-pagination {
min-width: 90px !important;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
position: absolute;
z-index: 10;
gap: 8px;
left: 46%;
bottom: 0;
transform: translateY(-50%);
white-space: nowrap;
}
.tmp_develop_03 .swiper-pagination{
bottom: 0 !important;
}
.tmp_appraise_03 .swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 45%;
transform: translateY(-50%);
white-space: nowrap;
}
.tmp_develop_03 .swiper-pagination-bullet,
.tmp_appraise_03 .swiper-pagination-bullet {
width: 8px;
height: 8px;
border-radius: 100%;
background: rgba(0, 0, 0, 0.5);
opacity: 0.3;
border-color: rgba(0, 0, 0, 0.5);
}
.tmp_develop_03 .swiper-pagination-bullet-active,
.tmp_appraise_03 .swiper-pagination-bullet-active {
width: 32px !important;
height: 8px !important;
border-radius: 32px !important;
background: var(--main-color) !important;
border-color: var(--main-color) !important;
opacity: 1;
}
.tmp_appraise_03 .appraise03_swiper_wrapper {
flex-direction: row;
justify-content: center;
flex-wrap: wrap;
gap: 20px;
/* padding: 20px 10px 10px; */
}
.tmp_appraise_03 .appraise03_swiper_slide {
margin-top: 10px;
box-shadow: 0 4px 24px 0 #00000014;
aspect-ratio: 1.7;
max-width: 580px;
min-width: 580px;
width: 100%;
height: auto;
}
.tmp_appraise_03 .appraise03_swiper_slide:hover {
margin: 0 0 10px;
box-shadow: 0 4px 24px 0 #00000029;
}
.tmp_appraise_03 .appraise_content_box {
width: 100%;
margin: 0;
padding: 40px;
aspect-ratio: 1.7;
}
/* 头åƒ-åç§° */
.tmp_appraise_03 .appraise_content_top {
column-gap: 16px;
padding-bottom: 20px;
border-bottom: 1px solid rgba(var(--main-rgb), 0.5);
}
.tmp_appraise_03 .appraise_content_img_box {
width: 60px;
height: 60px;
}
.tmp_appraise_03 .appraise_content_info_name {
font-size: 20px;
line-height: 28px;
}
.tmp_appraise_03 .appraise_content_info_tag {
font-size: 14px;
font-weight: 400;
line-height: 20px;
margin-top: 2px;
}
.tmp_appraise_03 .appraise_content_desc {
font-size: 16px;
line-height: 32px;
margin-top: 20px;
}
}
/* ç§»åŠ¨ç«¯æ ·å¼ */
@media screen and (max-width: 1200px) {
.tmp_appraise03_content {
overflow: hidden;
/* padding: 10px 6px 58px; */
}
.tmp_appraise_03 .appraise03_left_shade,
.tmp_appraise_03 .appraise03_right_shade {
display: none;
}
/* è½®æ’ -- åŽå°ç¼–辑 */
.tmp_appraise_03 .appraise03-swiper-container {
position: relative;
margin-bottom: 30px;
}
.tmp_appraise_03 .appraise03_swiper_wrapper {
row-gap: 16px;
}
.tmp_appraise_03 .appraise03_swiper_slide {
padding: 0;
}
.tmp_appraise_03 .appraise_content_box {
width: calc(100% - 32px);
margin: 16px 16px 38px;
padding: 24px 14px 32px;
height: auto;
box-shadow: 0 4px 24px 0 #00000014;
}
/* 头åƒ-åç§° */
.tmp_appraise_03 .appraise_content_top {
column-gap: 10px;
padding-bottom: 12px;
border-bottom: 1px solid rgba(0, 0, 0, 0.14);
}
.tmp_appraise_03 .appraise_content_img_box {
width: 48px;
height: 48px;
}
.tmp_appraise_03 .appraise_content_info_name {
font-size: 16px;
font-weight: 700;
line-height: 16px;
}
.tmp_appraise_03 .appraise_content_info_tag {
font-size: 12px;
line-height: 12px;
margin-top: 6px;
}
.tmp_appraise_03 .appraise_content_desc {
font-size: 12px;
line-height: 20px;
margin-top: 14px;
color: #666;
min-height: 120px;
}
}
/* --------------------- å¦å‘˜è¯„价模æ¿03 ç»“æŸ --------------------- */
/* --------------------- æ ¡å›çŽ¯å¢ƒ/è£èª‰èµ„è´¨ 模æ¿03 开始 --------------------- */
.tmp_school_env_03 .school_env_03_content,
.tmp_zizhi_03 .zizhi_03_content {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: stretch;
}
/* æ ¡å›çŽ¯å¢ƒæœ€å¤§å›¾ç‰‡ */
.tmp_school_env_03 .school_env_03_content_box {
max-width: 50%;
}
/* 资质最大图片 */
.tmp_zizhi_03 .zizhi_03_content_box {
/* max-width: 25%; */
}
.tmp_school_env_03 .school_env_03_content_box,
.tmp_zizhi_03 .zizhi_03_content_box {
aspect-ratio: 3 / 4;
}
.tmp_school_env_03 .school_env_03_content_hidden_box,
.tmp_zizhi_03 .zizhi_03_content_hidden_box {
aspect-ratio: 3 / 4;
position: relative;
overflow: hidden;
border-radius: 4px;
}
/* æ ¡å›çŽ¯å¢ƒå›¾ç‰‡åç§° */
.tmp_school_env_03 .school_name {
position: absolute;
width: 100%;
bottom: 0;
left: 0;
text-align: center;
background: linear-gradient(180deg, #00000000 0%, #00000099 100%);
}
.tmp_school_env_03 .name_info {
padding: 0;
}
/* PC ç«¯æ ·å¼ */
@media screen and (min-width: 1200px) {
.tmp_school_env_03 .school_env_03_content,
.tmp_zizhi_03 .zizhi_03_content {
margin: 50px auto 90px;
max-width: 1200px;
}
.tmp_school_env_03 .school_env_03_content_hidden_box,
.tmp_zizhi_03 .zizhi_03_content_hidden_box {
margin: 10px;
}
/* 资质白边 */
.tmp_zizhi_03 .zizhi_03_content_hidden_box {
padding: 24px 18px;
background: #fff;
box-shadow: 0 4px 24px 0 #00000014;
}
.tmp_school_env_03 .school_env_03_content_box:hover .school_env_03_img,
.tmp_zizhi_03 .zizhi_03_content_box:hover .zizhi_03_img {
transition: transform 0.3s ease;
transform: scale(1.1);
}
/* æ ¡å›çŽ¯å¢ƒå›¾ç‰‡åç§° */
.tmp_school_env_03 .school_name {
padding: 14px;
}
}
/* ç§»åŠ¨ç«¯æ ·å¼ */
@media screen and (max-width: 1200px) {
.tmp_school_env_03 .school_env_03_content,
.tmp_zizhi_03 .zizhi_03_content {
flex: 1;
margin: 14px 10px 34px;
}
.tmp_zizhi_03 .zizhi_03_content {
justify-content: center;
}
.tmp_school_env_03 .school_env_03_content_hidden_box,
.tmp_zizhi_03 .zizhi_03_content_hidden_box {
margin: 6px;
}
.tmp_school_env_03 .school_name {
padding: 6px;
}
}
/* --------------------- æ ¡å›çŽ¯å¢ƒ/è£èª‰èµ„è´¨ 模æ¿03 ç»“æŸ --------------------- */
/* --------------------- å‘展历程模æ¿03 开始 --------------------- */
.tmp_develop_03 .tmp_develop03_content {
display: flex;
}
.tmp_develop_03 .develop03_scroll {
width: 100%;
display: flex;
}
.tmp_develop_03 .develop03_content_box {
border-radius: 4px;
}
.tmp_develop_03 .develop03_content_info_name {
font-weight: 700;
color: var(--main-color);
}
/* PC ç«¯æ ·å¼ */
@media screen and (min-width: 1200px) {
.tmp_develop_03 .tmp_develop03_content {
width: 100%;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
margin: 40px 0 60px;
}
.tmp_develop_03 .swiper-scrollbar {
opacity: 1 !important;
height: 4px;
background: #eee;
position: absolute;
bottom: 0px;
width: 100%;
}
.tmp_develop_03 .swiper-scrollbar-drag {
background: var(--main-color);
height: 4px;
/* width: 180px !important; */
}
.tmp_develop_03 .tmp_develop03_scroll_box {
width: 100%;
padding: 20px 20px 40px;
max-width: 1220px;
overflow: hidden;
position: relative;
}
.tmp_develop_03 .develop03_scroll {
/* gap: 20px; */
column-gap: 20px;
flex-direction: row;
justify-content: center;
flex-wrap: wrap;
align-items: stretch;
}
.tmp_develop_03 .develop03_content_box {
width: 280px;
/* min-width: 280px; */
background: #FFF;
box-shadow: 0 4px 24px 0 #00000014;
padding: 32px 20px;
color: #333;
flex-shrink: 0;
height: auto;
}
.tmp_develop_03 .swiper-slide{
margin-top: 20px;
margin-bottom: 20px;
}
.tmp_develop_03 .swiper-slide-active{
margin-top: 0;
margin-bottom: 0;
}
.tmp_develop_03 .swiper-slide-active,
.tmp_develop_03 .swiper-slide-duplicate-active {
color: #fff !important;
background: rgba(var(--main-rgb), 0.8);
}
.tmp_develop_03 .swiper-slide-active .develop03_content_info_name {
color: #fff !important;
}
.tmp_develop_03 .swiper-slide-active .develop03_content_desc{
font-size: 16px;
line-height: 26px;
}
.tmp_develop_03 .develop03_content_shade {
display: flex;
flex-direction: column;
row-gap: 12px;
}
.tmp_develop_03 .develop03_content_box:hover {
}
.tmp_develop_03 .develop03_content_box:hover .develop03_content_info_name {
}
.tmp_develop_03 .develop03_content_info_name {
font-size: 20px;
line-height: 28px;
}
.tmp_develop_03 .develop03_content_desc {
font-size: 14px;
line-height: 24px;
}
/* Webkitæµè§ˆå™¨ï¼ˆChrome, Safari, Edgeï¼‰è‡ªå®šä¹‰æ»šåŠ¨æ¡æ ·å¼ */
.tmp_develop03_scroll_box::-webkit-scrollbar {
width: 4px;
/* 设置垂直滚动æ¡å®½åº¦ */
height: 4px;
cursor: pointer;
/* 设置水平滚动æ¡é«˜åº¦ */
/* border-radius: 10px; */
/* 圆角 */
}
/* 滚动æ¡è½¨é“ */
.tmp_develop03_scroll_box::-webkit-scrollbar-track {
background-color: #eee;
border-radius: 10px;
}
/* æ»šåŠ¨æ¡æ»‘å— */
.tmp_develop03_scroll_box::-webkit-scrollbar-thumb {
background-color: var(--main-color);
border-radius: 10px;
/* overflow: hidden; */
border: 4px solid transparent;
}
/* æ»‘å—æ‚¬æµ® */
.tmp_develop03_scroll_box::-webkit-scrollbar-thumb:hover {
background-color: rgba(var(--main-rgb), 0.7);
}
.tmp_develop03_scroll_box::-webkit-scrollbar-button:vertical {
display: none;
}
/* Firefoxçš„æ»šåŠ¨æ¡ */
.tmp_develop03_content {
/* 滚动æ¡çš„宽度 */
scrollbar-width: 4px;
/* 滚动æ¡çš„æ»‘å—和轨é“颜色 */
/* scrollbar-color: var(--main-color) #EEE; */
}
}
/* ç§»åŠ¨ç«¯æ ·å¼ */
@media screen and (max-width: 1200px) {
.tmp_develop_03 .tmp_develop03_content {
width: 100%;
overflow: hidden;
}
.tmp_develop_03 .tmp_develop03_scroll_box {
width: 100%;
padding: 20px 0 48px;
margin-bottom: 40px;
display: flex;
position: relative;
}
.tmp_develop_03 .develop03_scroll {
align-items: stretch;
}
.develop03_content_box {
padding: 0 16px;
}
.develop03_content_shade {
display: flex;
flex-direction: column;
width: 100%;
box-shadow: 0 2px 16px 0 #00000014;
background: #FFF;
padding: 24px 14px;
gap: 10px;
border-radius: 4px;
height: 100%;
}
.tmp_develop_03 .develop03_content_info_name {
font-size: 16px;
line-height: 16px;
}
.tmp_develop_03 .develop03_content_desc {
color: #666;
font-size: 12px;
line-height: 20px;
}
}
/* --------------------- å‘展历程模æ¿03 ç»“æŸ --------------------- */
/* --------------------- å¦ç”Ÿé£Žé‡‡æ¨¡æ¿03 开始 --------------------- */
.tmp_students_style_03 {
overflow: hidden;
/* width: 1200px; */
/* height: revert-layer; */
}
.tmp_students_style_03 .style03_swiper_wrapper {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
}
.tmp_students_style_03 .style03_swiper_slide {
overflow: hidden;
flex-shrink: 0;
aspect-ratio: 4/3;
/* max-width: 300px; */
}
.tmp_students_style_03 .style03_img_box {
position: relative;
height: 100%;
}
.tmp_students_style_03 .style03_img_name {
position: absolute;
bottom: 0;
text-align: center;
width: 100%;
background: rgba(0, 0, 0, .6);
color: #fff;
}
/* PC ç«¯æ ·å¼ */
@media screen and (min-width: 1200px) {
.tmp_students_style_03 {
overflow: hidden;
}
.tmp_students_style_03 .tmp_students_style_content {
margin: 60px 0 100px;
gap: 10px;
}
.tmp_students_style_03 .style03_swiper_wrapper {
display: grid;
gap: 10px;
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.tmp_students_style_03 .style03_img_name {
/* display: flex; */
font-size: 20px;
padding: 6px 24px;
}
.tmp_students_style_03 .style03_swiper_slide:hover .style03_img {
transition: transform 0.3s ease;
transform: scale(1.1);
}
.tmp_students_style_03 .style03_swiper_slide:hover .style03_img_name {
display: block !important;
}
}
/* ç§»åŠ¨ç«¯æ ·å¼ */
@media screen and (max-width: 1200px) {
.tmp_students_style_03 .tmp_students_style_content {
margin: 20px 0 40px;
gap: 2px;
}
.tmp_students_style_03 .style03_transform {
transform: translate(-90px, 0);
}
.tmp_students_style_03 .style03_img_name {
display: flex;
font-size: 14px;
padding: 5px 8px;
justify-content: center;
}
.tmp_students_style_03 .style03_img_box {
width: 100%;
height: 100%;
}
}
/* --------------------- å¦ç”Ÿé£Žé‡‡æ¨¡æ¿03 ç»“æŸ --------------------- */
/* 在线链接æœåС仅供平å°ä½“验和调试使用,平å°ä¸æ‰¿è¯ºæœåŠ¡çš„ç¨³å®šæ€§ï¼Œä¼ä¸šå®¢æˆ·éœ€ä¸‹è½½å—体包自行å‘布使用并åšå¥½å¤‡ä»½ã€‚ */
@font-face {
font-family: "iconfont"; /* Project id 3524467 */
src: url('//at.alicdn.com/t/c/font_3524467_j5h7b0pxcgb.woff2?t=1736331503153') format('woff2'),
url('//at.alicdn.com/t/c/font_3524467_j5h7b0pxcgb.woff?t=1736331503153') format('woff'),
url('//at.alicdn.com/t/c/font_3524467_j5h7b0pxcgb.ttf?t=1736331503153') format('truetype');
}
.iconfont {
font-family: "iconfont" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-a-laoshi1:before {
content: "\e6d2";
}
.icon-a-plan-line:before {
content: "\ea4c";
}
.icon-plan-bold:before {
content: "\ea4b";
}
.icon-shouye-line:before {
content: "\ea2d";
}
.icon-shoucang-bold:before {
content: "\ea2c";
}
.icon-yuyueshiting:before {
content: "\e68d";
}
.icon-shijian:before {
content: "\e66c";
}
.icon-zizhirenzheng:before {
content: "\e68a";
}
.icon-xiangqing-didian:before {
content: "\e68b";
}
.icon-shouke:before {
content: "\e68c";
}
.icon-xiangxiaxiaobiao:before {
content: "\e668";
}
.icon-shuoming:before {
content: "\e69d";
}
.icon-daohang:before {
content: "\e689";
}
.icon-shoucang-yixuanzhong:before {
content: "\e688";
}
.icon-a-tongzhi:before {
content: "\e67c";
}
.icon-a-tubiao:before {
content: "\e67d";
}
.icon-a-kafei:before {
content: "\e67e";
}
.icon-a-shuxie:before {
content: "\e67f";
}
.icon-a-mianfei:before {
content: "\e680";
}
.icon-a-jiaocai:before {
content: "\e681";
}
.icon-a-zhinan:before {
content: "\e682";
}
.icon-a-zongjie:before {
content: "\e683";
}
.icon-a-xiaochengxu:before {
content: "\e684";
}
.icon-a-mianbao:before {
content: "\e685";
}
.icon-a-quanqiu:before {
content: "\e686";
}
.icon-a-xueli:before {
content: "\e687";
}
.icon-a-bofang:before {
content: "\e66d";
}
.icon-a-xihuan:before {
content: "\e66e";
}
.icon-a-chakan:before {
content: "\e66f";
}
.icon-a-remen:before {
content: "\e670";
}
.icon-a-jingxuan:before {
content: "\e671";
}
.icon-a-buxing:before {
content: "\e672";
}
.icon-a-diannao:before {
content: "\e673";
}
.icon-a-dianzan:before {
content: "\e674";
}
.icon-a-shouji:before {
content: "\e675";
}
.icon-a-gongjiao:before {
content: "\e676";
}
.icon-a-yishu:before {
content: "\e677";
}
.icon-a-weizhi:before {
content: "\e678";
}
.icon-a-feiji:before {
content: "\e679";
}
.icon-a-yingyu:before {
content: "\e67a";
}
.icon-a-qiche:before {
content: "\e67b";
}
.icon-a-kecheng:before {
content: "\e653";
}
.icon-a-zhuanye:before {
content: "\e654";
}
.icon-a-zixun:before {
content: "\e656";
}
.icon-a-feiyong:before {
content: "\e657";
}
.icon-a-bianhao3:before {
content: "\e658";
}
.icon-a-yiduiyi:before {
content: "\e659";
}
.icon-a-fuwutixi:before {
content: "\e65a";
}
.icon-a-rongyu:before {
content: "\e65b";
}
.icon-a-mubiao:before {
content: "\e65c";
}
.icon-a-dayi:before {
content: "\e65d";
}
.icon-a-jiage:before {
content: "\e65e";
}
.icon-a-xuewei:before {
content: "\e65f";
}
.icon-a-tuandui:before {
content: "\e660";
}
.icon-a-bianhao1:before {
content: "\e661";
}
.icon-a-xuexi:before {
content: "\e662";
}
.icon-a-zhishi:before {
content: "\e663";
}
.icon-a-fuli:before {
content: "\e664";
}
.icon-a-bianhao4:before {
content: "\e665";
}
.icon-a-laoshi:before {
content: "\e666";
}
.icon-a-gren:before {
content: "\e667";
}
.icon-a-huiyuan:before {
content: "\e669";
}
.icon-a-bianhao2:before {
content: "\e66a";
}
.icon-a-zhouqi:before {
content: "\e66b";
}
.icon-tishi:before {
content: "\e651";
}
.icon-fenxiang2:before {
content: "\e650";
}
.icon-renzheng1:before {
content: "\e652";
}
.icon-huati4:before {
content: "\e655";
}
.icon-youjiancaidan-shanchu:before {
content: "\e607";
}
.icon-tupian:before {
content: "\e64e";
}
.icon-liaoyiliao:before {
content: "\e64f";
}
.icon-shoucang:before {
content: "\e64d";
}
.icon-shouye-baike:before {
content: "\e63c";
}
.icon-wodehuati:before {
content: "\e63d";
}
.icon-xuanzhong:before {
content: "\e63e";
}
.icon-wodezhuye:before {
content: "\e63f";
}
.icon-shouye-zhuanye:before {
content: "\e640";
}
.icon-shouye-huati:before {
content: "\e641";
}
.icon-zhanghaoshezhi:before {
content: "\e642";
}
.icon-youjiantou:before {
content: "\e643";
}
.icon-shouye-yuanxiao:before {
content: "\e644";
}
.icon-zaixiankefu:before {
content: "\e645";
}
.icon-dibuweixuanzhong-shequ:before {
content: "\e646";
}
.icon-dingbu-fanhui:before {
content: "\e647";
}
.icon-fenxiang:before {
content: "\e648";
}
.icon-dibuweixuanzhong-jigou:before {
content: "\e649";
}
.icon-wodehuati1:before {
content: "\e64a";
}
.icon-wodepinglun:before {
content: "\e64b";
}
.icon-wodezixun:before {
content: "\e64c";
}
.icon-dibuxuanzhong-shouye-copy:before {
content: "\e96f";
}
.icon-dibu-fabu:before {
content: "\e61e";
}
.icon-dibuweixuanzhong-shouye:before {
content: "\e61f";
}
.icon-dianzan-yidian:before {
content: "\e621";
}
.icon-dibuxuanzhong-jigou:before {
content: "\e622";
}
.icon-dibuxuanzhong-wode:before {
content: "\e623";
}
.icon-dingbu-shouye:before {
content: "\e624";
}
.icon-dibuxuanzhong-shequ:before {
content: "\e625";
}
.icon-dianzan:before {
content: "\e626";
}
.icon-gengduo:before {
content: "\e627";
}
.icon-shanchu2:before {
content: "\e628";
}
.icon-nansheng:before {
content: "\e629";
}
.icon-dibuweixuanzhong-wode:before {
content: "\e62a";
}
.icon-nvsheng:before {
content: "\e62b";
}
.icon-pingfen-wu:before {
content: "\e62c";
}
.icon-huatipinglun1:before {
content: "\e62d";
}
.icon-shanchu1:before {
content: "\e62e";
}
.icon-guanyuwomen:before {
content: "\e62f";
}
.icon-huifu:before {
content: "\e630";
}
.icon-huati3:before {
content: "\e631";
}
.icon-pingfen-you:before {
content: "\e632";
}
.icon-jiarushequn:before {
content: "\e633";
}
.icon-shouye-dingwei:before {
content: "\e634";
}
.icon-shouye-sousuo:before {
content: "\e635";
}
.icon-huati2:before {
content: "\e636";
}
.icon-genghuantouxiang:before {
content: "\e637";
}
.icon-tianjia:before {
content: "\e638";
}
.icon-shouye-jigou:before {
content: "\e639";
}
.icon-shouye-didian:before {
content: "\e63a";
}
.icon-shouye-gongju:before {
content: "\e63b";
}
.icon-morenicon:before {
content: "\e96e";
}
.icon-a-old-version2x:before {
content: "\e61d";
}
.icon-a-location2x:before {
content: "\e61c";
}
.icon-a-check-square2x:before {
content: "\e61b";
}
.icon-a-notification2x:before {
content: "\e617";
}
.icon-a-lock2x:before {
content: "\e618";
}
.icon-a-compass2x:before {
content: "\e619";
}
.icon-a-eye2x:before {
content: "\e61a";
}
.icon-a-thumb-up2x:before {
content: "\e616";
}
.icon-a-play-circle2x:before {
content: "\e615";
}
.icon-a-schedule2x:before {
content: "\e614";
}
.icon-a-user-add2x:before {
content: "\e612";
}
.icon-a-bulb2x:before {
content: "\e613";
}
.icon-a-pushpin2x:before {
content: "\e611";
}
.icon-a-user-group2x:before {
content: "\e60e";
}
.icon-a-desktop2x:before {
content: "\e60f";
}
.icon-a-common2x:before {
content: "\e610";
}
.icon-a-empty2x:before {
content: "\e60b";
}
.icon-a-subscribed2x:before {
content: "\e60c";
}
.icon-a-palette2x:before {
content: "\e60d";
}
.icon-a-trophy2x:before {
content: "\e609";
}
.icon-a-safe2x:before {
content: "\e60a";
}
.icon-dianzanxiankuang:before {
content: "\e946";
}
.icon-neirongguanli1:before {
content: "\e944";
}
.icon-gongzuotai1:before {
content: "\e945";
}
.icon-dingweixianxing:before {
content: "\e943";
}
.icon-touxiang:before {
content: "\e942";
}
.icon-dingwei:before {
content: "\e941";
}
.icon-a-zhuangshizuobian_huaban1:before {
content: "\e93f";
}
.icon-a-zhuangshiyoubian_huaban1:before {
content: "\e940";
}
.icon-a-yikaozhuanti_huaban11:before {
content: "\e93c";
}
.icon-a-fenxiang_huaban1:before {
content: "\e93d";
}
.icon-youshimianxing:before {
content: "\e93e";
}
.icon-a-baokaozhinan_huaban1:before {
content: "\e933";
}
.icon-a-xueyuanpingjia_huaban1:before {
content: "\e934";
}
.icon-a-jigoupaiming_huaban1:before {
content: "\e935";
}
.icon-a-yikaozhuanti_huaban1:before {
content: "\e936";
}
.icon-a-yikaozixun_huaban1:before {
content: "\e937";
}
.icon-a-zhaoshengjianzhang_huaban1:before {
content: "\e938";
}
.icon-a-zhuanyejixun_huaban1:before {
content: "\e939";
}
.icon-a-yishuyuanxiao_huaban1:before {
content: "\e93a";
}
.icon-a-zhuanyejiedu_huaban1:before {
content: "\e93b";
}
/*! PhotoSwipe main CSS by Dmytro Semenov | photoswipe.com */
.pswp {
--pswp-bg: #000;
--pswp-placeholder-bg: #222;
--pswp-root-z-index: 100000;
--pswp-preloader-color: rgba(79, 79, 79, 0.4);
--pswp-preloader-color-secondary: rgba(255, 255, 255, 0.9);
/* defined via js:
--pswp-transition-duration: 333ms; */
--pswp-icon-color: #fff;
--pswp-icon-color-secondary: #4f4f4f;
--pswp-icon-stroke-color: #4f4f4f;
--pswp-icon-stroke-width: 2px;
--pswp-error-text-color: var(--pswp-icon-color);
}
/*
Styles for basic PhotoSwipe (pswp) functionality (sliding area, open/close transitions)
*/
.pswp {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: var(--pswp-root-z-index);
display: none;
touch-action: none;
outline: 0;
opacity: 0.003;
contain: layout style size;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/* Prevents focus outline on the root element,
(it may be focused initially) */
.pswp:focus {
outline: 0;
}
.pswp * {
box-sizing: border-box;
}
.pswp img {
max-width: none;
}
.pswp--open {
display: block;
}
.pswp,
.pswp__bg {
transform: translateZ(0);
will-change: opacity;
}
.pswp__bg {
opacity: 0.005;
background: var(--pswp-bg);
}
.pswp,
.pswp__scroll-wrap {
overflow: hidden;
}
.pswp__scroll-wrap,
.pswp__bg,
.pswp__container,
.pswp__item,
.pswp__content,
.pswp__img,
.pswp__zoom-wrap {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.pswp__img,
.pswp__zoom-wrap {
width: auto;
height: auto;
}
.pswp--click-to-zoom.pswp--zoom-allowed .pswp__img {
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in;
}
.pswp--click-to-zoom.pswp--zoomed-in .pswp__img {
cursor: move;
cursor: -webkit-grab;
cursor: -moz-grab;
cursor: grab;
}
.pswp--click-to-zoom.pswp--zoomed-in .pswp__img:active {
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
cursor: grabbing;
}
/* :active to override grabbing cursor */
.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img,
.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img:active,
.pswp__img {
cursor: -webkit-zoom-out;
cursor: -moz-zoom-out;
cursor: zoom-out;
}
/* Prevent selection and tap highlights */
.pswp__container,
.pswp__img,
.pswp__button,
.pswp__counter {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.pswp__item {
/* z-index for fade transition */
z-index: 1;
overflow: hidden;
}
.pswp__hidden {
display: none !important;
}
/* Allow to click through pswp__content element, but not its children */
.pswp__content {
pointer-events: none;
}
.pswp__content > * {
pointer-events: auto;
}
/*
PhotoSwipe UI
*/
/*
Error message appears when image is not loaded
(JS option errorMsg controls markup)
*/
.pswp__error-msg-container {
display: grid;
}
.pswp__error-msg {
margin: auto;
font-size: 1em;
line-height: 1;
color: var(--pswp-error-text-color);
}
/*
class pswp__hide-on-close is applied to elements that
should hide (for example fade out) when PhotoSwipe is closed
and show (for example fade in) when PhotoSwipe is opened
*/
.pswp .pswp__hide-on-close {
opacity: 0.005;
will-change: opacity;
transition: opacity var(--pswp-transition-duration) cubic-bezier(0.4, 0, 0.22, 1);
z-index: 10; /* always overlap slide content */
pointer-events: none; /* hidden elements should not be clickable */
}
/* class pswp--ui-visible is added when opening or closing transition starts */
.pswp--ui-visible .pswp__hide-on-close {
opacity: 1;
pointer-events: auto;
}
/*