gdy_app_web/css/index.css

	  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;
	  	color: #303133;
	  }

	  a {
	  	text-decoration: none;
		outline: none;
	  }
	  
	  /*去除未被访问的a标签的下划线*/
	  a:link {
	  	text-decoration: none;
	  }
	  /*去除已经被访问过的a标签的下划线*/
	  a:visited {
	  	text-decoration: none;
	  }
	  /*去除鼠标悬停时的a标签的下划线*/
	  a:hover {
	  	text-decoration: none;
	  }
	  /*去除正在点击的a标签的下划线（鼠标按下，尚未松开）*/
	  a:active {
	  	text-decoration: none;
	  }
	  /*去除获得焦点的a标签的下划线（被鼠标点击过）*/
	  a:focus {
	  	text-decoration: none;
	  }

	  .icon {
	  	width: 1.2em;
	  	height: 1.2em;
	  	vertical-align: -0.15em;
	  	fill: currentColor;
	  	overflow: hidden;
		
	  }

	  /* 盒子模型 */
	  .flex-box {
	  	display: -webkit-box;
	  	/* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
	  	display: -moz-box;
	  	/* Firefox 17- */
	  	display: -webkit-flex;
	  	/* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
	  	display: -moz-flex;
	  	/* Firefox 18+ */
	  	display: -ms-flexbox;
	  	/* IE 10 */
	  	display: flex;
	  	/* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
	  }

	  /*盒子模型，竖向自适应,垂直排列  */
	  .flex-box-v {
	  	display: -webkit-box;
	  	display: -webkit-flex;
	  	display: flex;
	  	-webkit-box-orient: vertical;
	  	-webkit-flex-flow: column;
	  	flex-flow: column !important;
	  }

	  .flex-d-center {
	  	justify-content: space-between;
	  	-webkit-justify-content: space-between;
	  }

	  .flex-box-ce {
	  	display: -webkit-box;
	  	display: -moz-box;
	  	display: -ms-flexbox;
	  	display: -webkit-flex;
	  	display: flex;
	  	align-items: center;
	  	-webkit-align-items: center;
	  	-webkit-box-align: center;
	  }
		
		/* 水平等列排版（子元素两边有缝隙自己适应） */
		.flex-dv-center {
		  justify-content: space-around;
		  -webkit-justify-content: space-around;
		}
		
		
		/*通过一起使用 box-align 和 box-pack 属性，对 view 框的子元素进行居中，目前没有浏览器支持box-align 和 box-pack 属性，所以需要加上浏览器内核-webkit，-moz等的简写  */
		.flex-center-center {
		  justify-content: center;
		  -webkit-justify-content: center;
		  -moz-justify-content: center;
		  align-items: center;
		  -webkit-align-items: center;
		  -webkit-box-pack: center;
		  -webkit-box-align: center;
		  -moz-align-items: center;
		  -moz-box-pack: center;
		  -moz-box-align: center;
		}
	  .flex-1 {
	  	-webkit-box-flex: 1;
	  	-moz-box-flex: 1;
	  	-webkit-flex: 1;
	  	-ms-flex: 1;
	  	flex: 1;
	  }

	  .flex-d-wrap {
	  	flex-wrap: wrap;
	  }

	  /* 字体颜色 */
	  .blue {
	  	color: #409EFF !important;
	  }

	  .red {
	  	color: #f56c6c !important;
	  }

	  .yellow {
	  	color: #FFC910 !important;
	  }

	  .orange {
	  	color: #FF9600 !important;
	  }

	  .green {
	  	color: #67c23a !important;
	  }

	  .cyan {
	  	color: #00C4CB !important;
	  }

	  .black {
	  	color: #141c28 !important;
	  }

	  .blue-box {
	  	color: #409EFF !important;
	  	background-color: #ecf5ff !important;
	  }

	  .red-box {
	  	color: #f56c6c !important;
	  	background-color: #fef0f0 !important;
	  }

	  .yellow-box {
	  	color: #FFC910 !important;
	  	background-color: #fdf6ec !important;
	  }

	  .orange-box {
	  	color: #FF9600 !important;
	  	background-color: #fdf6ec !important;
	  }

	  .green-box {
	  	color: #67c23a !important;
	  	background-color: #f0f9eb !important;
	  }

	  .fontColorA {
	  	color: #303133 !important;
	  }

	  .fontColorB {
	  	color: #606266 !important;
	  }

	  .fontColorC {
	  	color: #89919F !important;
	  }

	  .fontColorD {
	  	color: #BFC7D5 !important;
	  }

	  .content {
	  	padding: 20px;
	  	background-color: #fff;
	  	max-width: 677px;
	  	margin: 0 auto;
	  }

	  img,
	  video {
	  	width: 100%;
	  	vertical-align: bottom;
	  }

	  .content p {
	  	margin-top: 0;
	  	margin-bottom: 24px;
	  }

	  video {
	  	margin-bottom: 24px;
	  }

	  .code {
	  	border-style: solid;
	  	border-width: 1px;
	  	box-sizing: border-box;
	  	width: 243px !important;
	  	height: auto !important;
	  	visibility: visible !important;
	  }

	  .menu-button {
	  	position: absolute;
	  	width: 24px;
	  	height: 24px;
	  	top: 8px;
	  	right: 12px;
	  	background: url(../images/stock/menu.png) center center no-repeat;
	  	background-size: 24px;
	  }

	  .navs {
	  	padding: 10px;
	  }

	  .navs a {
	  	padding: 6px 0;
	  }

	  .drawer-body {
	  	position: fixed;
	  	box-shadow: rgba(0, 0, 0, 0.15) 1px -1px 2px;
	  	border-radius: 8px;
	  	top: 52px;
	  	right: 10px;
	  	transform: translateY(-120%);
	  	transition: transform 0.3s ease-out 0s;
	  	will-change: transform;
	  	z-index: 4;
	  	background-color: #fff;
	  }

	  .drawer-body-visible {
	  	transform: translateY(0%);
	  }

	  .drawer-mask {
	  	opacity: 0;
	  	position: fixed;
	  	inset: 0px;
	  	background-color: rgba(0, 0, 0, 0.4);
	  	transition: opacity 0.5s ease-out 0s;
	  	visibility: hidden;
	  	pointer-events: auto;
	  	z-index: 2;
	  }

	  .mask-visible {
	  	opacity: 1;
	  	visibility: visible;
	  }

	  .header {
	  	padding: 0 20px;
	  	border-bottom: 1px solid #f1f1f1;
	  	position: sticky;
	  	top: 0;
	  	left: 0;
	  	right: 0;
	  	z-index: 99;
	  	background-color: #fff;
	  }

	  .header img {
	  	width: 6rem;
	  }

	  .sanjiao {
	  	width: 8px;
	  	height: 8px;
	  	box-sizing: border-box;
	  	border: 8px solid;
	  	border-color: transparent transparent #fff transparent;
	  	position: absolute;
	  	top: -15px;
	  	right: 8px;
	  	z-index: 99;
	  }

	  .app {
	  	position: relative;
	  }

	  .footer {
	  	position: fixed;
	  	z-index: 1;
	  	background-color: #fff;
	  	bottom: 0;
	  	left: 0;
	  	right: 0;
	  	padding:4px 20px;
	  }
	  .zx{
		  border: 1px solid #409EFF;
		  border-radius: 25px;
		  color: #409EFF;
		  font-size: 1rem;
		  padding: 6px 0;
	  }
	  .wx{
		  border: 1px solid #409EFF;
		  border-radius: 25px;
		  color: #fff;
		  font-size: 1rem;
		  background-color: #409EFF;
		  padding: 6px 0;
	  }
	   .zx .icon,.wx .icon{
		   padding-right: 5px;
		   font-size: 1.2rem;
	   }
	   .wx-box{
		   position: fixed;
		   top: 50%;
		   width: 80%;
		   left: 10%;
		   border-radius: 10px;
		   background-color: #fff;
		   padding: 20px;
		   z-index: 3;
		   box-sizing: border-box;
		   transform: translate(0%,-50%);
		   padding-top: 30px;
		   display: none;
	   }
	   .wx-title{
		   font-size: 1.2rem;
		   font-weight: 700;
		   color: #141c28;
	   }
	   .wx-content{
		  color: #606266;
		  background-color: #f1f1f1;
		  border-radius: 5px;
		  padding: 20px;
		  margin: 10px 0;
	   }
	   .wx-btn{
		   background-color: #1CAC19;
		   color: #fff;
		   margin: 0 auto;
		   padding: 10px 0;
		   width: 120px;
		   text-align: center;
		   border-radius: 8px;
	   }
	   .wx-close{
		   position: absolute;
		   right: 10px;
		   top: 10px;
		   font-size: 22px;
		   font-weight: 600;
		   width: 20px;
		   height: 20px;
		   text-align: center;
		   line-height: 20px;
	   }
	   #input{
		   position: absolute; top: 0; left: 0; opacity: 0; z-index: -10;
	   }
	   .van-popup{
		   position: fixed;
		   z-index: 4;
		   text-align: center;
		   box-sizing: border-box;
		   padding: 10px;
		   font-size: 1rem;
		   line-height: 0.4rem;
		   width: 120px;
		   top: 10%;
		   left: 50%;
		   margin-left: -60px;
		   border-radius: 5px;
		   background-color: #fff;
		   box-shadow: 0 0 0.06rem #ccc;
	   }