html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,a,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } a,a:link,a:hover{text-decoration: none;font-family: "寰蒋闆呴粦","榛戜綋","STHeiti","Microsoft YaHei";} html,body{height: 100%;margin: 0;padding: 0;border: 0} body {display: flex;align-items: center;justify-content: center;} .box{display: flex;align-items: center;} .box .lt .img{width: 4.77rem;padding-right: 0.5rem;display: block;} .box .lt .img img{width: 100%;} .box .rt .img{width: 5.65rem;display: block;} .box .rt .img img{width: 100%} .box .rt .info{padding: 0.3rem 0;} .box .rt .info p{font-size: 0.2rem;line-height: 0.35rem;} .box .rt .btn{font-size: 0;display: block;} .box .rt .btn a{display: inline-block;font-size: 0.24rem;line-height: 0.5rem;color: #fff;background: #319bdc;padding: 0.1rem 0.5rem;border-radius: 5px;} @media screen and (max-width: 800px){ .box{width: 85%;flex-wrap: wrap;justify-content: space-evenly;} .box .lt .img{width: 90%;padding: 0;margin: 0 auto;} .box .rt .info{text-align: center;} .box .rt .info p{font-size: 0.28rem;line-height: 0.5rem;} .box .rt .btn{text-align: center;} .box .rt .btn a{padding: 0.3rem 0;width: 100%;} }