<template>
	<view>
		<view class="tabledetails">
			<img class="logobg" src="http://image.keyitest.cn/static/index/testpx/banner1.png" alt="" />
			<view style="margin-bottom:23px;text-align: center;">
				<img class="deyalimg" src="http://image.keyitest.cn/static/index/testpx/1.png" alt="">
				<p style="color: #999999;font-size:28rpx;">培养专业测试专项人才</p>
			</view>
			<view style="display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;">
				<view class="statictosol">
					<img  src="http://image.keyitest.cn/static/index/testpx/2.png" alt="">
					<p style="color:#1A1A1A;font-size: 1rem;font-weight: bold;margin:10px 0 ;">初级班 </p>
					<p >网课20课时＋项目实操 单元、配置项、安全、FPGA 任意选择</p>
				</view>
				<view class="statictosol">
					<img  src="http://image.keyitest.cn/static/index/testpx/3.png" alt="">
					<p style="color:#1A1A1A;font-size: 1rem;font-weight: bold;margin:10px 0 ;">中级班  </p>
					<p >网课20课时＋项目实操 单元、配置项、安全、FPGA 任意选择</p>
				</view>
				<view class="statictosol">
					<img  src="http://image.keyitest.cn/static/index/testpx/4.png" alt="">
					<p style="color:#1A1A1A;font-size: 1rem;font-weight: bold;margin:10px 0 ;">中级特训实习班 </p>
					<p >网课20课时＋项目实操3个月单元、配置项、安全、FPGA任意叠拼</p>
				</view>
				<view class="statictosol">
					<img  src="http://image.keyitest.cn/static/index/testpx/5.png" alt="">
					<p style="color:#1A1A1A;font-size: 1rem;font-weight: bold;margin:10px 0 ;">高级班  </p>
					<p >网课20课时＋项目实操 单元、配置项、安全、FPGA 任意选择</p>
				</view>
			</view>
			<view class="practice" >
				<img class="lighr" src="http://image.keyitest.cn/static/index/testpx/6.png" alt="">
				<view style="color:#808080;font-size:24rpx;width:53vw;margin-top: 16px;">
					<p style="color: #1A1A1A;font-size: 30rpx;font-weight: bold;">高级特训实习班 </p>
					<p style="margin:7px 0">网课20 课时＋项目实操3个月 单元、配置项、安全、FPGA、任意选择</p>
					
				</view>
			</view>
			<view style="margin-bottom:23px;text-align: center;">
				<img class="deyalimg" src="http://image.keyitest.cn/static/index/testpx/7.png" alt="">
				<p style="color: #999999;font-size:28rpx;">助您职业发展未来可期</p>
			</view>
			<view class="practice" style="justify-content: initial;">
				<img class="lighrt" src="http://image.keyitest.cn/static/index/testpx/8.png" alt="">
				<view style="color:#808080;font-size:24rpx;margin:18px 0 0 25px;">
					<p style="color: #1A1A1A;font-size: 30rpx;font-weight: bold;">精品课程 </p>
					<p style="margin:7px 0">理论＋实际，持续更新最前沿实用技术</p>
				</view>
			</view>
			<view class="practice" style="justify-content: initial;">
				<img class="lighrt" src="http://image.keyitest.cn/static/index/testpx/9.png" alt="">
				<view style="color:#808080;font-size:24rpx;margin:10px 0 0 25px;width:55vw;">
					<p style="color: #1A1A1A;font-size: 30rpx;font-weight: bold;">专家讲师 </p>
					<p style="margin:10px 0">一线工程师＋项目负责人＋领域专家</p>
					
				</view>
			</view>
			<view class="practice" style="justify-content: initial;">
				<img class="lighrt" src="http://image.keyitest.cn/static/index/testpx/10.png" alt="">
				<view style="color:#808080;font-size:24rpx;margin:10px 0 0 25px;width:55vw;">
					<p style="color: #1A1A1A;font-size: 30rpx;font-weight: bold;">线上+线下 </p>
					<p style="margin:10px 0">专家线上授课＋师傅带徒弟，一线工程师手把手 项目实操</p>
					
				</view>
			</view>
			<view class="practice" style="justify-content: initial;">
				<img class="lighrt" src="http://image.keyitest.cn/static/index/testpx/11.png" alt="">
				<view style="color:#808080;font-size:24rpx;margin:10px 0 0 25px;width:55vw;">
					<p style="color: #1A1A1A;font-size: 30rpx;font-weight: bold;">技术认证 </p>
					<p style="margin:10px 0">国家工信部人才交流中心可靠性测试领域唯一合 作伙伴</p>
					
				</view>
			</view>
			<view class="practice" style="justify-content: initial;">
				<img class="lighrt" src="http://image.keyitest.cn/static/index/testpx/12.png" alt="">
				<view style="color:#808080;font-size:24rpx;margin:10px 0 0 25px;width:55vw;">
					<p style="color: #1A1A1A;font-size: 30rpx;font-weight: bold;">多元就业 </p>
					<p style="margin:10px 0">关键科技内聘，客户企业推荐云测平台灵活就业， 自主择业</p>
				</view>
			</view>
			<view style="margin-bottom:23px;text-align: center;">
				<img class="deyalimg" src="http://image.keyitest.cn/static/index/testpx/13.png" alt="">
				<p style="color: #999999;font-size:28rpx;">零基础入学+不限专业/性别+应/往届生均可</p>
			</view>
			<view style="display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;">
				<view class="statictosol" style="height: 270px;">
					<img style="width:39vw ;height:26vw;"  src="http://image.keyitest.cn/static/index/testpx/14.png" alt="">
					<p style="color:#1A1A1A;font-size: 1rem;font-weight: bold;margin:10px 0 ;">零基础、易入门 </p>
					<view class="linblue"></view>
					<p >学习过程中代码内容相对较少，不需要精通Java、C等编程语言，从基础学习，容易学。</p>
				</view>
				<view class="statictosol" style="height: 270px;">
					<img style="width:39vw ;height:26vw;"  src="http://image.keyitest.cn/static/index/testpx/15.png" alt="">
					<p style="color:#1A1A1A;font-size: 1rem;font-weight: bold;margin:10px 0 ;">人才缺口大</p>
					<view class="linblue"></view>
					<p >根据人才市场统计，国内软件测试人才缺口超过30万，且逐年递增。</p>
				</view>
				<view class="statictosol" style="height: 270px;">
					<img style="width:39vw ;height:26vw;"  src="http://image.keyitest.cn/static/index/testpx/16.png" alt="">
					<p style="color:#1A1A1A;font-size: 1rem;font-weight: bold;margin:10px 0 ;">发展方向广</p>
					<view class="linblue"></view>
					<p >各行各业都需要软件测试人才，尤其是IT互联网、军工行业、能源行业、汽车行业</p>
				</view>
				<view class="statictosol" style="height: 270px;">
					<img style="width:39vw ;height:26vw;"  src="http://image.keyitest.cn/static/index/testpx/17.png" alt="">
					<p style="color:#1A1A1A;font-size: 1rem;font-weight: bold;margin:10px 0 ;">薪资待遇高</p>
					<view class="linblue"></view>
					<p >软件测试工程师招聘市场价，起步月薪6-10K，优秀学员年薪可达20万；工</p>
				</view>
			</view>
			<view style="margin-bottom:23px;text-align: center;">
				<img class="deyalimg" src="http://image.keyitest.cn/static/index/testpx/18.png" alt="">
				<p style="color: #999999;font-size:28rpx;">包括企业级软件/大型网站等多种软件测试需求</p>
			</view>
			<view  class='buttonobj'>初级班课程</view>
			<view class="course">
				<p style="color: #1A1A1A;font-size:30rpx;font-weight: bold;">一、课程性质、目的与任务</p>
				<p>掌握软件测试基本理论，了解软件测试相关的标准和方法以及缺陷管理、配置管理，通过项目实训熟练掌握系统测试的流程和测试用例设计方法。</p>
				<p style="color: #1A1A1A;font-size:30rpx;font-weight: bold;">二、课程教学内容及教学安排</p>
				<view class="software">
					<img src="http://image.keyitest.cn/static/index/testpx/19.png" alt="" />
					<p >1.软件测试背景与发展</p>
				</view>
				<view class="software" >
					<img src="http://image.keyitest.cn/static/index/testpx/20.png" alt="" />
					<p >2.软件测试基础理论及软件测试流程</p>
				</view>
				<view class="software" >
					<img src="http://image.keyitest.cn/static/index/testpx/21.png" alt="" />
					<p >3.软件测试的标准和方法</p>
				</view>
				<view class="software" >
					<img src="http://image.keyitest.cn/static/index/testpx/22.png" alt="" />
					<p >4.系统测试的流程和测试用例的设计方法</p>
				</view>
				<view class="software" >
					<img src="http://image.keyitest.cn/static/index/testpx/23.png" alt="" />
					<p >5.缺陷管理</p>
				</view>
				<view class="software" >
					<img src="http://image.keyitest.cn/static/index/testpx/24.png" alt="" />
					<p >6.软件配置管理</p>
				</view>
				<view class="software" >
					<img src="http://image.keyitest.cn/static/index/testpx/25.png" alt="" />
					<p >7.企业项目系统测试实操及项目实战训练</p>
				</view>
			</view>
			<view class="course" style="margin-top: -50px;">
				<view class='buttonobj' style="background: linear-gradient(90deg, #5EA6FD, #1A81F9);">中级班课程</view>
				<p style="color: #1A1A1A;font-size:30rpx;font-weight: bold;margin-top:39px;">一、课程性质、目的与任务</p>
				<p>深入学习软件测试相关标准，掌握C、C++ 语言基础，掌握软件静态分析、单元测试、部件测试、配置项测试、系统测试、安全渗透测试的测试要点、
				测试过程、测试用例设计以及测试文档的编写。熟练掌握业内常见的静态分析工具、单元测试工具、性能测试工具、信息安全测试工具的安装、操作及使用。可以单独开展项目的测试。</p>
				<p style="color: #1A1A1A;font-size:30rpx;font-weight: bold;">二、课程教学内容及教学安排</p>
				<view style="display: flex;flex-wrap: wrap;align-items: center;">
					<view class="software" style="width: 50%;">
						<img src="http://image.keyitest.cn/static/index/testpx/26.png" alt="" />
						<p >1.软件测试相关标准</p>
					</view>
					<view class="software" >
						<img src="http://image.keyitest.cn/static/index/testpx/25.png" alt="" />
						<p >2.Linux基础及应用</p>
					</view>
					<view class="software" style="width:50%;">
						<img src="http://image.keyitest.cn/static/index/testpx/27.png" alt="" />
						<p >3.可编程逻辑器件测试</p>
					</view>
					<view class="software" >
						<img src="http://image.keyitest.cn/static/index/testpx/28.png" alt="" />
						<p >4.C/C++ 语言基础</p>
					</view>
					<view class="software" style="width:50%;">
						<img src="http://image.keyitest.cn/static/index/testpx/29.png" alt="" />
						<p >5.单元测试从入门到精通</p>
					</view>
					<view class="software" >
						<img src="http://image.keyitest.cn/static/index/testpx/30.png" alt="" />
						<p >6.接口测试</p>
					</view>
					<view class="software" style="width: 50%;">
						<img src="http://image.keyitest.cn/static/index/testpx/31.png" alt="" />
						<p >7.配置项测试入门到精通</p>
					</view>
					<view class="software" >
						<img src="http://image.keyitest.cn/static/index/testpx/32.png" alt="" />
						<p >8.系统测试从入门到精通</p>
					</view>
					<view class="software" style="width:50%;">
						<img src="http://image.keyitest.cn/static/index/testpx/33.png" alt="" />
						<p >9.信息安全测试</p>
					</view>
					<view class="software" >
						<img src="http://image.keyitest.cn/static/index/testpx/34.png" alt="" />
						<p >10.测试文档的编制</p>
					</view>
					<view class="software" style="width:50%;">
						<img src="http://image.keyitest.cn/static/index/testpx/35.png" alt="" />
						<p >11.企业项目实操</p>
					</view>
				</view>
			</view>
			<view class="course" style="margin-top: -50px;">
				<view class='buttonobj' style="background: linear-gradient(145deg, #FDB957, #FA9839);">高级班课程</view>
				<p style="color: #1A1A1A;font-size:30rpx;font-weight: bold;margin-top:39px;">一、课程性质、目的与任务</p>
				<p>深入学习软件测试相关标准和软件测试项目的管理过程，全面掌握单元测试、部件测试、配置项测试、系统测试、安全渗透测试的测试要点、
				环境配置、人员分工、进度把控、测试中的问题分析和解决和全套测试文档编写。掌握测试工具的高级使用技巧。</p>
				<p style="color: #1A1A1A;font-size:30rpx;font-weight: bold;">二、课程教学内容及教学安排</p>
				<view style="display: flex;flex-wrap: wrap;align-items: center;">
					<view class="software" style="width: 50%;">
						<img src="http://image.keyitest.cn/static/index/testpx/26.png" alt="" />
						<p >1.深入讲解软件测试标准</p>
					</view>
					<view class="software" >
						<img src="http://image.keyitest.cn/static/index/testpx/25.png" alt="" />
						<p >2.单元测试项目的管理</p>
					</view>
					<view class="software" style="width:50%;">
						<img src="http://image.keyitest.cn/static/index/testpx/27.png" alt="" />
						<p >3.部件测试项目的管理</p>
					</view>
					<view class="software" >
						<img src="http://image.keyitest.cn/static/index/testpx/28.png" alt="" />
						<p >4.配置项测试项目的管理</p>
					</view>
					<view class="software" style="width:50%;">
						<img src="http://image.keyitest.cn/static/index/testpx/29.png" alt="" />
						<p >5.系统测试项目的管理</p>
					</view>
					<view class="software" >
						<img src="http://image.keyitest.cn/static/index/testpx/30.png" alt="" />
						<p >6.测试脚本的编制</p>
					</view>
					<view class="software" style="width:80%;">
						<img src="http://image.keyitest.cn/static/index/testpx/31.png" alt="" />
						<p >7.软件测试工具的高级使用技巧</p>
					</view>
					<view class="software" style="width:80%;">
						<img src="http://image.keyitest.cn/static/index/testpx/32.png" alt="" />
						<p >8.安全及渗透测试项目的管理</p>
					</view>
					<view class="software" style="width:70%;">
						<img src="http://image.keyitest.cn/static/index/testpx/33.png" alt="" />
						<p >9.企业项目实操项目实战训练</p>
					</view>
					
				</view>
			</view>
			<view class="master">
				<view class="xline"></view>
				<p> 掌握的测试技能 </p>
				<view class="xline"></view>
			</view>
			<view class="interface">
				<view class="testet">
					<img src="http://image.keyitest.cn/static/index/testpx/36.png" alt="" />
					<p>接口测试</p>
				</view>
				<view class="testet">
					<img src="http://image.keyitest.cn/static/index/testpx/37.png" alt="" />
					<p>单元测试</p>
				</view>
				<view class="testet">
					<img src="http://image.keyitest.cn/static/index/testpx/38.png" alt="" />
					<p>单元测试</p>
				</view>
				<view class="testet">
					<img src="http://image.keyitest.cn/static/index/testpx/40.png" alt="" />
					<p>性能测试</p>
				</view>
				<view class="testet">
					<img src="http://image.keyitest.cn/static/index/testpx/41.png" alt="" />
					<p>安全测试</p>
				</view>
				<view class="testet">
					<img src="http://image.keyitest.cn/static/index/testpx/42.png" alt="" />
					<p>缺陷管理</p>
				</view>
				<view class="testet">
					<img src="http://image.keyitest.cn/static/index/testpx/43.png" alt="" />
					<p>系统测试</p>
				</view>
			</view>
			<view style="margin-bottom:23px;text-align: center;">
				<img class="deyalimg" src="http://image.keyitest.cn/static/index/testpx/44.png" alt="">
				<p style="color: #999999;font-size:28rpx;">从业多年，拥有管理多个项目的经验</p>
			</view>
			<view class="teams">
				<view style="display: flex;">
					<img src="http://image.keyitest.cn/static/index/testpx/46.png" alt="">
					<view >
						<p style="color:#1A1A1A;font-size:1.1rem;font-weight: bold;margin:5px 0 ;">张成伟</p>
						<view class='buttonobj' style="background:#1578ED;width:220px;font-size: 30rpx;margin-top:0;height: 60rpx;line-height: 60rpx;">高级软件测试项目经理级讲师</view>
					</view>
				</view>
				<p style="margin-top: 15px;">简介：曾就职于陆军装备软件测评中心、航天四院软件测评中心；具备8年OpenGvs、Vega、C++语言编码经验；具有10余年100余项军用装备软件定型测
				评任务的测试和管理经验；具有10余年军用软件三方测评经验。
				</p>
			</view>
			<view class="teams">
				<view style="display: flex;">
					<view style="text-align: right;">
						<p style="color:#1A1A1A;font-size:1.1rem;font-weight: bold;margin:5px 0 ;">张会普</p>
						<view class='buttonobj' style="background:#1578ED;width:220px;font-size: 30rpx;margin-top:0;height: 60rpx;line-height: 60rpx;">高级软件测试项目经理级讲师</view>
					</view>
					<img style="margin-left:10px;margin-right: 0;" src="http://image.keyitest.cn/static/index/testpx/47.png" alt="">
				</view>
				<p style="margin-top: 15px;">具有8年C++、VB、PB、数据库编码经验；具有40余项单元、部件测试项目经验；熟悉CCS、Keil、Tornado、Workbench等嵌入式开发环境；
					熟练C++test、TestBed、VectorCAST、Cantata等静态单元测试工具的使用。
				</p>
			</view>
			<view class="teams">
				<view style="display: flex;">
					<img src="http://image.keyitest.cn/static/index/testpx/48.png" alt="">
					<view >
						<p style="color:#1A1A1A;font-size:1.1rem;font-weight: bold;margin:5px 0 ;">孟勃</p>
						<view class='buttonobj' style="background:#1578ED;width:220px;font-size: 30rpx;margin-top:0;height: 60rpx;line-height: 60rpx;">高级软件测试工程师讲师</view>
					</view>
				</view>
				<p style="margin-top: 15px;">简介：具备50余项单元测试、部件测试、配置项测试、系统测试项目经验；熟悉CCS、Keil、Tornado、Workbench等嵌入式软件开发环境；熟练使用C++test、
				TestBed、VectorCAST等静态单元测试工具。
				</p>
			</view>
			<view style="margin-bottom:23px;text-align: center;margin-top: 20px;">
				<img class="deyalimg" src="http://image.keyitest.cn/static/index/testpx/49.png" alt="">
				<p style="color: #999999;font-size:28rpx;">所学技术实际应用率高，证书含金量高</p>
			</view>
			<view class="teams" style="text-align: center;margin-top: 20px;">
				<img style="width: 69vw;height: 48vw;margin: 0;" src="http://image.keyitest.cn/static/index/testpx/50.png" alt="">
				<p style="color:#1A1A1A;font-size:1.1rem;font-weight: bold;margin:10px 0 ;">《软件可靠性测试工程师》等级证书</p>
				<p style="text-align: left;">培训考试合格，学员顺利毕业，由工信部人才交流中心颁发软件可靠性测试领域《软件单元测试工程师》、《软件配置项测试工程师》、
				《软件安全性测试工程师》、《软件可编程逻辑器件测试工程师》、《软件接口测试工程师》初中等级证书。</p>
			</view>
			<view style="margin-bottom:23px;text-align: center;">
				<img class="deyalimg" src="http://image.keyitest.cn/static/index/testpx/51.png" alt="">
				<p style="color: #999999;font-size:28rpx;">多形态择业，保障就业工作</p>
			</view>
			<view class="practice" style="justify-content: initial;">
				<img class="lighrt" style="width:43vw ;" src="http://image.keyitest.cn/static/index/testpx/52.png" alt="">
				<view style="color:#808080;font-size:24rpx;margin:18px 0 0 20px;">
					<p style="color: #1A1A1A;font-size: 30rpx;font-weight: bold;">自主选择就业 </p>
					<p style="margin:7px 0">优势线下实操项目真实，所学技术实际应用率高，证书含金量高。</p>
				</view>
			</view>
			<view class="practice" style="justify-content: initial;">
				<img class="lighrt" style="width:43vw ;" src="http://image.keyitest.cn/static/index/testpx/53.png" alt="">
				<view style="color:#808080;font-size:24rpx;margin:18px 0 0 20px;">
					<p style="color: #1A1A1A;font-size: 30rpx;font-weight: bold;">择优录取 </p>
					<p style="margin:7px 0">培训结束后，根据考核成绩和技术能力，关键科技择优录用。</p>
				</view>
			</view>
			<view class="practice" style="justify-content: initial;">
				<img class="lighrt" style="width:43vw ;" src="http://image.keyitest.cn/static/index/testpx/54.png" alt="">
				<view style="color:#808080;font-size:24rpx;margin:18px 0 0 20px;">
					<p style="color: #1A1A1A;font-size: 30rpx;font-weight: bold;">推荐录取 </p>
					<p style="margin:7px 0">公司的合作伙伴和合作的客户，优先推荐其录用。</p>
				</view>
			</view>
			<view class="practice" style="justify-content: initial;">
				<img class="lighrt" style="width:43vw ;" src="http://image.keyitest.cn/static/index/testpx/55.png" alt="">
				<view style="color:#808080;font-size:24rpx;margin:18px 0 0 20px;">
					<p style="color: #1A1A1A;font-size: 30rpx;font-weight: bold;">灵活就业 </p>
					<p style="margin:7px 0">关键科技自有云测平台灵活就业、灵活用工。</p>
				</view>
			</view>
			<view class="practice" style="justify-content: initial;">
				<img class="lighrt" style="width:43vw ;" src="http://image.keyitest.cn/static/index/testpx/56.png" alt="">
				<view style="color:#808080;font-size:24rpx;margin:18px 0 0 20px;">
					<p style="color: #1A1A1A;font-size: 30rpx;font-weight: bold;">终身推荐服务 </p>
					<p style="margin:7px 0">可终身享受关键科技就业再推荐服务。</p>
				</view>
			</view>
			<view style="height: 50px;"></view>
		</view>
		<view class="submitt">
			<view class="bottbtn"  @click="popcilk('sign')">
				<img src="http://image.keyitest.cn/static/index/testpx/58.png" alt="">
				<p>在线报名</p>
			</view>
			<view class="bottbtn"  @click="popcilk('seek')" style="background: linear-gradient(90deg, #FF8600, #FE2B2B);">
				<img src="http://image.keyitest.cn/static/index/testpx/57.png" alt="">
				<p>立即咨询</p>
			</view>
		</view>
		<u-popup style="background:#66666;padding: 20px;" v-model="isPopupShow" @close="close" @open="open" mode="bottom" length="80%" height='380px' border-radius="15" :closeable='true' :mask-close-able="false">
		    <view style="background:#66666;padding: 20px;">
				<view class='peodi'>在线报名</view>
				<u-line></u-line>
				<view class="sinput">
					<img src="http://image.keyitest.cn/static/index/testpx/xingming.png" alt="">
					<u-input v-model="signobj.name" placeholder='请输入您的名字'  borrder="true"  />
				</view>
				<view class="sinput">
					<img style="height: 30px;" src="http://image.keyitest.cn/static/index/testpx/shouji.png" alt="">
					<u-input v-model="signobj.phone" placeholder='请输入您的手机号'  borrder="true"  />
				</view>
				<view class="sinput">
					<img src="http://image.keyitest.cn/static/index/testpx/xueli.png" alt="">
					<u-input v-model="signobj.education" placeholder='请选择您的学历'  border="true"  />
				</view>
			</view>
			<u-line></u-line>
			<view class="submitt" style="justify-content: space-around;">
				<view class="button-g" style="width:43vw;background:#FFFFFF;border: 1px solid  #1578ED;color: #1578ED;margin-left: 0;" @click="resource('setes')">重置</view>
				<view class="button-g" style="width:43vw;background: linear-gradient(90deg, #FF8600, #FE2B2B);color: #FFFFFF;margin-left:2vw" @click="resource('singup')">立即报名</view>
			</view>
		</u-popup>
		<u-toast ref="uToast" />
	</view>
