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