html {
    margin: 0px;
    padding: 0px;
    border: 0px;
    /* width: 100%;
    height: 100%; */
    width: auto;
    height: auto;
    scrollbar-width: none;
    /* zoom: 3; */
    font-size: 0.6rem;
}

body {
    /* display: flex; */
    margin: 0px;
    padding: 0px;
    border: 0px;
    /* width: 100%;
    height: 100%; */
    width: auto;
    height: auto;
    /* overflow-y: scroll; */
    /* zoom: 3; */
    /* background-image: url("https://cdn.jsdelivr.net/gh/spirit1431007/cdn@1.6/img/sakura.png"); */
    /* background-image: url("https://www.cloud.lunprin.com/?explorer/share/file&hash=66b17OlcCJgmyvLxzLWDMKQjFfEH7phH_7KPh6K_udJaoCA855ijAmdM4Qs-xsJdWEs"); */
    background-image: url("img/sakura.png");
    background-position: center center;
    background-size: auto;
    background-repeat: repeat;
}

p {
    /* text-align:center; */
    /* justify-content: center; */
    /* display: flex;
    justify-content: center; */
    /* align-items: center; */
    margin: 0px;
    padding: 0px;
    /* -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; */

}

img {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

}

a {
    color: inherit;
    /* 继承父元素的颜色 */
    text-decoration: none;
    font-weight: bold;
    /* transition: color 0.3s; */
}

a:hover {
    color: orange;
    text-decoration: underline;
}

html::-webkit-scrollbar {
    width: 0px;
    height: 0px;
}

#id_div_page {
    /* 布局整体flex流式，主页面大小等于整个屏幕 */
    display: flex;
    flex-direction: column;
    width: auto;
    height: aoto;
    /* background: #fedfe1; */
    /* overflow:auto; */
}

#id_div_paper {
    display: flex;
    justify-content: center;
    /* 水平居中 */
    align-items: center;
    /* 垂直居中 */
    width: 70vw;
    height: 99vw;
    background-color: #ffba84;
    box-shadow: 0.25vmin 0.25vmin 1vmin rgba(0, 0, 0, 0.3);
    transition: box-shadow 0.3s;
}


#id_div_resume {
    display: flex;
    width: 90%;
    height: 93%;
    /* margin: 5%; */
    background-color: white;
}

#id_div_resume_left {
    display: flex;
    flex-direction: column;
    width: 30%;
    background-color: #336774;
}

#id_resume_picture {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 20%;
    /*精确处理在JS中*/
    /* margin: 15%; */
    /* background-color: #a5dee477; */
}

#id_div_info1 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    /* background-color: #a5dee477; */
}

#id_ul_info1 {
    padding-left: 0;
    margin: 5%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* align-items: center; */
    width: 100%;
    height: 100%;
    list-style-type: none;
    /* background-color: red; */
}

#id_ul_info1 li {
    display: flex;
    /* justify-content: center; */
    /* align-items: center; */
    /* height: 20%; */
    flex-direction: row;
    padding: 0.5rem 0.5rem;
}

#id_ul_info1 li img {
    width: 1.25rem;
    height: 1.25rem;
    /* height: 50%; */
    aspect-ratio: 1/1;
    padding-right: 0.5rem;
    /* filter: invert(100%); */
}


#id_ul_info1 li p {
    justify-content: left;
    word-break: break-all;
    line-height: 1.25rem;
    color: white;
}

#id_div_info2 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    /* background-color: #a5dee477; */
}

#id_ul_info2 {
    padding-left: 0;
    margin: 5%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* align-items: center; */
    width: 100%;
    height: 100%;
    list-style-type: none;
    /* background-color: red; */
}


#id_ul_info2 li p span {
    /* padding-right: 0.5rem; */
    font-weight: bold;
}


#id_ul_info2 li p {
    justify-content: left;
    word-break: break-all;
    line-height: 1.25rem;
    color: white;
    font-weight: lighter;
}

#id_ul_info2 li {
    padding: 0.5rem 0.5rem;
}

#id_img_picture {
    width: 65%;
    /* height: auto; */
}

#id_div_infopadding {
    height: 5%;
}

#id_div_info3 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 20%;
    /*精确处理在JS中*/
    /* margin: 15%; */
    /* background-color: #a5dee477; */
    flex-direction: column;
}

#id_img_QR {
    width: 50%;
    opacity: 0.6;
    /* padding: 10%; */
}

#id_div_info3 li {
    display: flex;
    /* justify-content: center; */
    /* align-items: center; */
    /* height: 20%; */
    flex-direction: row;
    padding: 0.5rem 0.5rem;
    opacity: 0.6;
}

#id_div_info3 li img {
    width: 1.25rem;
    height: 1.25rem;
    /* height: 50%; */
    aspect-ratio: 1/1;
    padding-right: 0.5rem;
    /* filter: invert(100%); */
}


