/* CSS Document */
@import url(init.css);
@import url(layout.css);
@import url(font.css);
@import url(font_1.css);
@import url(font_2.css);
@import url(indus.css);
@import url(font_rubrik_medium.css);
@import url(null.css);
@import url(button.css);

body {background:#f7f8f9;}
.page {width:53rem;margin:0 auto;background:;}
.header {width:53rem;margin:0 auto;font-size:0;}
.perforate {border:0;margin:0;height:0;/*background:url(https://jobnote.cn/images/jobnotes_images_20231124122006.svg) repeat-x 0 0 / 1rem;*/}
.perforate_v {border:0;margin:0;margin:0;height:25rem;width:0;/*background:url(https://jobnote.cn/images/jobnotes_images_20231124122006.svg) repeat-y 0 0 / 1rem;*/}
.perforate {border-top:1px dotted hsl(270,10%,90%)}
.perforate_v {border-left:1px dotted hsl(270,10%,90%)}
.homelogsvg {margin:1.5rem;height:1.5rem;}
.st0{fill:hsl(230, 10%, 20%, 1);}

.foot {position:relative;display:flex;justify-content:center;margin:3rem 0;}
.foot img {height:1rem;}

.turningbox {position:relative;}
.imgturn {width:50rem;margin:0 auto;overflow:hidden;background:;}
.imgturn div {width:1000rem;display:flex;height:23.12rem;flex-direction:row;}
.imgturn p {width:50rem;height:23.12rem;background:hsla(210,20%,50%,.06) url(https://jobnote.cn/images/jobnotes_images_20240125104343.svg) no-repeat 50% 50% / 10%;border-radius:1.5pt;overflow:hidden;}
.imgturn img {width:100%;border-radius:1.5pt;}
.imgturn .perforate {margin:1.5rem 0}
.shell {transition:margin-left .25s;transition-timing-function:cubic-bezier(0,.5,.5,1);margin-left:0;}
.bar {display:block;width:100%;height:1pt;background:hsl(210,5%,95%);border-radius:10pt;overflow:hidden;margin-top:.5rem;}
.pointer {display:block;height:1pt;background:hsl(210,10%,30%);overflow:hidden;border-radius:10pt;transition:margin-left .25s;transition-timing-function:cubic-bezier(0,.5,.5,1);margin-left:0;}
.go_left,
.go_right {position:absolute;top:0;display:block;height:100%;width:4rem;background:rgba(0,0,0,.1);cursor:pointer;font-size:0;}
.go_left {left:-2.5rem;background:url(https://jobnote.cn/images/jobnotes_images_20231215102424.svg) no-repeat 50% 50% / 50%}
.go_right {right:-2.5rem;background:url(https://jobnote.cn/images/jobnotes_images_20231215102510.svg) no-repeat 50% 50% / 50%}


.profilebox {display:flex;justify-content:space-between;align-items:center;}
.profile {width:25rem;}
.profile h3 {display:flex;justify-content:space-between;align-items:center;margin:1.5rem 1.5rem 0;}
.picbox {margin:.75rem;display:flex;align-items:center;}
.picbox span {width:10rem;height:10rem;overflow:hidden;display:block;margin:0;border-radius:1.5pt;}
.picbox span:first-child {margin-bottom:1.5rem;}
.picbox div {width:50%;box-sizing:border-box;margin:.75rem;overflow:hidden;border-radius:1.5pt;}
.picbox div:first-child {height:21.5rem;}
.picbox img {height:100%;align-self:center;}
.picbox span img {margin:0;}
.picbox a {display:flex;height:100%;justify-content:center;background:hsla(210,20%,50%,.06) url(https://jobnote.cn/images/jobnotes_images_20240125104343.svg) no-repeat 50% 50% / 50%;}
.reverse {}

#Treasure div:first-child img {width:65%;height:auto;}
#Treasure img {height:40%;}
#Treasure a {background:hsla(210,20%,50%,.06);position:relative;}
#Treasure a:after {content:"";position:absolute;left:0;top:0;display:block;width:100%;height:100%;background-blend-mode:multiply;
background-image:linear-gradient(to bottom, hsla(50,100%,35%,.03), rgba(255,255,255,0)); /* 标准语法 */
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='hsla(50,100%,35%,.03)', endColorstr='rgba(255,255,255,0)')"; /* IE8/9 */
-webkit-background-image:-webkit-linear-gradient(bottom, hsla(50,100%,35%,.03), rgba(255,255,255,0)); /* Safari 5.1-6.0 */
-moz-background-image:-moz-linear-gradient(bottom, hsla(50,100%,35%,.03), rgba(255,255,255,0)); /* Firefox 3.6-15 */
-o-background-image:-o-linear-gradient(bottom, hsla(50,100%,35%,.03), rgba(255,255,255,0)); /* Opera 11.1-12.00 */
}

.foot {text-align:center;padding:1rem;padding-bottom:10vmin;color:var(--color_cms_dark);width:100%;box-sizing:border-box;}
.foot span {display:flex;padding:1rem 0;line-height:1;font-weight:normal;font-size:.8rem;justify-content:center;align-items:center;}
.foot a {color:var(--color_cms_dark);padding-left:1rem;display:flex;align-items:center;}
.foot a:hover {color:var(--color_main_dark);}
.foot a img {margin-right:.5rem;height:1rem;}
.brand_logo {width:1rem;margin:0;}
.foot b+i {font-size:.9rem;}
.brand_color,
.brand_color_1,
.brand_color_2 {font-family:"rubrik_semi_bold";font-size:.9rem;letter-spacing:-.05rem;font-family:"indus";font-size:1rem;letter-spacing:0;font-weight:normal;position:relative;-webkit-text-stroke:3pt #fff;text-stroke:3pt #fff;}
.brand_color {color:var(--color_bee_light);margin-right:.1rem;}
.brand_color_1 {color:var(--color_bee_dark);}
.brand_color_2 {color:var(--color_bee_leaf);}
.brand_color:before,
.brand_color_1:before,
.brand_color_2:before {content:attr(con);position:absolute;left:0;top:0;z-index:1;-webkit-text-stroke:0;text-stroke:0;} 
.brand_color:before {color:var(--color_bee_light);}
.brand_color_1:before {color:var(--color_bee_dark);}
.brand_color_2:before {color:var(--color_bee_leaf);}


@media screen and (min-width:0) and (max-width:567px) {


body {position:relative;}
.page {width:100vmin;}
.header {width:100vmin;}
.perforate {display:none;}
.perforate_v {display:none;}
.homelogsvg {margin:9vmin 0 0 6.4vmin;height:8vmin;}

.foot {display:none;}

.imgturn {width:87.2vmin;padding:6.4vmin 0;}
.imgturn div {height:40.33vmin;}
.imgturn p {width:87.2vmin;height:40.33vmin;background:hsla(210,20%,50%,.06) url(https://jobnote.cn/images/jobnotes_images_20240125104343.svg) no-repeat 50% 50% / 23%;}
.imgturn img {}
.shell {transition:margin-left .25s;transition-timing-function:cubic-bezier(0,.5,.5,1);margin-left:0;}
.bar {margin:0;margin-top:3.2vmin;width:auto;}
.go_left,
.go_right {display:none;}

.profilebox {flex-direction:column;}
.profile {width:100vmin;}
.profile h3 {font-size:6.4vmin;margin:0 6.4vmin;}
.picbox {margin:3.2vmin;}
.picbox span {width:40.4vmin;height:40.4vmin;overflow:hidden;display:block;border:0.5pt solid rgba(0,0,0,.0);margin:0;}
.picbox span:first-child {margin-bottom:6.4vmin;}
.picbox div {width:50%;box-sizing:border-box;margin:.75rem;overflow:hidden;}
.picbox div:first-child {height:87.6vmin;}
.picbox img {height:100%;margin:0 -58%;border-radius:1.5pt;}
.picbox span img {margin:0;}
.reverse {flex-direction:row-reverse;}
}
@media screen and (min-width:568px) and (max-width:768px) {

}
@media screen and (min-width:769px) and (max-width:1024px) {


}
@media screen and (min-width:1153px) and (max-width:1600px) {

}