@media screen and (max-width: 768px) {
.header .search, #main .section, .article, .links, .fans, .pagelist .more, .pagelist .pglist {
  padding: 15px;
}
#main .section > .imgwrap {
  width: 100%;
  height: 100%;
  margin-bottom: 20px;
}
#main .section > .imgwrap img {
  width: 100%;
  border-radius: 10px;
}
#main .article .aside-Previous, #main .article .aside-next {
  width: 100%;
  padding: 0px;
}
#main .links .link-tag a.linkbut {
  width: 32%;
}
.footer .copyright .miit, .copy {
  width: 100%;
}
}
@media screen and (max-width: 768px) and (min-width: 480px) {
.header .search form .search-right input {
  width: 60%; 
}
}
@media screen and (max-width: 480px) {
.header, #main .section, #main .article, #main .links, .pagelist .pglist, .footer, .pagelist .more {
  margin-top: 15px;
} 
.header .header-top .logo, .lang, .header .header-down .login, .nav {
  width: 100%;
}
.header .header-top {
  padding: 0 15px;
}
#main .links .link-tag a.linkbut {
  width: 49%;
}
}
@media screen and (max-width: 480px) and (min-width: 255px) {
.header .search form .search-right input {
  width: 43%; 
}
.header .search form .search-left, #main .fans .fans-tag form .eyou_form_btn {
  width: 100px;
}
}
@media screen and (max-width: 255px) {
.header .search form .search-right input {
  width: 0; 
  padding: 0;
}
.header .search form .search-left {
  width: 100%;
}
#main .article .content > .qrcode img {
  width: 100%;
}
#main .links .link-tag a.linkbut  {
  width: 100%;
}
#main .fans .fans-tag form .eyou_form_btn {
  width: 100%;
}
}