.vip{text-align: center;}
.top{padding: 4px;color: blue;}
.vipbanners{width:400px;height:auto; display: inline-flex; margin: 0 0 3px 0;}
width:635px


@media  screen and (max-width:1300px) {.vipbanners {height:auto;} div.vipbanners {width: 1024px;max-width: 100%;}}
@media  screen and (max-width:1024px) {.vipbanners {width: auto; height:auto;} div.vipbanners {max-width: 100%;}}
@media  screen and (max-width: 768px) {.vipbanners {width: auto; height:auto;} div.vipbanners {max-width: 100%;}}
@media  screen and (max-width: 600px) {.vipbanners {width: auto; height:auto;} div.vipbanners {max-width: 100%;}}
@media  screen and (max-width: 480px) {.vipbanners {width: auto; height:auto;} div.vipbanners {max-width: 100%;}}
@media  screen and (max-width: 320px) {.vipbanners {width: auto; height:auto;} div.vipbanners {max-width: 100%;}}