body {
  background-color: #fff;
}

img {
  max-width: 100%;
  height: auto;
}
a {
  color:#35b558;
  text-decoration:none
}
a:hover {
  color:#51cc73;
  text-decoration:underline
}
.page-wrap {
  max-width: 640px;
  margin: auto;
}

.sep {
  border-bottom: 1px solid #e3e3e3;
  margin: 0 6.25%;
}

.app-download-wrap {
  text-align: center;
  position: relative;
  padding: 13.28125% 0;
}
.passport-btn {
  height:26px;
  padding:0 15px;
  font-size:12px;
  border:1px solid #eaeaea;
  -webkit-transition:background-color .8s,border-color .8s;
  -moz-transition:background-color .8s,border-color .8s;
  transition:background-color .8s,border-color .8s;
  background:#eaeaea;
  border-color:#eaeaea;
  color:#666;
  display:inline-block;
  line-height:24px;
  text-align:center;
  text-decoration:none;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  cursor:pointer
}
.passport-btn .icon {
  margin-right:5px
}
.passport-btn:active,.passport-btn:hover {
  background:#eee;
  color:#999
}
.passport-btn:hover {
  text-decoration:none
}
.passport-btn:not(button) .icon {
  position:relative;
  top:-1px
}
.passport-btn.disabled,.passport-btn.disabled:active,.passport-btn.disabled:focus,.passport-btn.disabled:hover,.passport-btn[disabled],.passport-btn[disabled]:active,.passport-btn[disabled]:focus,.passport-btn[disabled]:hover {
  -webkit-transition:none;
  -moz-transition:none;
  transition:none;
  background:#eee!important;
  border:1px solid #e7e7e7!important;
  color:#999!important;
  cursor:default!important;
  cursor:not-allowed!important
}
.passport-btn-def {
  background:#35b558;
  border-color:#35b558;
  color:#fff
}
.passport-btn-def:active,.passport-btn-def:hover {
  background:#51cc73;
  border-color:#51cc73;
  color:#fff
}
.passport-form-sign .form-treaty .passport-note span {
  margin:0
}
.passport-form-sign .form-treaty .form-cont {
  line-height:20px
}
.passport-form-sign .form-treaty .passport-note {
  top:-3px;
  line-height:26px
}
.passport-form-sign .treaty {
  color:#999
}
.passport-form-sign .treaty:hover {
  color:#35b558
}
.passport-form-sign .form-sevenday label {
  float:left
}
.passport-form-sign .form-sevenday .forget-link {
  float:right;
  color:#999
}
.passport-form-sign .form-sevenday .forget-link:hover {
  color:#35b558
}
.passport-form .passport-note {
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  z-index:20;
  padding:0;
  background-color:rgba(0,0,0,0);
  color:#fff;
  line-height:26px
}
.passport-form .passport-note span {
  display:block;
  height:26px;
  margin:7px 7px 0 0;
  padding:0 5px;
  background-color:#ff5c00;
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  border-radius:2px
}
input[type=checkbox],input[type=radio] {
  width:13px;
  height:13px;
  margin:0 5px 0 2px;
  cursor:pointer
}
.passport-note {
  color:#666;
  vertical-align:middle
}
span.passport-note {
  padding-left:5px
}
div.passport-note {
  padding:5px 0 0;
  line-height:1.8
}
.passport-note strong {
  padding:0 5px;
  color:red
}
.passport-note b {
  padding:0 5px;
  color:#333
}
.btn {
  display: inline-block;
  position: absolute;
  width: 41.875%;
}

.btn img {
  width: 100%;
  height: auto;
}

.iphone-btn, .andriod-btn {
  top: 23.52941%;
}

.iphone-btn {
  left: 6.25%;
}

.andriod-btn {
  right: 6.25%;
}

.img-wrap {
  position: relative;
  padding: 64.84375% 0;
}

.img-wrap img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
}

.img-wrap-banner {
  padding: 38.51563% 0;
}

.footer-app-download-wrap {
  padding: 23.125% 0;
}

.footer-app-download-wrap a,
.footer-app-download-wrap p {
  position: absolute;
}

.footer-app-download-wrap .iphone-btn {
  top: 20.27027%;
}

.footer-app-download-wrap .andriod-btn {
  top: 20.27027%;
}

.footer-app-download-wrap p {
  top: 64.18919%;
  left: 0;
  width: 100%;
  text-align: center;
  font-size: 12px;
  line-height: 14px;
  color: #999999;
}

#downloadWrap{
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 10;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center; 
  display:none
}
#downloadWrap > div{
  display: none;
}

#downloadWrap.i2a,
#downloadWrap.i2i,
#downloadWrap.a2i,
#downloadWrap.a2a,
#downloadWrap.i2a > .ios-wx-andriod,
#downloadWrap.i2i > .ios-wx-ios,
#downloadWrap.a2i > .andriod-wx-ios,
#downloadWrap.a2a > .andriod-wx-andriod{
  display: block;
}

.ios-wx-ios img,
.andriod-wx-andriod img{
  width: 90%;
  height: auto;
}

.ios-wx-andriod,
.andriod-wx-ios{
  width: 93.5%;
  height: 115px;
  background-color: #fff;
  padding: 36px 0;
  text-align: center;
  margin: auto;
  position: absolute;
  top: 50%;
  margin-top: -58px;
  left: 3.25%;
}

.ios-wx-andriod h2,
.ios-wx-andriod p,
.andriod-wx-ios h2,
.andriod-wx-ios p{
  font-size: 16px;
  line-height: 18px;
  color: #333;
}
.ios-wx-andriod p,
.andriod-wx-ios p{
  margin-top: 12px;
}