*[hidefocus], input, textarea, a { outline: none; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { padding: 0; margin: 0; }
fieldset, img, html, body, iframe { border: 0; }
table { border-collapse: collapse; border-spacing: 0; }
li { list-style: none; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
caption, th { font-weight: normal; font-style: normal; text-align: left; }
em, strong { font-weight: bold; font-style: normal; }
body, textarea, select, input, pre { font-family: microsoft yahei, arial, helvetica, sans-serif; font-size: 14px; }
body { -webkit-text-size-adjust: none; }
a, button { cursor: pointer; }
textarea { resize: none; overflow: auto; }
pre { white-space: pre-wrap; }
a { color: #000; text-decoration: none; }
a, input { margin: 0; padding: 0; outline: none; -webkit-tap-highlight-color: rgba(255, 0, 0, 0);  }
input { appearance: button; -webkit-appearance: button; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-user-modify: read-write-plaintext-only; -webkit-appearance: none; }
button { -webkit-tap-highlight-color: rgba(255, 255, 255, 0) }

body{ max-width: 640px; margin:  0 auto; width: 100%; height: 100%; min-height:100%;  }
html{ background-color: white; margin:  0 auto  background-repeat: repeat-x;background-size: contain; width: 100%; height: 100%;overflow: hidden; background-position: center top; }
.icon{ width:50%;}
.iconimg{ width: 100%;margin-top: 30px; text-align: center;float: left; }
.font{ width: 100%; text-align: center; font-size: 20px; margin-top: 10px; color: #000000; margin-bottom: 10px; float: left;}
.des{ width: 100%; text-align: center; font-size: 13px; color: #000000;line-height: 22px; margin-top: 0px;float: left;padding-bottom: 10px; padding-top: 10px;}

.downbtn{ width: 100%; margin-top: 35px; float: left;}
.ios ,.Android{position: relative; left: 50%;line-height: 40px;  background-color: #3C3C3C;border-radius: 4px; height: 45px; text-align: center; color: #fff; width: 140px; float: left;font-size: 17px; }
.ios img ,.Android img{ margin-right: 4px; height: 30px;position: relative; top: 6px;  }
.ios{margin-left: -150px;}
.Android{ margin-left: 10px; }
.ios a,.Android a{ color: #fff ; width: 100%; height: 100%; overflow: hidden; display: block;}
.imgdiv{ width: 100%;padding: 20px 0px 0px 0px;text-align:center;box-sizing:border-box;margin-top: 30px;float: left;}
.img{ width: 45%; border-radius:5px;}

.downbtnrn{ margin-top: 20px; }

.endes{ padding:0 3%; width: 94%; line-height: 17px; }

.down{ width: 100%; height: 100%; position: relative; top: 0; float: left; }
.lang{ position: absolute; right: 15px; top: 15px; z-index: 555; width: 30px; height: 30px; border-radius: 50%; }
.lang a{ width: 100%; height: 100%; overflow: hidden; }
.lang img{ width: 100%; height: 100%; }

.mask{ width: 100%; height: 100%; position: fixed; z-index: 666; left: 0; top: 0; }
.mask p{position: absolute;left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; display: block; background-color: #000; opacity: .7; z-index: 1; }
.mask img{position: absolute;left: 0; top: 0; width: 100%; height: auto; z-index: 8; }