<template>
	<view>
		<!-- <button type="primary" open-type="contact">在线咨询</button> -->
		<!-- <button type="primary" @click="test">在线咨询</button> -->
		<!-- class="contents" :actionStyle="customActionStyle"actionText="搜索"  @custom='serchfot'-->
		<view class="logobg">
			<!-- <view style="display: flex;justify-content: space-between;align-items: center;">
				<u-search  class="keyewar" v-model='keywares' placeholder='输入搜索内容'  :clearabled='true'  clear='cleardata'  :show-action="false"  :animation="false"></u-search>
				<view class="customActionStyle" @click="serchfot">搜索</view>
			</view> -->
		</view>
		<!-- <u-input class="keywar" />
			<div style="display: flex;justify-content: space-between;">	
				<view style="display:flex;align-items: center;">
					<img style="width:30rpx;height:30rpx;margin-left: 10px;"  src="http://image.keyitest.cn/static/index/ss.png">
					<text style="color:#999999;margin:0 10px;font-size:14px">输入搜索内容</text>
				<view class="sos" @click="serchfot">搜索</view>
				
			</div> -->
		<!-- <img src="src="http://image.keyitest.cn/static/index/ss.png" alt=""> -->
		<view class="fouassociation">
			<view class="association" @click="gametype('tool')">
				<img src="http://image.keyitest.cn/static/index/hzuli.png" alt="">
				<text>工具服务</text>
				<!-- <view class="tostnew">
					<image class="tostnewimg" src="../../static/index/toast.png" mode=""></image>
					<text class="tostnewtext">即将上线</text>
				</view> -->
			</view>
			<view class="association" @click="gametype('test')">
				<img src="http://image.keyitest.cn/static/index/hstudu.png" alt="">
				<text>培训服务</text>
				<!-- <view class="tostnew">
					<image class="tostnewimg" src="../../static/index/toast.png" mode=""></image>
					<text class="tostnewtext">即将上线</text>
				</view> -->
			</view>
			<view class="association" @click="gametype('crowd')">
				<img src="http://image.keyitest.cn/static/index/hzhongb.png" alt="">
				<text>众包服务</text>
			</view>
			
			<view class="association" @click="gametype('human')">
				<img src="http://image.keyitest.cn/static/index/hhuman.png" alt="">
				<text>人才服务</text>
			</view>
		</view>
		<view class='schedule'>
			<!-- 测试工具 -->
			<view style='display:flex;justify-content:space-between;margin:20px 0'>
				<view  style='display:flex;align-items: center;'>
					<img style="width:29rpx;height:40rpx" src="http://image.keyitest.cn/static/index/hhot.png"></image>
					<p style='font-size:20px;font-weight: bold;color: #333333;margin-left:10px'>测试工具</p>
				</view>
				<view style='display:flex;align-items: center;'  @click="gametype('tool')">		
					<text style='color: #999999;font-size:13px;'>更多</text>
					<img style='width:15rpx;height:25rpx;margin-top:3px;margin-left:5px;' src="http://image.keyitest.cn/static/index/xia.png" alt="">
				</view>
			</view>
			<view class='koeui'>
				<view class="currekei" v-for="(item,key) of toollist" :key="key">
					<view  class="imgone"  @click="details('tool',item.toolId)">
						<view style="width: 120rpx;height: 120rpx;">
							<img :src="item.img"  alt="">
							<!-- <img v-if="item.name=='代码静态分析工具'" :src="item.imgs"  alt="">
							<img v-if="item.name=='源代码安全检测工具'" :src="item.imgs"   alt="">
							<img v-if="item.name=='C/C++单元测试工具'" :src="item.imgs"   alt="">
							<img v-if="item.name=='接口测试工具'" :src="item.imgs" alt="">
							<img v-if="item.name=='JAVA单元测试工具'" :src="item.imgs"  alt="">
							<img v-if="item.name=='功能测试工具AutoFun'" :src="item.imgs"  alt="">
							<img v-if="item.name=='代码组成分析平台'" :src="item.imgs"   alt="">
							<img v-if="item.name=='性能测试工具'" :src="item.imgs"  alt="">
							<img v-if="item.name=='自鉴-交互式应用安全测试系统IAST'" :src="item.imgs"  alt="">
							<img v-if="item.name=='Web应用安全测试工具'" :src="item.imgs"  alt="">
							<img v-if="item.name=='资产识别及漏洞管理工具'" :src="item.imgs"  alt="">
							<img v-if="item.name=='性能测试工具AutoLoad'" :src="item.imgs"  alt=""> -->
						</view>
						
						
					</view>
					<p class="leop leop1">{{item.name}}</p>
					<view style='display:flex;margin:30rpx 0'>
						<view v-if='item.toolTypeName' class="tabone">{{item.typel}}测试</view>
						<view class="tabone" style="color: #FF8A00;border: 1px solid #FF8A00;margin-left: 10px;">{{item.deliverType}}</view>
					</view>
					<view style='display:flex;justify-content:space-between;margin:15rpx 0;width:100%'>						
						<p style="font-size: 24rpx;" v-if="item.price == 0">限时免费</p>
						<p style="font-size: 34rpx;" v-else>¥ {{item.price}}</p>
						<!-- <img class="imgtwo" src="http://image.keyitest.cn/static/index/add.png" alt="" @click="addcart(item.toolId)"> -->
					</view>
				</view>
				
			</view>
			<!-- 培训服务 -->
			<!-- <view style='display:flex;justify-content:space-between;margin:20px 0'>
				<view  style='display:flex;align-items: center;'>
					<img style="width:1.5rem;height:2rem" src="http://image.keyitest.cn/static/index/hhot.png"></image>
					<p style='font-size:20px;font-weight: bold;color: #333333;margin-left:10px'>推荐-培训服务</p>
				</view>
				<view style='display:flex;align-items: center;' @click="gametype('test')">		
					<text style='color: #999999;font-size:13px;'>更多</text>
					<img style='width:15rpx;height:25rpx;margin-top:3px;margin-left:5px;' src="http://image.keyitest.cn/static/index/xia.png" alt="">
				</view>
			</view>
			<view style="margin-top:20px; background: #FFFFFF; border-radius:10px;padding: 10px 0px 15px 0;" @click="applytest(1)">
				<view  style='display:flex;justify-content:space-between;margin:10px 15px' >
					<img style="width:160px;height:30px;" src="http://image.keyitest.cn/xian_kjdx.png" alt="">
					<view style='display:flex;align-items: center;'  >
						<p style="color: #1F84F9;">查看详情</p>
						<u-icon  name="arrow-right" color="#2084F9" style='margin-top: 2px;margin-left: 5px;'></u-icon>
					</view>
				</view>
				<view class="fline"></view>
				<view style="margin-left:15px">
					<p style="font-size: 16px;font-weight: bold;color: #000000;margin:14px 0 11px 0px;">智能软件测试协同创新班 </p>
					<p style="font-size:12px;font-weight:500;color: #808080;">培训静态测试、单元测试、配置项测试、测试管理等课程	</p>
				</view>
			</view>
			<view style="margin-top:15px; background: #FFFFFF; border-radius:10px;padding: 10px 0px 15px 0;" @click="applytest(2)">
				<view  style='display:flex;justify-content:space-between;margin:10px 15px'>
					<img style="width:139px;height:30px;" src="http://image.keyitest.cn/chongqing_gcxy.png" alt="">
					<view style='display:flex;align-items: center;' >
						<p style="color: #1F84F9;">查看详情</p>
						<u-icon  name="arrow-right" color="#2084F9" style='margin-top: 2px;margin-left: 5px;'></u-icon>
					</view>
				</view>
				<view class="fline"></view>
				<view style="margin-left:15px">
					<p style="font-size: 16px;font-weight: bold;color: #000000;margin:14px 0 11px 0px;">软件测试创新班</p>
					<p style="font-size:12px;font-weight:500;color: #808080;">培训静态测试、单元测试、配置项测试、测试管理等课程	</p>
				</view>
			</view> -->

			<!-- 众包服务 -->
			<view style='display:flex;justify-content:space-between;margin:20px 0'>
				<view style='display:flex;align-items: center;'>
					<p style='font-size:20px;font-weight: bold;color: #333333;margin-left:10px' @click='nearfuture'>众包服务
					</p>
				</view>
				<view style='display:flex;align-items: center;' @click="gametype('crowd')">
					<text style='color: #999999;font-size:13px;'>更多</text>
					<img style='width:15rpx;height:25rpx;margin-top:3px;margin-left:5px;'
						src="http://image.keyitest.cn/static/index/xia.png" alt="">
				</view>
			</view>
			<view class="notice" @click="details('crpwd',item.taskId)" v-for="(item,key) of crowdlist" :key="key">
				<!-- <img v-if="item.icon" style='width:160rpx;height:160rpx;margin-right:39rpx;' :src="item.icon" alt="">
				<img v-else style='width:160rpx;height:160rpx;margin-right:39rpx;' src="http://image.keyitest.cn/static/crowd_testing.png" alt=""> -->
				<view style="width:160rpx;height:160rpx;margin-right:39rpx;">
					<image v-if="item.testType.split(',')[0]=='static'"
						src="http://image.keyitest.cn/static/index/renliwb/jtcs.png" mode=""
						style='width:160rpx;height:160rpx;margin-right:39rpx;'></image>
					<image v-else-if="item.testType.split(',')[0]=='function'"
						src="http://image.keyitest.cn/static/index/renliwb/gncs.png" mode=""
						style='width:160rpx;height:160rpx;margin-right:39rpx;'></image>
					<image v-else-if="item.testType.split(',')[0]=='performance'"
						src="http://image.keyitest.cn/static/index/renliwb/xncs.png" mode=""
						style='width:160rpx;height:160rpx;margin-right:39rpx;'></image>
					<image v-else-if="item.testType.split(',')[0]=='security'"
						src="http://image.keyitest.cn/static/index/renliwb/aqcs.png" mode=""
						style='width:160rpx;height:160rpx;margin-right:39rpx;'></image>
					<image v-else-if="item.testType.split(',')[0]=='reliability'"
						src="http://image.keyitest.cn/static/index/renliwb/kkxcs.png" mode=""
						style='width:160rpx;height:160rpx;margin-right:39rpx;'></image>
					<image v-else-if="item.testType.split(',')[0]=='development'"
						src="http://image.keyitest.cn/static/index/renliwb/ycrw.png" mode=""
						style='width:160rpx;height:160rpx;margin-right:39rpx;'></image>
					<image v-else
						src="http://image.keyitest.cn/static/index/renliwb/qtcs.png" mode=""
						style='width:160rpx;height:160rpx;margin-right:39rpx;'></image>
				</view>
				<view style="width:58vw;">
					<p class="leop" style="margin:0;justify-content: initial;">{{item.projectName}}</p>
					<!-- <p class="typej">类型：静态测试</p> -->
					<p class="typej">
						类型：{{findLabelValueByPropnew(tasktypelist, item.testType, 'dictValue', 'dictLabel')}}</p>
					<!-- <p class="typej" v-if="item.testType=='function'">类型：功能测试</p>
					<p class="typej" v-if="item.testType=='performance'">类型：性能测试</p>
					<p class="typej" v-if="item.testType=='security'">类型：安全测试</p>
					<p class="typej" v-if="item.testType=='configuration'">类型：配置项测试</p>
					<p class="typej" v-if="item.testType=='reliability'">类型：可靠性测试</p>
					<p class="typej" v-if="item.testType=='development'">类型：研发任务</p>
					<p class="typej" v-if="item.testType=='outsource'">类型：用人任务</p>
					<p class="typej" v-if="item.testType=='other'">类型：其他</p> -->
					<p class="typej">工期：{{item.period}}天 I
						共招<text style="color: #0066EB;">{{item.needPerson}}</text>人 / 已报名
						<text style="color: #0066EB;">{{item.companyAppCount + item.personalAppCount}}</text>人
						<!-- <text style="color: #0066EB;">{{(item.companyAppCount + item.personalAppCount) +'/' + item.needPerson }}</text> -->
					</p>
					<view style="display:flex;justify-content:space-between;margin-top:20rpx">
						<view style="display: flex;align-items: center;">
							<p style='color:#FF8A00;font-size: 24rpx;'></p>
							<p v-if="item.price == 0" style="color: #FF3200;font-size:30rpx;">面议</p>
							<p v-else style="color: #FF3200;font-size:34rpx;">¥ {{item.price}}</p>
							<p style="color: #4C4644;font-size: 22rpx;"></p>
						</view>
						<!-- <view class="buttonyz">竞标报名</view> -->
						<view v-if="item.processStatus == 0" class="buttonyz">报名中</view>
						<view v-if="item.processStatus == 1" class="buttonyz" style="background: linear-gradient(90deg, #FAC024, #FD9B1D);">实施中</view>
						<view v-if="item.processStatus == 2" class="buttonyz" style="background: linear-gradient(90deg, #1EE2F9, #14CADA);">待验收</view>
						<view v-if="item.processStatus == 3" class="buttonyz" style="background: linear-gradient(90deg, #FB9A78, #FC612A);">待结算</view>
						<view v-if="item.processStatus == 4" class="buttonyz" style="background: linear-gradient(90deg, #3BF199, #13CB6E);">已完成</view>
						<!-- <view v-if="item.taskStatus == 0" class="buttonyz">竞标报名</view>
						<view v-else class="buttonyz1">报名结束</view> -->
					</view>
				</view>
			</view>

			
			<!-- 测试工具 -->
			<!-- 人才服务 -->
			<!-- <view style='display:flex;justify-content:space-between;margin:10px 0 0 0'>
				<view  style='display:flex;align-items: center;'>
					<p style='font-size:20px;font-weight: bold;color: #333333;margin-left:10px' >人才服务</p>
				</view>
				<view style='display:flex;align-items: center;' @click="gametype('human')">		
					<text style='color: #999999;font-size:13px;'>更多</text>
					<img style='width:15rpx;height:25rpx;margin-top:3px;margin-left:5px;' src="http://image.keyitest.cn/static/index/xia.png" alt="">
				</view>
			</view>
			<view style="display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;">
				<view class="statictosol" style="position: relative;padding:0px;height: auto;">
					<img style="width:75rpx;height:38rpx;position: absolute;top: 0;left: 0" src="http://image.keyitest.cn/static/index/renliwb/2.png" alt="">
					<img style="margin:15px 0" src="http://image.keyitest.cn/static/outsource/test.png" alt="">
					<u-line></u-line>
					<p style="color:#1A1A1A;font-size: 1rem;font-weight: bold;margin:15px 0 ;">测试工程师 </p>
				</view>
				<view class="statictosol" style="position: relative;padding:0px;height: auto;">
					<img style="width:75rpx;height:38rpx;position: absolute;top: 0;left: 0" src="http://image.keyitest.cn/static/index/renliwb/2.png" alt="">
					<img style="margin:15px 0" src="http://image.keyitest.cn/static/outsource/java.png" alt="">
					<u-line></u-line>
					<p style="color:#1A1A1A;font-size: 1rem;font-weight: bold;margin:15px 0 ;">JAVA开发工程师 </p>
				</view>
				<view class="statictosol" style="padding:0px;height: auto;">
					<img style="margin:15px 0" src="http://image.keyitest.cn/static/outsource/c++.png" alt="">
					<u-line></u-line>
					<p style="color:#1A1A1A;font-size: 1rem;font-weight: bold;margin:15px 0 ;">C++开发工程师 </p>
				</view>
				<view class="statictosol" style="padding:0px;height: auto;">
					<img style="margin:15px 0" src="http://image.keyitest.cn/static/outsource/web.png" alt="">
					<u-line></u-line>
					<p style="color:#1A1A1A;font-size: 1rem;font-weight: bold;margin:15px 0 ;">Web前端开发工程师</p>
				</view>
				<view class="statictosol" style="padding:0px;height: auto;">
					<img  style="margin:15px 0" src="http://image.keyitest.cn/static/outsource/implant.png" alt="">
					<u-line></u-line>
					<p style="color:#1A1A1A;font-size: 1rem;font-weight: bold;margin:15px 0 ;">嵌入式工程师 </p>
				</view>
				<view class="statictosol" style="padding:0px;height: auto;">
					<img  style="margin:15px 0" src="http://image.keyitest.cn/static/outsource/php.png" alt="">
					<u-line></u-line>
					<p style="color:#1A1A1A;font-size: 1rem;font-weight: bold;margin:15px 0 ;">PHP开发工程师</p>
				</view>
			</view> -->

			<!-- 人才服务 -->
		</view>
		<view style="height:10px;"></view>
		<u-toast ref="uToast" />
		<u-modal title='温馨提示' v-model="tokenshow" content="您还没有登录" confirm-text='现在就去' cancel-text='稍等一下'
			show-cancel-button='true' cancel-color='#1578ED' confirm-color='#1578ED' @confirm="confirm"
			@cancel='tokenshow=false'></u-modal>
	</view>
