/* 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;
}

/* <button> styles, including css reset */
.pswp__button {
	position: relative;
	display: block;
	width: 50px;
	height: 60px;
	padding: 0;
	margin: 0;
	overflow: hidden;
	cursor: pointer;
	background: none;
	border: 0;
	box-shadow: none;
	opacity: 0.85;
	-webkit-appearance: none;
	-webkit-touch-callout: none;
}

.pswp__button:hover,
.pswp__button:active,
.pswp__button:focus {
  transition: none;
  padding: 0;
  background: none;
  border: 0;
  box-shadow: none;
  opacity: 1;
}

.pswp__button:disabled {
  opacity: 0.3;
  cursor: auto;
}

.pswp__icn {
  fill: var(--pswp-icon-color);
  color: var(--pswp-icon-color-secondary);
}

.pswp__icn {
  position: absolute;
  top: 14px;
  left: 9px;
  width: 32px;
  height: 32px;
  overflow: hidden;
  pointer-events: none;
}

.pswp__icn-shadow {
  stroke: var(--pswp-icon-stroke-color);
  stroke-width: var(--pswp-icon-stroke-width);
  fill: none;
}

.pswp__icn:focus {
	outline: 0;
}

/*
	div element that matches size of large image,
	large image loads on top of it,
	used when msrc is not provided
*/
div.pswp__img--placeholder,
.pswp__img--with-bg {
	background: var(--pswp-placeholder-bg);
}

.pswp__top-bar {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 60px;
	display: flex;
  flex-direction: row;
  justify-content: flex-end;
	z-index: 10;

	/* allow events to pass through top bar itself */
	pointer-events: none !important;
}
.pswp__top-bar > * {
  pointer-events: auto;
  /* this makes transition significantly more smooth,
     even though inner elements are not animated */
  will-change: opacity;
}


/*

  Close button

*/
.pswp__button--close {
  margin-right: 6px;
}


/*

  Arrow buttons

*/
.pswp__button--arrow {
  position: absolute;
  top: 0;
  width: 75px;
  height: 100px;
  top: 50%;
  margin-top: -50px;
}

.pswp__button--arrow:disabled {
  display: none;
  cursor: default;
}

.pswp__button--arrow .pswp__icn {
  top: 50%;
  margin-top: -30px;
  width: 60px;
  height: 60px;
  background: none;
  border-radius: 0;
}

.pswp--one-slide .pswp__button--arrow {
  display: none;
}

/* hide arrows on touch screens */
.pswp--touch .pswp__button--arrow {
  visibility: hidden;
}

/* show arrows only after mouse was used */
.pswp--has_mouse .pswp__button--arrow {
  visibility: visible;
}

.pswp__button--arrow--prev {
  right: auto;
  left: 0px;
}

.pswp__button--arrow--next {
  right: 0px;
}
.pswp__button--arrow--next .pswp__icn {
  left: auto;
  right: 14px;
  /* flip horizontally */
  transform: scale(-1, 1);
}

/*

  Zoom button

*/
.pswp__button--zoom {
  display: none;
}

.pswp--zoom-allowed .pswp__button--zoom {
  display: block;
}

/* "+" => "-" */
.pswp--zoomed-in .pswp__zoom-icn-bar-v {
  display: none;
}


/*

  Loading indicator

*/
.pswp__preloader {
  position: relative;
  overflow: hidden;
  width: 50px;
  height: 60px;
  margin-right: auto;
}

.pswp__preloader .pswp__icn {
  opacity: 0;
  transition: opacity 0.2s linear;
  animation: pswp-clockwise 600ms linear infinite;
}

.pswp__preloader--active .pswp__icn {
  opacity: 0.85;
}

@keyframes pswp-clockwise {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


/*

  "1 of 10" counter

*/
.pswp__counter {
  height: 30px;
  margin-top: 15px;
  margin-inline-start: 20px;
  font-size: 14px;
  line-height: 30px;
  color: var(--pswp-icon-color);
  text-shadow: 1px 1px 3px var(--pswp-icon-color-secondary);
  opacity: 0.85;
}

.pswp--one-slide .pswp__counter {
  display: none;
}