<template>
	<view class="custommajor" id="custommajor" :data="dateOptions" :change:data="echarts.getEchartData">
		<!-- 头部 -->
		<view class="fix">
			<view class="c_main c_main1">
				<view class="flex pd info">
					<view class="people">
						<image src="https://weiapi.youbeiw.top/images/customizate/head.png" mode="widthFix"
							class="head"></image>
						<!-- <image v-if="userInfo.sex == 1" src="https://weiapi.youbeiw.top/images/gvipicon.png" mode="widthFix" class="head"></image>
						          <image v-else src="https://weiapi.youbeiw.top/images/bvipicon.png" mode="widthFix" class="head"></image> -->
						<view class="cut">
							<image src="https://weiapi.youbeiw.top/images/customizate/cut.png" mode="widthFix"
								class="cut_img"></image>
						</view>
					</view>
					<view class="right">
						<view class="flex top">
							<view class="name" v-if="dateOptions">{{dateOptions.name}}{{currenttxt}}</view>
							<view class="weather">已解锁黄历专业版</view>
						</view>
						<view class="flex bottom" v-if="dateOptions">
							{{dateOptions.year}}年{{dateOptions.month}}月{{dateOptions.day}}日
						</view>
					</view>
				</view>
			</view>
		</view>
		<!-- 日历 -->
		<view class="c_main c_mainBg mb c_main2">
			<view class="calendar">
				<ren-calendar ref="ren" :open="false" :markDays="markDays" :headerBar='false'
					@onDayClick='selectCalend'></ren-calendar>
			</view>
			<view class="down">
				<view class="down_child" @click="onSwitchView">
					展开
					<image :class="weekMode ? '':'xz'"
						src="https://weiapi.youbeiw.top/images/customizate/calendar_down_icon.png" mode="widthFix">
					</image>
				</view>
			</view>
		</view>
		<!-- 今日运势 -->
		<view class="c_main c_mainBg mb c_main3" v-if="dateOptions">
			<view class="flex top">
				<view class="number">{{dateOptions.day}}</view>
				<view class="right">
					<view class="title">{{dateOptions.shengxiao}}年农历{{dateOptions.month1}}月{{dateOptions.day1}}</view>
					<view class="flex r3_list">
						<view class="r3_item">{{dateOptions.year2}}年</view>
						<view class="r3_item">{{dateOptions.month2}}月</view>
						<view class="r3_item">{{dateOptions.day2}}日</view>
					</view>
				</view>
			</view>
			<view class="flex bottom">
				<view class="flex left">
					<view class="name">{{dateOptions.jieqi == ""?"":dateOptions.jieqi}}</view>
					<view class="day" v-if="dateOptions.jieqi == ''">无节气</view>
				</view>
				<view class="right">
					{{dateOptions.jiyu[0]}}
				</view>
			</view>
		</view>
		<!-- 今日运程总分 -->
		<view class="c_main c_mainBg pd mb c_main4">
			<view class="com_title">今日得分</view>
			<view class="flex info">
				<view class="echart" id="dispace_charts"></view>
				<view class="list">
					<view class="flex item">
						<view class="name">综合</view>
						<view class="progressBox">
							<view class="progressChild">
								<progress v-if="dateOptions" border-radius='15rpx' activeColor="#567AFF"
									:percent="dateOptions.zh_fenshu" active stroke-width="8" class="progress" />
							</view>
							<view class="p_icon" v-if="dateOptions"
								:style="`border-top-color:#567AFF;left: ${dateOptions.zh_fenshu}%;`">
							</view>
						</view>
						<view class="tips" v-if="dateOptions&&dateOptions.zh_fenshu > 85">顺风顺水</view>
						<view class="tips"
							v-if="dateOptions&&dateOptions.zh_fenshu >= 80 && dateOptions.zh_fenshu <= 85">一帆风顺</view>
						<view class="tips" v-if="dateOptions&&dateOptions.zh_fenshu <= 80">小心谨慎</view>
					</view>
					<view class="flex item">
						<view class="name">感情</view>
						<view class="progressBox">
							<view class="progressChild">
								<progress v-if="dateOptions" border-radius='15rpx' activeColor="#F35D6A"
									:percent="dateOptions.gq_fenshu" active stroke-width="8" class="progress" />
							</view>
							<view class="p_icon" v-if="dateOptions"
								:style="`border-top-color:#F35D6A;left: ${dateOptions.gq_fenshu}%;`">
							</view>
						</view>
						<view class="tips" v-if="dateOptions&&dateOptions.zh_fenshu > 85">相亲相爱</view>
						<view class="tips"
							v-if="dateOptions&&dateOptions.zh_fenshu >= 80 && dateOptions.zh_fenshu <= 85">甜甜蜜蜜</view>
						<view class="tips" v-if="dateOptions&&dateOptions.zh_fenshu <= 80">无悲无喜</view>
					</view>
					<view class="flex item">
						<view class="name">财富</view>
						<view class="progressBox">
							<view class="progressChild">
								<progress border-radius='15rpx' v-if="dateOptions" activeColor="#F3C05D"
									:percent="dateOptions.cy_fenshu" active stroke-width="8" class="progress" />
							</view>
							<view class="p_icon" v-if="dateOptions"
								:style="`border-top-color:#F3C05D;left: ${dateOptions.cy_fenshu}%;`">
							</view>
						</view>
						<view class="tips" v-if="dateOptions&&dateOptions.zh_fenshu > 85">喜从天降</view>
						<view class="tips"
							v-if="dateOptions&&dateOptions.zh_fenshu >= 80 && dateOptions.zh_fenshu <= 85">贵人相助</view>
						<view class="tips" v-if="dateOptions&&dateOptions.zh_fenshu <= 80">小心翼翼</view>
					</view>
				</view>
			</view>
		</view>
		<!-- 今日师傅点评-专属版 -->
		<view class="c_main c_mainBg pd mb c_main5">
			<view class="com_title">今日点评</view>
			<view class="r_list">
				<view class="r_item">
					<view class="r_title" style="background-color: #516EFF;">
						今日感情
					</view>
					<view class="r_text" v-if="dateOptions">
						{{dateOptions.aiqing}}
					</view>
				</view>
				<view class="r_item">
					<view class="r_title" style="background-color: #F64747;">
						今日财富
					</view>
					<view class="r_text" v-if="dateOptions">
						{{dateOptions.caiyu}}
					</view>
				</view>
				<view class="r_item">
					<view class="r_title" style="background-color: #6D6060;">
						综合点评
					</view>
					<view class="r_text" v-if="dateOptions">
						{{dateOptions.zonghe}}
					</view>
				</view>
			</view>
		</view>
		<!-- 今日时辰凶吉-专属版 -->
		<view class="c_main c_mainBg mb c_main6">
			<view class="pd">
				<view class="com_title">今日时辰状态</view>
			</view>
			<view class="o_info">
				<view class="pd o_info1">
					<image class="turntable" src="https://weiapi.youbeiw.top/images/customizate/turntable.png"
						mode="widthFix"></image>
					<view class="echart" id="turntable_charts"></view>
				</view>

				<template v-if="dateOptions">
					<view class="title" v-for="(item,index) in dateOptions.times" :key="item.minHm"
						v-if="dateOptions.timeZhi == item.zhi&&dateOptions.timeZhi!='子'">{{item.minHm}} -
						{{item.maxHm}} {{dateOptions.timeZhi}}时
					</view>
					<view class="title" v-if="dateOptions.timeZhi=='子'">23:00 - 00:59 子时</view>
				</template>
				<view class="flex pd o_list" v-if="dateOptions">
					<view class="o_item" v-for="(item,index) in dateOptions.times" :key="item.minHm">
						<view class="chron">{{item.zhi}}</view>
						<view class="timeBox">
							<view class="time">{{item.minHm}} - {{item.maxHm}}</view>
						</view>
						<view class="score3 score" v-if="item.tianShenLuck == '吉'">{{item.tianShenLuck}}</view>
						<view class="score1 score" v-else>{{item.tianShenLuck}}</view>
					</view>
				</view>
				<view class="echart1" id="turntable_charts1">
				</view>
			</view>
		</view>
		<!-- 今日穿衣搭配-专属版 -->
		<view class="c_main c_mainBg mb pd c_main7">
			<view class="com_title">今日穿衣搭配</view>
			<view class="d_info">
				<image class="person" v-if="dateOptions" :src="dateOptions.cyzs[cyactive].img" mode="widthFix">
				</image>
				<view class="wz">
					<view class="name" v-if="dateOptions">
						{{dateOptions.cyzs[cyactive].type}}：{{dateOptions.cyzs[cyactive].key}}色衣服
					</view>
					<view class="wz_child" v-if="dateOptions">{{dateOptions.cyzs[cyactive].desc}}</view>
				</view>
			</view>
			<view class="flex d_list" v-if="dateOptions">
				<view class="d_item" :class="index == cyactive?'active':''" v-for="(item,index) in dateOptions.cyzs"
					:key="index" :data-key="index" @click="click_cyzs">
					<image class="p1" :src="item.img" mode="widthFix"></image>
					<view class="d_icon">{{item.type}}</view>
					<view class="d_title">{{item.key}}色衣服</view>
				</view>
			</view>
		</view>
		<!-- 今日饮食推荐-专属版 -->
		<view class="c_main c_mainBg mb pd c_main8">
			<view class="com_title">今日饮食推荐</view>
			<view class="diet_list" v-if="dateOptions">
				<view class="diet_Item">
					<view class="d_title">水果</view>
					<view class="d_listChild" v-for="(child,childId) in dateOptions.ystj.sg" :key="childId">
						<view class="d_listChild_item">
							<view class="flex left">
								<image class="person"
									:src="`https://weiapi.youbeiw.top/images/ys/${dateOptions.ystj.wh}/水果/${child}.png`"
									mode="widthFix"></image>
								<view class="fruits">{{child}}</view>
							</view>
							<view class="center">推荐</view>
							<view class="right">
								<view class="flex img_list">
									<image class="person" v-for="(starNumber,index) in 5" :key="index"
										src="https://weiapi.youbeiw.top/images/customizate/star.png" mode="widthFix">
									</image>
								</view>
								<view class="starText">健康指数：5星</view>
							</view>
						</view>
					</view>
				</view>
				<view class="diet_Item">
					<view class="d_title">蔬菜</view>
					<view class="d_listChild" v-for="(child,childId) in dateOptions.ystj.sc" :key="childId">
						<view class="d_listChild_item">
							<view class="flex left">
								<image class="person"
									:src="`https://weiapi.youbeiw.top/images/ys/${dateOptions.ystj.wh}/蔬菜/${child}.png`"
									mode="widthFix"></image>
								<view class="fruits">{{child}}</view>
							</view>
							<view class="center">推荐</view>
							<view class="right">
								<view class="flex img_list">
									<image class="person" v-for="(starNumber,index) in 5" :key="index"
										src="https://weiapi.youbeiw.top/images/customizate/star.png" mode="widthFix">
									</image>
								</view>
								<view class="starText">健康指数：5星</view>
							</view>
						</view>
					</view>
				</view>
			</view>
		</view>
		<!-- 未来30天运势-专属版 -->
		<view class="c_main c_mainBg mb c_main9">
			<view class="pd">
				<view class="com_title">未来30天状态</view>
			</view>
			<view class="f_info">
				<scroll-view scroll-x="true" scroll-y="false">
					<view style="width: 2300rpx;">
						<view class="flex f_list" v-if="dateOptions">
							<view class="f_item" v-for="(item,index) in dateOptions.wl" :key="index">
								<view class="name">{{item.xq}}</view>
								<view class="date">{{item.month}}/{{item.dayOfMonth}}</view>
								<view class="minute">{{item.fenshu}}分</view>
							</view>
						</view>
						<view class="echart" id="fortune_charts">
							<!-- <ec-canvas id="fortune_charts" canvas-id="fortune_charts" force-use-old-canvas="true" ec="{{ ec_dispace_charts }}"></ec-canvas> -->
						</view>
						<view class="flex echart_label" v-if="dateOptions">
							<view class="echart_item" :style="`background: ${item.color};`"
								v-for="(item,index) in dateOptions.wl" :key="index">{{item.pf}}</view>
						</view>
					</view>
				</scroll-view>
			</view>
		</view>
		<!-- 今日时间宜忌-赠送版 -->
		<view class="c_main c_mainBg mb pd c_mainMember1">
			<view class="com_title">今日黄历宜忌</view>
			<view class="s_table">
				<view class="flex s_tableItem">
					<view class="title">传统</view>
					<view class="right">
						<view class="flex right_i1">
							<image class="textBtn" src="https://weiapi.youbeiw.top/images/customizate/icon1.png"
								mode="widthFix"></image>
							<view class="flex right_list" v-if="dateOptions">
								<view class="right_item right_item1" v-for="(smallChild,index) in dateOptions.yi"
									:key="index">{{smallChild}}</view>
							</view>
						</view>
						<view class="flex right_i2">
							<image class="textBtn" src="https://weiapi.youbeiw.top/images/customizate/icon2.png"
								mode="widthFix"></image>
							<view class="flex right_list" v-if="dateOptions">
								<view class="right_item right_item2" v-for="(smallChild,index) in dateOptions.ji"
									:key="index">{{smallChild}}</view>
							</view>
						</view>
					</view>
				</view>
			</view>
		</view>
		<!-- 历史上的今天 -->
		<view class="c_main c_mainBg pd c_main11">
			<view class="flex com_title">
				<view class="name">历史上的今天</view>
			</view>
			<view class="h_list" v-if="dateOptions">
				<view class="flex h_item">
					<view class="title">时间</view>
					<view class="text">事件</view>
				</view>
				<view class="flex h_item" v-for="(item,index) in dateOptions.historyDayEvent" :key="index">
					<view class="title">{{item.year}}年</view>
					<view class="text" v-html="item.title"></view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import {
		getOpenDayYuChengOpen
	} from '@/api/home.js';
	import {
		login
	} from '../utils/request';
	import RenCalendar from '@/components/ren-calendar/ren-calendar.vue'
	let angle = 0; //角度，用来做简单的动画效果的
	export default {
		data() {
			return {
				currenttxt: null,
				cyactive: 0,
				dateOptions: null,
				currentTab: 1,
				single: null,
				curDate: '',
				markDays: [],
				weekMode: true,
				// 今日时辰凶吉
				fortuneEchartLabel: [{
					color: '#724C26',
					name: '差',
					id: 1
				}, {
					color: '#DE8B07',
					name: '良',
					id: 2
				}, {
					color: '#724C26',
					name: '差',
					id: 3
				}, {
					color: '#DE8B07',
					name: '良',
					id: 4
				}, {
					color: '#DE8B07',
					name: '良',
					id: 5
				}, {
					color: '#DE8B07',
					name: '良',
					id: 6
				}, {
					color: '#DE8B07',
					name: '良',
					id: 7
				}, {
					color: '#724C26',
					name: '差',
					id: 8
				}, {
					color: '#724C26',
					name: '差',
					id: 9
				}, {
					color: '#DE8B07',
					name: '良',
					id: 10
				}, {
					color: '#724C26',
					name: '差',
					id: 11
				}, {
					color: '#DE8B07',
					name: '良',
					id: 12
				}, {
					color: '#DE8B07',
					name: '良',
					id: 13
				}, {
					color: '#DE8B07',
					name: '良',
					id: 14
				}, {
					color: '#DE8B07',
					name: '良',
					id: 15
				}, {
					color: '#724C26',
					name: '差',
					id: 16
				}, {
					color: '#724C26',
					name: '差',
					id: 17
				}, {
					color: '#DE8B07',
					name: '良',
					id: 18
				}, {
					color: '#724C26',
					name: '差',
					id: 19
				}, {
					color: '#DE8B07',
					name: '良',
					id: 20
				}, {
					color: '#DE8B07',
					name: '良',
					id: 21
				}, {
					color: '#DE8B07',
					name: '良',
					id: 22
				}, {
					color: '#DE8B07',
					name: '良',
					id: 23
				}, {
					color: '#724C26',
					name: '差',
					id: 24
				}, {
					color: '#724C26',
					name: '差',
					id: 25
				}, {
					color: '#DE8B07',
					name: '良',
					id: 26
				}, {
					color: '#724C26',
					name: '差',
					id: 27
				}, {
					color: '#DE8B07',
					name: '良',
					id: 28
				}, {
					color: '#DE8B07',
					name: '良',
					id: 29
				}, {
					color: '#DE8B07',
					name: '良',
					id: 30
				}],
				remarkFortuneList: [{
					id: 1,
					type: 1,
					name: '综合-80%',
					tips: '顺风顺水',
				}, {
					id: 2,
					type: 2,
					name: '感情-85%',
					tips: '甜蜜无间',
				}, {
					id: 3,
					type: 3,
					name: '财运-60%',
					tips: '有气无力',
				}]
			}
		},
		components: {
			RenCalendar
		},
		created() {
			var _that = this;
			_that.getData()
		},
		mounted() {
			var _that = this;
			var now = new Date();
			var currentHour = now.getHours();
			var str = "";
			if (currentHour >= 6 && currentHour < 11) {
				// 白天
				str = "早上好！"
			} else if (currentHour >= 11 && currentHour < 13) {
				str = "中午好！"
			} else if (currentHour >= 13 && currentHour < 18) {
				str = "下午好！"
			} else {
				// 夜晚
				str = "晚上好！"
			}
			this.currenttxt = str;
		},
		methods: {
			click_cyzs: function(e) {
				this.cyactive = e.currentTarget.dataset.key
			},
			selectCalend(option) {
				this.curDate = option.date;
			},
			onSwitchView() {
				uni.switchTab({
					url: '/pages/home/index'
				})
			},
			getData(time) {
				getOpenDayYuChengOpen({
					openid: 'oEzDA69H2QoVPGz0aShIDtKzT2II',
				}).then((res) => {
					this.dateOptions = res;
					this.single = res.date;
				})
			},
		}
	}
