<template>
	<view class="page">
	  <view class="section_1">
	    <view class="nav-bar_1">
	    	<view @click="goback" class="arr-right">&lt;&lt;&lt;</view>
	    	<view class="arr-left">姓名测试</view>
	    </view>
	    <view class="box_3">
	      <view class="text-wrapper_1">
	        <text lines="1" decode="true" class="text_7">&nbsp;{{xing+ming}}&nbsp;——&nbsp;三才五格计算结果</text>
	      </view>
	      <view class="section_3">
	        <text lines="1" class="paragraph_1">{{xing+ming}}</text>
	        <text lines="1" class="paragraph_2">外格</text>
	        <view class="group_1">
	          <view style="width: 38rpx;">{{info.wai_ge}}</view>
			  <view style="color:#666;width: 30rpx;">总<br>格</view>
			  <view  style="width: 38rpx;">{{info.zong_ge}}</view>
			  <view class="group_1mid" style="margin-left: 44rpx;">
				  <view>{{info.one_number}}</view>
				  <view>{{info.two_number}}</view>
				  <view>{{info.three_number}}</view>
				  <view>{{info.four_number}}</view>
			  </view>
			  <view  class="group_1right">
				  <view>
					  <view>天格</view>
					  <view>{{info.tian_ge}}</view>
				  </view>
				  <view>
					  <view>人格</view>
					  <view>{{info.ren_ge}}</view>
				  </view>
				  <view>
					  <view>地格</view>
					  <view>{{info.di_ge}}</view>
				  </view>
			  </view>
	        </view>
	      </view>
	      
	    </view>
	    <view class="box_5">
			<view class="text-wrapper_7">
			  <view lines="1" class="paragraph_4">{{xing+ming}}<br/></view>
			  <text v-for="item in info.ming" lines="1" decode="true" class="paragraph_6">{{item.name}}&nbsp;({{item.wuxing}})&nbsp;:{{item.yuyi}}<br/><br/></text>
			</view>
			<view class="text-wrapper_8">
			  <view lines="1" class="paragraph_7">三才（{{info.wuxing}}）数理暗示为：<br/></view>
			  <view lines="1" class="paragraph_10">{{info.san_cai_yu_yi}}<br/></view>
			</view>
			<view class="tag_3">
			  <view class="text-wrapper_9">
			    <text lines="1" class="text_21">姓名得：</text>
			    <text lines="1" class="text_22">{{info.score}}分</text>
			  </view>
			  <view class="font-simple">（仅供参考，非姓名测评唯一标准）</view>
			</view>
			<view class="text-wrapper_10">
			  <text lines="1" class="text_30">姓名卦象：</text>
			  <text lines="1" class="text_31" />
			</view>
	      <view class="list_1" v-if="info">
	        <view class="list-items_1-0">
	          <img :src="info.tian_shi_gua.img" class="image_3-0"/>
	          <text lines="1" class="text_28-0">{{info.tian_shi_gua.dh}}</text>
	        </view>
			<view class="list-items_1-2">
			  <img :src="info.ren_he_gua.img" class="image_3-2"/>
			  <text lines="1" class="text_28-2">{{info.ren_he_gua.dh}}</text>
			</view>
	        <view class="list-items_1-1">
	          <img :src="info.di_li_gua.img" class="image_3-1"/>
	          <text lines="1" class="text_28-1">{{info.di_li_gua.dh}}</text>
	        </view>
	       
	      </view>
	      <button bindtap="onClick" class="button_1">
	        <text lines="1" class="text_29">卦象解读 <img  v-if="!info.tian_shi_gua.jx" class="text_29-1" src="../../static/phonenum/unlock.png" alt=""></text>
	      </button>
		  <block v-if="info.tian_shi_gua.jx">
			  <view class="headtag">
				  本卦
			  </view>
			  <view class="d-item">
				  <view> <img :src="info.tian_shi_gua.img" class="image_3-0"/></view>
				  <view class="d-t-name">{{info.tian_shi_gua.name}}</view>
			  </view>
			  <view class="d-t-jx" v-html="info.tian_shi_gua.jx"></view>
			  
			  
			  <view class="headtag">
				  互卦
			  </view>
			  <view class="d-item">
						  <view> <img :src="info.ren_he_gua.img" class="image_3-0"/></view>
						  <view class="d-t-name">{{info.ren_he_gua.name}}</view>
			  </view>
			  <view class="d-t-jx" v-html="info.ren_he_gua.jx"></view>
			  
			  
			  
			  <view class="headtag">
						  变卦
			  </view>
			  <view class="d-item">
						  <view> <img :src="info.di_li_gua.img" class="image_3-0"/></view>
						  <view class="d-t-name">{{info.di_li_gua.name}}</view>
			  </view>
			  <view class="d-t-jx" v-html="info.di_li_gua.jx"></view>
		  </block>
	    </view>
	  </view>
	</view>