</template>

<script>
	export default {
		data() {
			return {
				isPopupShow:false,
				signobj:{name:'',phone:'',education:''},
				
			}
		},
		methods: {
			popcilk(type){
				if(type=='sign'){
					this.isPopupShow=true
				}else{
					this.$refs.uToast.show({
						title: '功能暂未开通',
						type: 'info',
						url: '/pages/user/index'
					})
				}
			},
			open() {
			  // console.log('open');
			},
			close() {
			  this.isPopupShow = false
			  // console.log('close');
			},
			resource(type){
				if(type=='setes'){
					this.signobj={}
				}else{
					this.$refs.uToast.show({
						title: '报名成功',
						type: 'success',
						url: '/pages/user/index'
					})
					setTimeout(()=>{
						this.isPopupShow=false
					},1000)
					
				}
			}
		}
	}
</script>

<style>
	.tabledetails{
		width:100vw;
		/* height: 100vh; */
		/* background-color: #FFFFFF; */
		padding:13px;
	}
	.logobg {
		width:100%;
		height:32vw;
		margin-bottom: 15px;
	}
	.deyalimg{
		width:100%;
		height:4.8vw;
		margin:5px 0;
		object-fit: cover;
	}
	.statictosol{
		width:48%;
		height:200px;
		background: #FFFFFF;
		border-radius: 10rpx;
		text-align: center;
		margin-top: 20px;
		padding: 10px;
	}
	.statictosol img{
		width:26vw;
		height:21vw;
	}
	.statictosol p{
		font-size:.9rem;
		color:#808080;
		margin-bottom: 5px;
		line-height:21px
	}
	.lighr{
		width:30vw;
		height:22vw;
	}
	.practice{
		display: flex;
		justify-content:space-between;
		background-color: #FFFFFF;
		padding:13px;
		width: 100%;
		margin:15px 0;
	}
	.lighrt{
		width:22vw;
		height:22vw;
	}
	.linblue{
		width: 46rpx;
		height: 5rpx;
		background: #1578ED;
		border-radius: 3rpx;
		margin: 10px auto;
	}
	.buttonobj{
		width: 320rpx;
		height: 70rpx;
		background: linear-gradient(145deg, #33CABC, #39B4A0);
		border-radius:50rpx;
		font-size: 34rpx;
		font-weight: bold;
		color: #FFFFFF;
		text-align: center;
		line-height:70rpx;
		margin: 30px auto -10px auto;
	}
	.course{
		background-color: #FFFFFF;
		padding:10px;
		width: 100%;
		margin:15px 0;
		font-size: 26rpx;
		color: #808080;
	}
	.course p{
		margin:10px 0;
		line-height: 22px;
	}
	.course img{
		width: 28rpx;
		height: 28rpx;
		margin-right:5px;
	}
	.software{
		display: flex;
		align-items: center;
		margin-top: -10px;
	}
	.master{
		display: flex;
		width: 170px;
		margin: 20px auto;
		align-items: center;
		justify-content: space-around;
	}
	.master p{
		font-size:36rpx;
		color: #1A1A1A;
		font-weight: bold;
	}
	.xline{
		width: 11rpx;
		height: 39rpx;
		background: #1578ED;
		transform: rotate(18deg);
	}
	.interface{
		display: flex;
		justify-content: space-around;
		flex-wrap: wrap;
	}
	.testet{
		/* height:120rpx; */
		background: #FFFFFF;
		border-radius: 8rpx;
		text-align: center;
		padding: 15px;
	}
	.testet img{
		width:60rpx;
		height:65rpx;
	}
	.testet p{
		font-size:28rpx;
		color: #4D4D4D;
		margin-top: 5px;
	}
	.teams{
		background: #FFFFFF;
		width: 100%;
		padding:0 12px 15px 12px ;
		border-radius: 8rpx;
		font-size: 27rpx;
		color: #808080;
		margin-top: 80px;
	}
	.teams img{
		width:27vw;
		height:32vw;
		margin-top:-58px;
		margin-right:10px;
	}
	.submitt{
		height:55px;
		font-size: 20px;
		background: #FFFFFF;
		margin-top:60px;
		position: fixed;
		bottom: 0;
		width: 100vw;
		display: flex;
		justify-content: space-between;
	}
	.bottbtn{
		width: 50vw;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #FFFFFF;
		font-size:36rpx;
		background: linear-gradient(90deg, #5EA6FD, #1A81F9);
	}
	.bottbtn img{
		width:23px ;
		height:23px ;
		margin-right: 10px;
	}
	.peodi{
		/* line-height: 15%; */
		margin:5px auto 15px;
		width: 260px;
		text-align: center;
		color: #1A1A1A;
		font-size:36rpx;
		font-weight: bold;
	}
	.button-g{
		width:280rpx;
		height: 80rpx;
		background:transparent;
		border-radius:43rpx;
		text-align: center;
		line-height:80rpx;
		color: #FFFFFF;
		font-size: 33rpx;
		margin-left:13px;
	}
	.sinput{
		display: flex;
		align-items: center;
		height:50px;
		padding: 10px;
	}
	.sinput img{
		width:20px;
		height:20px;
		margin-right: 10px;
	}
	.u-input{
		width:75vw;
		height:35px;
		border: 1px solid #E6E6E6;
		background: #FFFFFF;
		border-radius: 10rpx 10rpx 0rpx 0rpx;
		padding-left: 10px!important;
	}
</style>
