@charset "utf-8";
/* 米蓝科技 */
html {
    box-sizing: border-box;
    font-size:100px;
}

*, *:before, *:after {
    box-sizing: inherit;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,header,hgroup,
nav,section,article,aside,footer,figure,figcaption,menu {
    margin: 0;
    padding: 0;
}

h1,h2,h3,h4,h5,h6 {
    font-weight: normal;
}

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;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

fieldset,
img {
    display: block;
    border: 0;
}

li {
    list-style: none;
}

input,textarea,select {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
}

a,input {
    text-decoration: none;
    color: #1D82FF;
    -webkit-tap-highlight-color: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

header,nav,section,article,footer,figure,figcaption {
    display: block;
}

.mod-dialog {
  display: -webkit-box;
  -webkit-box-align: stretch;
  -webkit-box-pack: center;
  -webkit-box-orient: vertical;
  background: #fff;
  position: absolute;
  top: 50%;
  left: 24px;
  right: 24px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: auto;
  margin: auto;
  z-index: 199;
}

.mod-dialog-header {
  padding: 12px 20px 0;
  height: 36px;
  line-height: 24px;
  color: #000000;
  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-dialog-content {
  position: relative;
  margin: 8px 20px 20px;
  color: #282828;
  font-size: 14px;
  line-height: 21px;
}

.mod-dialog-content ul {
  padding: 10px;
}

.mod-dialog-content li + li {
  margin-top: 15px;
}

.mod-dialog-content h3 {
  font-weight: bold;
  font-size: 14px;
  color: #000;
}

.mod-dialog-content p {
  font-size: 12px;
  color: #999;
  margin-top: 5px;
}

.mod-dialog-content #normalDownDialogContent {
  color: #282828;
  font-size: 14px;
  line-height: 21px;
}

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

.mod-dialog-footer {
  margin: 0 20px 20px;
  text-align: center;
  display: -webkit-box;
  -webkit-box-pack: justify;
}

.mod-dialog-footer a {
  -webkit-box-flex: 1;
  width: 50%;
}

.mod-dialog-footer a:first-child {
  margin-right: 10px;
}

.mod-dialog-footer .w-btn.btn-medium {
  display: block;
  width: 138px;
  height: 40px;
  line-height: 40px;
  border-width: 1px;
  border-style: solid;
  box-sizing: border-box;
  text-align: center;
  font-size: 14px;
}

.mod-dialog-footer .is-gray {
  border-color: #b0ccd9;
  color: #7da2b3;
}

.mod-dialog-footer .is-blue {
  border-color: #84d6fd;
  color: #00a3ef;
}

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

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

.mod-card {
  background-color: #ffffff;
  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;
}

.mod-card.small-mod-card {
  height: 100px;
}

.autoscroll {
  overflow: auto;
}

html,
body {
  height: 100%;
  width: 100%;
  background-color: #fff;
}

.main-content {
  padding-bottom: 100px;
  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;
  height: 100%;
}

.btn-layout {
  margin-top: 29px;
}

@media (min-aspect-ratio: 360/520) {
  .btn-layout {
    margin-top: 30px;
  }
}

.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=%2736%27%20height=%2736%27%20xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath%20d=%27M14.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%27%20fill=%27%231D82FF%27%20fill-rule=%27nonzero%27/%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=%2736%27%20height=%2736%27%20xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cg%20fill=%27none%27%20fill-rule=%27evenodd%27%3E%3Ccircle%20stroke=%27%231D82FF%27%20stroke-width=%273%27%20cx=%2718%27%20cy=%2718%27%20r=%2716.5%27/%3E%3Ctext%20font-family=%27NotoSansCJKsc-Bold,%20Noto%20Sans%20CJK%20SC%27%20font-size=%2720%27%20font-weight=%27bold%27%20fill=%27%231D82FF%27%3E%3Ctspan%20x=%278%27%20y=%2725%27%3E%E5%85%8D%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=%2736%27%20height=%2736%27%20xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath%20d=%27M32.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%27%20fill=%27%231D82FF%27%20fill-rule=%27evenodd%27/%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=%2736%27%20height=%2736%27%20xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cg%20transform=%27translate%28-292%20-3%29%27%20fill=%27none%27%20fill-rule=%27evenodd%27%3E%3Ccircle%20stroke=%27%231D82FF%27%20stroke-width=%273%27%20cx=%27310%27%20cy=%2721%27%20r=%2716.5%27/%3E%3Cpath%20d=%27M300.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%27%20fill=%27%231D82FF%27/%3E%3C/g%3E%3C/svg%3E") no-repeat;
  background-size: cover;
}

.download-btn-wrapper {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
}

.download-btn-wrapper .sub-download-btn {
  width: 260px;
  height: 40px;
  line-height: 40px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  background-color: #1d82ff;
  color: #fff;
  text-align: center;
  font-size: 16px;
  margin: 15px auto 0;
  border-radius: 10px;
}

.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: 260px;
  height: 44px;
  line-height: 44px;
  color: #fff;
  border-radius: 2.7px;
  text-align: center;
  font-size: 16px;
  border-radius: 10px;
}

.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 .is-disable {
  border-color: #e5e5e5 !important;
  background: #f4f4f4 !important;
  color: #cecece !important;
}

.download-btn-wrapper .desalt {
  background: transparent !important;
  color: #6d6d6d;
}

.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 {
  width: 64px;
  height: 64px;
}

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

.app-vertical-panel .app-formal-tag {
  position: absolute;
  top: -4px;
  right: -4px;
  width: 28px;
  height: 16px;
  background: url("./guanfang.svg") no-repeat;
  background-size: cover;
}

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

.app-vertical-panel h3 {
  margin-top: 5px;
  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;
  margin-top: 0px;
  line-height: 20px;
  font-size: 12px;
}

.show {
  display: block;
}

.hidden {
  display: none !important;
}

/*
  隐私权限声明
*/

.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;
}

.appbao-logo {
  display: block;
  width: 80px;
  height: 18px;
}

.appbao-logo-wrapper {
  position: fixed;
  width: 100%;
  bottom: 7px;
  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-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
}

.appbao-logo-wrapper span {
  font-size: 10px;
  color: #909090;
}

.yyb-safe-text {
  color: #0080ff;
  font-size: 11px;
  line-height: 11px;
  margin-top: 6px;
}

.normal-safe-text {
  color: #ff004f;
  font-size: 11px;
  line-height: 11px;
  margin-top: 6px;
}

.ios-open-tips {
  position: absolute;
  z-index: 10;
  top: 8px;
  right: 23px;
  width: 240px;
  height: 73px;
  background: url(https://staticjs-75825.gzc.vod.tencent-cloud.com/ios-open-tips.png) no-repeat;
  background-size: 240px auto;
}

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.android-open-tips {
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  right: 0;
  height: 36px;
  line-height: 36px;
  font-size: 14px;
  text-align: center;
  color: #3f444b;
  background-color: #d7d7d7;
  -webkit-animation: 0.6s linear 0s slideInDown;
          animation: 0.6s linear 0s slideInDown;
}

.android-open-tips span {
  color: #425ad7;
}






/* 米蓝科技 */

.tip{
	display:none;
	width:100%;
	max-width:480px;
	background:rgba(0,0,0,0.5);
	position:fixed;
	top:0px;
	z-index:9999;
}
.tip > img{
	display:block;
	width:90%;
	margin:0 auto;
}