#id_div_info3 li p {
    justify-content: left;
    word-break: break-all;
    line-height: 1.25rem;
    color: white;
}


#id_div_resume_right {
    display: flex;
    flex-direction: column;
    width: 70%;
    background-color: antiquewhite;
    color: #336774;
}

#id_right_info1 {
    display: flex;
    padding: 5% 5% 5% calc(5% + 0.5rem);
    justify-content: left;
    align-items: center;
    /* width: 100%; */
    height: auto;
    /* background-color: #a5dee477; */
}

#id_p_myname {
    /* font-size: 3rem; */
    font-weight: bold;
}

#id_right_info2 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    /* background-color: #a5dee477; */
}

#id_ul_need {
    padding-left: 0;
    margin: 0% 5%;
    display: flex;
    /* flex-direction: column; */
    justify-content: left;
    /* align-items: center; */
    width: 100%;
    height: 100%;
    list-style-type: none;
    flex-wrap: wrap;
    /* background-color: red; */
}

#id_ul_need li {
    display: flex;
    /* justify-content: center; */
    /* align-items: center; */
    /* height: 20%; */
    /* flex-direction: row; */
    width: calc(50% - 1rem);
    padding: 0.5rem 0.5rem;
}

#id_ul_need li p span {
    /* padding-right: 0.5rem; */
    font-weight: bold;
}


#id_ul_need li p {
    justify-content: left;
    word-break: break-all;
    line-height: 1.25rem;
    font-weight: lighter;
}

#id_resume_have {
    display: flex;
    flex-direction: column;
    /* justify-content: center; */
    padding: 5%;
    width: 90%;
    height: auto;
    /* align-items: center; */
    list-style-type: none;
    flex-wrap: wrap;
    background-color: antiquewhite;
    color: #336774;
}


.class_div_have {
    flex-direction: left;
}

.class_div_have li {
    display: flex;
    /* justify-content: center; */
    /* align-items: center; */
    /* height: 20%; */
    flex-direction: row;
    padding: 0.5rem 0.5rem;
}

.class_have_header {
    border-bottom: #336774 solid 0.1rem;

}

.class_have_header img {
    width: 1.25rem;
    height: 1.25rem;
    /* height: 50%; */
    aspect-ratio: 1/1;
    padding-right: 0.5rem;
}

.class_have_info p {
    /* padding-right: 0.5rem; */
    /* text-align: center; */
    width: calc((100%) / 3);
}

/* #p_school {
    font-weight: normal;
} */

.class_div_have li p span {
    /* padding-right: 0.5rem; */
    font-weight: bold;
}


.class_div_have li p {
    justify-content: left;
    word-break: break-all;
    line-height: 1.25rem;
    font-weight: lighter;
}

.class_have_info p {
    font-weight: normal !important;
}

#p_myself {
    display: flex;
    flex-direction: column;
}

.class_have_header .class_have_name {
    justify-content: left;
    word-break: break-all;
    line-height: 1.25rem;
    font-weight: bold;
}

#id_div_paper:hover {
    box-shadow: 0.35vmin 0.35vmin 1.4vmin rgba(0, 0, 0, 0.42);
}

#id_div_down {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    /* color: red; */
}

#id_downloadPNG {
    min-width: 10vmax;
    min-height: 5vmax;
    font-size: 1vmax;
    margin: 2vmax;
    margin-right: 1vmax;
    color: #336774;
    border-radius: 1vmax;
    transition: box-shadow 0.3s;
    background-color: antiquewhite;
    border: 0.1vmax solid #336774;
}

#id_downloadPDF {
    min-width: 10vmax;
    min-height: 5vmax;
    font-size: 1vmax;
    margin: 2vmax;
    margin-left: 1vmax;
    color: #336774;
    border-radius: 1vmax;
    transition: box-shadow 0.3s;
    background-color: antiquewhite;
    border: 0.1vmax solid #336774;
}


#id_downloadPNG:hover {
    box-shadow: 0.25vmin 0.25vmin 1vmin rgba(0, 0, 0, 0.3);
}

#id_downloadPDF:hover {
    box-shadow: 0.25vmin 0.25vmin 1vmin rgba(0, 0, 0, 0.3);
}


#id_div_zoom_info {
    width: 100%;
    display: flex;
    margin-bottom: 2vmax;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#id_div_zoom_info p {
    font-size: 1vmax;
    color: #336774;
}

#magnifier {
    width: 300px;
    height: 300px;
    position: fixed;
    background-color: brown;
}

#id_footer_banquan {
    /* position: block; */
    width: 100%;
}

#id_footer_banquan_p {
    text-align: center;
    opacity: 0.35;
}

.class_targe_a{
    font-weight: lighter !important;
}

.font_lighter{
    font-weight: lighter !important;
}