</script>
<script module="echarts" lang="renderjs">
	import {
		getOpenDayYuChengOpen
	} from '@/api/home.js';
	import * as echarts from 'echarts' // 引入ECharts库
	import 'echarts-liquidfill'
	let angle = 0; //角度，用来做简单的动画效果的
	export default {
		data() {
			return {
				// dateOptions:null,
				chart0: null,
				chart1: null,
				chart2: null,
				chart3: null,
				chart4: null,
			}
		},
		created() {},
		mounted() {
			// this.getEchartData();
		},
		methods: {
			getEchartData(res) {
				var _that = this;
				_that.getzhdefen(res.zh_fenshu);
				//今日时辰
				var dispaceData1 = {
					value: 30,
					title: res.timeZhi,
				}
				_that.initCharts(1, document.getElementById('turntable_charts'), dispaceData1);

				//未来30天运势
				var dispaceData3 = {
					xAxis: res.pf,
					yAxis: res.fenshu
				}
				_that.initCharts(3, document.getElementById('fortune_charts'), dispaceData3);

				var times = res.times;
				var xAxis = [];
				var yAxis = [];
				var k = 0;
				for (var i = 0; i < times.length; i++) {
					if (i == 0) {
						xAxis.push("0点");
					} else {
						k = k + 2;
						xAxis.push((k) + "点");
					}
					if (times[i].tianShenLuck == "吉") {
						yAxis.push(80);
					} else {
						yAxis.push(60);
					}
				}

				//今日时辰折线图
				var dispaceData2 = {
					xAxis: xAxis,
					yAxis: yAxis
				}
				_that.initCharts(2, document.getElementById('turntable_charts1'), dispaceData2);
			},
			getCirlPoint(x0, y0, r, angle) {
				let x1 = x0 + r * Math.cos((angle * Math.PI) / 180);
				let y1 = y0 + r * Math.sin((angle * Math.PI) / 180);
				return {
					x: x1,
					y: y1,
				};
			},
			setOption(options) {
				// 今日运程总分echart
				var _that = this;
				var option = {
					backgroundColor: "#fff",
					graphic: [{
						type: "group",
						left: "center",
						top: "68%",
						children: [{
							type: "text",
							z: 100,
							left: "10",
							top: "middle",
							style: {
								fill: "#fff",
								text: "今日得分",
								font: "10px Microsoft YaHei",
							},
						}, ],
					}, ],
					series: [{
							name: "ring5",
							type: "custom",
							coordinateSystem: "none",
							renderItem: function(params, api) {
								return {
									type: "arc",
									shape: {
										cx: api.getWidth() / 2,
										cy: api.getHeight() / 2,
										r: Math.min(api.getWidth(), api.getHeight()) / 2.1,
										startAngle: ((270 + -angle) * Math.PI) / 180,
										endAngle: ((40 + -angle) * Math.PI) / 180,
									},
									style: {
										stroke: "#fd5361",
										fill: "transparent",
										lineWidth: 1.5,
									},
									silent: true,
								};
							},
							data: [0],
						},
						{
							name: "ring5",
							type: "custom",
							coordinateSystem: "none",
							renderItem: function(params, api) {
								return {
									type: "arc",
									shape: {
										cx: api.getWidth() / 2,
										cy: api.getHeight() / 2,
										r: Math.min(api.getWidth(), api.getHeight()) / 2.1,
										startAngle: ((90 + -angle) * Math.PI) / 180,
										endAngle: ((220 + -angle) * Math.PI) / 180,
									},
									style: {
										stroke: "#fd5361",
										fill: "transparent",
										lineWidth: 1.5,
									},
									silent: true,
								};
							},
							data: [0],
						},
						{
							name: "ring5",
							type: "custom",
							coordinateSystem: "none",
							renderItem: function(params, api) {
								let x0 = api.getWidth() / 2;
								let y0 = api.getHeight() / 2;
								let r = Math.min(api.getWidth(), api.getHeight()) / 2.1;
								let point = _that.getCirlPoint(x0, y0, r, 90 + -angle);
								return {
									type: "circle",
									shape: {
										cx: point.x,
										cy: point.y,
										r: 2,
									},
									style: {
										stroke: "#fd5361", //粉
										fill: "#fd5361",
									},
								};
							},
							data: [0],
						},
						{
							name: "ring5", //绿点
							type: "custom",
							coordinateSystem: "none",
							renderItem: function(params, api) {
								let x0 = api.getWidth() / 2;
								let y0 = api.getHeight() / 2;
								let r = Math.min(api.getWidth(), api.getHeight()) / 2.1;
								let point = _that.getCirlPoint(x0, y0, r, 270 + -angle);
								return {
									type: "circle",
									shape: {
										cx: point.x,
										cy: point.y,
										r: 2,
									},
									style: {
										stroke: "#fd5361", //绿
										fill: "#fd5361",
									},
									silent: true,
								};
							},
							data: [0],
						},
						{
							type: "liquidFill",
							radius: "85%",
							center: ["50%", "50%"],
							color: ["#ff9c8f", "#ff7d6a", "#ff4e59"], //水波
							data: options.value, // data个数代表波浪数
							label: {
								normal: {
									formatter: function() {
										return options.centerValue;
									},
									position: [40, 30],
									color: "#ec2f3f",
									insideColor: "#ec2f3f",
									textStyle: {
										fontSize: 46,
										fontWeight: "bold",
										fontFamily: "FZLTCHJW",
									},

								},
							},
							outline: {
								borderDistance: 0,
								itemStyle: {
									isShow: true,
									borderColor: "#ffecee",
									borderWidth: 10,
									// shadowBlur: 8,
									shadowColor: "#ffecee",
								},
							},
							itemStyle: {
								opacity: 0.95,
								shadowColor: "rgba(0, 0, 0, 0)",
							},
							backgroundStyle: {
								borderWidth: 8,
								borderColor: "#fedcde",
								color: "#fedcde",
							},
						},
					],
				};
				return option
			},
			setOption1(options) {
				// 今日时辰凶吉echart
				var _that = this;
				var option = {
					backgroundColor: "transparent",
					title: [{
							text: options.title,
							left: "45%",
							top: "45%",
							textAlign: "center",
							textBaseline: "middle",
							textStyle: {
								color: "#60452A",
								fontWeight: "normal",
								fontSize: 44,
								fontWeight: 'bold',
							},
						},
						{
							text: "时",
							left: "45%",
							top: "76%",
							textAlign: "center",
							textBaseline: "middle",
							textStyle: {
								color: "#60452A",
								fontWeight: "normal",
								fontSize: 12,
							},
						},
					],
					series: [{
						type: "pie",
						clockWise: false,
						radius: [47, 54],
						itemStyle: {
							normal: {
								color: '#60452A',
								shadowColor: '#60452A',
								shadowBlur: 0,
								label: {
									show: false,
								},
								labelLine: {
									show: false,
								},
							},
						},
						hoverAnimation: false,
						center: ["51%", "51%"],
						data: [{
								value: options.value,
							},
							{
								value: 100 - options.value,
								name: "invisible",
								itemStyle: {
									normal: {
										color: "#C3BFBB",
									},
									emphasis: {
										color: "#C3BFBB",
									},
								},
							},
						],
					}],
				};
				return option
			},
			//今日时辰凶吉折线图
			setOption2(options) {
				var _that = this;
				var option = {
					grid: {
						top: "15%",
						bottom: "13%",
						left: "12%",
						right: "0%",
					},
					xAxis: {
						type: "category",
						data: options.xAxis,
						axisLabel: {
							margin: 10,
							color: "#A6A6A6",
						},
						axisLine: {
							show: true,
							lineStyle: {
								color: "#727272",
							},
						},
						splitLine: {
							show: true,
							lineStyle: {
								color: "#EBEBEB",
								type: "dashed",
							},
						},
					},
					yAxis: [{
						type: "value",
						position: "left",
						min: 0,
						axisLabel: {
							margin: 10,
							color: "#A6A6A6",
						},
						axisTick: {
							show: true,
						},
						axisLine: {
							show: true,
							lineStyle: {
								color: "#727272",
							},
						},
						splitLine: {
							show: true,
							lineStyle: {
								color: "#EBEBEB",
								type: "dashed",
							},
						},
					}, ],
					series: [{
						type: "line",
						smooth: true, //是否平滑
						showAllSymbol: true,
						symbol: "circle",
						symbolSize: 6,
						lineStyle: {
							normal: {
								color: "#C13636", // 线条颜色
							},
						},
						label: {
							show: true,
							position: "top",
							textStyle: {
								color: "#5A0D0D",
								fontSize: '9px'
							},
							formatter: "{c}分",
						},
						itemStyle: {
							color: "#C13636",
							borderWidth: 5,
						},
						areaStyle: {
							normal: {
								color: new echarts.graphic.LinearGradient(
									0,
									0,
									0,
									1,
									[{
											offset: 0,
											color: "#f3d7d7",
										},
										{
											offset: 1,
											color: "#ffffff",
										},
									],
									false
								),
							},
						},
						data: options.yAxis,
					}],
				};
				return option
			},
			setOption3(options) {
				// 未来30天运势
				var _that = this;
				var option = {
					grid: {
						top: "3%",
						left: "1%",
						right: "1%",
						bottom: "1%",
					},
					xAxis: [{
						type: "category",
						axisLine: {
							show: false,
						},
						axisTick: {
							show: false,
						},
						splitArea: {
							show: false,
						},
						axisLabel: {
							color: "#fff",
						},
						boundaryGap: false,
						data: options.xAxis,
					}, ],
					yAxis: [{
						type: "value",
						min: 0,
						// max: 140,
						splitLine: {
							show: false,
						},
						axisLine: {
							show: false,
						},
						axisLabel: {
							show: false,
						},
						axisTick: {
							show: false,
						},
					}, ],
					series: [{
						type: "line",
						smooth: true, //是否平滑
						showAllSymbol: true,
						symbol: "circle",
						symbolSize: 6,
						label: {
							show: false,
						},
						itemStyle: {
							color: "#C13636",
						},
						tooltip: {
							show: false,
						},
						areaStyle: {
							normal: {
								color: new echarts.graphic.LinearGradient(
									0,
									0,
									0,
									1,
									[{
											offset: 0,
											color: "#f3d7d7",
										},
										{
											offset: 1,
											color: "#ffffff",
										},
									],
									false
								),
							},
						},
						data: options.yAxis,
					}],
				};
				return option
			},
			setOption4(options) {
				// 本月运势点评
				var _that = this;
				var option = {
					backgroundColor: "#fff",
					title: [{
							text: options.title,
							left: "45%",
							top: "40%",
							textAlign: "center",
							textBaseline: "middle",
							textStyle: {
								color: "#000",
								fontWeight: "normal",
								fontSize: 35,
								fontWeight: 'bold',
							},
						},
						{
							text: "本月得分",
							left: "45%",
							top: "60%",
							textAlign: "center",
							textBaseline: "middle",
							textStyle: {
								color: "#333",
								fontWeight: "normal",
								fontSize: 12,
							},
						},
					],
					series: [{
							type: "pie",
							radius: [40, 70],
							center: ["47%", "50%"],
							data: [{
									value: options.value[0],
									itemStyle: {
										color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [{
												offset: 0,
												color: "#0556FE",
											},
											{
												offset: 1,
												color: "#4884FF",
											},
										]),
									},
									labelLine: {
										show: false,
									}
								},
								{
									value: 100 - options.value[0],
									itemStyle: {
										color: "transparent",
									},
								},
							],
						},
						{
							type: "pie",
							radius: [40, 60],
							center: ["47%", "50%"],
							data: [{
									value: options.value[0],
									itemStyle: {
										color: "transparent",
									},
								},
								{
									value: options.value[1],
									itemStyle: {
										color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [{
												offset: 0,
												color: "#FB6F44",
											},
											{
												offset: 1,
												color: "#FF8B68",
											},
										]),
									},
									labelLine: {
										show: false,
									}
								},
								{
									value: options.value[2],
									itemStyle: {
										color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [{
												offset: 0,
												color: "#F1D054",
											},
											{
												offset: 1,
												color: "#FFF772",
											},
										]),
									},
									labelLine: {
										show: false,
									}
								},
							],
						}
					],
				};
				return option
			},
			//今日综合得分
			getzhdefen: function(fenshu) {
				// 获取组件
				var _that = this;
				// 今日运程
				angle = angle + 3;
				var dispaceData = {
					value: [0.5, 0.3, 0.4],
					centerValue: fenshu,
				}
				_that.initCharts(0, document.getElementById('dispace_charts'), dispaceData);
				setInterval(function() {
					if (_that.chart0) {
						angle = angle + 3;
						_that.chart0.setOption(_that.setOption(dispaceData));
					}
				}, 100);
			},
			initCharts: function(type, element, value) {
				// 获取组件的 canvas、width、height 后的回调函数
				// 在这里初始化图表
				var _that = this;
				if (type === 0) {
					_that.chart0 = echarts.init(element);
					_that.chart0.setOption(_that.setOption(value));
				}
				if (type === 1) {
					_that.chart1 = echarts.init(element);
					_that.chart1.setOption(_that.setOption1(value));
				}
				if (type === 2) {
					_that.chart2 = echarts.init(element);
					_that.chart2.setOption(_that.setOption2(value));
				}
				if (type === 3) {
					_that.chart3 = echarts.init(element);
					_that.chart3.setOption(_that.setOption3(value));
				}
				if (type === 4) {
					_that.chart4 = echarts.init(element);
					_that.chart4.setOption(_that.setOption4(value));
				}
			},
		}
	}
