.e404-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: 381px; background: white; min-width: 1075px; } .e404-container .contant { width: 1075px; height: 381px; /* margin: 0px auto; */ position: fixed; top: calc(50% - 190px); left: calc(50% - 540px); } .e404-container .contant .img { width: 564px; height: 381px; float: left; } .e404-container .contant .tipinfo { width: 430px; padding-left: 80px; float: left; padding-top: 86px; } .e404-container .contant .tipinfo .title { font-family: MicrosoftYaHei-Bold; font-size: 72px; font-weight: normal; font-stretch: normal; line-height: 27px; letter-spacing: 0px; color: #666666; margin-bottom: 70px; } .e404-container .contant .tipinfo .info { font-family: MicrosoftYaHei; font-size: 24px; font-weight: normal; font-stretch: normal; line-height: 27px; letter-spacing: 0px; margin-bottom: 60px; color: #999999; } .e404-container .contant .tipinfo .goback { width: 100px; height: 40px; background-color: #1890ff; border-radius: 4px; cursor: pointer; } .e404-container .contant .tipinfo .goback div { font-family: MicrosoftYaHei; font-size: 16px; font-weight: normal; font-stretch: normal; line-height: 27px; letter-spacing: 0px; color: #ffffff; text-align: center; padding-top: 5px; }