.notfound .inner{
padding-top: 120px;
padding-bottom:96px;
margin:auto;
display:flex;
align-items:center;
flex-direction:column;
}
.notfound .img{
width:216px;
height:216px;
margin-bottom:24px;
}
.notfound .img img{
width:100%;
height:100%;
}
.notfound .tip{
max-width:480px;
font-size: 32px;
color: #000000;
letter-spacing: 0;
text-align: center;
overflow: hidden;
max-height:43px;
margin-bottom:16px;
}
.notfound .text-link{
opacity: 0.8;
font-size: 20px;
color: #000000;
letter-spacing: 0;
text-align: center;
margin-bottom:48px;
}
.notfound .text-link a{
color:#0071FF;
}
.notfound .search-content{
justify-content: center;
display:flex;
flex-direction:row;
height:48px;
align-items:center;
margin-bottom:16px;
}
.notfound .search-box input{
width:456px;
height:24px;
padding:12px 32px;
border: 1px solid rgba(122,122,122,0.3);
border-radius: 24px;
margin-right:16px;
opacity: 0.8;
font-size: 16px;
color: #000000;
line-height: 24px;
font-family: "HarmonyOSHans-Light", "Arial", "Helvetica", sans-serif;
}
.notfound input:focus, textarea:focus {
outline: none;
}
.notfound .search-box .search-button{
font-family: HarmonyHeiTi;
font-size: 16px;
color: #FFFFFF;
line-height: 24px;
padding:12px 32px;
background:black;
color:white;
border-radius: 24px;
cursor:pointer;
}
.notfound .search-box .link-list{
display:flex;
flex-direction:row;
flex-wrap:wrap;
max-width:612px;
max-height:57px;
overflow:hidden;
}
.notfound .search-box .link-item{
opacity: 0.8;
font-size: 16px;
color: #000000;
line-height: 24px;
cursor:pointer;
margin-right:40px;
margin-bottom:8px;
display:flex;
align-items:center;
}
.notfound .search-box .link-item .rightImg{
height:16px;
width:16px;
margin-left:4px;
}
.notfound .search-box .link-item:hover{
text-decoration:underline;
opacity:1;
}
@media (min-width: 1201px)and (max-width: 1440px){

}
@media (min-width: 901px)and (max-width: 1200px){
.notfound .inner{
padding-top: 96px;
padding-bottom: 80px;
}
}
@media (min-width: 721px) and (max-width: 900px){
.notfound .inner{
padding-top: 96px;
padding-bottom: 80px;
}
.notfound .search-box .link-list {
max-width: 494px;
max-height: 57px;
}
.notfound .search-box input{
width:326px;
padding: 8px 32px;
height:24px;
opacity: 0.8;
font-size: 16px;
color: #000000;
line-height: 24px;
}
.notfound .search-box .search-button{
padding: 8px 32px;
height:24px;
}
.notfound .tip{
font-size: 24px;
max-height:32px;
max-width:522px;
}
.notfound .inner{
padding-top: 96px;
}
.notfound .img{
width:162px;
height:162px;
}
.notfound .text-link {
font-size: 16px;
margin-bottom: 40px;
}
}
@media (max-width: 720px){
.notfound .search-box .link-list {
    max-width: unset;
    max-height: unset;
}
.notfound .search-box .search-button {
height:100%;
}
.notfound .search-box input{
}
.notfound .search-box{
width:100%;
}
.notfound .inner{
padding: 64px 24px 64px 24px;
max-width:calc(100% - 48px);
width:100%;
}
.notfound .img{
width:128px;
height:128px;
margin-bottom:8px;
}
.notfound .tip{
font-size: 16px;
color: #000000;
letter-spacing: 0;
text-align: center;
overflow: hidden;
line-height:24px;
max-height:24px;
width:100%;
margin-bottom:8px;
}
.notfound .search-box .link-list{
    max-height: auto;
    overflow: initial;
}
.notfound .text-link{
opacity: 0.8;
font-size: 14px;
letter-spacing: 0;
text-align: center;
line-height: 19px;
margin-bottom:32px;
}
.notfound .search-content{
    height: 36px;
    width:100%;
}
.notfound .search-box input{
height: 16px;
opacity: 0.8;
font-size: 12px;
color: #000000;
line-height: 16px;
padding: 10px 20px;
}
.notfound .search-box .search-button{
    white-space: nowrap;
    height: 16px;
font-size: 12px;
line-height: 16px;
padding: 10px 20px;
}
.notfound .search-box .link-item{
font-size: 14px;
line-height: 19px;
margin-right:24px;
}
.notfound .search-box .link-item .rightImg{
display:none;
}
}