</script>
<style lang="scss" scoped>
	.custommajor {
		min-height: 100vh;
		background-color: #EDEDED;
		padding-bottom: 20rpx;
		line-height: 1.8;
		// padding-top: 158rpx;
		box-sizing: border-box;

		/deep/uni-view {
			overflow: inherit !important;
		}

		/deep/.uni-progress-inner-bar {
			border-radius: 15rpx;
		}

		/deep/.weektoggle {
			display: none;
		}
	}


	.custommajor .flex {
		display: flex;
		align-items: center;
	}

	.custommajor .pd {
		padding: 0px 30rpx;
		box-sizing: border-box;
	}

	.custommajor .mb {
		margin-bottom: 20rpx;
	}

	.custommajor .c_mainBg {
		background-color: #FFFFFF;
	}

	.custommajor .c_main1 {
		width: 100%;
		background-color: #C13636;
		position: relative;
		overflow: hidden;
		height: 200rpx;
		padding-bottom: 43rpx;
		z-index: 10000;
		background-image: url("https://weiapi.youbeiw.top/images/customizate/head_bg.png");
		background-size: 252rpx auto;
		background-repeat: no-repeat;
		background-position: top right;

	}

	.custommajor .c_main1 .head_bg {
		position: absolute;
		right: 0px;
		top: 0px;
		width: 252rpx;
		height: 390rpx;
	}

	.custommajor .c_main1 .item {
		font-size: 38rpx;
		font-family: FZRUIZH_CUJW;
		font-weight: normal;
		font-style: italic;
		color: #E98F8F;
		margin: 0px 40rpx;
		z-index: 10000;
	}

	.custommajor .c_main1 .item.active {
		font-size: 36rpx;
		font-family: SourceHanSansCN;
		font-weight: bold;
		font-style: normal;
		color: #EDEDED;
		position: relative;
		text-shadow: 0rpx 2rpx 2rpx rgba(255, 234, 199, 0.75);
	}

	.custommajor .c_main1 .item.active::after {
		content: "";
		width: 40rpx;
		height: 6rpx;
		display: inline-block;
		background: #EDEDED;
		border-radius: 6rpx;
		position: absolute;
		bottom: -12rpx;
		left: 50%;
		transform: translateX(-50%);
	}

	.custommajor .c_main1 .item .vip {
		width: 24rpx;
		display: inline-block;
		vertical-align: middle;
		margin-left: 4rpx;
	}

	.custommajor .c_main1 .info {
		padding-bottom: 20rpx;
		padding-top: 60rpx;
	}

	.custommajor .c_main1 .info .people {
		width: 94rpx;
		height: 94rpx;
		background: #FFFBF4;
		border-radius: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
		position: relative;
	}

	.custommajor .c_main1 .info .people .head {
		// width: 100%;
		// height: auto;
		width: 50rpx;
		height: auto;
	}

	.custommajor .c_main1 .info .people .cut {
		width: 30rpx;
		height: 30rpx;
		background: #FFFFFF;
		border-radius: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
		position: absolute;
		bottom: 0px;
		right: -9rpx;
	}

	.custommajor .c_main1 .info .people .cut .cut_img {
		width: 18rpx;
	}

	.custommajor .c_main1 .info .right {
		padding-left: 34rpx;
		// padding-bottom: 40rpx;
		color: #FFFFFF;
		z-index: 10000;
		flex: 1;
	}

	.custommajor .c_main1 .info .right .top {
		width: 100%;
		margin-bottom: 10rpx;
		justify-content: space-between;
	}

	.custommajor .c_main1 .info .right .top .name {
		font-size: 36rpx;
		font-family: SourceHanSansCN;
		font-weight: bold;
		color: #EDEDED;
	}

	.custommajor .c_main1 .info .right .top .weather {
		font-size: 30rpx;
		font-family: SourceHanSansCN;
		font-weight: 400;
		color: #FDC2C2;
	}

	.custommajor .c_main1 .info .right .bottom {
		font-size: 28rpx;
		font-family: SourceHanSansCN;
		font-weight: 400;
		color: #EDEDED;
		position: relative;
	}

	/deep/.uni-date-x {
		background-color: transparent;
	}

	/deep/.uni-date-x--border {
		border: transparent;
	}

	/deep/.uniui-calendar {
		display: none;
	}

	/deep/.uni-date__x-input {
		color: #fff;
	}

	/deep/.uni-calendar-item__weeks-box .uni-calendar-item--checked {
		background-color: #C13636;
	}

	/deep/.uni-datetime-picker--btn {
		background-color: #C13636;
	}

	.custommajor .c_main1 .info .right .bottom .down_icon {
		// width: 20rpx;
		// margin-left: 20rpx;
		// position: absolute;
		// top: 50%;
		// transform: translateY(-50%);
		// left: 150rpx;
		 width: 20rpx;
		  margin-left: 20rpx;
	}

	.custommajor .c_main2 {
		// padding: 20rpx 20rpx 28rpx;
		padding: 40rpx 40rpx 28rpx;
		box-sizing: border-box;
	}

	.custommajor .c_main2 .down {
		font-size: 28rpx;
		font-family: SourceHanSansCN;
		font-weight: bold;
		color: #7E6C6C;
		text-align: center;
		margin-top: -10rpx;
	}

	// .customizate .calendar {
	// 	height: 180rpx;
	// 	overflow: hidden;
	// }

	.custommajor .c_main2 .down .down_child {
		display: inline-block;
	}

	.custommajor .c_main2 .down image {
		width: 25rpx;
	}

	.custommajor .c_main2 .down .xz {
		transform: rotateX(180deg);
	}

	.custommajor .c_main3 {
		padding: 0rpx 50rpx 32rpx 70rpx;
		box-sizing: border-box;
	}

	.custommajor .c_main3 .top .number {
		font-size: 148rpx;
		font-family: FZLTCHJW;
		font-weight: bolder;
		color: #5A0D0D;
		margin-right: 40rpx;
	}

	.custommajor .c_main3 .top .right .title {
		font-size: 50rpx;
		font-family: SourceHanSerifCN;
		color: #5A0D0D;
		margin-bottom: 20rpx;
		font-weight: bold;
	}

	.custommajor .c_main3 .top .right .r3_list {
		justify-content: space-between;
	}

	.custommajor .c_main3 .top .right .r3_item {
		font-size: 35rpx;
		font-family: SourceHanSansCN;
		color: #7F6D6D;
	}

	.custommajor .c_main3 .bottom {
		justify-content: space-between;
	}

	.custommajor .c_main3 .bottom .left .name {
		font-size: 36rpx;
		font-family: SourceHanSansCN;
		color: #2A1601;
	}

	.custommajor .c_main3 .bottom .left .day {
		width: 78rpx;
		height: 35rpx;
		text-align: center;
		line-height: 35rpx;
		background: #FFF0F0;
		border: 1px solid #F49696;
		border-radius: 6rpx;
		font-size: 20rpx;
		font-family: SourceHanSansCN;
		color: #2A1601;
		margin-left: 12rpx;
	}

	.custommajor .c_main3 .bottom .right {
		flex: 1;
		font-size: 26rpx;
		font-family: SourceHanSansCN;
		color: #7E6C6C;
		text-align: right;
		font-weight: bold;
	}

	.custommajor .c_main3 .bottom .right .right_icon {
		width: 9rpx;
		margin-left: 20rpx;
	}

	.custommajor .c_main4 {
		padding-top: 35rpx;
		padding-bottom: 35rpx;
		justify-content: space-between;
	}

	.custommajor .c_main4 .echart {
		width: 200rpx;
		height: 200rpx;
	}

	.custommajor .c_main .com_title {
		font-size: 40rpx;
		font-family: SourceHanSansCN;
		font-weight: bold;
		color: #5A0D0D;
		position: relative;
		padding-left: 40rpx;
		font-weight: bold;
	}

	.custommajor .c_main .com_title::after {
		content: "";
		position: absolute;
		left: 0px;
		top: 50%;
		transform: translateY(-50%);
		width: 10rpx;
		height: 36rpx;
		background: #5A0D0D;
		border-radius: 5rpx;
	}

	.custommajor .c_main4 .info {
		margin-top: 50rpx;
	}

	.custommajor .c_main4 .list {
		flex: 1;
		padding-left: 30rpx;
	}

	.custommajor .c_main4 .list .item {
		padding: 15rpx 0px;
		box-sizing: border-box;
	}

	.custommajor .c_main4 .list .item .name {
		width: 70rpx;
		font-size: 28rpx;
		font-family: Alibaba;
		color: #2B2B2B;
	}

	.custommajor .c_main4 .list .item .tips {
		width: 110rpx;
		font-size: 26rpx;
		font-family: Alibaba;
		color: #E75C5B;
		text-align: right;
	}

	.custommajor .c_main4 .list .item .progressBox {
		flex: 1;
		background: #EDEDED;
		border-radius: 15rpx;
		position: relative;
	}

	.custommajor .c_main4 .list .item .progressChild {
		width: 100%;
		overflow: hidden;
	}

	.custommajor .c_main4 .list .item .p_icon {
		border-color: #fff #fff #fff #fff;
		border-top-color: #567AFF;
		border-style: solid;
		border-width: 12rpx 10rpx 0 10rpx;
		height: 0;
		width: 0;
		position: absolute;
		top: -12rpx;
		transform: translateX(-50%);
	}

	.custommajor .c_main5 {
		padding-top: 32rpx;
		padding-bottom: 30rpx;
	}

	.custommajor .c_main5 .r_list {
		margin-top: 14rpx
	}

	.custommajor .c_main5 .r_list .r_item {
		margin-top: 26rpx
	}

	.custommajor .c_main5 .r_list .r_item .r_title {
		width: 150rpx;
		height: 48rpx;
		line-height: 48rpx;
		background: #516EFF;
		border-radius: 24rpx 24rpx 24rpx 0rpx;
		font-size: 28rpx;
		font-family: SourceHanSansCN;
		font-weight: bold;
		color: #FFFFFF;
		text-align: center;
		margin-bottom: 14rpx;
	}

	.custommajor .c_main5 .r_list .r_text {
		font-size: 24rpx;
		font-family: SourceHanSansCN;
		color: #575656;
	}

	.custommajor .c_main5 .r_listSimple {
		height: 200rpx;
		overflow: hidden;
		position: relative;
	}

	.custommajor .c_main5 .r_listSimple .r_bg {
		height: 100rpx;
		position: absolute;
		width: 100%;
		bottom: 0px;
		left: 0px;
		background-color: #fff;
		box-shadow: 0px 0 30rpx 30rpx rgba(255, 255, 255, 1);
	}

	.custommajor .c_main5 .r_listSimple .btnBox_postion {
		position: absolute;
		left: 50%;
		top: 70%;
		transform: translate(-50%, -50%);
	}

	.custommajor .c_main5 .r_listSimple .btnBox {
		width: 460rpx;
		height: 90rpx;
		font-size: 36rpx;
		font-family: SourceHanSansCN;
		font-weight: bold;
		color: #000000;
		text-align: center;
		line-height: 90rpx;
	}

	.custommajor .c_main5 .r_listSimple .btnBox .btn {
		width: 100%;
	}

	.custommajor .c_main5 .r_listSimple .btnBox .wz {
		position: absolute;
		top: 48%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	.custommajor .c_main6 {
		padding-top: 54rpx;
		padding-bottom: 34rpx;
	}

	.custommajor .c_main6 .o_info {
		margin-top: 32rpx;
	}

	.custommajor .c_main6 .o_info .o_info1 {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.custommajor .c_main6 .o_info .o_info1 .turntable {
		width: 350rpx;
	}

	.custommajor .c_main6 .o_info .o_info1 .echart {
		width: 210rpx;
		height: 210rpx;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		background-color: #fff;
		border-radius: 50%;
		/* overflow: hidden; */
	}

	.custommajor .c_main6 .o_info .title {
		font-size: 46rpx;
		font-family: SourceHanSansCN;
		font-weight: bold;
		color: #60452A;
		text-align: center;
		margin-top: -20rpx;
		margin-bottom: 15rpx;
	}

	.custommajor .c_main6 .o_info .titleTips {
		font-size: 24rpx;
		font-family: SourceHanSansCN;
		font-weight: 400;
		color: #60452A;
		text-align: center;
	}

	.custommajor .c_main6 .o_info .o_list {
		justify-content: space-between;
		margin-top: 15rpx;
	}

	.custommajor .c_main6 .o_info .o_list .o_item {
		font-size: 24rpx;
		font-family: SourceHanSansCN;
		text-align: center;
	}

	.custommajor .c_main6 .o_info .o_list .o_item .chron {
		color: #60452A;
	}

	.custommajor .c_main6 .o_info .o_list .o_item .timeBox {
		width: 38rpx;
		height: 180rpx;
		margin: 12rpx 0px;
	}

	.custommajor .c_main6 .o_info .o_list .o_item .time {
		color: #B3B3B3;
		width: 180rpx;
		height: 38rpx;
		transform: rotate(90deg) translateY(38px) translateX(36px);
	}

	.custommajor .c_main6 .o_info .o_list .o_item .score {
		font-size: 30rpx;
		font-weight: bold;
		color: #60452A;
		margin: 0 auto;
	}

	.custommajor .c_main6 .o_info .o_list .o_item .score2 {
		color: #DE8B07;
	}

	.custommajor .c_main6 .o_info .o_list .o_item .score3 {
		color: #FFFFFF;
		width: 44rpx;
		height: 44rpx;
		text-align: center;
		line-height: 44rpx;
		background: linear-gradient(0deg, #C13636, #E65A5A);
		border: 1px solid #FBCEA2;
		border-radius: 50%;
	}

	.custommajor .c_main6 .echart1 {
		width: 100%;
		height: 300rpx;
		margin-top: 30rpx;
		padding: 0px 30rpx 0px 10rpx;
		box-sizing: border-box;
	}

	.custommajor .c_main7 {
		padding-top: 40rpx;
	}

	.custommajor .c_main7 .d_info {
		margin-top: 35rpx;
		display: flex;
		align-items: start;
		padding: 0px 70rpx;
		box-sizing: border-box;
	}

	.custommajor .c_main7 .d_info .person {
		width: 207rpx;
		height: auto;
	}

	.custommajor .c_main7 .d_info .wz {
		min-height: 284rpx;
		position: relative;
		padding: 29rpx 22rpx 37rpx 54rpx;
		box-sizing: border-box;
		margin-top: 25rpx;
		margin-left: 15rpx;
		flex: 1;
		background-image: url("data:image/png;base64,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");
		background-repeat: no-repeat;
		background-size: 100% 100%;
		background-position: top left;
	}

	.custommajor .c_main7 .d_info .wz .name {
		font-size: 32rpx;
		font-family: SourceHanSansCN;
		font-weight: bold;
		color: #5A0D0D;
		margin-bottom: 18rpx;
	}

	.custommajor .c_main7 .d_info .wz .wz_child {
		font-size: 24rpx;
		font-family: SourceHanSansCN;
		font-weight: 300;
		color: #5A0D0D;
		line-height: 1.6;
	}

	.custommajor .c_main7 .d_list {
		justify-content: space-between;
		margin-top: 26rpx;
		padding-bottom: 30rpx;
	}

	.custommajor .c_main7 .d_list .d_item {
		width: 195rpx;
		height: 252rpx;
		background: #fff;
		border: 1px solid #EDEDED;
		border-radius: 10rpx;
		position: relative;
		overflow: hidden !important;
	}

	.custommajor .c_main7 .d_list .d_item .p1 {
		display: block;
		width: 100%;
	}

	.custommajor .c_main7 .d_list .d_item .d_icon {
		position: absolute;
		left: 0;
		top: 0;
		/* width: 43rpx; */
		min-width: 43rpx;
		display: inline-block;
		vertical-align: top;
		height: 39rpx;
		background: linear-gradient(0deg, #C13636, #E65A5A);
		border-radius: 0px 0rpx 10rpx 0rpx;
		font-size: 24rpx;
		font-family: SourceHanSansCN;
		font-weight: bold;
		color: #FFFFFF;
		text-align: center;
		/* line-height: 39rpx; */
	}

	.custommajor .c_main7 .d_list .d_item.active {
		background: #FFF0F0;
		border-color: #F49696;
	}

	.custommajor .c_main7 .d_list .d_item.active .d_title {
		background: linear-gradient(0deg, #C13636, #E65A5A);
		color: #fff;
	}

	.custommajor .c_main7 .d_list .d_item .d_title {
		position: absolute;
		bottom: 0px;
		left: 0px;
		width: 100%;
		height: 53rpx;
		text-align: center;
		line-height: 53rpx;
		background: #D7D7D7;
		font-size: 30rpx;
		font-family: SourceHanSansCN;
		color: #777777;
	}

	.custommajor .c_main8 {
		padding-top: 38rpx;
		padding-bottom: 5rpx;
	}

	.custommajor .c_main8 .diet_list {
		padding-top: 10rpx;
	}

	.custommajor .c_main8 .diet_Item .d_title {
		font-size: 36rpx;
		font-family: SourceHanSansCN;
		font-weight: bold;
		color: #5A0D0D;
		margin-bottom: 27rpx;
		margin-top: 40rpx;
	}

	.custommajor .c_main8 .diet_Item .d_listChild_item {
		width: 100%;
		height: 159rpx;
		background: #FFFAFA;
		border: 1px solid #F49696;
		border-radius: 20rpx;
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-bottom: 29rpx;
		padding: 0px 30rpx;
		box-sizing: border-box;
	}

	.custommajor .c_main8 .d_listChild_item .left .person {
		width: 114rpx;
	}

	.custommajor .c_main8 .d_listChild_item .left .fruits {
		flex: 1;
		font-size: 36rpx;
		font-family: SourceHanSansCN;
		color: #5A0D0D;
		margin-left: 36rpx;
		width: 110rpx;
	}

	.custommajor .c_main8 .d_listChild_item .center {
		width: 104rpx;
		height: 40rpx;
		background: #FFE4C9;
		border-radius: 20rpx;
		font-size: 28rpx;
		text-align: center;
		line-height: 40rpx;
		font-family: SourceHanSansCN;
		color: #724C26;
	}

	.custommajor .c_main8 .d_listChild_item .img_list .person {
		width: 25rpx;
		margin: 0px 3rpx 8rpx;
	}

	.custommajor .c_main8 .d_listChild_item .starText {
		font-size: 24rpx;
		font-family: SourceHanSansCN;
		color: #5A0D0D;
	}

	.custommajor .c_main9 {
		padding-top: 50rpx;
		padding-bottom: 35rpx;
	}

	.custommajor .c_main9 .f_info {
		width: 100%;
		margin-top: 40rpx;
		padding-left: 30rpx;
		box-sizing: border-box;
		// overflow: hidden;
		 overflow-x: auto;
	}

	.custommajor .c_main9 .f_info .f_list {
		width: 100%;
		justify-content: space-between;
	}

	.custommajor .c_main9 .f_info .f_item {
		width: 60rpx;
		text-align: center;
	}

	.custommajor .c_main9 .f_info .f_item .name {
		font-size: 24rpx;
		font-family: SourceHanSansCN;
		color: #7E6C6C;
	}

	.custommajor .c_main9 .f_info .f_item .date {
		font-size: 24rpx;
		font-family: SourceHanSansCN;
		color: #A6A6A6;
		margin-top: 10rpx;
		margin-bottom: 15rpx;
	}

	.custommajor .c_main9 .f_info .f_item .minute {
		font-size: 24rpx;
		font-family: SourceHanSansCN;
		color: #F18A13;
	}

	.custommajor .c_main9 .echart {
		width: 100%;
		height: 200rpx;
		margin-top: 25rpx;
	}

	.custommajor .c_main9 .echart_label {
		// width: 100%;
		width: 2300rpx;
		justify-content: space-between;
	}

	.custommajor .c_main9 .echart_label .echart_item {
		width: 55rpx;
		height: 35rpx;
		background: #724C26;
		border-radius: 16rpx;
		font-size: 24rpx;
		font-family: SourceHanSansCN;
		color: #FFFFFF;
		text-align: center;
	}

	.custommajor .c_main10 {
		padding-top: 53rpx;
		padding-bottom: 44rpx;
	}

	.custommajor .c_main10 .r_info {
		margin-top: 50rpx;
	}

	.custommajor .c_main10 .r_info .echart {
		width: 320rpx;
		height: 320rpx;
	}

	.custommajor .c_main10 .r_info .r_list {
		flex: 1;
	}

	.custommajor .c_main10 .r_info .r_list .r_item {
		margin: 15rpx 0px;
	}

	.custommajor .c_main10 .r_info .r_list .r_item .name {
		font-size: 35rpx;
		font-family: SourceHanSansCN;
		font-weight: bold;
		color: #383838;
		margin-left: 26rpx;
		margin-right: 32rpx;
	}

	.custommajor .c_main10 .r_info .r_list .r_item .tips {
		font-size: 26rpx;
		font-family: Alibaba;
		color: #E75C5B;
	}

	.custommajor .c_main10 .r_info .r_list .r_item .label {
		width: 26rpx;
		height: 26rpx;
	}

	.custommajor .c_main10 .r_info .r_list .r_item .label1 {
		background: linear-gradient(0deg, #0556FE, #4884FF);
	}

	.custommajor .c_main10 .r_info .r_list .r_item .label2 {
		background: linear-gradient(0deg, #F1D054, #FFF772);
	}

	.custommajor .c_main10 .r_info .r_list .r_item .label3 {
		background: linear-gradient(0deg, #FB6F44, #FF8B68);
	}

	.custommajor .c_main10 .textBox {
		width: 100%;
		min-height: 254rpx;
		position: relative;
		background-image: url(data:image/png;base64,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);
		background-size: 100% 100%;
		background-repeat: no-repeat;
		background-position: top center;
		z-index: 1000;
		font-size: 28rpx;
		font-family: SourceHanSansCN;
		color: #000000;
		padding: 58rpx 24rpx 28rpx 28rpx;
		box-sizing: border-box;
		line-height: 1.8;
		margin-top: 8rpx;
	}

	.custommajor .c_main11 {
		padding-top: 40rpx;
		padding-bottom: 33rpx;
	}

	.custommajor .c_main11 .com_title {
		justify-content: space-between;
	}

	.custommajor .c_main11 .com_title .more {
		font-size: 30rpx;
		font-family: SourceHanSansCN;
		color: #7E6C6C
	}

	.custommajor .c_main11 .com_title .more .rightIcon {
		width: 15rpx;
		margin-left: 15rpx;
	}

	.custommajor .c_main11 .h_list {
		margin-top: 57rpx;
		background-color: #FFF6F6;
		font-size: 28rpx;
		font-family: SourceHanSansCN;
		color: #856D6C;
	}

	.customizate .c_main11 .h_list .h_item {
		border-bottom: 1px solid #fff;
	}

	.custommajor .c_main11 .h_list .title {
		flex: 1;
		width: 119rpx;
		font-size: 28rpx;
		font-family: SourceHanSansCN;
		font-weight: bold;
		color: #5A0D0D;
		display: flex;
		align-items: center;
		padding: 20rpx 0px;
		justify-content: center;
		background: #FFEAEA;
	}

	.custommajor .c_main11 .h_list .text {
		flex: 4;
		line-height: 1.2;
		padding: 0 20rpx;
	}

	/* 赠送版 */

	.c_mainMember1 {
		padding-bottom: 38rpx !important;
	}

	.c_mainMember1 .s_table {
		margin-top: 37rpx;
		margin-bottom: 38rpx;
		border: 1px solid #EDEDED;
		border-bottom: 0px;
	}

	.c_mainMember1 .s_table .s_tableItem {
		background-color: #FFEAEA;
		border-bottom: 1px solid #EDEDED;
	}

	.c_mainMember1 .s_table .s_tableItem .title {
		height: 100%;
		font-size: 40rpx;
		font-family: SourceHanSansCN;
		font-weight: bold;
		color: #5A0D0D;
		padding: 0px 26rpx;
	}

	.c_mainMember1 .s_table .s_tableItem .right {
		flex: 1;
		background-color: #fff;
	}

	.c_mainMember1 .s_tableItem .right .right_i1 {
		padding-bottom: 20rpx;
	}

	.c_mainMember1 .s_tableItem .right .right_i1:first-child {
		border-bottom: 1px solid #EDEDED;
	}

	.c_mainMember1 .s_table .right .right_list {
		flex: 1;
	}

	.c_mainMember1 .s_table .textBtn {
		width: 44rpx;
		margin-left: 13rpx;
	}

	.c_mainMember1 .s_table .right_list {
		padding: 0px 10rpx;
		box-sizing: border-box;
		flex-wrap: wrap;
	}

	.c_mainMember1 .s_table .right_list .right_item {
		font-size: 30rpx;
		font-family: SourceHanSansCN;
		color: #7E6C6C;
		width: 135rpx;
		height: 55rpx;
		line-height: 55rpx;
		background: #E5E5E5;
		border-radius: 6rpx;
		margin: 12rpx;
		text-align: center;
	}

	.c_mainMember1 .s_table .right_list .right_item1 {
		background-color: #FFE4C9;
	}


	.c_mainMember2 .r_item {
		position: relative;
		margin-bottom: 20rpx;
		height: 250rpx;
		overflow: hidden;
	}

	.c_mainMember2 .r_item .r_bg {
		height: 100rpx;
		position: absolute;
		width: 100%;
		bottom: 0px;
		left: 0px;
		background-color: #fff;
		box-shadow: 0px 0 60rpx 50rpx rgba(255, 255, 255, 1);
	}

	.c_mainMember2 .r_item .btnBox_postion {
		position: absolute;
		left: 50%;
		top: 70%;
		transform: translate(-50%, -50%);
	}

	.c_mainMember2 .r_item .btnBox {
		width: 495rpx;
		height: 90rpx;
		font-size: 36rpx;
		font-family: SourceHanSansCN;
		font-weight: bold;
		color: #000000;
		text-align: center;
		line-height: 90rpx;
	}

	.c_mainMember2 .r_item .btnBox .btn {
		width: 100%;
	}

	.c_mainMember2 .r_item .btnBox .wz {
		width: 100%;
		position: absolute;
		top: 48%;
		left: 50%;
		transform: translate(-50%, -50%);
		font-size: 36rpx;
		font-family: SourceHanSansCN;
		font-weight: bold;
		color: #000000;
	}

	.wx-progress-inner-bar {
		border-radius: 15px;
	}

	.anima {
		animation-name: likes;
		animation-direction: alternate;
		animation-timing-function: linear;
		animation-delay: 0s;
		animation-iteration-count: infinite;
		animation-duration: 1s;
	}

	@keyframes likes {
		0% {
			transform: scale(1);
		}

		25% {
			transform: scale(0.9);
		}

		50% {
			transform: scale(0.85);
		}

		75% {
			transform: scale(0.9);
		}

		100% {
			transform: scale(1);
		}
	}
</style>