</template>

<script>
	import * as YYApi from '@/api/yingyong'
	export default {
		data() {
			return {
				xing:'',
				ming:'',
				info:{}
			}
		},
		onLoad(options)
		{
			var app = this;
			this.xing = options.xing;
			this.ming = options.ming;
			YYApi.xingmingres({surname:options.xing,name:options.ming})
			  .then(result => {
				  if(result.code==403)
				  {
					   
				  }
				  else
				  {
					this.info = result.data;
					console.log(this.info);
					  
				  }
			  })
			
		},
		methods: {
			goback()
			{
				this.$navTo('pages/yingyong/yingyong')
			}
		}
	}
</script>

<style>
	.d-item
	{
		display: flex;
		justify-content: center;
		flex-direction: column;
		align-items: center;
		margin-top: 40rpx;
	}
	
	.d-t-name
	{
		margin-top:20rpx;
		font-size: 24rpx;
	}
	
	.d-t-jx
	{
		margin:60rpx 40rpx;
		font-size: 24rpx;
		line-height: 1.5;
	}
.headtag
{
	background-color: gray;
	color:#fff;
	padding:4rpx 8rpx;
	display: inline-block;
	margin-left:40rpx;
	border-radius: 6rpx;
	min-width: 100rpx;
	text-align: center;
	margin-top: 80rpx;
}
	
	
	
