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%;}
}