.BoxBg{ background-color: #f6f6f6; min-height: 100vh; } view, text { font-family: PingFangSC-Regular; } button::after{ border:none } @font-face { font-family: "iconfont"; /* project id 777313 */ src: url("//at.alicdn.com/t/font_777313_jq7td4d3uab.eot"); src: url("//at.alicdn.com/t/font_777313_jq7td4d3uab.eot?#iefix") format("embedded-opentype"), url("//at.alicdn.com/t/font_777313_jq7td4d3uab.woff") format("woff"), url("//at.alicdn.com/t/font_777313_jq7td4d3uab.ttf") format("truetype"), url("//at.alicdn.com/t/font_777313_jq7td4d3uab.svg#iconfont") format("svg"); } .iconfont { font-family: "iconfont" !important; font-size: 36rpx; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2rpx; -moz-osx-font-smoothing: grayscale; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* 定位 */ .icon-dingweib:before { content: "\e652"; } /* 三角 */ .icon-choose:before { content: "\e601"; } /* 右箭头 */ .icon-right:before { content: "\e612"; } /* 边框 */ .app-border-top, .app-border-bottom { position: relative; width: 100%; } .app-border-top::after, .app-border-bottom::after { content: ""; position: absolute; background-color: #ddd; display: block !important; z-index: 1; top: auto; right: auto; width: 100%; height: 1rpx; transform-origin: 50% 100%; transform: scaleY(0.5); } .app-border-top:last-child:after, .app-border-bottom:last-child::after { display: none !important; } .app-border-top::after { top: 0; } .app-border-bottom::after { bottom: 0; } .app-border-left, .app-border-right { position: relative; height: 100%; } .app-border-left::before, .app-border-right::before { content: ""; position: absolute; background-color: #ddd; display: block; z-index: 1; top: 0; bottom: 0; height: 100%; width: 1rpx; transform-origin: 50% 100%; transform: scaleX(0.5); } .app-border-left::before { left: 0; } .app-border-right::before { right: 0; } view, text { font-family: PingFangSC-Regular; } page { width: 100%; min-height: 100vh; font-weight: 400; padding-bottom: 160rpx; background: #F4F5F9; } .fl{ float: left; } .fr{ float: right; } .canWrap{ position: fixed; bottom: -20000rpx; left: -2000rpx; width: 100%; height: 100%; overflow: visible; } .canWrap canvas{ width: 690rpx; height: 450rpx; }