﻿.__nuxt-error-page {
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%;
	-webkit-font-smoothing:antialiased;
	align-items:center;
	background:#f7f8fb;
	bottom:0;
	color:#47494e;
	display:flex;
	flex-direction:column;
	font-family:sans-serif;
	font-weight:100!important;
	justify-content:center;
	left:0;
	padding:1rem;
	position:absolute;
	right:0;
	text-align:center;
	top:0
}
.__nuxt-error-page .error {
	max-width:23.4375vw
}
.__nuxt-error-page .title {
	color:#47494e;
	font-size:1.5rem;
margin-bottom:.41667vw;
margin-top:.78125vw
}
.__nuxt-error-page .description {
	color:#7f828b;
	line-height:1.09375vw;
margin-bottom:.52083vw
}
.__nuxt-error-page a {
	color:#7f828b!important;
	-webkit-text-decoration:none;
	text-decoration:none
}
.__nuxt-error-page .logo {
bottom:.625vw;
left:.625vw;
	position:fixed
}
.nuxt-progress {
	background-color:#000;
height:.10417vw;
	left:0;
	opacity:1;
	position:fixed;
	right:0;
	top:0;
transition:width .1s, opacity .4s;
	width:0;
	z-index:999999
}
.nuxt-progress.nuxt-progress-notransition {
	transition:none
}
.nuxt-progress-failed {
	background-color:red
}
a {
	color:inherit
}
#__layout, #__nuxt, body, html {
	height:100%
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html {
	-webkit-text-size-adjust:100%;
	font-family:Microsoft YaHei, 微软雅黑, Lucida Grande, Arial, Verdana, serif!important;
	line-height:1.15
}
body, html {
	width:100%
}
body {
	margin:0;touch-action:none;
touch-action:pan-y;
}
main {
	display:block
}
h1 {
	font-size:2em;
	margin:.67em 0
}
hr {
	box-sizing:content-box;
	height:0;
	overflow:visible
}
pre {
	font-family:monospace, monospace;
	font-size:1em
}
a {
	background-color:transparent
}
abbr[title] {
	border-bottom:none;
	-webkit-text-decoration:underline;
	-webkit-text-decoration:underline dotted;
	text-decoration:underline;
	text-decoration:underline dotted
}
b, strong {
	font-weight:bolder
}
code, kbd, samp {
	font-family:monospace, monospace;
	font-size:1em
}
small {
	font-size:80%
}
sub, sup {
	font-size:75%;
	line-height:0;
	position:relative;
	vertical-align:baseline
}
sub {
	bottom:-.25em
}
sup {
	top:-.5em
}
img {
	border-style:none
}
button, input, optgroup, select, textarea {
	font-family:inherit;
	font-size:100%;
	line-height:1.15;
	margin:0
}
button, input {
	overflow:visible
}
button, select {
	text-transform:none
}
[type=button], [type=reset], [type=submit], button {
-webkit-appearance:button
}
[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
border-style:none;
padding:0
}
[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
outline:1px dotted ButtonText
}
fieldset {
	padding:.35em .75em .625em
}
legend {
	box-sizing:border-box;
	color:inherit;
	display:table;
	max-width:100%;
	padding:0;
	white-space:normal
}
progress {
	vertical-align:baseline
}
textarea {
	overflow:auto
}
[type=checkbox], [type=radio] {
box-sizing:border-box;
padding:0
}
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
height:auto
}
[type=search] {
-webkit-appearance:textfield;
outline-offset:-.10417vw
}
[type=search]::-webkit-search-decoration {
-webkit-appearance:none
}
::-webkit-file-upload-button {
-webkit-appearance:button;
font:inherit
}
details {
	display:block
}
summary {
	display:list-item
}
[hidden], template {
display:none
}
ul {
	margin:0;
	padding:0
}
li {
	list-style:none
}
a {
	outline:0;
	-webkit-text-decoration:none;
	text-decoration:none
}
a:hover {
	color:#FF7F4C
}
.main {
	margin:0 auto;
	max-width:75vw;
	padding:0 1.5625vw
}
.clear {
	clear:both
}
h1, p {
	margin:0
}
button {
	background:#fff;
	border:none
}
.fr {
	float:right
}
.fl {
	float:left
}
.pc-top {
	-webkit-backdrop-filter:blur(10px);
	backdrop-filter:blur(10px);
	background:hsla(0, 0%, 100%, .65);
	box-sizing:border-box;
	height:80px;
	left:0;
	position:fixed;
	top:0;
	width:100%;
	z-index:9
}
.pc-top .nuxt-link-exact-active {
	color:#FF7F4C
}
.pc-top .pc-toplist {
	align-items:center;
	display:flex;
	height:80px;
	justify-content:space-between;
	margin:0 auto;
	width:1200px
}
.pc-top .pc-toplist .wjqllogo {
	background:url(img/logo.png);
	background-repeat:no-repeat;
	height:48px;
	width:172px
}
.pc-top .pc-toplist .wjqllogo:hover {
	cursor:pointer
}
.pc-top .pc-toplist .choosebtn {
	display:flex;
}
.pc-top .pc-toplist .choosebtn .btns {
	font-size:18px;
	height:40px;
	line-height:40px;
	font-weight: 700;
	width:110px;
	
	text-align:center;
	color:#444;
	
}
.pc-top .pc-toplist .choosebtn .btns:hover {
	border: solid 2px #ff7f4c;
	color: #ff7f4c;
	border-radius: 400px;cursor:pointer;
	height:36px;
	line-height:36px;	width:106px;
}
.top1 {
	align-items:center;
	background:#fff;
box-shadow:0 .20833vw .41667vw rgba(0, 0, 0, .1);
	box-sizing:border-box;
	display:flex;
	height:12.8vw;
	justify-content:space-between;
	left:0;
	position:fixed;
	top:0;
	width:100vw;
	z-index:9
}
.top1 .nuxt-link-exact-active {
	color:#FF7F4C
}
.top1 .wjqllogo1 {
	background:url(images/wjlogo2.083d375.png);
	background-repeat:no-repeat;
	background-size:100%;
	height:9.6vw;
	margin-left:4.66667vw;
	width:28vw
}
.top1 .icon {
	height:6.4vw;
	margin-right:4.66667vw;
	width:6.4vw
}
.top1 .choosebtn {
	align-items:center;
	background:#fff;
	display:flex;
	flex-direction:column;
	height:100vh;
	position:fixed;
	right:0;
	top:12.8vw;
	width:100vw
}
.top1 .choosebtn .btns {
	font-family:PingFang Regular, Heiti SC, Helvetica, Hiragino Sans GB, Arial, Microsoft Yahei, sans-serif;
	font-size:4.26667vw;
	font-weight:700;
	height:13.33333vw;
	line-height:13.33333vw;
	text-align:center;
	-webkit-text-decoration:none;
	text-decoration:none;
	width:100vw
}
.pc-join {
	align-items:center;
	display:flex;
	flex-direction:column;
	height:100px;
	justify-content:center;
	min-width:1200px;
	width:100%
}
.pc-join .p5 {
	color:#777;
	font-family:Microsoft YaHei;
	font-size:14px;
	font-style:normal;
	font-weight:400;
	letter-spacing:0;
	line-height:32px;
	text-align:left
}
.pc-join .con:hover {
	cursor:pointer
}
.pc-join-sem-n {
	background:#c8d2dd
}
.pc-join-sem-n .p5 {
	color:#333
}
.pc-join-n {
	height:190px
}
.bottomicon {
	background:#f5f5f5;
	color:#969999;
	font-size:3.2vw;
	height:19.73333vw;
	line-height:17.06667vw;
	text-align:center;
	width:100vw
}
.log {
	background:#fff;
	box-sizing:border-box;
	display:flex;
	height:100%;
	overflow:auto;
	padding:1.45833vw 0 5vw;
	width:100%
}
.pc-black {
	background:rgba(0, 0, 0, .8);
	height:100vh;
	left:0;
	position:fixed;
	top:0;
	width:100%;
	z-index:10
}
.pc-black .toast {
	background:#fff;
	border-radius:12px;
	display:flex;
	flex-direction:column;
	height:300px;
	left:50%;
	overflow:auto;
	position:absolute;
	top:50%;
	transform:translate(-50%, -50%);
	width:778px
}
c-black .toast .toastp {
	font-family:PingFang SC;
	font-size:16px;
	font-weight:400;
	letter-spacing:0;
	line-height:32px;
	margin-bottom:5px;
	margin-left:35px
}
.pc-black .toast .toastlist1 {
	display:flex;
	justify-content:space-between;
	margin-bottom:30px;
	margin-left:30px;
	width:718px
}
.pc-black .toast .toastlist1 .toastdown1 {
	align-items:center;
	background:url(images/toastdown11.1705cda.png);
	background-repeat:no-repeat;
	background-size:100%;
	border-radius:8px;
	box-shadow:3px 6px 12px rgba(238, 190, 0, .3);
	display:flex;
	flex-direction:column;
	height:60px;
	justify-content:center;
	width:226px
}
.pc-black .toast .toastlist1 .toastdown1 .tp1 {
	font-family:PingFang SC;
	font-size:16px;
	font-weight:900;
	letter-spacing:0;
	line-height:26px;
	text-align:center
}
.pc-black .toast .toastlist1 .toastdown1 .tp2 {
	font-family:PingFang SC;
	font-size:12px;
	font-weight:400;
	letter-spacing:0;
	line-height:16px;
	opacity:.5;
	text-align:center
}
.pc-black .toast .toastlist1 .toastdown2 {
	align-items:center;
	background:url(images/istoastdown2.f3e08b9.png);
	background-repeat:no-repeat;
	background-size:100%;
	border-radius:8px;
	box-shadow:3px 6px 12px rgba(153, 173, 255, .3);
	display:flex;
	flex-direction:column;
	height:60px;
	justify-content:center;
	width:226px
}
.pc-black .toast .toastlist1 .toastdown2 .tp1 {
	font-family:PingFang SC;
	font-size:16px;
	font-weight:900;
	letter-spacing:0;
	line-height:26px;
	text-align:center
}
.pc-black .toast .toastlist1 .toastdown2 .tp2 {
	font-family:PingFang SC;
	font-size:12px;
	font-weight:400;
	letter-spacing:0;
	line-height:16px;
	opacity:.5;
	text-align:center
}
.pc-black .toast .toastdown4 {
	align-items:center;
	background:url(images/toastdown33.c9b8150.png);
	background-repeat:no-repeat;
	background-size:100%;
	border-radius:8px;
	box-shadow:3px 6px 12px rgba(153, 173, 255, .3);
	color:#fff;
	display:flex;
	flex-direction:column;
	height:60px;
	justify-content:center;
	margin-left:30px;
	width:226px
}
.pc-black .toast .toastdown4 .tp1 {
	font-family:PingFang SC;
	font-size:16px;
	font-weight:700;
	letter-spacing:0;
	line-height:26px;
	text-align:center
}
.pc-black .toast .toastdown4 .tp2 {
	font-family:PingFang SC;
	font-size:12px;
	font-weight:400;
	letter-spacing:0;
	line-height:16px;
	opacity:.5;
	text-align:center
}
.pc-black .toast .x:hover {
	cursor:pointer;
	opacity:1
}
.pc-black .toast .toastdown1:hover {
	background:url(images/istoastdown1.d1dbc71.png);
	background-repeat:no-repeat;
	background-size:100%;
	box-shadow:3px 6px 12px rgba(238, 190, 0, .3);
	cursor:pointer
}
.pc-black .toast .toastdown2:hover {
	background:url(images/toastdown.7d6c265.png);
	background-repeat:no-repeat;
	background-size:100%;
	box-shadow:3px 6px 12px rgba(153, 173, 255, .3);
	cursor:pointer
}
.pc-black .toast .toastdown4:hover {
	background:url(images/istoastdown3.23f9f51.png);
	background-repeat:no-repeat;
	background-size:100%;
	box-shadow:3px 6px 12px rgba(153, 173, 255, .3);
	cursor:pointer
}
.css2 {
	width: 930px;
	background-color: #fff2cc;
	margin: 50px auto;
	-webkit-box-shadow: 0px 2px 20px 0px #eee;
	-moz-box-shadow: 0 2px 5px 0 #eee;
	border-radius: 15px;
	padding: 50px;
	font-size: 14px;
	line-height: 30px;
	color: #795548;
	    border: 2px solid #f4dd99;
}
.css2 p {
	width:920px;
	height:2px;
	background:#ff98005c;
	margin:20px auto
}
.pc-mains .banner {
	align-items:center;
	background:url(http://www.up.qiken.cn/2024img/39vst123.png);
	background-repeat:no-repeat;
	background-size:cover;
	display:flex;
	flex-direction:column;
	height:560px;
	min-width:1200px;
	width:100%
}
.pc-mains .banner .bannericon {
	background:url(img/zb02.png);
	background-repeat:no-repeat;
	background-size:100%;
	height:308px;
	position:relative;
	width:820px;
	margin-bottom:30px
}
.pc-mains .banner .bannericon .iocnblack {
	height:100%;
	left:-20%;
	position:absolute;
	top:0;
	width:120%;
	z-index:2
}
.pc-mains .banner .bannerdownload {
	align-items:flex-start;
	display:flex;
	height:88px;
	justify-content:space-between;
	width:900px
}
.pc-mains .banner .bannerdownload .downloadicon {
	border-radius:44px;
	height:88px;
	position:relative;
	width:280px
}
.pc-mains .banner .bannerdownload .downloadicon .isand {
	background:url(img/zb05.png);
	background-repeat:no-repeat;
	background-size:100%;
	height:88px;
	left:0;
	position:absolute;
	top:0;
	width:280px
}
.pc-mains .banner .bannerdownload .downloadicon .isios {
	background:url(img/zb07.png);
	background-repeat:no-repeat;
	background-size:100%;
	height:88px;
	left:0;
	position:absolute;
	top:0;
	width:280px
}
.pc-mains .banner .bannerdownload .downloadicon .iswin {
	background:url(img/zb09.png);
	background-repeat:no-repeat;
	background-size:100%;
	height:88px;
	left:0;
	position:absolute;
	top:0;
	width:280px
}
.pc-mains .banner .bannerdownload .downloadicon .action {
	opacity:0
}
.pc-mains .banner .bannerdownload .downloadicon .action .downtips1 {
	display:block;
	height:200px;
	margin:-210px auto;
	width:200px
}
.pc-mains .banner .bannerdownload .downloadicon .action:hover {
animation:heights-aab15e8e .3s ease-in-out;
	animation-fill-mode:forwards;
	cursor:pointer
}
.pc-mains .banner .bannerdownload .downloadicon .downtop {
	align-items:center;
	display:flex;
	height:88px;
	justify-content:center;
	width:100%
}
.pc-mains .banner .bannerdownload .downloadicon .downtop .downicon {
	display:block
}
.pc-mains .banner .bannerdownload .downloadicon .downtop .downname {
	color:#fff;
	font-family:PingFang SC;
	font-size:24px;
	font-weight:400;
	letter-spacing:0;
	line-height:32px;
	margin-left:17px;
	text-align:center
}
.pc-mains .banner .bannerdownload .downloadicon .downtips2 {
	height:140px;
	margin:0 auto;
	width:100%
}
.pc-mains .banner .bannerdownload .downloadicon .downtips2 .downp {
	color:#fff;
	font-family:PingFang SC;
	font-size:14px;
	font-weight:400;
	letter-spacing:0;
	line-height:24px;
	margin:0 auto;
	text-align:center;
	width:90%
}
.pc-mains .banner .bannerdownload .downloadicon .downtips2 .windownloads {
	background:url(images/windownloads.8edc8b6.png);
	background-repeat:no-repeat;
	background-size:100%;
	height:44.8px;
	margin:10px auto;
	width:210px
}
.pc-mains .banner .bannerdownload .downloadicon .downtips2 .windownloads_5 {
	display:flex;
	justify-content:space-around;
	margin:0 auto;
	width:95%
}
.pc-mains .banner .bannerdownload .downloadicon .downtips2 .windownloads_5 span {
	color:#fff;
	font-size:14px;
	line-height:24px;
	text-align:center
}
.pc-mains .banner .bannerdownload .downloadicon .downtips2 .windownloads_5 span:hover {
	color:blue
}
.pc-mains .banner .bannerdownload .downloadicon:hover {
	cursor:pointer
}
.pc-mains .pc-mains {
	align-items:center;
	display:flex;
	height:700px;
	justify-content:center;
	min-width:1200px;
	width:100%;
}
video {
	width: 832px;
	height:520px;
	border-radius:30px;
	background:#fff;
	padding:5px; 
}
.pc-mains .pc-mains .maintips {
	width:468px; margin-left:50px
}
.pc-mains .pc-mains .maintips .main1icon {
	background:url(img/zb12.png);
	background-repeat:no-repeat;
	background-size:100%;
	height:40px;
	width:74px
}
.pc-mains .pc-mains .maintips .main2icon {
	background:url(img/zb13.png);
	background-repeat:no-repeat;
	background-size:100%;
	height:48px;
	width:80px
}
.pc-mains .pc-mains .maintips .main3icon {
	background:url(img/zb14.png);
	background-repeat:no-repeat;
	background-size:100%;
	height:48px;
	width:80px
}
.pc-mains .pc-mains .maintips .main_p1 {
	font-family:PingFang SC;
	font-size:36px;
	font-weight:700;
	letter-spacing:0;
	line-height:50px;
	margin-top:25px;
	text-align:left;
	color:#333
}
.pc-mains .pc-mains .maintips .main_p2 {
	font-family:PingFang SC;
	font-size:16px;
	font-weight:400;
	letter-spacing:0;
	line-height:32px;
	margin-top:20px;
	text-align:left;
	color:#666
}
.pc-mains .pc-mains .ml {
	margin-left:72px
}
.pc-mains .pc-mains .main1img {
	background:url(img/zb10.png);
	background-repeat:no-repeat;
	background-size:100%;
	height:400px;
	margin-left:40px;
	width:590px
}
.pc-mains .pc-mains .main3img {
	background:url(images/main3.b4ce649.png);
	background-repeat:no-repeat;
	background-size:100%;
	height:520px;
	margin-left:40px;
	width:680px
}
.pc-mains .bg1 {
	background:linear-gradient(180deg, #edeffa, #f5faff)
}
.pc-mains .pc-bg2 {
	background:url(img/zb11.png);
	background-repeat:no-repeat;
	background-size:cover
}
.pc-mains .bg3 {
	background:linear-gradient(180deg, #fff, #edf2f7)
}
.pc-mains .feedback {
	align-items:center;
	display:flex;
	flex-direction:column;
	height:364px;
	justify-content:center;
	margin-bottom:100px;
	min-width:1200px;
	width:100%
}
.pc-mains .feedback .feedbacktips {
	font-family:PingFang SC;
	font-size:24px;
	font-weight:400;
	letter-spacing:0;
	line-height:28px;
	margin-bottom:20px;
	margin-top:80px;
	position:relative;
	text-align:left;
	width:1200px
}
.pc-mains .feedback .feedbacktips .get {
	background:#d8ddf0;
	border-radius:6px;
	color:#fff;
	height:36px;
	position:absolute;
	right:20px;
	text-align:center;
	top:232px;
	width:104px
}
.pc-mains .feedback .feedbacktips .get:hover {
	background:#5473f0
}
.pc-mains .feedback .feedbacktext {
	border:1px solid #9c9c9c;
	border-radius:8px;
	display:block;
	outline:none;
	padding:20px;
	resize:none;
	width:1160px
}
.pc-mains .feedback .feedbacktext:focus {
	border:1px solid skyblue;
	box-shadow:1px 1px 5px skyblue
}
.pc-mains .feedback .feedbacktext:hover {
	border:2px solid #5473f0
}
.pc-mains .feedback .get:hover {
	cursor:pointer
}
 @keyframes heights-aab15e8e {
0% {
opacity:0
}
to {
	opacity:1
}
}
.assess-box {
	width: 100%;
	margin-top: 50px;
	margin-bottom: 10px;
}
.common-title {
	position: relative;
	width: fit-content;
	margin: 0 auto;
	margin-top:90px;
}
 .common-title img:nth-child(2) {
 position: absolute;
 right: -13px;
 bottom: -7px;
}
.assess-box > p {
	font-family: 'Microsoft YaHei';
	font-style: normal;
	font-weight: 400;
	font-size: 22px;
	line-height: 29px;
	letter-spacing: 2.2px;
	color: #2E2E2E;
	text-align: center;
	margin-top: 28px;
	margin-bottom:30px
}
.outer-container {
	display: flex;
	align-items: center;
	width: 1200px;
	margin: 0 auto;
	min-width:120px
}
.swiper-slide {
	height: 325px;
	box-shadow: 0px 0px 15px 0px #eee;
	border-radius:30px;
	padding: 50px 45px;
	box-sizing: border-box;
	flex-shrink:0;
	text-align:center;
	width:100%;
}
.swiper-slide h2 {
	font-size: 19px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #000000;
	margin: 17px 0;
}
.swiper-slide p {
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #000000;
	line-height: 30px;
	opacity: 0.71;
	margin-top: 21px;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
	left: 10px;
	right: auto;
}
.swiper-button-next, .swiper-button-prev {
	position: absolute;
	top: 50%;
 width: calc(var(--swiper-navigation-size)/ 44 * 27);
	height: var(--swiper-navigation-size);
 margin-top: calc(-1 * var(--swiper-navigation-size)/ 2);
	z-index: 10;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-prev {
	position: relative;
	top: 0;
	margin-right: 50px;
	background: url(img/zb23.png) no-repeat center center;
	background-size: 18px 31px;
	height:32PX
}
.swiper-button-next {
	position: relative;
	top: 0;
	margin-left: 50px;
	background: url(img/zb22.png) no-repeat center center;
	background-size: 18px 31px;
	height:32PX
}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
	color: transparent;
}
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
	color: transparent;
}
.swiper-container {
	margin-left:auto;
	margin-right:auto;
	position:relative;
	overflow:hidden;
	list-style:none;
	padding:0;
	z-index:1;
	padding:10px
}
.swiper-container-vertical>.swiper-wrapper {
	flex-direction:column
}
.swiper-wrapper {
	position:relative;
	width:100%;
	height:100%;
	z-index:1;
	display:flex;
	transition-property:transform;
	box-sizing:content-box;
	padding:30px 0px
}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
	content:'prev'
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
	right:10px;
	left:auto
}
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
	content:'next'
}
.pc-mains .pc-mains .main2img {
	background-repeat:no-repeat;
	background-size:100%;
	height:375px;
	margin-left:40px;
	width:650px;
	background:#333233;
	border-radius:10px;
}

