body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;font:12px/24px "Microsoft YaHei","\5B8B\4F53",Arial,sans-serif;color:#333;}
body{background:#fff;}
article,iframe,img{display:block;border:0;}
ul,li{list-style:none;}
a{color:#333;text-decoration:none;}
a:hover{color:#e4393c;text-decoration:underline;}
.Width{width:1400px;margin:0 auto;}
.clear{clear:both;}
.clearfix:after{content:" ";display:block;height:0;clear:both;visibility:hidden;}
.hide{display:none;}
.fl{float:left;}
.fr{float:right;}
img{border:none;}
.box{background:#fff;max-width:300px;border-radius:10px;padding:20px;box-shadow:0 0 6px 4px #f3f3f391;position:fixed;top:-20%;height:410px;right:0;bottom:0;left:0;margin:auto;}
.top{display:flex;justify-content:center;}
.ico img{width:60px;}
.title{padding:0 7px;}
.title h1{font:bold 18px/36px "Microsoft YaHei";height: 36px;overflow: hidden;}
.title h2{font-size:14px;color:#7e7e7e;}
.pic{width:100%;margin:10px auto;}
.pic img{width:100%;display:block;}
.bottom{text-align:center;font:14px/32px "Microsoft YaHei";color:#7e7e7e;}
.tishi{margin-top:30px;font-size:12px;}
.footer{position:fixed;width:110px;height:40px;right:0;bottom:0;left:0;margin:auto;}
.btn{margin:5px auto;font-size:14px;color:#fff;width:40%;background:#03d96a;border-radius:20px;display:block;font-weight:bold;line-height:36px;text-align:center;}
.btn:hover{background:#F44336;color:#fff;text-decoration:none;}
@media screen and (max-width:800px){
.box{height:300px;max-width:260px;}
.ico img{width:40px;}
.title h1{font:bold 16px/22px "Microsoft YaHei";height: 22px;}
.title h2{font-size:13px;}
.pic{width:80%;}
}
@media screen and (max-height:800px){
.box{top:-25%;}
}