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}
html{color:#000;overflow-y:scroll;overflow:-moz-scrollbars-vertical;width: 100%;height: 100%;}
body,button,input,select,textarea{font-size:12px;font-family:arial,'PingFangSC-Medium','PingFangSC-Medium','PingFangSC-Medium','PingFangSC-Medium',\5b8b\4f53,Tahoma,Arial,Helvetica,STHeiti}
h1,h2,h3,h4,h5,h6{font-size:100%}
em{font-style:normal}
small{font-size:12px}
ul,ol{list-style:none}
a{text-decoration:none}
a:hover{text-decoration:underline}
legend{color:#000}
fieldset,img{border:0}
button,input,select,textarea{font-size:100%}
table{border-collapse:collapse;border-spacing:0}
img{-ms-interpolation-mode:bicubic;}
textarea{resize:vertical}
.left{float:left}
.right{float:right}
.overflow{overflow:hidden}
.hide{display:none}
.block{display:block}
.inline{display:inline}
.error{color:#F00;font-size:12px}
label,button{cursor:pointer}
.clearfix:after{content:'\20';display:block;height:0;clear:both}
.clearfix{zoom:1}.clear{clear:both;height:0;line-height:0;font-size:0;visibility:hidden;overflow:hidden}
.wordwrap{word-break:break-all;word-wrap:break-word}
pre.wordwrap{white-space:pre-wrap}
body{text-align:center}
body,form{position:relative}
td{text-align:left}
img{border:0;border-radius: 5px;}

body{
  margin: 0;
  width: 100%;
  height: 100%;
}
.onWeb,
.onWechat {
  width: 100%;
  height: 100%;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  text-align: right;
}
.none {
  display: none;
}
.part1 {
  text-align: right;
  width: 110px;
  margin-right: 42px;
  margin-top: 42px;
  display: inline-block;
}
.browser {
  width: 110px;
  position: relative;
  top: -20px;
  right: 12px;
}
.part2 {
  text-align: center;
  position: relative;
  top: -110px;
  z-index: -1;
}
.phone {
  width: 228px;
}
.appinfo {
  width: 330px;
  height: 83px;
  background:rgba(255,255,255,1);
  box-shadow:0px 2px 7px 0px rgba(0,0,0,0.11);
  border-radius:4px;
  display: inline-block;
  position: relative;
  top: -60px;
}
.title {
  display: block;
  font-size:14px;
  font-family:PingFangSC-Regular;
  font-weight:400;
  color:rgba(51,51,51,1);
  line-height:20px;
}
.subtitle {
  display: block;
  font-size:14px;
  font-family:PingFangSC-Regular;
  font-weight:400;
  color:rgba(146,146,146,1);
  line-height:20px;
}
.contents {
  text-align: left;
  padding-left: 65px;
  position: relative;
  top: 20px;
}
.btn {
  width:72px;
  height:30px;
  background:rgba(211,35,35,1);
  border-radius:2px;
  font-size:12px;
  font-family:PingFangSC-Regular;
  font-weight:400;
  color:rgba(255,255,255,1);
  line-height:30px;
  float: right;
  margin-right: 20px;
  top: 25px;
  position: absolute;
  right: 0px;
}
.appinfo img {
  width: 43px;
  display: inline-block;
  float: left;
  position: relative;
  top: 20px;
  left: 10px;
}
.onWechat {
  width: 100%;
  height: 100%;
  background-color: #ececec;
}