.page {
  background-color: rgba(255,255,255,1.000000);
  position: relative;
  width: 750rpx;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.section_1 {
  position: relative;
  width: 750rpx;
  
  
  display: flex;
  flex-direction: column;
}
.box_1 {
  width: 750rpx;
  height: 87rpx;
  display: flex;
  flex-direction: column;
}
.section_2 {
  width: 651rpx;
  height: 22rpx;
  flex-direction: row;
  display: flex;
  margin: 43rpx 0 0 70rpx;
}


	
	
.text_1 {
  width: 56rpx;
  height: 19rpx;
  overflow-wrap: break-word;
  color: rgba(0,0,0,1);
  font-size: 28rpx;
  font-family: SFProText-Semibold;
  font-weight: 600;
  text-align: center;
  white-space: nowrap;
  line-height: 28rpx;
  margin-top: 1rpx;
}
.image_1 {
  width: 32rpx;
  height: 20rpx;
  margin: 1rpx 0 0 475rpx;
}
.image_2 {
  width: 29rpx;
  height: 20rpx;
  margin-left: 9rpx;
}
.box_2 {
  height: 22rpx;

  margin-left: 9rpx;
  display: flex;
  flex-direction: column;
  width: 41rpx;
}
.block_1 {
  background-color: rgba(0,0,0,1.000000);
  border-radius: 2rpx;
  width: 34rpx;
  height: 14rpx;
  display: flex;
  flex-direction: column;
  margin: 4rpx 0 0 4rpx;
}
.nav-bar_1 {
	height: 60rpx;
	display: flex;
	width: 750rpx;
	margin: 26rpx 0 20rpx 0;
	color: rgba(230, 0, 18, 1);
	font-size: 40rpx;
	padding: 0 30rpx;
}

.nav-bar_1>view {
	display: inline-block;
}

.arr-right {
	margin-right: 180rpx;
}
.text_2 {
  width: 368rpx;
  height: 40rpx;
  overflow-wrap: break-word;
  color: rgba(230,0,18,1);
  font-size: 40rpx;
  font-family: FZQKBYSJW--GB1-0;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 40rpx;
  margin: 34rpx 0 0 80rpx;
}

.box_3 {
  width: 704rpx;
  background: url(../../static/phonenum/top.png) 100% no-repeat;
  background-size: 100% 100%;
  padding-bottom: 40rpx;
  display: flex;
  flex-direction: column;
  margin:0 auto;
}
.text-wrapper_1 {
  height: 90rpx;
  background: url(../../static/xingming/titlebg.png) 100% no-repeat;
  background-size: 100% 100%;
  display: flex;
  flex-direction: column;
  width: 700rpx;
  margin: 20rpx 0 0 1rpx;
}
.text_7 {
  width: 398rpx;
  overflow-wrap: break-word;
  color: rgba(255,255,255,1);
  font-size: 28rpx;
  font-family: FZLTHK--GBK1-0;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  padding:20rpx 0;
  margin: 10rpx 0 0 46rpx;
}
.section_3 {
  width: 579rpx;
  height: 229rpx;
  flex-direction: row;
  display: flex;
  margin: 28rpx 0 0 63rpx;
}
.paragraph_1 {
  width: 45rpx;
  height: 167rpx;
  overflow-wrap: break-word;
  color: rgba(34,24,21,1);
  font-size: 50rpx;
  font-family: FZQKBYSJW--GB1-0;
  font-weight: normal;
  text-align: left;
  line-height: 59rpx;
  margin-top: 38rpx;
}
.paragraph_2 {
  width: 30rpx;
  height: 228rpx;
  overflow-wrap: break-word;
  color: rgba(194,75,150,1);
  font-size: 24rpx;
  font-family: FZLTHK--GBK1-0;
  font-weight: normal;
  text-align: center;
  margin: 0 0 0 59rpx;
  writing-mode: vertical-lr;
}
.group_1 {
  height: 229rpx;
  background: url(../../static/xingming/top.png) 100% no-repeat;
  background-size: 100% 100%;
  margin-left: 2rpx;
  width: 452rpx;
  color: #fff;
  display: flex;
}

.group_1mid{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
}

.group_1mid>view
{
	width:56rpx;
	height: 50rpx;
	line-height: 50rpx;
		color: #fff;
}

.group_1>view
{
	align-self: center;

	font-size: 24rpx;
	text-align: center;
}

.group_1right
{
	margin-left: 110rpx;
	height: 160rpx;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.group_1right>view
{
	display: flex;
	width: 136rpx;
	padding:0 10rpx;
	height: 44rpx;
	line-height: 44rpx;
	justify-content: space-between;
		color: #333;
}


.text-wrapper_2 {
  width: 32rpx;
  height: 25rpx;
  display: flex;
  flex-direction: row;
  margin: 14rpx 0 0 161rpx;
}
.text_8 {
  width: 32rpx;
  height: 25rpx;
  overflow-wrap: break-word;
  color: rgba(255,255,255,1);
  font-size: 30rpx;
  font-family: FZLTHK--GBK1-0;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 30rpx;
}
.text-wrapper_3 {
  width: 91rpx;
  height: 25rpx;
  flex-direction: row;
  display: flex;
  justify-content: space-between;
  margin: 6rpx 0 0 338rpx;
}
.text_9 {
  width: 46rpx;
  height: 25rpx;
  overflow-wrap: break-word;
  color: rgba(0,0,0,1);
  font-size: 26rpx;
  font-family: FZLTHK--GBK1-0;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 26rpx;
}
.text_10 {
  width: 22rpx;
  height: 22rpx;
  overflow-wrap: break-word;
  color: rgba(0,0,0,1);
  font-size: 26rpx;
  font-family: FZLTHK--GBK1-0;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 26rpx;
  margin-top: 1rpx;
}
.box_4 {
  width: 421rpx;
  height: 85rpx;
  flex-direction: row;
  display: flex;
  margin: 1rpx 0 0 8rpx;
}
.text_11 {
  width: 21rpx;
  height: 18rpx;
  overflow-wrap: break-word;
  color: rgba(255,255,255,1);
  font-size: 22rpx;
  font-family: FZLTHK--GBK1-0;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 22rpx;
  margin-top: 35rpx;
}
.paragraph_3 {
  width: 21rpx;
  height: 52rpx;
  overflow-wrap: break-word;
  color: rgba(0,0,0,1);
  font-size: 24rpx;
  font-family: FZLTHK--GBK1-0;
  font-weight: normal;
  text-align: left;
  line-height: 24rpx;
  margin: 18rpx 0 0 18rpx;
}
.text_12 {
  width: 23rpx;
  height: 18rpx;
  overflow-wrap: break-word;
  color: rgba(255,255,255,1);
  font-size: 22rpx;
  font-family: FZLTHK--GBK1-0;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 22rpx;
  margin: 35rpx 0 0 7rpx;
}
.text-wrapper_4 {
  width: 34rpx;
  height: 85rpx;
  margin-left: 65rpx;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.text_13 {
  width: 34rpx;
  height: 25rpx;
  overflow-wrap: break-word;
  color: rgba(255,255,255,1);
  font-size: 30rpx;
  font-family: FZLTHK--GBK1-0;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 30rpx;
}
.text_14 {
  width: 30rpx;
  height: 25rpx;
  overflow-wrap: break-word;
  color: rgba(255,255,255,1);
  font-size: 30rpx;
  font-family: FZLTHK--GBK1-0;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 30rpx;
  margin-top: 35rpx;
}
.text_15 {
  width: 46rpx;
  height: 25rpx;
  overflow-wrap: break-word;
  color: rgba(0,0,0,1);
  font-size: 26rpx;
  font-family: FZLTHK--GBK1-0;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 26rpx;
  margin: 32rpx 0 0 141rpx;
}
.text_16 {
  width: 24rpx;
  height: 22rpx;
  overflow-wrap: break-word;
  color: rgba(0,0,0,1);
  font-size: 26rpx;
  font-family: FZLTHK--GBK1-0;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 26rpx;
  margin: 33rpx 0 0 21rpx;
}
.text-wrapper_5 {
  width: 94rpx;
  height: 25rpx;
  flex-direction: row;
  display: flex;
  justify-content: space-between;
  margin: 5rpx 0 0 338rpx;
}
.text_17 {
  width: 46rpx;
  height: 25rpx;
  overflow-wrap: break-word;
  color: rgba(0,0,0,1);
  font-size: 26rpx;
  font-family: FZLTHK--GBK1-0;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 26rpx;
}
.text_18 {
  width: 27rpx;
  height: 22rpx;
  overflow-wrap: break-word;
  color: rgba(0,0,0,1);
  font-size: 26rpx;
  font-family: FZLTHK--GBK1-0;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 26rpx;
  margin-top: 1rpx;
}
.text-wrapper_6 {
  width: 34rpx;
  height: 25rpx;
  display: flex;
  flex-direction: row;
  margin: 1rpx 0 17rpx 163rpx;
}
.text_19 {
  width: 34rpx;
  height: 25rpx;
  overflow-wrap: break-word;
  color: rgba(255,255,255,1);
  font-size: 30rpx;
  font-family: FZLTHK--GBK1-0;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 30rpx;
}
.tag_1 {
  width: 112rpx;
  height: 37rpx;
  margin: 160rpx 0 0 39rpx;
}
.text-wrapper_7 {
  width: 610rpx;
  overflow-wrap: break-word;
  font-size: 0rpx;
  font-family: FZCQJW--GB1-0;
  font-weight: normal;
  text-align: left;
  line-height: 26rpx;
  margin: 40rpx 0 0 47rpx;
}
.paragraph_4 {
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 24rpx;
  font-family: FZCQJW--GB1-0;
  font-weight: normal;
  text-align: left;
  background-color: gray;
  padding:0 8rpx;
  height: 40rpx;
  line-height: 40rpx;
  display: inline-block;
  border-radius: 8rpx;
}
.paragraph_5 {
  width: 610rpx;
  overflow-wrap: break-word;
  color: rgba(34, 24, 21, 1);
  font-size: 24rpx;
  font-family: SimHei;
  font-weight: normal;
  text-align: left;
  line-height: 40rpx;
  margin-top:20rpx;
  display: inline-block;
}
.paragraph_6 {
  width: 610rpx;
  overflow-wrap: break-word;
  color: rgba(34, 24, 21, 1);
  font-size: 24rpx;
  font-family: SimHei;
  font-weight: normal;
  text-align: left;
  line-height: 40rpx;
  display: inline-block;
  margin-top: 20rpx;
}
.tag_2 {
  width: 315rpx;
  height: 37rpx;
  margin: 27rpx 0 0 39rpx;
}
.text-wrapper_8 {
  width: 598rpx;
  overflow-wrap: break-word;
  font-size: 0rpx;
  font-family: FZCQJW--GB1-0;
  font-weight: normal;
  text-align: left;
  line-height: 24rpx;
  margin: 20rpx 0 0 40rpx;
}
.paragraph_7 {
  display:inline-block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 24rpx;
  font-family: FZCQJW--GB1-0;
  font-weight: normal;
  text-align: left;
  background-color: gray;
  padding:0 8rpx;
  height: 40rpx;
  line-height: 40rpx;
  margin-bottom: 20rpx;
  border-radius: 6rpx;
}
.paragraph_8 {
  width: 598rpx;
  overflow-wrap: break-word;
  color: rgba(34, 24, 21, 1);
  font-size: 24rpx;
  font-family: SimHei;
  font-weight: normal;
  text-align: left;
  line-height: 26rpx;
}
.text_20 {
  width: 598rpx;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 6rpx;
  font-family: FZCQJW--GB1-0;
  font-weight: normal;
  text-align: left;
}
.paragraph_9 {
  width: 598rpx;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 24rpx;
  font-family: FZCQJW--GB1-0;
  font-weight: normal;
  text-align: left;
}
.paragraph_10 {
  width: 598rpx;
  overflow-wrap: break-word;
  color: rgba(34, 24, 21, 1);
  font-size: 24rpx;
  font-family: SimHei;
  font-weight: normal;
  text-align: left;
  line-height: 1.5;}
.tag_3 {

  display: flex;
  align-items: center;
  margin: 34rpx 0 66rpx 39rpx;
  
}
.text-wrapper_9 {
  overflow-wrap: break-word;
  font-family: FZCQJW--GB1-0;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 24rpx;
  margin: 7rpx 0 0 0;
  border-radius: 6rpx;
	background-color: gray;
	height: 40rpx;
	line-height: 40rpx;
	padding:0 8rpx;
	display: inline-block;
}
.text_21 {
  width: 176rpx;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 24rpx;
  font-family: FZCQJW--GB1-0;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 24rpx;
  margin-bottom: 30rpx;
}
.text_22 {
  width: 176rpx;
  height: 24rpx;
  overflow-wrap: break-word;
  color: rgba(255, 204, 0, 1);
  font-size: 24rpx;
  font-family: FZCQJW--GB1-0;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 24rpx;
}
.text_23 {
  width: 176rpx;
  height: 24rpx;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 24rpx;
  font-family: FZCQJW--GB1-0;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 24rpx;
}
.text_24 {
  width: 176rpx;
  height: 24rpx;
  overflow-wrap: break-word;
  color: rgba(34, 24, 21, 1);
  font-size: 24rpx;
  font-family: SimHei;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 26rpx;
}
.text_25 {
  width: 176rpx;
  height: 24rpx;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 6rpx;
  font-family: FZCQJW--GB1-0;
  font-weight: normal;
  text-align: left;
}
.text_26 {
  width: 176rpx;
  height: 24rpx;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 24rpx;
  font-family: FZCQJW--GB1-0;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 24rpx;
}
.text_27 {
  width: 176rpx;
  height: 24rpx;
  overflow-wrap: break-word;
  color: rgba(34, 24, 21, 1);
  font-size: 24rpx;
  font-family: SimHei;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 24rpx;
}
.box_5 {
  width: 704rpx;
  flex-direction: column;
  margin:40rpx auto 0 auto; 
  background: url(../../static/phonenum/bottom.png) 100% no-repeat;
  background-size: 100% 100%;
}
.list_1 {
  width: 565rpx;
  height: 210rpx;
  flex-direction: row;
  display: flex;
  justify-content: space-between;
  margin: 70rpx auto 0 auto;
}
.list-items_1-0 {
  width: 142rpx;
  height: 210rpx;
  margin-right: 70rpx;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.image_3-0 {
  width: 142rpx;
  height: 149rpx;
}
.text_28-0 {
  height: 27rpx;
  overflow-wrap: break-word;
  color: rgba(230,0,18,1);
  font-size: 36rpx;
  font-family: FZCHSJW--GB1-0;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  line-height: 36rpx;
  margin: 34rpx 0 0 0;
}
.list-items_1-1 {
  width: 142rpx;
  height: 210rpx;
  margin-right: 70rpx;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.image_3-1 {
  width: 142rpx;
  height: 149rpx;
}
.text_28-1 {
  height: 27rpx;
  overflow-wrap: break-word;
  color: rgba(230,0,18,1);
  font-size: 36rpx;
  font-family: FZCHSJW--GB1-0;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  line-height: 36rpx;
  margin: 34rpx 0 0 0;
}
.list-items_1-2 {
  width: 142rpx;
  height: 210rpx;
  margin-right: 70rpx;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.image_3-2 {
  width: 142rpx;
  height: 149rpx;
}
.text_28-2 {
  height: 27rpx;
  overflow-wrap: break-word;
  color: rgba(230,0,18,1);
  font-size: 36rpx;
  font-family: FZCHSJW--GB1-0;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  line-height: 36rpx;
  margin: 34rpx 0 0 21rpx;
}
.button_1 {
  height: 51rpx;
  background-color: brown;
  display: flex;
  flex-direction: column;
  width: 562rpx;
  margin: 32rpx auto 38rpx auto;
}
.text_29 {
  width: 100%;
  height: 51rpx;
  overflow-wrap: break-word;
  color: rgba(255,255,255,1);
  font-size: 30rpx;
  font-family: FZQKBYSJW--GB1-0;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  line-height: 51rpx;

}

.text_29-1
{
	width: 30rpx;
	height: 30rpx;
	margin-left: 20rpx;
}


.tag_4 {
  height: 37rpx;
  background-color: gray;
  display: flex;
  flex-direction: column;
  width: 124rpx;
  position: absolute;
  left: 64rpx;
  top: -5rpx;
}
.text-wrapper_10 {
  width: 104rpx;
  height: 24rpx;
  overflow-wrap: break-word;
  font-size: 0rpx;
  font-family: FZCQJW--GB1-0;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 24rpx;
  margin: 7rpx 0 0 8rpx;
}
.text_30 {
  width: 104rpx;
  height: 24rpx;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 24rpx;
  font-family: FZCQJW--GB1-0;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 24rpx;
  background-color: gray;
  margin-left:34rpx;
  padding: 4rpx 10rpx;
  border-radius: 6rpx;
  }
.text_31 {
  width: 104rpx;
  height: 24rpx;
  overflow-wrap: break-word;
  color: rgba(34, 24, 21, 1);
  font-size: 24rpx;
  font-family: SimHei;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 26rpx;
}
.text_32 {
  width: 104rpx;
  height: 24rpx;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 6rpx;
  font-family: FZCQJW--GB1-0;
  font-weight: normal;
  text-align: left;
}
.text_33 {
  width: 104rpx;
  height: 24rpx;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 24rpx;
  font-family: FZCQJW--GB1-0;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 24rpx;
}
.text_34 {
  width: 104rpx;
  height: 24rpx;
  overflow-wrap: break-word;
  color: rgba(34, 24, 21, 1);
  font-size: 24rpx;
  font-family: SimHei;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 24rpx;
}

.font-simple
{
	font-size: 24rpx;
	margin-left: 20rpx;
	color:#999;
}
</style>