</template>

<script>
	import {
		findLabelValueByPropnew
	} from '@/utils/util.js'
	import mixin from '@/utils/mixin/index.js'
	export default {
		mixins: [mixin],
		data() {
			return {
				title: '首页',
				keywares: '',
				toollist: [], //工具数组
				crowdlist: [], //众包数组
				tokenshow: false,
			}
		},
		onShow() {
			this.http.quickGet('/business/tool/listAnon?status=1').then(res => {
					let tooldata = res.data.rows;
					tooldata.forEach(item => {
						if (item.name == '代码静态分析工具') {
							item.imgs = 'http://image.keyitest.cn/static/index/11.png'
						} else if (item.name == '源代码安全检测工具') {
							item.imgs = 'http://image.keyitest.cn/static/index/5.png'
						} else if (item.name == 'C/C++单元测试工具') {
							item.imgs = 'http://image.keyitest.cn/static/index/2.png'
						} else if (item.name == '接口测试工具') {
							item.imgs = 'http://image.keyitest.cn/static/index/12.png'
						} else if (item.name == 'JAVA单元测试工具') {
							item.imgs = 'http://image.keyitest.cn/static/index/tool/1.png'
						} else if (item.name == '功能测试工具AutoFun') {
							item.imgs = 'http://image.keyitest.cn/static/index/3.png'
						} else if (item.name == '代码组成分析平台') {
							item.imgs = 'http://image.keyitest.cn/static/index/tool/4.png'
						} else if (item.name == '性能测试工具') {
							item.imgs = 'http://image.keyitest.cn/static/index/6.png'
						} else if (item.name == '自鉴-交互式应用安全测试系统IAST') {
							item.imgs = 'http://image.keyitest.cn/static/index/tool/3.png'
						} else if (item.name == 'Web应用安全测试工具') {
							item.imgs = 'http://image.keyitest.cn/static/index/tool/2.png'
						} else if (item.name == '资产识别及漏洞管理工具') {
							item.imgs = 'http://image.keyitest.cn/static/index/zc.png'
						} else if (item.name == '性能测试工具KeyTurbo') {
							item.imgs = 'http://image.keyitest.cn/static/index/xn.png'
						}
						item.typel = item.toolTypeName.slice(0, 2)
					})
					this.toollist = res.data.rows.splice(0, 6)
				}),
				this.http.quickGet('/crowdsource/listAnon?pageNum=1&pageSize=10').then(res => {
					this.crowdlist = res.data.rows;
					this.crowdlist = this.crowdlist.splice(0, 3)
				})
		},
		filters: {
			tiilnamechange(value) {
				if (!value) return ''
				if (value.length > 9) {
					return value.slice(0, 7) + '...'
				}
				return value
			}
		},
		methods: {
			findLabelValueByPropnew,
			test() {
				uni.navigateTo({
					url: '/pages/index/test',
					// url: 'https://w102.ttkefu.com/k/linkurl/?t=6F5CCH6'

				})
			},
			// onShareAppMessage(res) {
			//     if (res.from === 'button') {// 来自页面内分享按钮
			//       console.log(res.target)
			//     }
			//     return {
			//       title: '自定义分享标题',
			//       path: '/pages/test/test?id=123'
			//     }
			//   },
			//工具，众包详情
			details(type, id) {
				// console.log('id---',id)
				if (type == 'tool') {
					// uni.showToast({ title: '该功能开发中', icon: 'none', duration: 1000 });
					uni.navigateTo({
						url: `./toolleasing/tooldetails?id=${id}`
					})
				} else {
					uni.navigateTo({
						url: `./testcrowdsourc/crowdsourcingdetails?id=${id}`
					})
				}
			},
			//搜索框
			serchfot() {
				uni.navigateTo({
					url: './searchfor'
				})
			},
			cleardata() {

			},
			confirm() {
				uni.navigateTo({
					url: '/pages/personal/login'
				})
			},
			//工具加入购物车
			addcart(id) {
				uni.showToast({
					title: '该功能开发中',
					icon: 'none',
					duration: 1000
				});
				return;
				let accessToken = uni.getStorageSync('accessToken');
				if (!accessToken) {
					this.tokenshow = true
				} else {
					this.http.quickGet(`/my/addShoppingCart/${id}/1`, true).then(response => {
						console.log('response', response)
						if (response.data.code == 200) {
							console.log('111')
							this.$refs.uToast.show({
								title: '添加购物车成功',
								type: 'success',
								duration: 1000,
								isTab: true,
								url: '/pages/shoppingtrolley/shoppingtrolley'
							})
						}
					})
				}

			},
			// 四大模块跳转
			gametype(type) {
				if (type == 'test') {
					uni.navigateTo({
						url: './testtraining/testtraining'
					})
				} else if (type == 'crowd') {
					uni.switchTab({
						url: '/pages/index/testcrowdsourc/testcrowdsourc'
					})
				} else if (type == 'tool') {
					// uni.showToast({
					// 	title: '功能即将上线，敬请期待',
					// 	icon: 'none',
					// 	duration: 1000
					// });
					uni.navigateTo({
						url:'./toolleasing/toolleasing'
					})
				} else {
					// uni.showToast({ title: '功能即将上线，敬请期待', icon: 'none', duration: 1000 });
					uni.navigateTo({
						url: './outsourcing/outsourcing'
					})
				}
			},
			// 培训学校
			applytest(type) {
				uni.navigateTo({
					url: `./testtraining/testtraining?currenttab=${type}`
				})
			}
		}
	}
