| 
							- @import "../../../app.wxss";
 - button::after{ border: none; } 
 - page {
 -   height: auto !important;
 - }
 - 
 - .order {
 -   width: 100%;
 -   padding-bottom: 160rpx;
 - }
 - 
 - .success {
 -   vertical-align: middle;
 -   width: 40rpx;
 -   margin-right: 10rpx;
 - }
 - 
 - .tips {
 -   width: 92%;
 -   height: 88rpx;
 -   background: #00c0ff;
 -   color: #fff;
 -   padding: 0 4%;
 -   line-height: 88rpx;
 - }
 - 
 - .merchantName {
 -   color: #666!important;
 - }
 - 
 - .tips text:nth-child(2) {
 -   font-size: 32rpx;
 -   padding-left: 16rpx;
 - }
 - 
 - .tips text:nth-child(1) {
 -   width: 32rpx;
 -   height: 32rpx;
 -   background: #fff;
 -   border-radius: 50%;
 -   color: #00c0ff;
 -   line-height: 32rpx;
 -   text-align: center;
 -   display: inline-block;
 -   font-size: 28rpx;
 - }
 - 
 - .section {
 -   margin-top: 2%;
 - }
 - 
 - .detail_msg {
 -   width: 92%;
 -   background: #fff;
 -   display: flex;
 -   margin: 0 4%;
 -   margin-top: 30rpx;
 -   padding-bottom: 30rpx;
 -   border-bottom: 1rpx solid #eee;
 - }
 - 
 - .logo {
 -   display: block;
 -   width: 180rpx;
 -   height: 180rpx;
 -   border-radius: 16rpx;
 - }
 - 
 - .logo image {
 -   width: 180rpx;
 -   height: 180rpx;
 -   border-radius: 16rpx;
 - }
 - 
 - .info view:nth-child(1) {
 -   display: flex;
 -   justify-content: space-between;
 -   padding: 0 4%;
 - }
 - 
 - .info {
 -   width: 100%;
 - }
 - 
 - .info view:nth-child(1) text {
 -   font-size: 30rpx;
 -   color: #000;
 -   letter-spacing: 0;
 - }
 - 
 - .info view:nth-child(1) text:nth-child(2) {
 -   color: #ffae00;
 -   font-size: 24rpx;
 - }
 - 
 - .info view:nth-child(2), .info view:nth-child(3) {
 -   font-size: 24rpx;
 -   padding-left: 4%;
 -   color: #919191;
 -   letter-spacing: 0;
 - }
 - 
 - .info view:nth-child(2) text, .info view:nth-child(3) text {
 -   font-size: 22rpx;
 -   color: #b8b8b8;
 - }
 - 
 - .payment {
 -   width: 92%;
 -   height: 120rpx;
 -   line-height: 120rpx;
 -   padding: 0 4%;
 -   display: flex;
 -   justify-content: space-between;
 -   border-bottom: 20rpx solid #ededed;
 - }
 - 
 - .payment view:nth-child(2) text:nth-child(1) {
 -   font-size: 36rpx;
 -   color: #ff3434;
 -   font-weight: bold;
 - }
 - 
 - .payment view:nth-child(2) text:nth-child(2) {
 -   font-size: 24rpx;
 -   color: #b4b4b4;
 -   padding-left: 18rpx;
 -   text-decoration: line-through;
 - }
 - 
 - .classif {
 -   width: 92%;
 -   padding-left: 4%;
 -   padding-right: 4%;
 - }
 - 
 - .classif > view {
 -   position: relative;
 -   height: 94rpx;
 -   line-height: 94rpx;
 -   display: flex;
 -   justify-content: space-between;
 -   /* border-bottom: 1rpx solid #eee; */
 - }
 - 
 - .classif > view text {
 -   font-size: 30rpx;
 - }
 - 
 - .classif > view text:nth-child(2) {
 -   color: #b8b8b8;
 -   font-size: 30rpx;
 -   margin-left:80rpx;
 - }
 - 
 - .classif > view:nth-child(1) {
 -   display: block;
 - }
 - 
 - .classif > view:nth-child(1) text:nth-child(2) {
 -   padding-left: 15rpx;
 - }
 - 
 - .classif > view:nth-child(3) view text:nth-child(2) {
 -   padding-left: 15rpx;
 - }
 - 
 - .classif > view:nth-child(6) text:nth-child(2) {
 -   color: #666;
 - }
 - 
 - .spcode {
 -   position: absolute;
 -   right: 0;
 -   bottom: 0;
 -   top: 0;
 -   margin: auto;
 -   width: 50rpx;
 - }
 - 
 - /*mask*/
 - 
 - .drawer_screen {
 -   position: absolute;
 -   width: 100%;
 -   height: 100%;
 -   top: 0;
 -   left: 0;
 -   z-index: 1000;
 -   background: #000;
 -   opacity: 0.5;
 -   overflow: hidden;
 - }
 - 
 - .drawer_box {
 -   width: 650rpx;
 -   position: fixed;
 -   overflow: hidden;
 -   top: 50%;
 -   left: 0;
 -   z-index: 1001;
 -   margin: -150px 50rpx 0 50rpx;
 -   border-radius: 3px;
 - }
 - 
 - .drawer_title {
 -   padding: 15px;
 -   font: 20px "microsoft yahei";
 -   text-align: center;
 - }
 - 
 - .drawer_content {
 -   height: 210px;
 -   overflow-y: scroll; /*超出父盒子高度可滚动*/
 - }
 - 
 - .btn_ok {
 -   padding: 10px;
 -   font: 20px "microsoft yahei";
 -   text-align: center;
 -   border-top: 1px solid #e8e8ea;
 -   color: #3cc51f;
 - }
 - 
 - .top {
 -   padding-top: 8px;
 - }
 - 
 - .bottom {
 -   padding-bottom: 8px;
 - }
 - 
 - .title {
 -   height: 30px;
 -   line-height: 30px;
 -   width: 160rpx;
 -   text-align: center;
 -   display: inline-block;
 -   font: 300 28rpx/30px "microsoft yahei";
 - }
 - 
 - .input_base {
 -   border: 2rpx solid #ccc;
 -   padding-left: 10rpx;
 -   margin-right: 50rpx;
 - }
 - 
 - .input_h30 {
 -   height: 30px;
 -   line-height: 30px;
 - }
 - 
 - .input_h60 {
 -   height: 60px;
 - }
 - 
 - .input_view {
 -   font: 12px "microsoft yahei";
 -   background: #fff;
 -   color: #000;
 -   line-height: 30px;
 - }
 - 
 - input {
 -   font: 12px "microsoft yahei";
 -   background: #fff;
 -   color: #000;
 - }
 - 
 - radio {
 -   margin-right: 20px;
 - }
 - 
 - .grid {
 -   display: -webkit-box;
 -   display: box;
 - }
 - 
 - .col-0 {
 -   -webkit-box-flex: 0;
 -   box-flex: 0;
 - }
 - 
 - .col-1 {
 -   -webkit-box-flex: 1;
 -   box-flex: 1;
 - }
 - 
 - .fl {
 -   float: left;
 - }
 - 
 - .fr {
 -   float: right;
 - }
 - 
 - .clearfix:after {
 -   content: ".";
 -   display: block;
 -   height: 0;
 -   clear: both;
 -   visibility: hidden;
 - }
 - 
 - .panel {
 -   width: 600rpx;
 -   border-radius: 10rpx;
 -   background-color: #fff;
 -   margin: 30rpx auto 0;
 -   padding: 30rpx 0;
 -   position: relative;
 -   z-index: 10000000000;
 - }
 - 
 - .pane2 {
 -   background: #fff;
 -   opacity: 0.6;
 - }
 - 
 - .pane2 image {
 -   width: 500rpx;
 -   display: block;
 -   margin: 40rpx auto 0;
 - }
 - 
 - .barcode {
 -   height: 100rpx;
 -   width: 500rpx;
 -   margin: 0 auto;
 - }
 - 
 - .barnum {
 -   width: 88%;
 -   height: 46rpx;
 -   line-height: 46rpx;
 -   font-size: 32rpx;
 -   text-align: center;
 -   letter-spacing: 2rpx;
 -   white-space: nowrap;
 -   color: #999;
 - }
 - 
 - .barnum text {
 -   color: #333;
 - }
 - 
 - .barcode > canvas {
 -   width: 500rpx;
 -   height: 100rpx;
 - }
 - 
 - .qrcode {
 -   height: 340rpx;
 -   display: flex;
 -   flex-direction: column;
 -   justify-content: flex-end;
 -   align-items: center;
 - }
 - 
 - .qrcode > canvas {
 -   width: 350rpx;
 -   height: 350rpx;
 - }
 - 
 - .jine {
 -   color: #f96563 !important;
 -   font-size: 36rpx !important;
 -   font-weight: 400 !important;
 - }
 - 
 - .jine1 {
 -   color: #b8b8b8 !important;
 -   font-size: 30rpx !important;
 -   font-weight: 400 !important;
 - }
 - 
 - .buy-view {
 -   background: #fff;
 -   position: fixed;
 -   padding-top: 30rpx;
 -   height: 94rpx;
 -   bottom: 0;
 -   left: 0;
 -   right: 0;
 -   z-index: 100;
 -   padding-bottom: 30rpx;
 - }
 - 
 - .buy {
 -   background: #00c0ff;
 -   height: 94rpx;
 -   width: 670rpx;
 -   margin: 0 auto;
 -   color: #fff;
 -   font-size: 36rpx;
 -   line-height: 94rpx;
 -   border-radius: 61rpx;
 - }
 - 
 - .active {
 -   opacity: 0.6;
 - }
 - 
 - .game-entry {
 -   width: 690rpx;
 -   height: 140rpx;
 -   margin: 20rpx auto 0;
 - }
 - 
 - .gameimg {
 -   display: block;
 -   width: 100%;
 -   height: 140rpx;
 - }
 - 
 - .merchantVoList {
 -   width: 100%;
 -   position: relative;
 - }
 - 
 - .merchantVoList .tel {
 -   width: 40rpx;
 -   position: absolute;
 -   top: 0;
 -   bottom: 0;
 -   margin: auto;
 -   right: 14rpx;
 -   z-index: 10;
 - }
 - 
 - .btns {
 -   background: #00c0ff;
 -   height: 94rpx;
 -   width: 670rpx;
 -   margin: 0 auto 30rpx;
 -   color: #fff;
 -   font-size: 36rpx;
 -   line-height: 94rpx;
 -   border-radius: 61rpx;
 - }
 - .merchantImgUrl{
 -   width: 60rpx;
 -   position: absolute;
 -   top: 0;
 -   bottom: 0;
 -   margin: auto;
 -   left: 0;
 -   border-radius: 10rpx;
 -   z-index: 10;
 - }
 - .support-tansfer{
 -   width: 690rpx;
 -   border-radius: 50rpx;
 -   margin-top: 60rpx;
 -   background: #02C0FF!important;
 - }
 - .share{
 -   width: 40rpx;
 -   height: 40rpx;
 -   margin-right: 20rpx;
 - }
 
 
  |