You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
80 lines
1.2 KiB
CSS
80 lines
1.2 KiB
CSS
5 years ago
|
/*
|
||
|
* @description: 404样式
|
||
|
*@author:王奉
|
||
|
* @update: name(xxxx-xx-xx xx:xx)
|
||
|
*/
|
||
|
body,html{
|
||
|
|
||
|
background: #fff;
|
||
|
|
||
|
margin: 0 auto;
|
||
|
}
|
||
|
a{
|
||
|
text-decoration: none;
|
||
|
}
|
||
|
.con{
|
||
|
display: block;
|
||
|
width: 90%;
|
||
|
margin: 30% auto 0;
|
||
|
}
|
||
|
.con_img {
|
||
|
width: 100%;
|
||
|
}
|
||
|
.tip{
|
||
|
font-size: 0.7rem;
|
||
|
text-align: center;
|
||
|
color: #444;
|
||
|
margin:5% 0 15% 0;
|
||
|
}
|
||
|
.link{
|
||
|
|
||
|
font-size: 0.6rem;
|
||
|
text-align: center;
|
||
|
height: 40px;
|
||
|
line-height: 40px;
|
||
|
cursor: pointer;
|
||
|
}
|
||
|
.link_img{
|
||
|
width: 0.65rem;
|
||
|
vertical-align: middle;
|
||
|
}
|
||
|
.link_text{
|
||
|
padding-left: 10px;
|
||
|
color: #24bdf6;
|
||
|
}
|
||
|
|
||
|
@media screen and (max-width:1240px) {
|
||
|
html{font-size:623%;}
|
||
|
}
|
||
|
@media screen and (max-width:992px) {
|
||
|
html{font-size:500%;}
|
||
|
}
|
||
|
@media screen and (max-width:768px) {
|
||
|
html{font-size:385%;}
|
||
|
}
|
||
|
@media screen and (max-width:720px) {
|
||
|
html{font-size:362%;}
|
||
|
}
|
||
|
@media screen and (max-width:660px) {
|
||
|
html{font-size:332%;}
|
||
|
|
||
|
}
|
||
|
@media screen and (max-width:600px) {
|
||
|
html{font-size:301%;}
|
||
|
}
|
||
|
@media screen and (max-width:540px) {
|
||
|
html{font-size:271%;}
|
||
|
|
||
|
}
|
||
|
@media screen and (max-width:480px) {
|
||
|
html{font-size:241%;}
|
||
|
}
|
||
|
@media screen and (max-width:420px) {
|
||
|
html{font-size:211%;}
|
||
|
}
|
||
|
@media screen and (max-width:360px) {
|
||
|
html{font-size:181%;}
|
||
|
}
|
||
|
@media screen and (max-width:320px) {
|
||
|
html{font-size:161%;}
|
||
|
}
|