@charset "utf-8";
html {--theme:#4b24c2;--second:#ca82a8;--minor:#fdc516;--text:#010101;--p-color:#666666;--hover-color:#ca82a8;--background:#fafafa;--background-gray:#f8f8f8;--border-color:#e7e7e7;--box-shadow:0 0 1.75em 0.125em rgb(75 36 194 / 30%);--linear-gradient1:#4b24c2;--linear-gradient2:#ca82a8;}
* {color:inherit;padding:0;margin:0;box-sizing:border-box;list-style:none;line-height:1.35;}
body {margin:0;padding:0;font:16px "Microsoft yahei","PingFangSC-Regular",sans-serif;font-weight:300;-webkit-font-smoothing:antialiased;color:var(--text);}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,pre,code,form,fieldset,legend,input,button,textarea,blockquote {margin:0;padding:0;word-break:break-word;}
input {outline:0;}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {-webkit-appearance:none;}
input[type="number"] {-moz-appearance:textfield;appearance:textfield;}
:focus-visible {outline:none;}
button {outline:0}
textarea {font-family:"Microsoft yahei","PingFangSC-Regular",sans-serif !important;resize: none;}
img {display:block;border:0;max-width:100%;}
img.lazy-load {max-width:unset;}
a {text-decoration:none;}
a:hover {text-decoration:none;color:var(--hover-color);}
a:visited {text-decoration:none;}
a:active {text-decoration:none;}
a:link {text-decoration:none;}
::-webkit-scrollbar {width:4px;height:4px;background-color:#F5F5F5;}
::-webkit-scrollbar-track {border-radius:3px;background-color:#E2E2E2;}
::-webkit-scrollbar-thumb {border-radius:3px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);box-shadow:inset 0 0 6px rgba(0,0,0,0.3);background-color:var(--theme);}
::selection {background-color:var(--theme);color:var(--background);}
::-moz-selection {background-color:var(--theme);color:var(--background);}
::-webkit-selection {background-color:var(--theme);color:var(--background);}
.clearfix:before,.clearfix:after {content:" ";display:table;clear:both;}
.container {width:94%;max-width:1500px;margin:0 auto;}
.fr {float:right;}
.fl {float:left;}
.flex {display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;}
.flex_d-c {-webkit-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;}
.flex_d-r {-ms-flex-direction:row-reverse;-webkit-flex-direction:row-reverse;flex-direction:row-reverse;}
.flex_wrap {-webkit-box-pack:wrap;-ms-flex-pack:wrap;-webkit-justify-content:wrap;justify-content:wrap;flex-wrap:wrap;}
.flex_j-end {-webkit-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;}
.flex_j-center {-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}
.flex_j-s-b {-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
.flex_j-s-a {-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-around;justify-content:space-around;}
.flex_a-end {-webkit-box-align:end;-ms-flex-align:end;-webkit-align-items:flex-end;align-items:flex-end;}
.flex_a-center {-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
.flex_a-b {-webkit-box-align:baseline;-ms-flex-align:baseline;-webkit-align-items:baseline;align-items:baseline;}
.ellipsis {overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.ellipsis-2 {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;}
.ellipsis-3 {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;}
.ellipsis-4 {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;}
.show {display:block;}
.hide {display:none;}
.aligncenter {display:block;margin-left:auto;margin-right:auto;}
.alignright {float:right;margin:0.5em 0 0.5em 1em;}
.alignleft {float:left;margin:0.5em 1em 0.5em 0;}
.pc_block {display:block;}
.m_block {display:none;}
.bg-color {background-color: var(--background);}
.nav_modal {display:none;font-size:16px;position:fixed;z-index:1004;}
.nav_m_mask {display:none;}
.nav_mask {position:fixed;left:0;top:0;width:100vw;height:100vh;background:rgba(0,0,0,.4);z-index:999;}
.btn {display:inline-block;transition:all 0.85s;background:linear-gradient(90deg,var(--linear-gradient1),var(--linear-gradient2) 50%,var(--linear-gradient1));background-size:200% 100%;padding:0.5em 1.35em;color:#fff;text-align:center;}
.btn:hover {background-position:100% 0;color:#ffffff;}


/* .btn.btn-black {color:#ffffff;background:#000000;}
.btn.btn-black:hover {color:#ffffff;}
.btn.btn-black:hover:before {animation:btn-black-animation .75s;} */
@keyframes btn-animation {
0% {background:rgba(0,0,0,.25);transform:translateX(-50%) translateY(-50%) scale(0)}
to {background:transparent;transform:translateX(-50%) translateY(-50%) scale(1)}
}
@media screen and (max-width:680px) {
.pc_block {display:none;}
.m_block {display:block;}
}
@media screen and (min-width:880px) {@-webkit-keyframes img_change {0% {-webkit-transform:scale(1)}
50% {-webkit-transform:scale(1.2)}
100% {-webkit-transform:scale(1)}
}
@-moz-keyframes img_change {0% {-moz-transform:scale(1)}
50% {-moz-transform:scale(1.2)}
100% {-moz-transform:scale(1)}
}
@-o-keyframes img_change {0% {-o-transform:scale(1)}
50% {-o-transform:scale(1.2)}
100% {-o-transform:scale(1)}
}
@keyframes img_change {0% {transform:scale(1)}
50% {transform:scale(1.2)}
100% {transform:scale(1)}
}
@-webkit-keyframes p_change {0% {-webkit-transform:translateX(0);}
50% {-webkit-transform:translateX(15px);}
100% {-webkit-transform:translateX(0);}
}
@-moz-keyframes p_change {0% {-moz-transform:translateX(0);}
50% {-moz-transform:translateX(15px);}
100% {-moz-transform:translateX(0);}
}
@-o-keyframes p_change {0% {-o-transform:translateX(0);}
50% {-o-transform:translateX(15px);}
100% {-o-transform:translateX(0);}
}
@keyframes p_change {0% {transform:translateX(0);}
50% {transform:translateX(15px);}
100% {transform:translateX(0);}
}
}
@keyframes smoothScroll {
0% {transform: translateY(-50px);}
100% {transform: translateY(0px);}
}
#translate {display:none;}