.mod-mask {
    background: rgba(0, 0, 0, 0.7);
  }

  html {
    box-sizing: border-box
  }

  *,
  :after,
  :before {
    box-sizing: inherit
  }
  a{
    text-decoration:none
  }
  article,
  aside,
  blockquote,
  body,
  code,
  dd,
  div,
  dl,
  dt,
  fieldset,
  figcaption,
  figure,
  footer,
  form,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  header,
  hgroup,
  input,
  legend,
  li,
  menu,
  nav,
  ol,
  p,
  pre,
  section,
  td,
  textarea,
  th,
  ul {
    margin: 0;
    padding: 0
  }

  h2{
    font-weight: 400
  }

  body {
    font-family: Roboto, Droid Sans, Droid Sans Fallback, Helvetica Neue, Helvetica, STHeiTi, sans-serif;
    line-height: 24px;
    font-size: 14px;
    color: #000;
    -webkit-user-select: none;
    -webkit-text-size-adjust: none;
    background-color: #f5f5f5
  }

 img {
    display: block;
    border: 0
  }


  .app-icon,
  section {
    display: block
  }

  .app-icon {
    width: 64px;
    height: 64px
  }

  .app-formal-tag {
    width: 28px;
    height: 16px;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20width='84'%20height='48'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cg%20fill='none'%20fill-rule='evenodd'%3E%3Crect%20fill='%231D82FF'%20width='84'%20height='48'%20rx='6'/%3E%3Ctext%20font-family='NotoSansHans-Regular,%20Noto%20Sans%20S%20Chinese'%20font-size='30'%20fill='%23FFF'%3E%3Ctspan%20x='12'%20y='35'%3E官方%3C/tspan%3E%3C/text%3E%3C/g%3E%3C/svg%3E") no-repeat;
    background-size: cover
  }

  .app-tag-panel {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    color: #969696;
    font-size: 12px
  }

  .app-tag-panel.highlight {
    color: #0080ff
  }

  .app-tag-panel .app-tag-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: 34px;
    line-height: 34px
  }

  .app-tag-panel .app-tag-item p {
    margin: 0 21px 0 3px
  }

  .app-tag-panel .app-tag-item:last-child p {
    margin-right: 0
  }

  .app-tag-panel .app-tag-item icon {
    display: inline-block;
    width: 12px;
    height: 12px
  }

  .app-tag-panel .app-tag-item .app-tag-virus {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20width='36'%20height='36'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M14.998%2036C9.754%2036%200%2027.966%200%2020.369V5.235l1.491-.024c.032%200%203.361-.071%206.796-1.467C11.81%202.31%2014.083.665%2014.104.649l.89-.649.898.65c.022.015%202.294%201.66%205.817%203.094%203.435%201.396%206.764%201.467%206.8%201.467l1.484.024L30%2020.369C30%2027.966%2020.246%2036%2014.998%2036zM3.028%208.136V20.37c0%205.873%208.496%2012.598%2011.97%2012.598s11.97-6.725%2011.97-12.598V8.136c-1.485-.16-3.894-.565-6.397-1.583a35.298%2035.298%200%2001-5.573-2.855%2035.247%2035.247%200%2001-5.57%202.855c-2.505%201.018-4.915%201.422-6.4%201.583zm10.953%2017.628l-7.022-5.955%202.159-2.53%204.504%203.818%208.55-9.806%202.524%202.18-10.715%2012.293z'%20fill='%231D82FF'%20fill-rule='nonzero'/%3E%3C/svg%3E") no-repeat;
    background-size: cover
  }

  .app-tag-panel .app-tag-item .app-tag-free {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20width='36'%20height='36'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cg%20fill='none'%20fill-rule='evenodd'%3E%3Ccircle%20stroke='%231D82FF'%20stroke-width='3'%20cx='18'%20cy='18'%20r='16.5'/%3E%3Ctext%20font-family='NotoSansCJKsc-Bold,%20Noto%20Sans%20CJK%20SC'%20font-size='20'%20font-weight='bold'%20fill='%231D82FF'%3E%3Ctspan%20x='8'%20y='25'%3E免%3C/tspan%3E%3C/text%3E%3C/g%3E%3C/svg%3E") no-repeat;
    background-size: cover
  }

  .app-tag-panel .app-tag-item .app-tag-user-safe {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20width='36'%20height='36'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M32.945%205.079c4.035%204.034%204.09%2010.547.18%2014.69l-.218.224-2.866%202.865-2.149-2.152.699-.698-.022-.021%201.75-1.75-.012-.011c.125-.11.247-.224.366-.343%202.929-2.929%202.933-7.673.009-10.597-2.924-2.924-7.669-2.92-10.598.008l-.175.181-.167.185-.011-.012-1.75%201.75-.042-.042-4.81%204.819-2.117-2.122%204.806-4.815-.135-.13c-2.94-2.741-7.543-2.683-10.404.178-2.924%202.924-2.92%207.668.01%2010.597l.18.175.185.168-.012.01%201.75%201.75-.022.022%2010.59%2010.589.019-.022%202.171%202.174-2.141%202.143-.01-.01-.005.007L3.298%2020.193a10.827%2010.827%200%2001-.205-.2c-4.13-4.129-4.146-10.806-.038-14.914%203.967-3.967%2010.33-4.088%2014.48-.373l.229.21.188.184.119-.118.048.049.117-.114c4.142-3.929%2010.669-3.879%2014.71.162zM17.123%2021.582l7.059%207.071-2.118%202.122-7.059-7.071%202.118-2.122zm3.993-4l7.06%207.071-2.119%202.122-7.059-7.071%202.118-2.122z'%20fill='%231D82FF'%20fill-rule='evenodd'/%3E%3C/svg%3E") no-repeat;
    background-size: cover
  }

  .app-tag-panel .app-tag-item .app-tag-adver {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20width='36'%20height='36'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cg%20transform='translate(-292%20-3)'%20fill='none'%20fill-rule='evenodd'%3E%3Ccircle%20stroke='%231D82FF'%20stroke-width='3'%20cx='310'%20cy='21'%20r='16.5'/%3E%3Cpath%20d='M300.563%2027.438H298L302.563%2014h3.25l4.437%2013.438h-2.75l-.938-2.875h-4.937l-1.063%202.875zm1.75-4.875h3.562l-1.75-5.875-1.813%205.875zm12-6.313v8.938h1.375c2.625.125%203.875-1.375%203.75-4.5.083-3-1.167-4.48-3.75-4.438h-1.375zm-2.75%2011.188V14h4.375c4.166.125%206.312%202.354%206.437%206.688.083%204.625-2.062%206.875-6.438%206.75h-4.375z'%20fill='%231D82FF'/%3E%3C/g%3E%3C/svg%3E") no-repeat;
    background-size: cover
  }

  .download-btn-wrapper icon.download-info {
    display: block;
    width: 12px;
    height: 13px;
    margin-left: 6px;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20width='36'%20height='40'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M2%2035h32a2%202%200%20012%202v1a2%202%200%2001-2%202H2a2%202%200%2001-2-2v-1a2%202%200%20012-2zM18.5%200A2.5%202.5%200%200121%202.5v19.302l8.35-8.348a2.5%202.5%200%20013.404-.122l.13.122a2.5%202.5%200%20010%203.536l-12.02%2012.02a2.489%202.489%200%2001-1.084.638A2.488%202.488%200%200118.5%2030a2.49%202.49%200%2001-1.119-.264%202.488%202.488%200%2001-1.592-.726L3.768%2016.99a2.5%202.5%200%20113.535-3.536L16%2022.15V2.5A2.5%202.5%200%200118.5%200z'%20fill='%23FFF'%20fill-rule='evenodd'/%3E%3C/svg%3E") no-repeat;
    background-size: cover
  }

  .download-btn-wrapper .main-download-btn {
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    background-color: #1d82ff;
    width: 336px;
    height: 44px;
    line-height: 44px;
    color: #fff;
    border-radius: 2.7px;
    text-align: center;
    font-size: 16px
  }

  .download-btn-wrapper .main-download-btn.is-medium {
    width: 260px;
    height: 40px;
    line-height: 40px
  }

  .download-btn-wrapper .main-download-btn.is-blue {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3CclipPath%20id='clip'%3E%3Crect%20rx='3'%20ry='3'%20width='100%'%20height='100%'/%3E%3C/clipPath%3E%3C/defs%3E%3Crect%20width='100%'%20height='100%'%20rx='3'%20ry='3'%20fill='none'%20stroke='%230080ff'%20stroke-width='2'%20clip-path='url(%23clip)'/%3E%3C/svg%3E") no-repeat #fff;
    color: #0080ff
  }

  .download-btn-wrapper .main-download-btn.is-disable {
    border-color: #e5e5e5 !important;
    background: #f4f4f4 !important;
    color: #cecece !important
  }

  .app-vertical-panel {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: 124px
  }

  .app-vertical-panel .app-icon-wrapper {
    position: relative
  }

  .app-vertical-panel .app-formal-tag {
    position: absolute;
    top: -4px;
    right: -4px
  }

  .app-vertical-panel .app-formal-tag.left {
    left: -4px
  }

  .app-vertical-panel h3 {
    height: 28px;
    line-height: 28px;
    font-size: 20px;
    width: 80%;
    margin: 0 auto;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    white-space: nowrap;
    -webkit-flex-shrink: 0;
    flex-shrink: 0
  }

  .app-vertical-panel p {
    height: 20px;
    line-height: 20px;
    font-size: 12px
  }

  .app {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    box-sizing: border-box
  }

  .app .app-icon {
    margin-bottom: 20px;
    width: 72px;
    height: 72px;
    border-radius: 2px;
    background-clip: padding-box;
    padding: 6px;
    background: #fff;
    box-shadow: 0 0 0 1px #e5e5e5;
    box-sizing: border-box
  }

  .app .app-icon img {
    border-radius: 2px;
    background-clip: padding-box;
    height: 48px;
    width: 48px
  }
  a.w-btn.is-b-blue, a.w-btn:active.is-b-blue, a.w-btn:hover.is-b-blue, a.w-btn:link.is-b-blue, a.w-btn:visited.is-b-blue{
    border-color: #00a3ef;
    background-color: #00a3ef;
    color: #fff;
  }
  .app.horizontal {
    overflow: hidden;
    margin: 0 12px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
  }

  .app.horizontal .app-icon {
    width: 60px;
    height: 60px;
    margin-right: 10px;
    margin-bottom: 0
  }

  .app.horizontal .app-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0;
    flex: 1 1 0;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    box-sizing: border-box
  }

  .app.horizontal h2 {
    line-height: 18px;
    font-size: 15px;
    color: #404040
  }

  .app.horizontal p {
    font-size: 11px;
    line-height: 13px
  }

  .app.tips {
    position: fixed;
    margin: 0;
    padding: 6px 12px;
    bottom: 0;
    left: 0;
    width: 100%;
    font-size: 9px;
    background: rgba(16, 16, 16, .8);
    color: #fff
  }

  .app.tips .app-icon {
    box-shadow: none;
    background: none
  }

  .app.tips h2 {
    color: #fff;
    margin-bottom: 6px
  }


  .mod-dialog-header {
    padding: 12px 20px 0;
    height: 36px;
    line-height: 24px;
    color: #000;
    font-size: 16px;
    position: relative
  }

  .mod-dialog-header .mod-close-btn {
    position: absolute;
    top: 18px;
    right: 18px;
    height: 13px;
    width: 13px
  }

  .mod-dialog-header .mod-close-btn:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 13px;
    width: 13px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDNEIxQzA0RDcyNTYxMUU1QjIxMjgxRTMwQ0ExMTc0QSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDNEIxQzA0RTcyNTYxMUU1QjIxMjgxRTMwQ0ExMTc0QSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkM0QjFDMDRCNzI1NjExRTVCMjEyODFFMzBDQTExNzRBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkM0QjFDMDRDNzI1NjExRTVCMjEyODFFMzBDQTExNzRBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+LbWYNwAAAPpJREFUeNqk1NERgjAMBuCQJXAFmAKdAldAtoHDDdQp4FwCZnCKmtwVDmsLScndzwOW72JaSJqmOQHAg3Kr63qCVbVtC8rKKB3linR5Us6UnqAM4oufHSgF5cVwRflQuPMhEp/R1FoV2r9/sTfSCNxF2RoTY8w8z5zHsVrA45liUP4B5xXU+eh2bh9Uoz+wEt9E/2Ahvot64R1chHItm+crz4aCBA12vCq3cxEqgbmM8J4KdmcqPYph2L597kaJzzkq0NEzc16Ti+ANNLShvQ9HJSrGMQIV4RhC7dsHynO+4HgA3cS54/sBNIR3DJeUN3/YI1EXZ6v8CjAA5saaf8iGh+UAAAAASUVORK5CYII=) no-repeat scroll 0 0;
    background-size: cover
  }

  .mod-dailog-tips {
    font-size: 14px;
    color: #fe5c46
  }

  .mod-dialog-content {
    position: relative;
    margin: 8px 20px 20px;
    color: #282828;
    font-size: 14px;
    line-height: 21px
  }


  .mod-mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    z-index: 99
  }


  .w-btn {
    display: block;
    height: 20px;
    line-height: 20px;
    width: 56px;
    border: 1px solid #81d5ff;
    font-size: 12px;
    text-align: center;
    color: #00a3ef
  }


  .mod-card {
    background-color: #fff;
    position: absolute;
    bottom: 0;
    height: 311px;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column
  }


  .autoscroll {
    overflow: auto
  }

  body {
    background-color: #fff
  }

  body,
  html {
    height: 100%
  }

  .main-content {
    padding-bottom: 100px;
    height: 100%
  }

  .download-btn-wrapper,
  .main-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
  }

  .download-btn-wrapper {
    position: relative;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-top: 10px;
  }

  .download-btn-wrapper .sub-download-btn {
    position: absolute;
    top: 44px
  }


  .btn-layout {
    margin-top: 60px
  }
  .mod-dialog-content h3{
    font-size: 14px;
    color: #000;
    font-weight: 600;
  }
  .mod-dialog-content p{
    font-size: 12px;
    color: #999;
    margin-top: 5px
  }
  .mb15{
      margin-bottom: 15px;
  }
  @media (min-aspect-ratio:18/25) {
    .btn-layout {
      margin-top: 20px
    }
  }

  .pp-comp {
    position: fixed;
    bottom: 70px;
    text-align: center;
    width: 100%;
    font-size: 12px;
    line-height: 18px
  }

  .pp-comp-extra-p {
    color: #969696
  }

  .pp-comp-extra-p+.pp-comp-extra-p {
    margin: 5px 0
  }

  .permission-n-privacy {
    color: #cdd2d8
  }

  .permission-n-privacy a {
    color: #4f7fba;
    margin: 0 10px
  }

.click_opacity{ width:100%; height:100%; background:#000; opacity:0.6; position:fixed; z-index:10000; top:0px;}
.to_btn{ position:fixed; top:10px; right:10px; text-align:right; z-index:10001; font-family:"微软雅黑";}
.to_btn span{ display:block;}
.to_btn img{ width:20%; height:auto; display:inline-block;}
.to_btn .span1{ font-size:1.6rem; color:#fff; margin-top:5px;}
.to_btn{ color:#fff;}
.to_btn .span2{ display:inline-block; line-height:36px; width:80%; margin-bottom:12px; text-align:left; font-size:16px;}
.to_btn .span2 em{ display:inline-block; width:16px; height:16px; background:#009dd9; color:#fff; font-size:12px; text-align:center; line-height:16px; border:1px solid #fff; border-radius:50%; margin-right:3px;}
.to_btn .span2 img{ display:inline-block; width:30px; height:30px; margin:0px 5px;vertical-align: middle;}
.to_btn span{ display:block; float:right;}
.to_btn .android_open img{ display:inline-block; width:150px; height:34px;vertical-align: middle;}
#footerCont{display: flex;flex: 1; align-items: center;}