</script>

<style>
	page {
		background-color: #F7F7F7;
	}

	.logobg {
		width: 100vw;
		height: 51vw;
		background-size: 100% 55vw;
		background-image: url('http://image.keyitest.cn/static/index/hhome_page.png');
		background-repeat: no-repeat;
		padding: 20px 5vw 20px 5vw;
		margin-top: -1px;

		/* padding:30px 0vw 20px 5vw; */
		/* z-index:0; */
	}

	.keyewar {
		width: 72vw;
		border-radius: 50rpx;
		/* position: relative; */
		/* 	margin:1vw 5vw 20px 0vw;
		display: flex;
		justify-content: space-between; */
		/* padding: 10px; */
	}
	.buttonyz1 {
		width: 139rpx;
		height: 49rpx;
		background: #a8aeb6;
		border-radius: 25rpx;
		color: #FFFFFF;
		font-size: 24rpx;
		text-align: center;
		line-height: 49rpx;
	}
	.customActionStyle {
		width: 115rpx;
		height: 60rpx;
		background: linear-gradient(90deg, #5EA6FD, #1A81F9);
		border-radius: 39rpx;
		text-align: center;
		line-height: 55rpx;
		color: #FFFFFF;
		font-size: 14px;
		z-index: 99;
	}

	/* @media screen and (max-width: 350px) {
	  body {
		font-size: 14px;
		color: blue;
	  }
	} */
	.contents {
		padding-bottom: 50px
	}

	.fouassociation {
		position: relative;
		/* z-index: 2; */
		/* width:90vw; */
		margin: -12vw 3vw 0 3vw;
		display: flex;
		justify-content: space-around;
		background: rgba(255, 255, 255, 1);
		box-shadow: 0px 0px 29px 0px rgba(187, 86, 25, 0.17);
		border-radius: 10px;
		padding: 0 5px;
	}

	.association {
		width: 20vw;
		margin: 10px 0;
		display: flex;
		flex-direction: column;
		align-items: center;
		position: relative;
	}

	.association img {
		width: 13vw;
		height: 13vw;
		margin-bottom: 5px;
		display: block;
	}

	.association text {
		font-size: 14px;
		display: block;
	}

	.schedule {
		width: 94vw;
		margin: 30px 3vw 20px 3vw;
	}

	.koeui {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;

	}

	.currekei {
		width: 48%;
		/* height: 360rpx; */
		background: #FFFFFF;
		border-radius: 10px;
		padding: 10px 10px;
		margin-bottom: 20rpx
	}
	
	.leop {
		font-size: 30rpx;
		/* height:40px ; */
		font-weight: bold;
		color: #1A1A1A;
		/* margin: 13rpx 0; */
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.leop1 {
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		/*! autoprefixer: off */
		-webkit-box-orient: vertical;
		justify-content: flex-start;
	}

	.tabone {
		padding: 2rpx 5rpx;
		border: 1px solid #2B80FC;
		border-radius: 4rpx;
		font-size: 20rpx;
		font-weight: 500;
		color: #2387EE;
		text-align: center;
		box-sizing: border-box;
	}

	.currekei :nth-child(4) {
		color: #FD461A;
		font-weight: 800;
		font-size: 34rpx;
	}

	.imgone {
		width: 180rpx;
		margin: 10px auto;
		text-align: center;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.imgone img {
		width: 100%;
		height: 100%;
	}

	.imgsone {
		width: 150rpx;
		margin: 20px auto;
	}

	.imgsone img {
		width: 150rpx;
		height: 123rpx;
	}

	.imgtwo {
		width: 32rpx;
		height: 32rpx;
	}

	.notice {
		/* width: 90vw; */
		/* height: 130px; */
		margin-top: 10px;
		background: #FFFFFF;
		border-radius: 10px;
		display: flex;
		padding: 10px 15px;
		align-items: center;
	}

	.typej {
		font-size: 24rpx;
		color: #9D9D9D;
		margin: 13rpx 0;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.buttonyz {
		width: 139rpx;
		height: 49rpx;
		background: linear-gradient(90deg, #5EA6FD, #1A81F9);
		border-radius: 25rpx;
		color: #FFFFFF;
		font-size: 24rpx;
		text-align: center;
		line-height: 49rpx;
	}

	.fline {
		width: 100%;
		height: 1rpx;
		border: 1rpx solid #F2F2F2;
		opacity: 0.15;
	}

	.statictosol {
		width: 48%;
		height: 180px;
		background: #FFFFFF;
		border-radius: 10rpx;
		text-align: center;
		margin-top: 20px;
		padding: 15px 10px;
	}

	.statictosol img {
		width: 17vw;
		height: 17vw;
		margin-bottom: 10px;
	}

	.statictosol p {
		font-size: .8rem;
		color: #808080;
		margin-bottom: 5px;
		line-height: 21px
	}

	.tostnew {
		position: absolute;
		top: -12rpx;
		right: -32rpx;

	}

	.tostnewimg {
		width: 76rpx;
		height: 32rpx;
	}

	.tostnewtext {
		position: absolute;
		top: 3rpx;
		left: 50%;
		transform: translateX(-50%);
		white-space: nowrap;
		font-weight: 500;
		font-size: 16rpx !important;
		color: #FFFFFF;
	}
</style>