xionghaojie 3 anni fa
parent
commit
40ff0a4103

+ 5 - 1
App.css

@@ -49,4 +49,8 @@ a{text-decoration: none;}
 .large{width: 375px;}
 .small{width: 165px;}
 
-.btn-type{cursor: pointer;}
+.btn-type{cursor: pointer;}
+
+.uni-modal .uni-modal__hd {
+    padding: 0.2rem 0.16rem 0.1rem !important;
+}

+ 350 - 312
pages/login/login.css

@@ -1,316 +1,354 @@
 .login {
-	width: 100%;
-	min-height: 100vh;
-	position: relative;
-}
-
-.bg {
-	position: absolute;
-	top: 0;
-	left: 0;
-	width: 100%;
-	height: 100%;
-}
-
+     width: 100%;
+     min-height: 100vh;
+     position: relative;
+}
+ .bg {
+     position: absolute;
+     top: 0;
+     left: 0;
+     width: 100%;
+     height: 100%;
+}
 /* 注册登录 */
-.register {
-	background: #fff;
-	margin: 60px auto 0;
-	padding: 60px 110px;
-	position: relative;
-	border-radius: 40px;
-	position: relative;
-	width: 1200px;
-	box-sizing: border-box;
-}
-
-.re-con-pic {
-	position: relative;
-}
-
-.re-con-pic-title {
-	position: absolute;
-	top: 40px;
-	left: 60px;
-	font-size: 36px;
-	font-family: zihun143-zhengkuchaojihei-Regular, zihun143-zhengkuchaojihei;
-	font-weight: 400;
-	color: #1AA1E6;
-	z-index: 1;
-}
-
-.re-con-pic image {
-	width: 563px;
-	height: 427px;
-}
-
-.re-tit {
-	font-size: 24px;
-	color: #1AA1E6;
-	text-align: center;
-	font-weight: bold;
-	margin-bottom: 30rpx;
-}
-
-.re-con {
-	margin: 20px auto 0;
-	margin-left: 120px;
-}
-
-.re-li {
-	width: 260px;
-	height: 42px;
-	border: 1px solid #D8DCE6;
-	border-radius: 4px;
-	padding: 0 17px;
-	margin-bottom: 20px;
-	box-sizing: border-box;
-}
-
-/deep/.re-con .uni-select {
-	width: 260px;
-	height: 42px;
-	border: 1px solid #D8DCE6;
-	border-radius: 4px;
-	padding: 0 17px;
-	font-size: 14px;
-	color: #333;
-}
-
-/deep/.re-con .uni-select__input-placeholder {
-	font-size: 14px;
-	color: #909399;
-}
-
-.sjico {
-	width: 10px;
-	height: 15px;
-	margin-right: 11px;
-}
-
-.placeholder {
-	color: #909399;
-}
-
-.re-ipt {
-	font-size: 14px;
-	color: #333;
-	line-height: 34px;
-}
-
-.re-li-yzm {
-	width: 320px;
-	height: 36px;
-	padding: 0;
-	border: none;
-	justify-content: space-between;
-}
-
-.re-li-yzm .re-ipt {
-	width: 164px;
-	height: 34px;
-	border-radius: 4px;
-	padding: 0 17px;
-	border: 1px solid #D8DCE6;
-}
-
-.send {
-	width: 103px;
-	height: 34px;
-	border: 1px solid var(--main);
-	border-radius: 4px;
-	font-size: 14px;
-	color: var(--main);
-	text-align: center;
-	line-height: 34px;
-	cursor: pointer;
-}
-
-.send.gray {
-	color: #999;
-	border-color: #999;
-	cursor: default;
-}
-
-.re-btn {
-	width: 260px;
-	height: 42px;
-	background: #1AA1E6;
-	border-radius: 21px 21px 21px 21px;
-	font-size: 16px;
-	color: #fff;
-	text-align: center;
-	line-height: 42px;
-	margin-top: 30px;
-	cursor: pointer;
-}
-
-.re-btn-text {
-	width: 260px;
-	height: 20px;
-	font-size: 14px;
-	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
-	font-weight: 400;
-	color: #1AA1E6;
-	text-align: center;
-	cursor: pointer;
-	margin-top: 20px;
-}
-
-.re-bot {
-	background: #EBEBEB;
-	height: 44px;
-	font-size: 14px;
-	color: #666;
-	padding: 0 40px;
-	line-height: 44px;
-	justify-content: space-between;
-	position: absolute;
-	left: 0;
-	right: 0;
-	bottom: 0;
-}
-
-.nowu navigator {
-	color: var(--main);
-}
-
-.re-check {
-	zoom: .5;
-	margin-right: 4px;
-}
-
-.yzm-box {
-	width: 115px;
-	height: 36px;
-	border-radius: 4px;
-	background: #B7B7B7;
-}
-
-.change-tab {
-	text-align: center;
-	margin: 10px 0;
-}
-
-.change-tab-item {
-	border: 1px solid #eeeeee;
-	padding: 5px 0px;
-}
-
-.change-tab .active {
-	border: 1px solid var(--main);
-}
-
-
-.bottom-content {
-	z-index: 1;
-	justify-content: space-between;
-	margin-top: 30px;
-	width: 1200px;
-	box-sizing: border-box;
-}
-
+ .register {
+     background: #fff;
+     margin: 0.6rem auto 0;
+     padding: 0.6rem 1.1rem;
+     position: relative;
+     border-radius: 0.4rem;
+     position: relative;
+     width: 12rem;
+     box-sizing: border-box;
+}
+ .re-con-pic {
+     position: relative;
+}
+ .re-con-pic-title {
+     position: absolute;
+     top: 0.4rem;
+     left: 0.6rem;
+     font-size: 0.36rem;
+     font-family: zihun143-zhengkuchaojihei-Regular, zihun143-zhengkuchaojihei;
+     font-weight: 400;
+     color: #1AA1E6;
+     z-index: 1;
+}
+ .re-con-pic image {
+     width: 5.63rem;
+     height: 4.27rem;
+}
+ .re-tit {
+     font-size: 0.24rem;
+     color: #1AA1E6;
+     text-align: center;
+     font-weight: bold;
+     margin-bottom: 30rpx;
+}
+ .re-con {
+     margin: 0.2rem auto 0;
+     margin-left: 1.2rem;
+}
+ .re-li {
+     width: 2.6rem;
+     height: 0.42rem;
+     border: 0.01rem solid #D8DCE6;
+     border-radius: 0.04rem;
+     padding: 0 0.17rem;
+     margin-bottom: 0.2rem;
+     box-sizing: border-box;
+}
+ /deep/.re-con .uni-select {
+     width: 2.6rem;
+     height: 0.42rem;
+     border: 0.01rem solid #D8DCE6;
+     border-radius: 0.04rem;
+     padding: 0 0.17rem;
+     font-size: 0.14rem;
+     color: #333;
+}
+ /deep/.re-con .uni-select__input-placeholder {
+     font-size: 0.14rem;
+     color: #909399;
+}
+/deep/.uni-icons{
+		font-size: 0.14rem !important;
+}
+/deep/.uni-select__selector{
+    box-sizing: border-box;
+    position: absolute;
+    top: calc(100% + 0.12rem);
+    left: 0;
+    width: 100%;
+    background-color: #FFFFFF;
+    border: 1px solid #EBEEF5;
+    border-radius: 0.06rem;
+    box-shadow: 0 0.02rem 0.12rem 0 rgb(0 0 0 / 10%);
+    z-index: 3;
+    padding: 0.04rem 0;
+}
+/deep/.uni-popper__arrow {
+    -webkit-filter: drop-shadow(0 0.02rem 0.12rem rgba(0, 0, 0, 0.03));
+     filter: drop-shadow(0 0.02rem 0.12rem rgba(0, 0, 0, 0.03));
+     top: -0.06rem;
+     left: 10%;
+     margin-right: 0.03rem;
+     border-top-width: 0;
+     border-bottom-color: #EBEEF5;
+ 
+}
+/deep/.uni-popper__arrow::after {
+    content: " ";
+     top: 0.01rem;
+     margin-left: -0.06rem;
+     border-top-width: 0;
+     border-bottom-color: #fff;
+ 
+}
+/deep/.uni-popper__arrow{
+    position: absolute;
+     display: block;
+     width: 0;
+     height: 0;
+     border-color: transparent;
+     border-style: solid;
+     border-width: 0.06rem;
+ 
+}
+ /deep/.uni-popper__arrow::after {
+    position: absolute;
+     display: block;
+     width: 0;
+     height: 0;
+     border-color: transparent;
+     border-style: solid;
+     border-width: 0.06rem;
+ 
+}
+/deep/.uni-select__input-box{
+    height: 0.35rem;
+    position: relative;
+    display: flex;
+    flex: 1;
+    flex-direction: row;
+    align-items: center;
+}
+/deep/.uni-select__selector-scroll {
+    max-height: 2rem;
+    box-sizing: border-box;
+}
+/deep/.uni-select__selector-item{
+	    display: flex;
+	    cursor: pointer;
+	    line-height: 0.35rem;
+	    font-size: 0.14rem;
+	    text-align: center;
+	    padding: 0rem 0.1rem;
+}
+ .sjico {
+     width: 0.1rem;
+     height: 0.15rem;
+     margin-right: 0.11rem;
+}
+ .placeholder {
+     color: #909399;
+}
+ .re-ipt {
+     font-size: 0.14rem;
+     color: #333;
+     line-height: 0.34rem;
+}
+ .re-li-yzm {
+     width: 3.2rem;
+     height: 0.36rem;
+     padding: 0;
+     border: none;
+     justify-content: space-between;
+}
+ .re-li-yzm .re-ipt {
+     width: 1.64rem;
+     height: 0.34rem;
+     border-radius: 0.04rem;
+     padding: 0 0.17rem;
+     border: 0.01rem solid #D8DCE6;
+}
+ .send {
+     width: 1.03rem;
+     height: 0.34rem;
+     border: 0.01rem solid var(--main);
+     border-radius: 0.04rem;
+     font-size: 0.14rem;
+     color: var(--main);
+     text-align: center;
+     line-height: 0.34rem;
+     cursor: pointer;
+}
+ .send.gray {
+     color: #999;
+     border-color: #999;
+     cursor: default;
+}
+ .re-btn {
+     width: 2.6rem;
+     height: 0.42rem;
+     background: #1AA1E6;
+     border-radius: 0.21rem 0.21rem 0.21rem 0.21rem;
+     font-size: 0.16rem;
+     color: #fff;
+     text-align: center;
+     line-height: 0.42rem;
+     margin-top: 0.3rem;
+     cursor: pointer;
+}
+ .re-btn-text {
+     width: 2.6rem;
+     height: 0.2rem;
+     font-size: 0.14rem;
+     font-family: Source Han Sans CN-Regular, Source Han Sans CN;
+     font-weight: 400;
+     color: #1AA1E6;
+     text-align: center;
+     cursor: pointer;
+     margin-top: 0.2rem;
+}
+ .re-bot {
+     background: #EBEBEB;
+     height: 0.44rem;
+     font-size: 0.14rem;
+     color: #666;
+     padding: 0 0.4rem;
+     line-height: 0.44rem;
+     justify-content: space-between;
+     position: absolute;
+     left: 0;
+     right: 0;
+     bottom: 0;
+}
+ .nowu navigator {
+     color: var(--main);
+}
+ .re-check {
+     zoom: .5;
+     margin-right: 0.04rem;
+}
+ .yzm-box {
+     width: 1.15rem;
+     height: 0.36rem;
+     border-radius: 0.04rem;
+     background: #B7B7B7;
+}
+ .change-tab {
+     text-align: center;
+     margin: 0.1rem 0;
+}
+ .change-tab-item {
+     border: 0.01rem solid #eeeeee;
+     padding: 0.05rem 0rem;
+}
+ .change-tab .active {
+     border: 0.01rem solid var(--main);
+}
+ .bottom-content {
+     z-index: 1;
+     justify-content: space-between;
+     margin-top: 0.3rem;
+     width: 12rem;
+     box-sizing: border-box;
+}
 /* 考试公告 */
-.note-box {
-	width: 580px;
-	height: 150px;
-	background: #FFFFFF;
-	border-radius: 20px 20px 20px 20px;
-	border: 3px solid #FFFFFF;
-	padding: 16px 30px;
-	box-sizing: border-box;
-}
-
-.note-title {
-	margin-bottom: 18px;
-	font-size: 16px;
-}
-
-.note-title-icon {
-	width: 18px;
-	height: 18px;
-	margin-right: 10px;
-}
-
-.note-item {
-	justify-content: space-between;
-	font-size: 12px;
-	font-weight: 400;
-	line-height: 24px;
-	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
-	cursor: pointer;
-}
-
-.note-item-content {
-	color: #666666;
-	flex: 1;
-	overflow: hidden;
-	text-overflow: ellipsis;
-	white-space: nowrap;
-	margin-right: 10px;
-}
-
-.note-item-content:hover {
-	text-decoration: underline #666666;
-}
-
-.note-item-date {
-	color: #999999;
-}
-
-
+ .note-box {
+     width: 5.8rem;
+     height: 1.5rem;
+     background: #FFFFFF;
+     border-radius: 0.2rem 0.2rem 0.2rem 0.2rem;
+     border: 0.03rem solid #FFFFFF;
+     padding: 0.16rem 0.3rem;
+     box-sizing: border-box;
+}
+ .note-title {
+     margin-bottom: 0.18rem;
+     font-size: 0.16rem;
+}
+ .note-title-icon {
+     width: 0.18rem;
+     height: 0.18rem;
+     margin-right: 0.1rem;
+}
+ .note-item {
+     justify-content: space-between;
+     font-size: 0.12rem;
+     font-weight: 400;
+     line-height: 0.24rem;
+     font-family: Source Han Sans CN-Regular, Source Han Sans CN;
+     cursor: pointer;
+}
+ .note-item-content {
+     color: #666666;
+     flex: 1;
+     overflow: hidden;
+     text-overflow: ellipsis;
+     white-space: nowrap;
+     margin-right: 0.1rem;
+}
+ .note-item-content:hover {
+     text-decoration: underline #666666;
+}
+ .note-item-date {
+     color: #999999;
+}
 /* 弹窗 */
-.popup-box{
-	width: 722px;
-	min-height: 326px;
-	background: #FFFFFF;
-	box-shadow: 0px 0px 10px 1px rgba(81,0,0,0.1);
-	border-radius: 6px 6px 6px 6px;
-	opacity: 1;
-	border: 3px solid #FFFFFF;
-}
-.popup-top{
-	height: 65px;
-	line-height: 65px;
-	padding: 0 25px 0 17px;
-	border-bottom: 1px solid #EBEBEB;
-	font-size: 14px;
-	justify-content: space-between;
-}
-.popup-top image{
-	width: 29px;
-	height: 29px;
-	cursor: pointer;
-}
-.popup-content{
-	text-align: center;
-	font-size: 16px;
-	margin-top: 30px;
-}
-.popup-bottom{
-	margin-top: 30px;
-	justify-content: center;
-	margin-bottom: 30px;
-}
-.popup-btn1{
-	width: 146px;
-	height: 42px;
-	line-height: 42px;
-	border-radius: 21px 21px 21px 21px;
-	opacity: 1;
-	border: 1px solid #999999;
-	text-align: center;
-	cursor: pointer;
-}
-.popup-btn2{
-	width: 146px;
-	height: 42px;
-	line-height: 42px;
-	border-radius: 21px 21px 21px 21px;
-	opacity: 1;
-	border: 1px solid #DF230F;
-	margin-left: 30px;
-	text-align: center;
-	color: #DF230F;
-	cursor: pointer;
-}
+ .popup-box{
+     width: 7.22rem;
+     min-height: 3.26rem;
+     background: #FFFFFF;
+     box-shadow: 0rem 0rem 0.1rem 0.01rem rgba(81,0,0,0.1);
+     border-radius: 0.06rem 0.06rem 0.06rem 0.06rem;
+     opacity: 1;
+     border: 0.03rem solid #FFFFFF;
+}
+ .popup-top{
+     height: 0.65rem;
+     line-height: 0.65rem;
+     padding: 0 0.25rem 0 0.17rem;
+     border-bottom: 0.01rem solid #EBEBEB;
+     font-size: 0.14rem;
+     justify-content: space-between;
+}
+ .popup-top image{
+     width: 0.29rem;
+     height: 0.29rem;
+     cursor: pointer;
+}
+ .popup-content{
+     text-align: center;
+     font-size: 0.16rem;
+     margin-top: 0.3rem;
+}
+ .popup-bottom{
+     margin-top: 0.3rem;
+     justify-content: center;
+     margin-bottom: 0.3rem;
+}
+ .popup-btn1{
+     width: 1.46rem;
+     height: 0.42rem;
+     line-height: 0.42rem;
+     border-radius: 0.21rem 0.21rem 0.21rem 0.21rem;
+     opacity: 1;
+     border: 0.01rem solid #999999;
+     text-align: center;
+     cursor: pointer;
+}
+ .popup-btn2{
+     width: 1.46rem;
+     height: 0.42rem;
+     line-height: 0.42rem;
+     border-radius: 0.21rem 0.21rem 0.21rem 0.21rem;
+     opacity: 1;
+     border: 0.01rem solid #DF230F;
+     margin-left: 0.3rem;
+     text-align: center;
+     color: #DF230F;
+     cursor: pointer;
+}
+ 

+ 28 - 6
pages/login/login.vue

@@ -1,4 +1,5 @@
 <template>
+	<page-meta :root-font-size="fontsize+'px'" style="display: block;">
 	<view class="login">
 		<Headers></Headers>
 		<image class="bg" src="/static/images/bg.png"></image>
@@ -40,7 +41,7 @@
 				<view class="note-box">
 					<view class="note-title ddflex">
 						<image class="note-title-icon" src="/static/images/zysx.png"></image>
-						<view>注意事项</view>
+						<view style="font-size: 0.16rem;">注意事项</view>
 					</view>
 					<view>
 						<view class="note-item ddflex" v-for="item,index in noteInfo" :key="index+'zy'" @click="jumpUrl('/pages/contentDetail/contentDetail?id='+item.id)">
@@ -59,15 +60,15 @@
 					<image src="/static/images/close.png" @click="close()"></image>
 				</view>
 				<view class="popup-content">您好!考试前需要进行身份验证,请手持准考证,对准摄像头进行拍照,示例如下</view>
-				<view style="width: 400px;height: 243px;margin:30px auto;" v-show="!isPhotoing&&!imageUrl">
+				<view style="width: 4rem;height: 2.43rem;margin:0.3rem auto;" v-show="!isPhotoing&&!imageUrl">
 					<img style="width: 100%;height: 100%" src="/static/images/sfyz.png"/>
 				</view>
-				<view v-show="isPhotoing" style="width: 400px;height: 243px;margin:30px auto;position: relative;" id="video-box">
+				<view v-show="isPhotoing" style="width: 4rem;height: 2.43rem;margin:0.3rem auto;position: relative;" id="video-box">
 					<video id="video" style="width: 100%;height: 100%;" object-fit='fill' :autoplay="true" :controls="false" :show-center-play-btn="false"></video>
 					<canvas id="canvas" style="width: 100%;height: 100%;position: absolute;top:100000px;"  canvas-id="canvas"></canvas>
-					<view style="position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 100;font-size: 50px;color: #1AA1E6;font-weight: bold;">{{timeText}}</view>
+					<view style="position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 100;font-size: 0.5rem;color: #1AA1E6;font-weight: bold;">{{timeText}}</view>
 				</view>
-				<view style="width: 400px;height: 243px;margin:30px auto;" v-show="!isPhotoing&&imageUrl">
+				<view style="width: 4rem;height: 2.43rem;margin:0.3rem auto;" v-show="!isPhotoing&&imageUrl">
 					<img style="width: 100%;height: 100%" :src="imageUrl"/>
 				</view>
 				<view class="popup-bottom ddflex">
@@ -79,6 +80,7 @@
 		
 		<Foot :havaBackground='false'></Foot>
 	</view>
+	</page-meta>
 </template>
 
 <script>
@@ -104,10 +106,30 @@ export default {
 			isPhotoing:false,//是否正在验证身份
 			imageUrl:'',
 			timeText:3,
-			timeInterval:null
+			timeInterval:null,
+			
+			fontsize:'100px'
 		};
 	},
 	onLoad() {
+		let srceenNunber = 19.2; //因设计图是1920所有把设计图分为19.2份,所以html字体大小为100px
+            let that = this;
+
+            //窗体改变大小触发事件
+            uni.onWindowResize((res) => {
+                console.log('变化后的窗口宽度=', res.size.windowWidth);
+                that.fontsize = parseFloat(res.size.windowWidth) / srceenNunber;
+            })
+
+            //打开获取屏幕大小
+            uni.getSystemInfo({
+                success(res) {
+                    console.log('设备信息:', res);
+                    that.fontsize = res.screenWidth / srceenNunber;
+                    console.log('字体大小:', that.fontsize);
+                }
+            })
+		
 		var tha = this;
 		this.getTestProject()
 		this.getTextOtherInfo()

+ 158 - 175
pages/scoreQuery/scoreQuery.css

@@ -1,179 +1,162 @@
 .project {
-	height: 70px;
-	line-height: 70px;
-	background: #1AA1E6;
-	font-size: 24px;
-	color: #FFFFFF;
-	font-weight: bold;
-}
-
-.project-content {
-	margin: 38px 0;
-	justify-content: center;
-	align-items: stretch;
-}
-
+     height: 0.7rem;
+     line-height: 0.7rem;
+     background: #1AA1E6;
+     font-size: 0.24rem;
+     color: #FFFFFF;
+     font-weight: bold;
+}
+ .project-content {
+     margin: 0.38rem 0;
+     justify-content: center;
+     align-items: stretch;
+}
 /* 考试 */
-.test-box {
-	width: 890px;
-	/* min-height: 812px; */
-	background: #FFFFFF;
-	border-radius: 0px 0px 0px 0px;
-	opacity: 1;
-	border: 3px solid #FFFFFF;
-	position: relative;
-	padding: 30px;
-	box-sizing: border-box;
-}
-
-.test-title {
-	font-size: 30px;
-	font-family: Source Han Sans CN-Bold, Source Han Sans CN;
-	font-weight: bold;
-	color: #333333;
-	line-height: 36px;
-	text-align: center;
-	margin-top: 30px;
-}
-
-.test-time {
-	text-align: center;
-	margin-top: 10px;
-	font-size: 14px;
-}
-
-.yj-icon {
-	width: 77px;
-	height: 81px;
-	margin: 76px auto 0;
-}
-
-.yj-label {
-	text-align: center;
-	font-size: 18px;
-	margin-top: 18px;
-}
-.chufen-number{
-	color: #F45D44;
-	font-size: 46px;
-	margin: 76px auto 0;
-	text-align: center;
-}
-.score {
-	justify-content: center;
-	margin-top: 30px;
-	margin-bottom: 60px;
-	padding-left: 30px;
-}
-.score-label{
-	font-size: 16px;
-	color: #999999;
-}
-.score-value{
-	font-size: 24px;
-	color: #1AA1E6;
-	margin-top: 20px;
-}
-.line{
-	width: 1px;
-	height: 57px;
-	color: #DEDEDE;
-	background-color: #DEDEDE;
-	margin: 0 30px;
-}
-.back-btn{
-	width: 190px;
-	height: 46px;
-	background: #F5F5F5;
-	border-radius: 50px 50px 50px 50px;
-	opacity: 1;
-	font-size: 14px;
-	justify-content: center;
-	margin:200px auto 0;
-}
-.back-btn image{
-	width: 19px;
-	height: 15px;
-	margin-right: 10px;
-}
-
-
-.test-info {
-	width: 280px;
-	flex-direction: column;
-	margin-left: 30px;
-}
-
+ .test-box {
+     width: 8.9rem;
+    /* min-height: 8.12rem;
+     */
+     background: #FFFFFF;
+     border-radius: 0rem 0rem 0rem 0rem;
+     opacity: 1;
+     border: 0.03rem solid #FFFFFF;
+     position: relative;
+     padding: 0.3rem;
+     box-sizing: border-box;
+}
+ .test-title {
+     font-size: 0.3rem;
+     font-family: Source Han Sans CN-Bold, Source Han Sans CN;
+     font-weight: bold;
+     color: #333333;
+     line-height: 0.36rem;
+     text-align: center;
+     margin-top: 0.3rem;
+}
+ .test-time {
+     text-align: center;
+     margin-top: 0.1rem;
+     font-size: 0.14rem;
+}
+ .yj-icon {
+     width: 0.77rem;
+     height: 0.81rem;
+     margin: 0.76rem auto 0;
+}
+ .yj-label {
+     text-align: center;
+     font-size: 0.18rem;
+     margin-top: 0.18rem;
+}
+ .chufen-number{
+     color: #F45D44;
+     font-size: 0.46rem;
+     margin: 0.76rem auto 0;
+     text-align: center;
+}
+ .score {
+     justify-content: center;
+     margin-top: 0.3rem;
+     margin-bottom: 0.6rem;
+     padding-left: 0.3rem;
+}
+ .score-label{
+     font-size: 0.16rem;
+     color: #999999;
+}
+ .score-value{
+     font-size: 0.24rem;
+     color: #1AA1E6;
+     margin-top: 0.2rem;
+}
+ .line{
+     width: 0.01rem;
+     height: 0.57rem;
+     color: #DEDEDE;
+     background-color: #DEDEDE;
+     margin: 0 0.3rem;
+}
+ .back-btn{
+     width: 1.9rem;
+     height: 0.46rem;
+     background: #F5F5F5;
+     border-radius: 0.5rem 0.5rem 0.5rem 0.5rem;
+     opacity: 1;
+     font-size: 0.14rem;
+     justify-content: center;
+     margin:2rem auto 0;
+}
+ .back-btn image{
+     width: 0.19rem;
+     height: 0.15rem;
+     margin-right: 0.1rem;
+}
+ .test-info {
+     width: 2.8rem;
+     flex-direction: column;
+     margin-left: 0.3rem;
+}
 /* 考试信息 */
-.test-people {
-	width: 100%;
-	background-color: #FFFFFF;
-	padding: 12px 11px;
-	box-sizing: border-box;
-}
-
-.test-people image {
-	width: 80px;
-	height: 89px;
-	margin-right: 19px;
-}
-
-.test-people-info {
-	flex-direction: column;
-	justify-content: space-between;
-	font-size: 14px;
-	flex: 1;
-	align-items: flex-start;
-}
-
-.test-people-label {
-	color: #999999;
-	line-height: 36px;
-	margin-right: 8px;
-}
-
-/* 考试公告 */
-.note-box {
-	width: 100%;
-	background-color: #FFFFFF;
-	padding: 20px;
-	box-sizing: border-box;
-	margin-top: 20px;
-}
-
-.note-title {
-	margin-bottom: 18px;
-	font-size: 16px;
-}
-
-.note-title-icon {
-	width: 18px;
-	height: 18px;
-	margin-right: 10px;
-}
-
-.note-item {
-	justify-content: space-between;
-	font-size: 12px;
-	font-weight: 400;
-	line-height: 30px;
-	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
-	cursor: pointer;
-}
-
-.note-item-content {
-	color: #666666;
-	flex: 1;
-	overflow: hidden;
-	text-overflow: ellipsis;
-	white-space: nowrap;
-	margin-right: 10px;
-}
-
-.note-item-content:hover {
-	text-decoration: underline #666666;
-}
-
-.note-item-date {
-	color: #999999;
+ .test-people {
+     width: 100%;
+     background-color: #FFFFFF;
+     padding: 0.12rem 0.11rem;
+     box-sizing: border-box;
+}
+ .test-people image {
+     width: 0.8rem;
+     height: 0.89rem;
+     margin-right: 0.19rem;
+}
+ .test-people-info {
+     flex-direction: column;
+     justify-content: space-between;
+     font-size: 0.14rem;
+     flex: 1;
+     align-items: flex-start;
+}
+ .test-people-label {
+     color: #999999;
+     line-height: 0.36rem;
+     margin-right: 0.08rem;
 }
+/* 考试公告 */
+ .note-box {
+     width: 100%;
+     background-color: #FFFFFF;
+     padding: 0.2rem;
+     box-sizing: border-box;
+     margin-top: 0.2rem;
+}
+ .note-title {
+     margin-bottom: 0.18rem;
+     font-size: 0.16rem;
+}
+ .note-title-icon {
+     width: 0.18rem;
+     height: 0.18rem;
+     margin-right: 0.1rem;
+}
+ .note-item {
+     justify-content: space-between;
+     font-size: 0.12rem;
+     font-weight: 400;
+     line-height: 0.3rem;
+     font-family: Source Han Sans CN-Regular, Source Han Sans CN;
+     cursor: pointer;
+}
+ .note-item-content {
+     color: #666666;
+     flex: 1;
+     overflow: hidden;
+     text-overflow: ellipsis;
+     white-space: nowrap;
+     margin-right: 0.1rem;
+}
+ .note-item-content:hover {
+     text-decoration: underline #666666;
+}
+ .note-item-date {
+     color: #999999;
+}
+ 

+ 27 - 5
pages/scoreQuery/scoreQuery.vue

@@ -1,8 +1,9 @@
 <template>
+	<page-meta :root-font-size="fontsize+'px'" style="display: block;">
 	<view>
 		<Headers></Headers>
 		<view class="project">
-			<view style="width: 1200px;margin: auto;">职业技能在线考试系统</view>
+			<view style="width: 12rem;margin: auto;">职业技能在线考试系统</view>
 		</view>
 		
 		<view class="project-content ddflex">
@@ -10,7 +11,7 @@
 			<view class="test-box">
 				<view class="test-title">{{examResult.title}}</view>
 				<view class="test-time">
-					<text style="color: #999999;margin-right: 10px;">考试时间</text>
+					<text style="color: #999999;margin-right: 0.1rem;">考试时间</text>
 					<text>{{examResult.createDate}}</text>
 				</view>
 				<!--  用户考试状态 0未交卷 1已交卷 2阅卷中 3缺考 4 阅卷完成 -->
@@ -23,8 +24,8 @@
 					</view>
 				</view>
 				<view v-else class="chufen-number" :style="examResult.score>=paper.passScore?'color:green;':''">
-					{{examResult.score}}<text style="font-size: 18px;margin-left: 10px;">分</text>
-					<view style="font-size: 16px;">
+					{{examResult.score}}<text style="font-size: 0.18rem;margin-left: 0.1rem;">分</text>
+					<view style="font-size: 0.16rem;">
 						{{examResult.score>=paper.passScore?'考试合格':'考试不合格'}}
 					</view>
 				</view>
@@ -92,6 +93,7 @@
 		
 		<Foot></Foot>
 	</view>
+	</page-meta>
 </template>
 
 <script>
@@ -108,11 +110,31 @@
 				examResult:{},//考试详情
 				
 				otherInfo:[],
-				noteInfo:[]
+				noteInfo:[],
+				fontsize:'100px'
 			}
 		},
 		onReady() {},
 		onLoad(options) {
+			let srceenNunber = 19.2; //因设计图是1920所有把设计图分为19.2份,所以html字体大小为100px
+			    let that = this;
+			
+			    //窗体改变大小触发事件
+			    uni.onWindowResize((res) => {
+			        console.log('变化后的窗口宽度=', res.size.windowWidth);
+			        that.fontsize = parseFloat(res.size.windowWidth) / srceenNunber;
+			    })
+			
+			    //打开获取屏幕大小
+			    uni.getSystemInfo({
+			        success(res) {
+			            console.log('设备信息:', res);
+			            that.fontsize = res.screenWidth / srceenNunber;
+			            console.log('字体大小:', that.fontsize);
+			        }
+			    })
+			
+			
 			this.paperId = options.paperId;
 			this.admissionNo = options.admissionNo;
 			

+ 216 - 232
pages/selectTest/selectTest.css

@@ -1,237 +1,221 @@
 .project {
-	height: 70px;
-	line-height: 70px;
-	background: #1AA1E6;
-	font-size: 24px;
-	color: #FFFFFF;
-	font-weight: bold;
-}
-
-.project-content {
-	margin: 38px 0;
-	justify-content: center;
-	align-items: stretch;
-}
-
+     height: 0.7rem;
+     line-height: 0.7rem;
+     background: #1AA1E6;
+     font-size: 0.24rem;
+     color: #FFFFFF;
+     font-weight: bold;
+}
+ .project-content {
+     margin: 0.38rem 0;
+     justify-content: center;
+     align-items: stretch;
+}
 /* 考试 */
-.test-box {
-	width: 890px;
-	/* min-height: 812px; */
-	background: #FFFFFF;
-	border-radius: 0px 0px 0px 0px;
-	opacity: 1;
-	border: 3px solid #FFFFFF;
-	position: relative;
-	padding: 30px;
-	box-sizing: border-box;
-}
-
-.test-title {
-	font-size: 30px;
-	font-family: Source Han Sans CN-Bold, Source Han Sans CN;
-	font-weight: bold;
-	color: #333333;
-	line-height: 36px;
-	text-align: center;
-	margin-bottom: 30px;
-}
-
-.test-time {
-	text-align: center;
-	margin-top: 10px;
-	font-size: 14px;
-}
-
-.yj-icon {
-	width: 77px;
-	height: 81px;
-	margin: 76px auto 0;
-}
-
-.yj-label {
-	text-align: center;
-	font-size: 18px;
-	margin-top: 18px;
-}
-.chufen-number{
-	color: #F45D44;
-	font-size: 46px;
-	margin: 76px auto 0;
-	text-align: center;
-}
-.score {
-	justify-content: center;
-	margin-top: 30px;
-	margin-bottom: 60px;
-	padding-left: 30px;
-}
-.score-label{
-	font-size: 16px;
-	color: #999999;
-}
-.score-value{
-	font-size: 24px;
-	color: #1AA1E6;
-	margin-top: 20px;
-}
-.line{
-	width: 1px;
-	height: 57px;
-	color: #DEDEDE;
-	background-color: #DEDEDE;
-	margin: 0 30px;
-}
-.back-btn{
-	width: 190px;
-	height: 46px;
-	background: #F5F5F5;
-	border-radius: 50px 50px 50px 50px;
-	opacity: 1;
-	font-size: 14px;
-	justify-content: center;
-	margin:200px auto 0;
-}
-.back-btn image{
-	width: 19px;
-	height: 15px;
-	margin-right: 10px;
-}
-
-
-.test-info {
-	width: 280px;
-	flex-direction: column;
-	margin-left: 30px;
-}
-
+ .test-box {
+     width: 8.9rem;
+    /* min-height: 8.12rem;
+     */
+     background: #FFFFFF;
+     border-radius: 0rem 0rem 0rem 0rem;
+     opacity: 1;
+     border: 3px solid #FFFFFF;
+     position: relative;
+     padding: 0.3rem;
+     box-sizing: border-box;
+}
+ .test-title {
+     font-size: 0.3rem;
+     font-family: Source Han Sans CN-Bold, Source Han Sans CN;
+     font-weight: bold;
+     color: #333333;
+     line-height: 0.36rem;
+     text-align: center;
+     margin-bottom: 0.3rem;
+}
+ .test-time {
+     text-align: center;
+     margin-top: 0.1rem;
+     font-size: 0.14rem;
+}
+ .yj-icon {
+     width: 0.77rem;
+     height: 0.81rem;
+     margin: 0.76rem auto 0;
+}
+ .yj-label {
+     text-align: center;
+     font-size: 0.18rem;
+     margin-top: 0.18rem;
+}
+ .chufen-number{
+     color: #F45D44;
+     font-size: 0.46rem;
+     margin: 0.76rem auto 0;
+     text-align: center;
+}
+ .score {
+     justify-content: center;
+     margin-top: 0.3rem;
+     margin-bottom: 0.6rem;
+     padding-left: 0.3rem;
+}
+ .score-label{
+     font-size: 0.16rem;
+     color: #999999;
+}
+ .score-value{
+     font-size: 0.24rem;
+     color: #1AA1E6;
+     margin-top: 0.2rem;
+}
+ .line{
+     width: 0.01rem;
+     height: 0.57rem;
+     color: #DEDEDE;
+     background-color: #DEDEDE;
+     margin: 0 0.3rem;
+}
+ .back-btn{
+     width: 1.9rem;
+     height: 0.46rem;
+     background: #F5F5F5;
+     border-radius: 0.5rem 0.5rem 0.5rem 0.5rem;
+     opacity: 1;
+     font-size: 0.14rem;
+     justify-content: center;
+     margin:2rem auto 0;
+}
+ .back-btn image{
+     width: 0.19rem;
+     height: 0.15rem;
+     margin-right: 0.1rem;
+}
+ .test-info {
+     width: 2.8rem;
+     flex-direction: column;
+     margin-left: 0.3rem;
+}
 /* 考试信息 */
-.test-people {
-	width: 100%;
-	background-color: #FFFFFF;
-	padding: 12px 11px;
-	box-sizing: border-box;
-}
-
-.test-people image {
-	width: 80px;
-	height: 89px;
-	margin-right: 19px;
-}
-
-.test-people-info {
-	flex-direction: column;
-	justify-content: space-between;
-	font-size: 14px;
-	flex: 1;
-	align-items: flex-start;
-}
-
-.test-people-label {
-	color: #999999;
-	line-height: 36px;
-	margin-right: 8px;
-}
-
+ .test-people {
+     width: 100%;
+     background-color: #FFFFFF;
+     padding: 0.12rem 0.11rem;
+     box-sizing: border-box;
+}
+ .test-people image {
+     width: 0.8rem;
+     height: 0.89rem;
+     margin-right: 0.19rem;
+}
+ .test-people-info {
+     flex-direction: column;
+     justify-content: space-between;
+     font-size: 0.14rem;
+     flex: 1;
+     align-items: flex-start;
+}
+ .test-people-label {
+     color: #999999;
+     line-height: 0.36rem;
+     margin-right: 0.08rem;
+}
 /* 考试公告 */
-.note-box {
-	width: 100%;
-	background-color: #FFFFFF;
-	padding: 20px;
-	box-sizing: border-box;
-	margin-top: 20px;
-}
-
-.note-title {
-	margin-bottom: 18px;
-	font-size: 16px;
-}
-
-.note-title-icon {
-	width: 18px;
-	height: 18px;
-	margin-right: 10px;
-}
-
-.note-item {
-	justify-content: space-between;
-	font-size: 12px;
-	font-weight: 400;
-	line-height: 30px;
-	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
-	cursor: pointer;
-}
-
-.note-item-content {
-	color: #666666;
-	flex: 1;
-	overflow: hidden;
-	text-overflow: ellipsis;
-	white-space: nowrap;
-	margin-right: 10px;
-	padding: 0 10px;
-}
-
-.note-item-content:hover {
-	text-decoration: underline #666666;
-	background-color: #ededed;
-}
-
-.note-item-date {
-	color: #999999;
-}
-
+ .note-box {
+     width: 100%;
+     background-color: #FFFFFF;
+     padding: 0.2rem;
+     box-sizing: border-box;
+     margin-top: 0.2rem;
+}
+ .note-title {
+     margin-bottom: 0.18rem;
+     font-size: 0.16rem;
+}
+ .note-title-icon {
+     width: 0.18rem;
+     height: 0.18rem;
+     margin-right: 0.1rem;
+}
+ .note-item {
+     justify-content: space-between;
+     font-size: 0.12rem;
+     font-weight: 400;
+     line-height: 0.3rem;
+     font-family: Source Han Sans CN-Regular, Source Han Sans CN;
+     cursor: pointer;
+}
+ .note-item-content {
+     color: #666666;
+     flex: 1;
+     overflow: hidden;
+     text-overflow: ellipsis;
+     white-space: nowrap;
+     margin-right: 0.1rem;
+     padding: 0 0.1rem;
+}
+ .note-item-content:hover {
+     text-decoration: underline #666666;
+     background-color: #ededed;
+}
+ .note-item-date {
+     color: #999999;
+}
 /* 弹窗 */
-.popup-box{
-	width: 722px;
-	min-height: 326px;
-	background: #FFFFFF;
-	box-shadow: 0px 0px 10px 1px rgba(81,0,0,0.1);
-	border-radius: 6px 6px 6px 6px;
-	opacity: 1;
-	border: 3px solid #FFFFFF;
-}
-.popup-top{
-	height: 65px;
-	line-height: 65px;
-	padding: 0 25px 0 17px;
-	border-bottom: 1px solid #EBEBEB;
-	font-size: 14px;
-	justify-content: space-between;
-}
-.popup-top image{
-	width: 29px;
-	height: 29px;
-	cursor: pointer;
-}
-.popup-content{
-	text-align: center;
-	font-size: 16px;
-	margin-top: 30px;
-}
-.popup-bottom{
-	margin-top: 30px;
-	justify-content: center;
-	margin-bottom: 30px;
-}
-.popup-btn1{
-	width: 146px;
-	height: 42px;
-	line-height: 42px;
-	border-radius: 21px 21px 21px 21px;
-	opacity: 1;
-	border: 1px solid #999999;
-	text-align: center;
-	cursor: pointer;
-}
-.popup-btn2{
-	width: 146px;
-	height: 42px;
-	line-height: 42px;
-	border-radius: 21px 21px 21px 21px;
-	opacity: 1;
-	border: 1px solid #DF230F;
-	margin-left: 30px;
-	text-align: center;
-	color: #DF230F;
-	cursor: pointer;
-}
+ .popup-box{
+     width: 7.22rem;
+     min-height: 3.26rem;
+     background: #FFFFFF;
+     box-shadow: 0rem 0rem 0.1rem 0.01rem rgba(81,0,0,0.1);
+     border-radius: 0.06rem 0.06rem 0.06rem 0.06rem;
+     opacity: 1;
+     border: 3px solid #FFFFFF;
+}
+ .popup-top{
+     height: 0.65rem;
+     line-height: 0.65rem;
+     padding: 0 0.25rem 0 0.17rem;
+     border-bottom: 0.01rem solid #EBEBEB;
+     font-size: 0.14rem;
+     justify-content: space-between;
+}
+ .popup-top image{
+     width: 0.29rem;
+     height: 0.29rem;
+     cursor: pointer;
+}
+ .popup-content{
+     text-align: center;
+     font-size: 0.16rem;
+     margin-top: 0.3rem;
+}
+ .popup-bottom{
+     margin-top: 0.3rem;
+     justify-content: center;
+     margin-bottom: 0.3rem;
+}
+ .popup-btn1{
+     width: 1.46rem;
+     height: 0.42rem;
+     line-height: 0.42rem;
+     border-radius: 0.21rem 0.21rem 0.21rem 0.21rem;
+     opacity: 1;
+     border: 1px solid #999999;
+     text-align: center;
+     cursor: pointer;
+	 font-size: 0.18rem;
+}
+ .popup-btn2{
+     width: 1.46rem;
+     height: 0.42rem;
+     line-height: 0.42rem;
+     border-radius: 0.21rem 0.21rem 0.21rem 0.21rem;
+     opacity: 1;
+     border: 0.01rem solid #DF230F;
+     margin-left: 0.3rem;
+     text-align: center;
+     color: #DF230F;
+     cursor: pointer;
+	 font-size: 0.18rem;
+}
+ 

+ 59 - 20
pages/selectTest/selectTest.vue

@@ -1,8 +1,9 @@
 <template>
-	<view>
+	<page-meta :root-font-size="fontsize+'px'" style="display: block;">
+	<view class="select-test">
 		<Headers></Headers>
 		<view class="project">
-			<view style="width: 1200px;margin: auto;">职业技能在线考试系统</view>
+			<view style="width: 12rem;margin: auto;">职业技能在线考试系统</view>
 		</view>
 		
 		<view class="project-content ddflex">
@@ -10,9 +11,9 @@
 			<view class="test-box">
 				<view class="test-title">选择考试试卷</view>
 				<view>
-					<view class="note-item ddflex" style="font-size: 16px;" v-for="item,index in testList" :key="index+'test'">
+					<view class="note-item ddflex" style="font-size: 0.16rem;" v-for="item,index in testList" :key="index+'test'">
 						<view class="note-item-content" @click="item.resultId?'':toTest(item)">{{index+1}}.  {{item.title}}</view>
-						<view style="color: green;font-size: 14rpx;" v-if="item.resultId" @click="queryScore(item)">成绩查询</view>
+						<view style="color: green;font-size: 0.14rem;" v-if="item.resultId" @click="queryScore(item)">成绩查询</view>
 					</view>
 				</view>
 				
@@ -75,15 +76,15 @@
 					<image src="/static/images/close.png" @click="close()"></image>
 				</view>
 				<view class="popup-content">您好!考试前需要进行身份验证,请手持准考证,对准摄像头进行拍照,示例如下</view>
-				<view style="width: 400px;height: 243px;margin:30px auto;" v-show="!isPhotoing&&!imageUrl">
+				<view style="width: 4rem;height: 2.43rem;margin:0.3rem auto;" v-show="!isPhotoing&&!imageUrl">
 					<img style="width: 100%;height: 100%" src="/static/images/sfyz.png"/>
 				</view>
-				<view v-show="isPhotoing" style="width: 400px;height: 243px;margin:30px auto;position: relative;" id="video-box">
+				<view v-show="isPhotoing" style="width: 4rem;height: 2.43rem;margin:0.3rem auto;position: relative;" id="video-box">
 					<video id="video" style="width: 100%;height: 100%;" object-fit='fill' :autoplay="true" :controls="false" :show-center-play-btn="false"></video>
 					<canvas id="canvas" style="width: 100%;height: 100%;position: absolute;top:100000px;"  canvas-id="canvas"></canvas>
-					<view style="position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 100;font-size: 50px;color: #1AA1E6;font-weight: bold;">{{timeText}}</view>
+					<view style="position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 100;font-size: 0.5rem;color: #1AA1E6;font-weight: bold;">{{timeText}}</view>
 				</view>
-				<view style="width: 400px;height: 243px;margin:30px auto;" v-show="!isPhotoing&&imageUrl">
+				<view style="width: 4rem;height: 2.43rem;margin:0.3rem auto;" v-show="!isPhotoing&&imageUrl">
 					<img style="width: 100%;height: 100%" :src="imageUrl"/>
 				</view>
 				<view class="popup-bottom ddflex">
@@ -95,6 +96,7 @@
 		
 		<Foot></Foot>
 	</view>
+	</page-meta>
 </template>
 
 <script>
@@ -121,11 +123,30 @@
 				isPhotoing:false,//是否正在验证身份
 				imageUrl:'',
 				timeText:3,
-				timeInterval:null
+				timeInterval:null,
+				fontsize:'100px'
 			}
 		},
 		onReady() {},
 		onLoad(options) {
+			let srceenNunber = 19.2; //因设计图是1920所有把设计图分为19.2份,所以html字体大小为100px
+			    let that = this;
+			
+			    //窗体改变大小触发事件
+			    uni.onWindowResize((res) => {
+			        console.log('变化后的窗口宽度=', res.size.windowWidth);
+			        that.fontsize = parseFloat(res.size.windowWidth) / srceenNunber;
+			    })
+			
+			    //打开获取屏幕大小
+			    uni.getSystemInfo({
+			        success(res) {
+			            console.log('设备信息:', res);
+			            that.fontsize = res.screenWidth / srceenNunber;
+			            console.log('字体大小:', that.fontsize);
+			        }
+			    })
+			
 			this.paperId = options.paperId;
 			this.admissionNo = options.admissionNo;
 		},
@@ -134,6 +155,20 @@
 			this.getUserInfo()
 		},
 		methods: {
+			IsPC() {
+			    var userAgentInfo = navigator.userAgent;
+			    var Agents = ["Android", "iPhone",
+			                "SymbianOS", "Windows Phone",
+			                "iPad", "iPod"];
+			    var flag = true;
+			    for (var v = 0; v < Agents.length; v++) {
+			        if (userAgentInfo.indexOf(Agents[v]) > 0) {
+			            flag = false;
+			            break;
+			        }
+			    }
+			    return flag;
+			},
 			jumpUrl(url){
 				uni.navigateTo({
 					url:url
@@ -158,18 +193,22 @@
 					content:`确定开始 ${item.title}?`,
 					success: (res) => {
 						if(res.confirm){
-							// 如果进行身份验证
-							this.item = item
-							this.open()
+							if(this.IsPC()){
+								// 如果进行身份验证
+								this.item = item
+								this.open()
+							}else{
+								// 直接考试,是否允许考试
+								uni.navigateTo({
+									// url: '/pages/test/test?paperId='+this.paperId,
+									url: '/pages/test/test?paperId='+item.id+'&testId='+this.paperId,
+									success:()=> {
+										this.close()
+									}
+								});
+								
+							}
 							
-							// 直接考试,是否允许考试
-							// uni.navigateTo({
-							// 	// url: '/pages/test/test?paperId='+this.paperId,
-							// 	url: '/pages/test/test?paperId='+item.id+'&testId='+this.paperId,
-							// 	success:()=> {
-							// 		this.close()
-							// 	}
-							// });
 						}else{
 							
 						}

+ 349 - 340
pages/test/test.css

@@ -1,353 +1,362 @@
 .project{
-	height: 70px;
-	line-height: 70px;
-	background: #1AA1E6;
-	font-size: 24px;
-	color: #FFFFFF;
-	font-weight: bold;
-}
-.project-content{
-	margin: 38px 0;
-	justify-content: center;
-	align-items: stretch;
+     height: 0.7rem;
+     line-height: 0.7rem;
+     background: #1AA1E6;
+     font-size: 0.24rem;
+     color: #FFFFFF;
+     font-weight: bold;
+}
+ .project-content{
+     margin: 0.38rem 0;
+     justify-content: center;
+     align-items: stretch;
 }
 /* 考试 */
-.test-box{
-	width: 890px;
-	min-height: 812px;
-	background: #FFFFFF;
-	border-radius: 0px 0px 0px 0px;
-	opacity: 1;
-	border: 3px solid #FFFFFF;
-	position: relative;
-	padding: 30px;
-	box-sizing: border-box;
-}
-.test-box-title{
-	font-size: 18px;
-}
-.test-question-box{
-	margin-top: 30px;
-}
-.test-question{
-	font-size: 18px;
-}
-.short{
-	height: 300px;
-	border-radius: 10px;
-	margin-top: 20px;
-	border: 1px solid #C4C4C4;
-}
-.text-ans{
-	width: 100%;
-	height: 100%;
-	font-size: 16px;
-	color: #333;
-	padding: 20px;
-	box-sizing: border-box;
-}
-.placeholder{
-	color: #C4C4C4;
-}
-.test-question-answer{
-	margin-top: 20px;
-}
-.answer-item{
-	margin-top: 20px;
-	cursor: pointer;
-}
-.answer-checked{
-	width: 24px;
-	height: 24px;
-	background: #0BBE2F;
-	opacity: 1;
-	border: 2px solid #0BBE2F;
-	border-radius: 100%;
-	margin-right: 20px;
-}
-.answer-unchecked{
-	width: 24px;
-	height: 24px;
-	opacity: 1;
-	border: 2px solid #999999;
-	border-radius: 100%;
-	margin-right: 20px;
-}
-.answer-text{
-	font-size: 18px;
-}
-.test-btn-group{
-	position: absolute;
-	bottom: 40px;
-	right: 70px;
-}
-.test-btn{
-	width: 150px;
-	height: 42px;
-	line-height: 42px;
-	text-align: center;
-	background: #FFFFFF;
-	border-radius: 6px 6px 6px 6px;
-	opacity: 1;
-	border: 1px solid #707070;
-	margin-left: 60px;
-	cursor: pointer;
-}
-
-
-
-.test-info{
-	width: 280px;
-	flex-direction: column;
-	justify-content: space-between;
-	margin-left: 30px;
+ .test-box{
+     width: 8.9rem;
+     min-height: 8.12rem;
+     background: #FFFFFF;
+     border-radius: 0rem 0rem 0rem 0rem;
+     opacity: 1;
+     border: 0.03rem solid #FFFFFF;
+     position: relative;
+     padding: 0.3rem;
+     box-sizing: border-box;
+}
+ .test-box-title{
+     font-size: 0.18rem;
+}
+ .test-question-box{
+     margin-top: 0.3rem;
+}
+ .test-question{
+     font-size: 0.18rem;
+}
+ .short{
+     height: 3rem;
+     border-radius: 0.1rem;
+     margin-top: 0.2rem;
+     border: 0.01rem solid #C4C4C4;
+}
+ .text-ans{
+     width: 100%;
+     height: 100%;
+     font-size: 0.16rem;
+     color: #333;
+     padding: 0.2rem;
+     box-sizing: border-box;
+}
+ .placeholder{
+     color: #C4C4C4;
+}
+ .test-question-answer{
+     margin-top: 0.2rem;
+}
+ .answer-item{
+     margin-top: 0.2rem;
+     cursor: pointer;
+}
+ .answer-checked{
+     width: 0.24rem;
+     height: 0.24rem;
+     background: #0BBE2F;
+     opacity: 1;
+     border: 0.02rem solid #0BBE2F;
+     border-radius: 100%;
+     margin-right: 0.2rem;
+}
+ .answer-unchecked{
+     width: 0.24rem;
+     height: 0.24rem;
+     opacity: 1;
+     border: 0.02rem solid #999999;
+     border-radius: 100%;
+     margin-right: 0.2rem;
+}
+ .answer-text{
+     font-size: 0.18rem;
+}
+ .test-btn-group{
+     position: absolute;
+     bottom: 0.4rem;
+     right: 0.7rem;
+	 font-size: 0.18rem;
+}
+ .test-btn{
+     width: 1.5rem;
+     height: 0.42rem;
+     line-height: 0.42rem;
+     text-align: center;
+     background: #FFFFFF;
+     border-radius: 0.06rem 0.06rem 0.06rem 0.06rem;
+     opacity: 1;
+     border: 0.01rem solid #707070;
+     margin-left: 0.6rem;
+     cursor: pointer;
+}
+ .test-info{
+     width: 2.8rem;
+     flex-direction: column;
+     justify-content: space-between;
+     margin-left: 0.3rem;
 }
 /* 考试信息 */
-.test-people{
-	width: 100%;
-	background-color: #FFFFFF;
-	padding: 12px 11px;
-	box-sizing: border-box;
-}
-.test-people image{
-	width: 80px;
-	height: 89px;
-	margin-right: 19px;
-}
-.test-people-info{
-	flex-direction: column;
-	justify-content: space-between;
-	font-size: 14px;
-	flex: 1;
-	align-items: flex-start;
-}
-.test-people-label{
-	color: #999999;
-	line-height: 36px;
-	margin-right: 8px;
+ .test-people{
+     width: 100%;
+     background-color: #FFFFFF;
+     padding: 0.12rem 0.11rem;
+     box-sizing: border-box;
+}
+ .test-people image{
+     width: 0.8rem;
+     height: 0.89rem;
+     margin-right: 0.19rem;
+}
+ .test-people-info{
+     flex-direction: column;
+     justify-content: space-between;
+     font-size: 0.14rem;
+     flex: 1;
+     align-items: flex-start;
+}
+ .test-people-label{
+     color: #999999;
+     line-height: 0.36rem;
+     margin-right: 0.08rem;
 }
 /* 考试倒计时 */
-.test-date{
-	width: 100%;
-	background-color: #FFFFFF;
-	padding: 30px;
-	box-sizing: border-box;
-	margin-top: 20px;
-}
-.test-date-title{
-	text-align: center;
-	font-size: 12px;
-	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
-	font-weight: 400;
-	color: #666666;
-}
-.test-date-group{
-	margin: 14px auto 0;
-	justify-content: center;
-}
-.test-date-item{
-	width: 35px;
-	height: 35px;
-	line-height: 35px;
-	background: #FF0000;
-	border-radius: 2px 2px 2px 2px;
-	color: #fff;
-	text-align: center;
-	font-size: 24px;
-}
-.test-date-symbol{
-	font-size: 24px;
-	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
-	font-weight: 400;
-	color: #B7B7B7;
-	margin: 0 5px;
+ .test-date{
+     width: 100%;
+     background-color: #FFFFFF;
+     padding: 0.3rem;
+     box-sizing: border-box;
+     margin-top: 0.2rem;
+}
+ .test-date-title{
+     text-align: center;
+     font-size: 0.12rem;
+     font-family: Source Han Sans CN-Regular, Source Han Sans CN;
+     font-weight: 400;
+     color: #666666;
+}
+ .test-date-group{
+     margin: 0.14rem auto 0;
+     justify-content: center;
+}
+ .test-date-item{
+     width: 0.35rem;
+     height: 0.35rem;
+     line-height: 0.35rem;
+     background: #FF0000;
+     border-radius: 0.02rem 0.02rem 0.02rem 0.02rem;
+     color: #fff;
+     text-align: center;
+     font-size: 0.24rem;
+}
+ .test-date-symbol{
+     font-size: 0.24rem;
+     font-family: Source Han Sans CN-Regular, Source Han Sans CN;
+     font-weight: 400;
+     color: #B7B7B7;
+     margin: 0 0.05rem;
 }
 /* 答题卡 */
-.test-answer{
-	width: 100%;
-	background-color: #FFFFFF;
-	padding: 30px;
-	box-sizing: border-box;
-	margin-top: 20px;
-	position: relative;
-}
-.test-answer-title{
-	font-size: 18px;
-	font-family: Source Han Sans CN-Bold, Source Han Sans CN;
-	font-weight: bold;
-	color: #333333;
-	text-align: center;
-}
-.test-answer-info{
-	margin: 20px 0;
-	color: #B7B7B7;
-	font-size: 14px;
-	justify-content: center;
-}
-.test-answer-info-symbol{
-	width: 1px;
-	height: 14px;
-	background-color: #B7B7B7;
-	margin: 0 10px;
-}
-.test-answer-box{
-	flex-wrap: wrap;
-	padding-bottom: 30px;
-	border-bottom: 1px solid #EBEBEB;
-}
-.test-answer-item{
-	width: 34px;
-	height: 24px;
-	line-height: 24px;
-	background: #FFFFFF;
-	border-radius: 5px 5px 5px 5px;
-	opacity: 1;
-	border: 1px solid #999999;
-	color: #999999;
-	text-align: center;
-	font-size: 14px;
-	margin-right: 8px;
-	margin-bottom: 10px;
-	cursor: pointer;
-}
-.test-answer-item:nth-child(5n+5){
-	margin-right: 0px;
-}
-.test-answer-item-curActive{
-	border: 1px solid #333;
-	color: #333;
-}
-.test-answer-item-active{
-	border: 1px solid #0BBE2F;
-	color: #0BBE2F;
-}
-.test-answer-number{
-	justify-content: space-between;
-	font-size: 12px;
-	color: #999999;
-	margin-top: 10px;
-}
-.test-isanswer{
-	width: 15px;
-	height: 15px;
-	border-radius: 2px 2px 2px 2px;
-	opacity: 1;
-	border: 1px solid #0BBE2F;
-	margin-right: 10px;
-}
-.test-unanswer{
-	width: 15px;
-	height: 15px;
-	background: #FFFFFF;
-	border-radius: 2px 2px 2px 2px;
-	opacity: 1;
-	border: 1px solid #C7C7C7;
-	margin-right: 10px;
-}
-.submit-btn{
-	width: 220px;
-	height: 42px;
-	line-height: 42px;
-	background: #F45D44;
-	border-radius: 6px 6px 6px 6px;
-	opacity: 1;
-	color: #fff;
-	text-align: center;
-	font-size: 16px;
-	position: absolute;
-	bottom:40px;
-}
-
+ .test-answer{
+     width: 100%;
+     background-color: #FFFFFF;
+     padding: 0.3rem;
+     box-sizing: border-box;
+     margin-top: 0.2rem;
+     position: relative;
+}
+ .test-answer-title{
+     font-size: 0.18rem;
+     font-family: Source Han Sans CN-Bold, Source Han Sans CN;
+     font-weight: bold;
+     color: #333333;
+     text-align: center;
+}
+ .test-answer-info{
+     margin: 0.2rem 0;
+     color: #B7B7B7;
+     font-size: 0.14rem;
+     justify-content: center;
+}
+ .test-answer-info-symbol{
+     width: 0.01rem;
+     height: 0.14rem;
+     background-color: #B7B7B7;
+     margin: 0 0.1rem;
+}
+ .test-answer-box{
+     flex-wrap: wrap;
+     padding-bottom: 0.3rem;
+     border-bottom: 0.01rem solid #EBEBEB;
+}
+ .test-answer-item{
+     width: 0.34rem;
+     height: 0.24rem;
+     line-height: 0.24rem;
+     background: #FFFFFF;
+     border-radius: 0.05rem 0.05rem 0.05rem 0.05rem;
+     opacity: 1;
+     border: 0.01rem solid #999999;
+     color: #999999;
+     text-align: center;
+     font-size: 0.14rem;
+     margin-right: 0.08rem;
+     margin-bottom: 0.1rem;
+     cursor: pointer;
+}
+ .test-answer-item:nth-child(5n+5){
+     margin-right: 0rem;
+}
+ .test-answer-item-curActive{
+     border: 0.01rem solid #333;
+     color: #333;
+}
+ .test-answer-item-active{
+     border: 0.01rem solid #0BBE2F;
+     color: #0BBE2F;
+}
+ .test-answer-number{
+     justify-content: space-between;
+     font-size: 0.12rem;
+     color: #999999;
+     margin-top: 0.1rem;
+}
+ .test-isanswer{
+     width: 0.15rem;
+     height: 0.15rem;
+     border-radius: 0.02rem 0.02rem 0.02rem 0.02rem;
+     opacity: 1;
+     border: 0.01rem solid #0BBE2F;
+     margin-right: 0.1rem;
+}
+ .test-unanswer{
+     width: 0.15rem;
+     height: 0.15rem;
+     background: #FFFFFF;
+     border-radius: 0.02rem 0.02rem 0.02rem 0.02rem;
+     opacity: 1;
+     border: 0.01rem solid #C7C7C7;
+     margin-right: 0.1rem;
+}
+ .submit-btn{
+     width: 2.2rem;
+     height: 0.42rem;
+     line-height: 0.42rem;
+     background: #F45D44;
+     border-radius: 0.06rem 0.06rem 0.06rem 0.06rem;
+     opacity: 1;
+     color: #fff;
+     text-align: center;
+     font-size: 0.16rem;
+     position: absolute;
+     bottom:0.4rem;
+}
 /* 弹窗 */
-.popup-box{
-	width: 722px;
-	min-height: 326px;
-	background: #FFFFFF;
-	box-shadow: 0px 0px 10px 1px rgba(81,0,0,0.1);
-	border-radius: 6px 6px 6px 6px;
-	opacity: 1;
-	border: 3px solid #FFFFFF;
-}
-.popup-top{
-	height: 65px;
-	line-height: 65px;
-	padding: 0 25px 0 17px;
-	border-bottom: 1px solid #EBEBEB;
-	font-size: 14px;
-	justify-content: space-between;
-}
-.popup-top image{
-	width: 29px;
-	height: 29px;
-	cursor: pointer;
-}
-.popup-content{
-	text-align: center;
-	font-size: 16px;
-	margin-top: 55px;
-}
-.popup-bottom{
-	margin-top: 60px;
-	justify-content: center;
-}
-.popup-btn1{
-	width: 146px;
-	height: 42px;
-	line-height: 42px;
-	border-radius: 21px 21px 21px 21px;
-	opacity: 1;
-	border: 1px solid #999999;
-	text-align: center;
-	cursor: pointer;
-}
-.popup-btn2{
-	width: 146px;
-	height: 42px;
-	line-height: 42px;
-	border-radius: 21px 21px 21px 21px;
-	opacity: 1;
-	border: 1px solid #DF230F;
-	margin-left: 30px;
-	text-align: center;
-	color: #DF230F;
-	cursor: pointer;
+ .popup-box{
+     width: 7.22rem;
+     min-height: 3.26rem;
+     background: #FFFFFF;
+     box-shadow: 0rem 0rem 0.1rem 0.01rem rgba(81,0,0,0.1);
+     border-radius: 0.06rem 0.06rem 0.06rem 0.06rem;
+     opacity: 1;
+     border: 0.03rem solid #FFFFFF;
+}
+ .popup-top{
+     height: 0.65rem;
+     line-height: 0.65rem;
+     padding: 0 0.25rem 0 0.17rem;
+     border-bottom: 0.01rem solid #EBEBEB;
+     font-size: 0.14rem;
+     justify-content: space-between;
+}
+ .popup-top image{
+     width: 0.29rem;
+     height: 0.29rem;
+     cursor: pointer;
+}
+ .popup-content{
+     text-align: center;
+     font-size: 0.16rem;
+     margin-top: 0.55rem;
+}
+ .popup-bottom{
+     margin-top: 0.6rem;
+     justify-content: center;
+}
+ .popup-btn1{
+     width: 1.46rem;
+     height: 0.42rem;
+     line-height: 0.42rem;
+     border-radius: 0.21rem 0.21rem 0.21rem 0.21rem;
+     opacity: 1;
+     border: 0.01rem solid #999999;
+     text-align: center;
+     cursor: pointer;
+     font-size: 0.18rem;
+}
+ .popup-btn2{
+     width: 1.46rem;
+     height: 0.42rem;
+     line-height: 0.42rem;
+     border-radius: 0.21rem 0.21rem 0.21rem 0.21rem;
+     opacity: 1;
+     border: 0.01rem solid #DF230F;
+     margin-left: 0.3rem;
+     text-align: center;
+     color: #DF230F;
+     cursor: pointer;
+     font-size: 0.18rem;
 }
 /* 出分 */
-.chufen-title{
-	font-size: 24px;
-	font-family: Source Han Sans CN-Bold, Source Han Sans CN;
-	font-weight: bold;
-	color: #333333;
-}
-.chufen-number{
-	color: #F45D44;
-	font-size: 46px;
-	margin-top: 30px;
-}
-.popup-bottom-label{
-	font-size: 16px;
-	color: #999999;
-}
-.popup-bottom-value{
-	font-size: 24px;
-	color: #1AA1E6;
-	margin-top: 20px;
-}
-.line{
-	width: 1px;
-	height: 57px;
-	color: #DEDEDE;
-	background-color: #DEDEDE;
-	margin: 0 30px;
-}
-
-@media only screen and (max-width: 1400px) {
-    .video-box{
-		width: 180px;height: 100px;position: fixed;top:0;right: 0;z-index: 500;
-	}
-}
-@media only screen and (min-width: 1401px) {
-    .video-box{
-    	width: 280px;height: 200px;position: fixed;top:0;right: 0;z-index: 500;
+ .chufen-title{
+     font-size: 0.24rem;
+     font-family: Source Han Sans CN-Bold, Source Han Sans CN;
+     font-weight: bold;
+     color: #333333;
+}
+ .chufen-number{
+     color: #F45D44;
+     font-size: 0.46rem;
+     margin-top: 0.3rem;
+}
+ .popup-bottom-label{
+     font-size: 0.16rem;
+     color: #999999;
+}
+ .popup-bottom-value{
+     font-size: 0.24rem;
+     color: #1AA1E6;
+     margin-top: 0.2rem;
+}
+ .line{
+     width: 0.01rem;
+     height: 0.57rem;
+     color: #DEDEDE;
+     background-color: #DEDEDE;
+     margin: 0 0.3rem;
+}
+ @media only screen and (max-width: 14rem) {
+     .video-box{
+         width: 1.8rem;
+         height: 1rem;
+         position: fixed;
+         top:0;
+         right: 0;
+         z-index: 500;
+    }
+}
+ @media only screen and (min-width: 14.01rem) {
+     .video-box{
+         width: 2.8rem;
+         height: 2rem;
+         position: fixed;
+         top:0;
+         right: 0;
+         z-index: 500;
     }
-}
+}
+ 

+ 56 - 15
pages/test/test.vue

@@ -1,8 +1,9 @@
 <template>
+	<page-meta :root-font-size="fontsize+'px'" style="display: block;">
 	<view style="position: relative;">
 		<Headers></Headers>
 		<view class="project">
-			<view style="width: 1200px;margin: auto;">{{paper.title}}</view>
+			<view style="width: 12rem;margin: auto;">{{paper.title}}</view>
 		</view>
 		
 		<view class="video-box" id="video-box" v-show="showVideo">
@@ -14,7 +15,7 @@
 			<!-- 考试区域 -->
 			<view class="test-box">
 				<view class="test-box-title">
-					<text style="font-weight: bold;margin-right: 10px;">考试题目</text>
+					<text style="font-weight: bold;margin-right: 0.10rem;">考试题目</text>
 					<text>{{ cIndex + 1 }}</text><text style="color: #999999;">/{{questTotal}}</text>
 				</view>
 				
@@ -43,14 +44,14 @@
 							<!-- answer-checked -->
 							<view :class="qitem.cssStr ? 'answer-checked' : 'answer-unchecked'"></view>
 							<view class="answer-text ddflex">
-								<view style="margin-right: 10px;">{{ qitem.num }} </view>
+								<view style="margin-right: 0.1rem;">{{ qitem.num }} </view>
 								<rich-text class="hh" :nodes="qitem.title"></rich-text>
 							</view>
 						</view>
 					</view>
 				</view>
 				
-				<view style="height: 82px;width: 100%;"> </view>
+				<view style="height: 0.82rem;width: 100%;"> </view>
 				<view class="test-btn-group ddflex">
 					<view v-if="cIndex != 0" class="test-btn" @click="prev()">上一题</view>
 					<view v-if="cIndex + 1 != questTotal" class="test-btn" @click="next()">下一题</view>
@@ -109,7 +110,7 @@
 						</view>
 					</view>
 					
-					<view style="height: 82px;"></view>
+					<view style="height: 0.82rem;"></view>
 					<view class="submit-btn" @click="open">交  卷</view>
 				</view>
 			</view>
@@ -133,14 +134,14 @@
 					<view>考试结果</view>
 					<image src="/static/images/close.png" @click="close(true)"></image>
 				</view>
-				<view class="popup-content" style="margin-top: 23px;">
+				<view class="popup-content" style="margin-top: 0.23rem;">
 					<view class="chufen-title">{{result.title}}</view>
 					<view class="chufen-number" :style="result.score>=paper.passScore?'color:green;':''">
-						{{result.score}}<text style="font-size: 18px;margin-left: 10px;">分</text>
-						<view style="font-size: 16px;">{{result.score>=paper.passScore?'考试合格':'考试不合格'}}</view>
+						{{result.score}}<text style="font-size: 0.18rem;margin-left: 0.1rem;">分</text>
+						<view style="font-size: 0.16rem;">{{result.score>=paper.passScore?'考试合格':'考试不合格'}}</view>
 					</view>
 				</view>
-				<view class="popup-bottom ddflex" style="margin-top: 30px;margin-bottom: 60px;padding-left: 30px">
+				<view class="popup-bottom ddflex" style="margin-top: 0.3rem;margin-bottom: 0.6rem;padding-left: 0.3rem">
 					<view>
 						<view class="popup-bottom-label">总题数</view>
 						<view class="popup-bottom-value">{{result.questToal}}</view>
@@ -158,6 +159,7 @@
 		
 		<Foot></Foot>
 	</view>
+	</page-meta>
 </template>
 
 <script>
@@ -207,17 +209,40 @@
 				showVideo:false,
 				
 				takePhotoTime:10*60,//抓拍时间间隔,单位s
+				
+				fontsize:'100px'
 			}
 		},
 		onReady() {},
 		async onLoad(options) {
+			let srceenNunber = 19.2; //因设计图是1920所有把设计图分为19.2份,所以html字体大小为100px
+			    let that = this;
+			
+			    //窗体改变大小触发事件
+			    uni.onWindowResize((res) => {
+			        console.log('变化后的窗口宽度=', res.size.windowWidth);
+			        that.fontsize = parseFloat(res.size.windowWidth) / srceenNunber;
+			    })
+			
+			    //打开获取屏幕大小
+			    uni.getSystemInfo({
+			        success(res) {
+			            console.log('设备信息:', res);
+			            that.fontsize = res.screenWidth / srceenNunber;
+			            console.log('字体大小:', that.fontsize);
+			        }
+			    })
+			
 			this.paperId = options.paperId;
 			this.testId = options.testId
-			// 摄像头
-			const query = uni.createSelectorQuery().in(this);
-			this.video = query.select('#video')
-			this.canvas = query.select('#canvas');
-			await this.test()
+			
+			if(this.IsPC()){
+				// 摄像头
+				const query = uni.createSelectorQuery().in(this);
+				this.video = query.select('#video')
+				this.canvas = query.select('#canvas');
+				await this.test()
+			}
 
 			console.log(this.userInfo)
 			// 需要先判断用户是否还能考试
@@ -236,6 +261,20 @@
 				clearTimeout(this.ptime);
 		},
 		methods: {
+			IsPC() {
+			    var userAgentInfo = navigator.userAgent;
+			    var Agents = ["Android", "iPhone",
+			                "SymbianOS", "Windows Phone",
+			                "iPad", "iPod"];
+			    var flag = true;
+			    for (var v = 0; v < Agents.length; v++) {
+			        if (userAgentInfo.indexOf(Agents[v]) > 0) {
+			            flag = false;
+			            break;
+			        }
+			    }
+			    return flag;
+			},
 			// 考试信息
 			getUserInfo(){
 				req.getRequest('/api/v3/exam/user/manager/info',{},res=>{
@@ -354,7 +393,9 @@
 					
 					
 					if(((_ts.paper.time*60)-(_ts.time))%(_ts.takePhotoTime)==0){
-						_ts.takePhoto()
+						if(_ts.IsPC()){
+							_ts.takePhoto()
+						}
 					}
 					_ts.setTime();
 				}, 1000);

+ 2355 - 438
static/css/main.css

@@ -1,470 +1,2387 @@
 /* macin.css */
-.header {height: 40px;background: #444444;position: fixed;top: 0;left: 0;right: 0;z-index: 50;}
-.header-title{font-size: 14px;color: #fff;line-height: 40px;margin-left: 60px;}
-.header-title image{width: 230px;height: 50px;}
-.header .wrap{justify-content: space-between;}
-.placeholder-view{height: 40px;}
-.user{font-size: 13px;color: #fff;line-height: 52px;cursor: pointer;position: relative;}
-.user-img{width: 24px;height: 24px;border-radius: 50%;background: #ccc;font-size: 12px;color: #fff;text-align: center;line-height: 24px;margin-right: 8px;}
-.bico{width: 9px;height: 5px;margin-left: 6px;}
-.top-user{background: #332431;padding: 16px 0;}
-.userimg{width: 88px;height: 88px;border-radius: 50%;margin-right: 20px;}
-.username{font-size: 24px;color: #fff;font-weight: bold;}
-.rzimg{width: 40px;height: 15px;margin-left: 5px;}
-.user-mobile{font-size: 14px;color: rgba(255,255,255,.6);margin-top: 10px;}
-.user-opt{position: absolute;top: 52px;right: 0;width: 100px;padding: 0 10px;background: #fff;border-radius: 4px;box-shadow: 0 0 5px rgba(0,0,0,.3);display: none;}
-.user-opt::after{content: '';display: block;width: 0;height: 0;border: 5px solid transparent;border-top: none;border-bottom-color: #fff;position: absolute;right: 10px;top: -5px;}
-.user-opt .li{font-size: 14px;color: #666;padding: 5px 0;text-align: center;line-height: 30px;border-bottom: 1px solid #ebebeb;}
-.user-opt .li:last-child{border-bottom: none;}
-.user-opt .li:hover{color: var(--main);}
-.user:hover .user-opt{display: block;}
+ .header {
+     height: 0.4rem;
+     background: #444444;
+     position: fixed;
+     top: 0;
+     left: 0;
+     right: 0;
+     z-index: 50;
+}
+ .header-title{
+     font-size: 0.14rem;
+     color: #fff;
+     line-height: 0.4rem;
+     margin-left: 0.6rem;
+}
+ .header-title image{
+     width: 2.3rem;
+     height: 0.5rem;
+}
+ .header .wrap{
+     justify-content: space-between;
+}
+ .placeholder-view{
+     height: 0.4rem;
+}
+ .user{
+     font-size: 0.13rem;
+     color: #fff;
+     line-height: 0.52rem;
+     cursor: pointer;
+     position: relative;
+}
+ .user-img{
+     width: 0.24rem;
+     height: 0.24rem;
+     border-radius: 50%;
+     background: #ccc;
+     font-size: 0.12rem;
+     color: #fff;
+     text-align: center;
+     line-height: 0.24rem;
+     margin-right: 0.08rem;
+}
+ .bico{
+     width: 0.09rem;
+     height: 0.05rem;
+     margin-left: 0.06rem;
+}
+ .top-user{
+     background: #332431;
+     padding: 0.16rem 0;
+}
+ .userimg{
+     width: 0.88rem;
+     height: 0.88rem;
+     border-radius: 50%;
+     margin-right: 0.2rem;
+}
+ .username{
+     font-size: 0.24rem;
+     color: #fff;
+     font-weight: bold;
+}
+ .rzimg{
+     width: 0.4rem;
+     height: 0.15rem;
+     margin-left: 0.05rem;
+}
+ .user-mobile{
+     font-size: 0.14rem;
+     color: rgba(255,255,255,.6);
+     margin-top: 0.1rem;
+}
+ .user-opt{
+     position: absolute;
+     top: 0.52rem;
+     right: 0;
+     width: 1rem;
+     padding: 0 0.1rem;
+     background: #fff;
+     border-radius: 0.04rem;
+     box-shadow: 0 0 0.05rem rgba(0,0,0,.3);
+     display: none;
+}
+ .user-opt::after{
+     content: '';
+     display: block;
+     width: 0;
+     height: 0;
+     border: 5px solid transparent;
+     border-top: none;
+     border-bottom-color: #fff;
+     position: absolute;
+     right: 0.1rem;
+     top: -0.05rem;
+}
+ .user-opt .li{
+     font-size: 0.14rem;
+     color: #666;
+     padding: 0.05rem 0;
+     text-align: center;
+     line-height: 0.3rem;
+     border-bottom: 0.01rem solid #ebebeb;
+}
+ .user-opt .li:last-child{
+     border-bottom: none;
+}
+ .user-opt .li:hover{
+     color: var(--main);
+}
+ .user:hover .user-opt{
+     display: block;
+}
 /* 底部 */
-.footer{background: #444444;padding: 15px 0 15px;text-align: center;font-size: 12px;color: #fff;line-height: 24px;width:100%;position: fixed;bottom: 0;z-index: 2;}
-.footer a{color: #fff;margin-left: 5px;}
-.footer a:hover{color: #fff;}
-.foot-nav{justify-content: center;font-size: 12px;color: #c7c7c7;margin-bottom: 20px;}
-.foot-nav view{cursor: pointer;}
-.foot-nav text{font-family: '宋体';margin: 0 12px;}
+ .footer{
+     background: #444444;
+     padding: 0.15rem 0 0.15rem;
+     text-align: center;
+     font-size: 0.12rem;
+     color: #fff;
+     line-height: 0.24rem;
+     width:100%;
+     position: fixed;
+     bottom: 0;
+     z-index: 2;
+}
+ .footer a{
+     color: #fff;
+     margin-left: 0.05rem;
+}
+ .footer a:hover{
+     color: #fff;
+}
+ .foot-nav{
+     justify-content: center;
+     font-size: 0.12rem;
+     color: #c7c7c7;
+     margin-bottom: 0.2rem;
+}
+ .foot-nav view{
+     cursor: pointer;
+}
+ .foot-nav text{
+     font-family: '宋体';
+     margin: 0 0.12rem;
+}
 /* 内容 */
-.content{padding: 20px 0 90px;align-items: flex-start;}
-.left{width: 206px;background: #fff;padding: 20px 0 20px 22px;margin-right: 30px;}
-.left .li{height: 40px;font-size: 14px;color: #666;line-height: 40px;cursor: pointer;}
-.left .li.active{background: #FFF1EF;border-radius: 20px 0 0 20px;border-right: 3px solid var(--main);color: var(--main)}
-.left .li image{width: 16px;height: 16px;margin-right: 9px;margin-left: 20px;}
-.left-line{height: 1px;background-color: #F5F5F5;margin: 12px 0;}
-.left-tits{font-size: 14px;color: #000;font-weight: bold;padding-left: 20px;margin: 10px 0;}
-.left .lis{font-size: 14px;color: #000;font-weight: bold;line-height: 30px;padding-left: 20px;cursor: pointer;}
-.left .lis.active{background: #FFF1EF;border-radius: 20px 0 0 20px;border-right: 3px solid var(--main);color: var(--main);}
-.right{width: 942px;}
-.c-title{font-size: 16px;color: #333;padding: 5px 0 15px;}
-.c-back{margin-right: 20px;color: var(--main);font-size: 14px;}
-.c-back image{width: 15px;margin-right: 5px;}
-.c-box{background: #fff;min-height: 360px;}
-.c-bot{background: #fff;padding: 17px 28px;margin-top: 20px;}
-.c-btn{width: 80px;height: 32px; margin-right: 30rpx;  background: var(--main);border-radius: 4px;font-size: 14px;color: #fff;text-align: center;line-height: 32px;cursor: pointer;}
+ .content{
+     padding: 0.2rem 0 0.9rem;
+     align-items: flex-start;
+}
+ .left{
+     width: 2.06rem;
+     background: #fff;
+     padding: 0.2rem 0 0.2rem 0.22rem;
+     margin-right: 0.3rem;
+}
+ .left .li{
+     height: 0.4rem;
+     font-size: 0.14rem;
+     color: #666;
+     line-height: 0.4rem;
+     cursor: pointer;
+}
+ .left .li.active{
+     background: #FFF1EF;
+     border-radius: 0.2rem 0 0 0.2rem;
+     border-right: 0.03rem solid var(--main);
+     color: var(--main) 
+}
+ .left .li image{
+     width: 0.16rem;
+     height: 0.16rem;
+     margin-right: 0.09rem;
+     margin-left: 0.2rem;
+}
+ .left-line{
+     height: 0.01rem;
+     background-color: #F5F5F5;
+     margin: 0.12rem 0;
+}
+ .left-tits{
+     font-size: 0.14rem;
+     color: #000;
+     font-weight: bold;
+     padding-left: 0.2rem;
+     margin: 0.1rem 0;
+}
+ .left .lis{
+     font-size: 0.14rem;
+     color: #000;
+     font-weight: bold;
+     line-height: 0.3rem;
+     padding-left: 0.2rem;
+     cursor: pointer;
+}
+ .left .lis.active{
+     background: #FFF1EF;
+     border-radius: 0.2rem 0 0 0.2rem;
+     border-right: 0.03rem solid var(--main);
+     color: var(--main);
+}
+ .right{
+     width: 9.42rem;
+}
+ .c-title{
+     font-size: 0.16rem;
+     color: #333;
+     padding: 0.05rem 0 0.15rem;
+}
+ .c-back{
+     margin-right: 0.2rem;
+     color: var(--main);
+     font-size: 0.14rem;
+}
+ .c-back image{
+     width: 0.15rem;
+     margin-right: 0.05rem;
+}
+ .c-box{
+     background: #fff;
+     min-height: 3.6rem;
+}
+ .c-bot{
+     background: #fff;
+     padding: 0.17rem 0.28rem;
+     margin-top: 0.2rem;
+}
+ .c-btn{
+     width: 0.8rem;
+     height: 0.32rem;
+     margin-right: 30rpx;
+     background: var(--main);
+     border-radius: 0.04rem;
+     font-size: 0.14rem;
+     color: #fff;
+     text-align: center;
+     line-height: 0.32rem;
+     cursor: pointer;
+}
 /* 企业注册 */
-.qyzc{padding: 20px 30px 50px;}
-.c-tit{font-size: 16px;color: #000;font-weight: bold;}
-.c-form .li{margin-top: 25px;}
-.c-form .li .label{width:95px;text-align: right;font-size: 14px;color: #666;padding-right: 15px;}
-.c-ipt{font-size: 12px;color: #666;height: 30px;line-height: 30px;border: 1px solid #D8DCE6;border-radius: 4px;padding: 0 12px;}
-.c-placeholder{color: #909399;}
-.c-ipt-text{font-size: 14px;color: #666;height: 30px;line-height: 30px;padding: 0 12px;}
-.c-txa-text{font-size: 14px;color: #666;line-height: 30px;padding: 0 12px;}
-
-.com-upload-img{width: 96px;height: 96px;border: 1px dashed #C5C5C5;margin-right: 16px;}
-.imgboxs{flex-wrap: wrap;}
-.imgs{width: 96px;height: 96px;border: 1px dashed #C5C5C5;margin-right: 16px;position: relative;margin-bottom: 15px;}
-.upload-img{width: 100%;height: 100%;}
-.delete{position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,.5);justify-content: center;display: none;}
-.delete image{width: 20px;height: 20px;cursor: pointer;margin: 38px auto 0;}
-.imgs:hover .delete{display: block;}
-.upload{width: 96px;height: 96px;border: 1px dashed #C5C5C5;border-radius: 4px;font-size: 12px;color: #606266;flex-direction: column;justify-content: center;margin-right: 16px;cursor: pointer;margin-bottom: 15px;}
-.upload image{width: 16px;height: 16px;margin: 0 auto 8px;}
-.com-upload{margin-bottom: 0;}
-.chang{margin-left: 19px;font-size: 14px;color: #666;}
-.chang checkbox{zoom: .5;margin-right: 4px;vertical-align: middle;}
-.c-line{height: 1px;background: #EBEBEB;margin: 40px 0;}
-.rz-tip{background: #fcf1eb;font-size: 12px;color: #FF6C17;padding: 8px 20px;margin-bottom: 20px;}
-.fail{background: #fbecea;color: var(--main);}
-.suc{background: #f2fdf2;color: #0f7f00;}
+ .qyzc{
+     padding: 0.2rem 0.3rem 0.5rem;
+}
+ .c-tit{
+     font-size: 0.16rem;
+     color: #000;
+     font-weight: bold;
+}
+ .c-form .li{
+     margin-top: 0.25rem;
+}
+ .c-form .li .label{
+     width:0.95rem;
+     text-align: right;
+     font-size: 0.14rem;
+     color: #666;
+     padding-right: 0.15rem;
+}
+ .c-ipt{
+     font-size: 0.12rem;
+     color: #666;
+     height: 0.3rem;
+     line-height: 0.3rem;
+     border: 1px solid #D8DCE6;
+     border-radius: 0.04rem;
+     padding: 0 0.12rem;
+}
+ .c-placeholder{
+     color: #909399;
+}
+ .c-ipt-text{
+     font-size: 0.14rem;
+     color: #666;
+     height: 0.3rem;
+     line-height: 0.3rem;
+     padding: 0 0.12rem;
+}
+ .c-txa-text{
+     font-size: 0.14rem;
+     color: #666;
+     line-height: 0.3rem;
+     padding: 0 0.12rem;
+}
+ .com-upload-img{
+     width: 0.96rem;
+     height: 0.96rem;
+     border: 1px dashed #C5C5C5;
+     margin-right: 0.16rem;
+}
+ .imgboxs{
+     flex-wrap: wrap;
+}
+ .imgs{
+     width: 0.96rem;
+     height: 0.96rem;
+     border: 1px dashed #C5C5C5;
+     margin-right: 0.16rem;
+     position: relative;
+     margin-bottom: 0.15rem;
+}
+ .upload-img{
+     width: 100%;
+     height: 100%;
+}
+ .delete{
+     position: absolute;
+     top: 0;
+     left: 0;
+     right: 0;
+     bottom: 0;
+     background: rgba(0,0,0,.5);
+     justify-content: center;
+     display: none;
+}
+ .delete image{
+     width: 0.2rem;
+     height: 0.2rem;
+     cursor: pointer;
+     margin: 0.38rem auto 0;
+}
+ .imgs:hover .delete{
+     display: block;
+}
+ .upload{
+     width: 0.96rem;
+     height: 0.96rem;
+     border: 1px dashed #C5C5C5;
+     border-radius: 0.04rem;
+     font-size: 0.12rem;
+     color: #606266;
+     flex-direction: column;
+     justify-content: center;
+     margin-right: 0.16rem;
+     cursor: pointer;
+     margin-bottom: 0.15rem;
+}
+ .upload image{
+     width: 0.16rem;
+     height: 0.16rem;
+     margin: 0 auto 0.08rem;
+}
+ .com-upload{
+     margin-bottom: 0;
+}
+ .chang{
+     margin-left: 0.19rem;
+     font-size: 0.14rem;
+     color: #666;
+}
+ .chang checkbox{
+     zoom: .5;
+     margin-right: 0.04rem;
+     vertical-align: middle;
+}
+ .c-line{
+     height: 0.01rem;
+     background: #EBEBEB;
+     margin: 0.4rem 0;
+}
+ .rz-tip{
+     background: #fcf1eb;
+     font-size: 0.12rem;
+     color: #FF6C17;
+     padding: 0.08rem 0.2rem;
+     margin-bottom: 0.2rem;
+}
+ .fail{
+     background: #fbecea;
+     color: var(--main);
+}
+ .suc{
+     background: #f2fdf2;
+     color: #0f7f00;
+}
 /* 审核状态 */
-.qyzc-audit{padding: 80px 0 200px;text-align: center;}
-.qyzc-audit image{width: 60px;height: 60px;margin: 0 auto;}
-.audit-sta{font-size: 16px;color: #FF6C17;font-weight: bold;margin: 20px 0 10px;}
-.audit-tip{font-size: 12px;color: #999;}
-.edit-btn{width: 98px;height: 30px;border: 1px solid var(--main);border-radius: 2px;font-size: 14px;color: var(--main);text-align: center;line-height: 30px;margin: 30px auto 0;cursor: pointer;}
+ .qyzc-audit{
+     padding: 0.8rem 0 2rem;
+     text-align: center;
+}
+ .qyzc-audit image{
+     width: 0.6rem;
+     height: 0.6rem;
+     margin: 0 auto;
+}
+ .audit-sta{
+     font-size: 0.16rem;
+     color: #FF6C17;
+     font-weight: bold;
+     margin: 0.2rem 0 0.1rem;
+}
+ .audit-tip{
+     font-size: 0.12rem;
+     color: #999;
+}
+ .edit-btn{
+     width: 0.98rem;
+     height: 0.3rem;
+     border: 1px solid var(--main);
+     border-radius: 0.02rem;
+     font-size: 0.14rem;
+     color: var(--main);
+     text-align: center;
+     line-height: 0.3rem;
+     margin: 0.3rem auto 0;
+     cursor: pointer;
+}
 /* 路线上报 */
-.ct-opt{justify-content: space-between;}
-.pil{width: 93px;height: 30px;border: 1px solid #DCDFE6;border-radius: 3px;font-size: 12px;color: #606266;text-align: center;line-height: 30px;cursor: pointer;}
-.pil:hover{color: var(--main);border-color: var(--main);}
-.c-textarea{padding: 10px 12px;height: 100px;border: 1px solid #D8DCE6;border-radius: 4px;font-size: 12px;color: #666;}
-.c-select{width: 190px;height: 30px;border: 1px solid #DCDFE6;border-radius: 4px;font-size: 12px;color: #666;padding: 0 12px;line-height: 30px;}
-.c-select .uni-input{padding: 0 !important;height: 30px !important;line-height: 30px !important;}
-.team-time{border: 1px solid #DCDFE6;padding: 0 12px;border: 1px solid #DCDFE6;border-radius: 4px;height: 30px;width: 320px;line-height: 30px;}
-.time-zhi{display: block;margin: 0 12px;font-size: 12px;color: #303133;}
-.datatime{width: 100%;text-align: left;font-size: 12px;color: #606266;}
-.sel-type{margin-left: 30px;font-size: 12px;color: #666;}
-.sel-type text{margin-right: 20px;}
+ .ct-opt{
+     justify-content: space-between;
+}
+ .pil{
+     width: 0.93rem;
+     height: 0.3rem;
+     border: 1px solid #DCDFE6;
+     border-radius: 0.03rem;
+     font-size: 0.12rem;
+     color: #606266;
+     text-align: center;
+     line-height: 0.3rem;
+     cursor: pointer;
+}
+ .pil:hover{
+     color: var(--main);
+     border-color: var(--main);
+}
+ .c-textarea{
+     padding: 0.1rem 0.12rem;
+     height: 1rem;
+     border: 1px solid #D8DCE6;
+     border-radius: 0.04rem;
+     font-size: 0.12rem;
+     color: #666;
+}
+ .c-select{
+     width: 1.9rem;
+     height: 0.3rem;
+     border: 1px solid #DCDFE6;
+     border-radius: 0.04rem;
+     font-size: 0.12rem;
+     color: #666;
+     padding: 0 0.12rem;
+     line-height: 0.3rem;
+}
+ .c-select .uni-input{
+     padding: 0 !important;
+     height: 0.3rem !important;
+     line-height: 0.3rem !important;
+}
+ .team-time{
+     border: 1px solid #DCDFE6;
+     padding: 0 0.12rem;
+     border: 1px solid #DCDFE6;
+     border-radius: 0.04rem;
+     height: 0.3rem;
+     width: 3.2rem;
+     line-height: 0.3rem;
+}
+ .time-zhi{
+     display: block;
+     margin: 0 0.12rem;
+     font-size: 0.12rem;
+     color: #303133;
+}
+ .datatime{
+     width: 100%;
+     text-align: left;
+     font-size: 0.12rem;
+     color: #606266;
+}
+ .sel-type{
+     margin-left: 0.3rem;
+     font-size: 0.12rem;
+     color: #666;
+}
+ .sel-type text{
+     margin-right: 0.2rem;
+}
 /* 投诉管理 */
-.tousu{padding: 30px 30px 25px;}
-.c-tab{border-bottom: 1px solid #EDEEF0;}
-.c-tab .li{font-size: 16px;color: #999;margin-right: 30px;position: relative;padding-bottom: 18px;}
-.c-tab .li.active{color: var(--main);}
-.c-tab .li.active::after{content: '';display: block;width: 32px;height: 3px;background: var(--main);position: absolute;bottom: 0;left: 50%;margin-left: -16px;}
-.ts-list .li{padding: 25px 0;border-bottom: 1px solid #EDEEF0;position: relative;}
-.ts-list .li:last-child{border-bottom: none;}
-.ts-l{width: 80%;}
-.ts-des{font-size: 16px;color: #333;line-height: 27px;}
-.ts-img{margin-top: 10px;}
-.ts-img image{width: 64px;height: 64px;margin-right: 8px;}
-.ts-source{font-size: 12px;color: #999;margin-top: 15px;}
-.ts-reply{margin-top: 24px;background: #F7F8FA;padding: 15px;}
-.ts-reply-des{font-size: 14px;color: #666;line-height: 20px;}
-.ts-reply-user{color: #000;font-weight: bold;}
-.ts-reply-user_type{height: 14px;border: 1px solid #1597E8;border-radius: 4px;font-size: 12px;color: #1597E8;padding: 0 4px;line-height: 14px;margin: 0 5px;}
-.ts-teply-time{font-size: 12px;color: #999;margin-top: 12px;}
-.reply-btn{width: 76px;height: 32px;background: var(--main);border-radius: 3px;font-size: 12px;color: #fff;text-align: center;line-height: 32px;position: absolute;top: 25px;right: 20px;}
+ .tousu{
+     padding: 0.3rem 0.3rem 0.25rem;
+}
+ .c-tab{
+     border-bottom: 0.01rem solid #EDEEF0;
+}
+ .c-tab .li{
+     font-size: 0.16rem;
+     color: #999;
+     margin-right: 0.3rem;
+     position: relative;
+     padding-bottom: 0.18rem;
+}
+ .c-tab .li.active{
+     color: var(--main);
+}
+ .c-tab .li.active::after{
+     content: '';
+     display: block;
+     width: 0.32rem;
+     height: 0.03rem;
+     background: var(--main);
+     position: absolute;
+     bottom: 0;
+     left: 50%;
+     margin-left: -0.16rem;
+}
+ .ts-list .li{
+     padding: 0.25rem 0;
+     border-bottom: 0.01rem solid #EDEEF0;
+     position: relative;
+}
+ .ts-list .li:last-child{
+     border-bottom: none;
+}
+ .ts-l{
+     width: 80%;
+}
+ .ts-des{
+     font-size: 0.16rem;
+     color: #333;
+     line-height: 0.27rem;
+}
+ .ts-img{
+     margin-top: 0.1rem;
+}
+ .ts-img image{
+     width: 0.64rem;
+     height: 0.64rem;
+     margin-right: 0.08rem;
+}
+ .ts-source{
+     font-size: 0.12rem;
+     color: #999;
+     margin-top: 0.15rem;
+}
+ .ts-reply{
+     margin-top: 0.24rem;
+     background: #F7F8FA;
+     padding: 0.15rem;
+}
+ .ts-reply-des{
+     font-size: 0.14rem;
+     color: #666;
+     line-height: 0.2rem;
+}
+ .ts-reply-user{
+     color: #000;
+     font-weight: bold;
+}
+ .ts-reply-user_type{
+     height: 0.14rem;
+     border: 1px solid #1597E8;
+     border-radius: 0.04rem;
+     font-size: 0.12rem;
+     color: #1597E8;
+     padding: 0 0.04rem;
+     line-height: 0.14rem;
+     margin: 0 0.05rem;
+}
+ .ts-teply-time{
+     font-size: 0.12rem;
+     color: #999;
+     margin-top: 0.12rem;
+}
+ .reply-btn{
+     width: 0.76rem;
+     height: 0.32rem;
+     background: var(--main);
+     border-radius: 0.03rem;
+     font-size: 0.12rem;
+     color: #fff;
+     text-align: center;
+     line-height: 0.32rem;
+     position: absolute;
+     top: 0.25rem;
+     right: 0.2rem;
+}
 /* 招徕奖励 */
-.award-box{padding: 40px 30px 50px;}
-.add-btn{width: 100px;height: 32px;background: var(--main);border-radius: 3px;font-size: 12px;color: #fff;justify-content: center;}
-.add-btn image{width: 15px;height: 15px;margin-right: 7px;}
-.award-table{width: 100%;border: 1px solid #EBEEF5;border-collapse: collapse;margin-top: 25px;font-size: 12px;color: #606266;text-align: center;}
-.award-table th{background: #F5F7FA;font-size: 12px;color: #303133;font-weight: normal;height: 40px;padding: 0 10px;}
-.award-table td{line-height: 20px;padding: 20px 10px;}
-.award-opt{color: #409EFF;cursor: pointer;}
+ .award-box{
+     padding: 0.4rem 0.3rem 0.5rem;
+}
+ .add-btn{
+     width: 1rem;
+     height: 0.32rem;
+     background: var(--main);
+     border-radius: 0.03rem;
+     font-size: 0.12rem;
+     color: #fff;
+     justify-content: center;
+}
+ .add-btn image{
+     width: 0.15rem;
+     height: 0.15rem;
+     margin-right: 0.07rem;
+}
+ .award-table{
+     width: 100%;
+     border: 1px solid #EBEEF5;
+     border-collapse: collapse;
+     margin-top: 0.25rem;
+     font-size: 0.12rem;
+     color: #606266;
+     text-align: center;
+}
+ .award-table th{
+     background: #F5F7FA;
+     font-size: 0.12rem;
+     color: #303133;
+     font-weight: normal;
+     height: 0.4rem;
+     padding: 0 0.1rem;
+}
+ .award-table td{
+     line-height: 0.2rem;
+     padding: 0.2rem 0.1rem;
+}
+ .award-opt{
+     color: #409EFF;
+     cursor: pointer;
+}
 /* 招徕奖励详情 */
-.step{padding: 30px 0 20px;min-height: initial;align-items: flex-start;}
-.step .li{width: 25%;text-align: center;font-size: 14px;color: #909399;position: relative;}
-.step .li::after{content: '';display: block;border-bottom: 1px dashed #D1D1D1;width: 150px;position: absolute;top: 14px;right: -75px;}
-.step .li:last-child::after{display: none;}
-.step .li view{font-size: 16px;color: #C0C4CC;margin: 8px 0 4px;}
-.step .li image{width: 28px;height: 28px;margin: 0 auto;}
-.step .li.ing view{color: #303133;}
-.step .li.end::after{background: #1A85FF;}
-.award-det{padding: 30px 30px 50px;margin-top: 20px;}
-.award-tit{font-size: 18px;color: #303133;font-weight: bold;}
-.award-info{flex-wrap: wrap;}
-.award-info .li{width: 50%;font-size: 16px;color: #303133;margin-top: 20px;}
-.award-info .li .label{width: 102px;color: #909399;}
-.bz-btn{color: #1A85FF;}
-.award-det .c-line{margin: 20px 0 0;}
-.mt55{margin-top: 55px;}
-.award-img{margin-top: 20px;}
-.award-img image{width: 64px;height: 64px;margin-right: 8px;}
-.pzbox{justify-content: center;flex-wrap: wrap;}
-.pzimg{width: 30px;height: 30px;margin: 5px;}
+ .step{
+     padding: 0.3rem 0 0.2rem;
+     min-height: initial;
+     align-items: flex-start;
+}
+ .step .li{
+     width: 25%;
+     text-align: center;
+     font-size: 0.14rem;
+     color: #909399;
+     position: relative;
+}
+ .step .li::after{
+     content: '';
+     display: block;
+     border-bottom: 0.01rem dashed #D1D1D1;
+     width: 1.5rem;
+     position: absolute;
+     top: 0.14rem;
+     right: -0.75rem;
+}
+ .step .li:last-child::after{
+     display: none;
+}
+ .step .li view{
+     font-size: 0.16rem;
+     color: #C0C4CC;
+     margin: 0.08rem 0 0.04rem;
+}
+ .step .li image{
+     width: 0.28rem;
+     height: 0.28rem;
+     margin: 0 auto;
+}
+ .step .li.ing view{
+     color: #303133;
+}
+ .step .li.end::after{
+     background: #1A85FF;
+}
+ .award-det{
+     padding: 0.3rem 0.3rem 0.5rem;
+     margin-top: 0.2rem;
+}
+ .award-tit{
+     font-size: 0.18rem;
+     color: #303133;
+     font-weight: bold;
+}
+ .award-info{
+     flex-wrap: wrap;
+}
+ .award-info .li{
+     width: 50%;
+     font-size: 0.16rem;
+     color: #303133;
+     margin-top: 0.2rem;
+}
+ .award-info .li .label{
+     width: 1.02rem;
+     color: #909399;
+}
+ .bz-btn{
+     color: #1A85FF;
+}
+ .award-det .c-line{
+     margin: 0.2rem 0 0;
+}
+ .mt55{
+     margin-top: 0.55rem;
+}
+ .award-img{
+     margin-top: 0.2rem;
+}
+ .award-img image{
+     width: 0.64rem;
+     height: 0.64rem;
+     margin-right: 0.08rem;
+}
+ .pzbox{
+     justify-content: center;
+     flex-wrap: wrap;
+}
+ .pzimg{
+     width: 0.3rem;
+     height: 0.3rem;
+     margin: 0.05rem;
+}
 /* 申报奖励 */
-.declare{padding: 30px 30px 50px;}
-.team-counts{width: 163px;height: 30px;border: 1px solid #E3E3E3;border-radius: 4px;}
-.jia{width: 40px;height: 30px;background: #E3E3E3;font-size: 30px;color: #A5A5A5;font-family: '宋体';text-align: center;line-height: 30px;cursor: pointer;}
-.team-count{width: 85px;height: 30px;font-size: 14px;color: #323233;text-align: center;line-height: 30px;}
-.single{width: 165px;height: 30px;border: 1px solid #E3E3E3;border-radius: 4px;padding: 0 12px;font-size: 12px;color: #909399;}
-.single text{margin-right: 10px;}
-.single input{font-size: 12px;color: #666;height: 30px;line-height: 30px;}
+ .declare{
+     padding: 0.3rem 0.3rem 0.5rem;
+}
+ .team-counts{
+     width: 1.63rem;
+     height: 0.3rem;
+     border: 1px solid #E3E3E3;
+     border-radius: 0.04rem;
+}
+ .jia{
+     width: 0.4rem;
+     height: 0.3rem;
+     background: #E3E3E3;
+     font-size: 0.3rem;
+     color: #A5A5A5;
+     font-family: '宋体';
+     text-align: center;
+     line-height: 0.3rem;
+     cursor: pointer;
+}
+ .team-count{
+     width: 0.85rem;
+     height: 0.3rem;
+     font-size: 0.14rem;
+     color: #323233;
+     text-align: center;
+     line-height: 0.3rem;
+}
+ .single{
+     width: 1.65rem;
+     height: 0.3rem;
+     border: 1px solid #E3E3E3;
+     border-radius: 0.04rem;
+     padding: 0 0.12rem;
+     font-size: 0.12rem;
+     color: #909399;
+}
+ .single text{
+     margin-right: 0.1rem;
+}
+ .single input{
+     font-size: 0.12rem;
+     color: #666;
+     height: 0.3rem;
+     line-height: 0.3rem;
+}
 /* 旅游线路产品上报 */
-.checkbox{zoom: .6;}
-.dai{color: #FF6C17;}
-.c-btns{min-width: 110px;width: 100%;font-size: 12px;color: #409EFF;justify-content: center;}
-.c-btns text{font-family: '宋体';color: #E8E8E8;margin: 0 10px;}
-.c-btns view{cursor: pointer;}
-.add-btn1{width: 124px;}
+ .checkbox{
+     zoom: .6;
+}
+ .dai{
+     color: #FF6C17;
+}
+ .c-btns{
+     min-width: 1.1rem;
+     width: 100%;
+     font-size: 0.12rem;
+     color: #409EFF;
+     justify-content: center;
+}
+ .c-btns text{
+     font-family: '宋体';
+     color: #E8E8E8;
+     margin: 0 0.1rem;
+}
+ .c-btns view{
+     cursor: pointer;
+}
+ .add-btn1{
+     width: 1.24rem;
+}
 /* 资源共享 */
-.resource-total{padding: 16px 30px;font-size: 16px;color: #666;min-height: initial;}
-.resource-list{margin-top: 16px;padding: 0 30px;}
-.resource-list .li{padding: 18px 0;border-bottom: 1px solid #EDEEF0;cursor: pointer;}
-.resource-list .li:last-child{border-bottom: none;}
-.resource-tit{font-size: 18px;color: #333;font-weight: bold;}
-.resource-info{font-size: 14px;color: #666;margin-top: 10px;}
-.download{width: 20px;height: 20px;}
+ .resource-total{
+     padding: 0.16rem 0.3rem;
+     font-size: 0.16rem;
+     color: #666;
+     min-height: initial;
+}
+ .resource-list{
+     margin-top: 0.16rem;
+     padding: 0 0.3rem;
+}
+ .resource-list .li{
+     padding: 0.18rem 0;
+     border-bottom: 0.01rem solid #EDEEF0;
+     cursor: pointer;
+}
+ .resource-list .li:last-child{
+     border-bottom: none;
+}
+ .resource-tit{
+     font-size: 0.18rem;
+     color: #333;
+     font-weight: bold;
+}
+ .resource-info{
+     font-size: 0.14rem;
+     color: #666;
+     margin-top: 0.1rem;
+}
+ .download{
+     width: 0.2rem;
+     height: 0.2rem;
+}
 /* 分页 */
-.panigator {font-size: 14px;color: #666;justify-content: center;margin-top: 30px;}
+ .panigator {
+     font-size: 0.14rem;
+     color: #666;
+     justify-content: center;
+     margin-top: 0.3rem;
+}
 /* 需求广场 */
-.xq-box{padding: 0 0 50px;}
-.damand-tab{/* border-bottom: 1px solid #EDEEF0; */margin: 0 30px;padding-top: 15px;}
-.damand-tab .li{font-size: 16px;color: #999;position: relative;padding: 20px 0;margin-right: 40px;}
-.damand-tab .li.active{color: var(--main);}
-.damand-tab .li.active::after{content: '';display: block;width: 32px;height: 3px;background: var(--main);position: absolute;left: 50%;margin-left: -16px;bottom: 0;}
-.demand-list{padding: 0 30px;}
-.demand-list .li{padding: 22px 0;border-bottom: 1px solid #EDEEF0;cursor: pointer;}
-.demand-tit{font-size: 18px;color: #333;font-weight: bold;}
-.demand-time{font-size: 12px;color: #999;font-weight: normal;}
-.demand-user{font-size: 14px;color: #666;margin-top: 10px;}
-.demand-des{font-size: 12px;color: #999;margin-top: 15px;padding-right: 100px;}
-.demand-xinzi{margin-top: 15px;font-size: 14px;color: #FF6C17;}
-.dsta{border: 1px solid #fde2e2;font-size: 14px;color: #e63c3c;background: #fef1f1;font-weight: normal;padding: 0 5px;margin-right: 12px;border-radius: 2px;}
-.ding{background-color: #fdf6ec;border-color: #faecd8;color: #e6a23c;}
-.dend{background-color: #f0f9eb;border-color: #e1f3d8;color: #67c23a;}
+ .xq-box{
+     padding: 0 0 0.5rem;
+}
+ .damand-tab{
+    /* border-bottom: 0.01rem solid #EDEEF0;
+     */
+     margin: 0 0.3rem;
+     padding-top: 0.15rem;
+}
+ .damand-tab .li{
+     font-size: 0.16rem;
+     color: #999;
+     position: relative;
+     padding: 0.2rem 0;
+     margin-right: 0.4rem;
+}
+ .damand-tab .li.active{
+     color: var(--main);
+}
+ .damand-tab .li.active::after{
+     content: '';
+     display: block;
+     width: 0.32rem;
+     height: 0.03rem;
+     background: var(--main);
+     position: absolute;
+     left: 50%;
+     margin-left: -0.16rem;
+     bottom: 0;
+}
+ .demand-list{
+     padding: 0 0.3rem;
+}
+ .demand-list .li{
+     padding: 0.22rem 0;
+     border-bottom: 0.01rem solid #EDEEF0;
+     cursor: pointer;
+}
+ .demand-tit{
+     font-size: 0.18rem;
+     color: #333;
+     font-weight: bold;
+}
+ .demand-time{
+     font-size: 0.12rem;
+     color: #999;
+     font-weight: normal;
+}
+ .demand-user{
+     font-size: 0.14rem;
+     color: #666;
+     margin-top: 0.1rem;
+}
+ .demand-des{
+     font-size: 0.12rem;
+     color: #999;
+     margin-top: 0.15rem;
+     padding-right: 1rem;
+}
+ .demand-xinzi{
+     margin-top: 0.15rem;
+     font-size: 0.14rem;
+     color: #FF6C17;
+}
+ .dsta{
+     border: 1px solid #fde2e2;
+     font-size: 0.14rem;
+     color: #e63c3c;
+     background: #fef1f1;
+     font-weight: normal;
+     padding: 0 0.05rem;
+     margin-right: 0.12rem;
+     border-radius: 0.02rem;
+}
+ .ding{
+     background-color: #fdf6ec;
+     border-color: #faecd8;
+     color: #e6a23c;
+}
+ .dend{
+     background-color: #f0f9eb;
+     border-color: #e1f3d8;
+     color: #67c23a;
+}
 /* 资质申报 */
-.declare-list{padding: 0 30px;}
-.declare-list .li{padding: 22px 0;border-bottom: 1px solid #EDEEF0;cursor: pointer;}
-.declare-list .li:last-child{border-bottom: none;}
-.declare-tit{font-size: 18px;color: #333;font-weight: bold;}
-.declare-who{font-size: 14px;color: #666;margin-top: 10px;}
-.declare-des{font-size: 12px;color: #999;margin-top: 15px;line-height: 20px;}
-.declare-btn{width: 80px;height: 32px;background: var(--main);border-radius: 4px;font-size: 14px;color: #fff;text-align: center;line-height: 32px;}
-.declare-record{padding: 0 30px 50px;}
+ .declare-list{
+     padding: 0 0.3rem;
+}
+ .declare-list .li{
+     padding: 0.22rem 0;
+     border-bottom: 0.01rem solid #EDEEF0;
+     cursor: pointer;
+}
+ .declare-list .li:last-child{
+     border-bottom: none;
+}
+ .declare-tit{
+     font-size: 0.18rem;
+     color: #333;
+     font-weight: bold;
+}
+ .declare-who{
+     font-size: 0.14rem;
+     color: #666;
+     margin-top: 0.1rem;
+}
+ .declare-des{
+     font-size: 0.12rem;
+     color: #999;
+     margin-top: 0.15rem;
+     line-height: 0.2rem;
+}
+ .declare-btn{
+     width: 0.8rem;
+     height: 0.32rem;
+     background: var(--main);
+     border-radius: 0.04rem;
+     font-size: 0.14rem;
+     color: #fff;
+     text-align: center;
+     line-height: 0.32rem;
+}
+ .declare-record{
+     padding: 0 0.3rem 0.5rem;
+}
 /* 学习中心 */
-.learn-box{min-height: initial;padding: 0 30px 0;margin-bottom: 16px;}
-.learn-tits{font-size: 16px;color: #333;}
-.learn-tits image{width: 13px;height: 14px;margin-right: 8px;}
-.learn-list .li{border-bottom: 1px solid #EBEBEB;padding: 25px 0;}
-.learn-list .li:last-child{border-bottom: none;}
-.learn-img{width: 147px;height: 83px;border-radius: 5px;margin-right: 20px;}
-.learn-tit{font-size: 18px;color: #333;font-weight: bold;}
-.learn-time{font-size: 12px;color: #666;margin-top: 15px;}
-.learn-time text{font-family: '宋体';margin: 0 10px;}
-.learn-btn{width: 76px;height: 32px;background: linear-gradient(90deg, #FF5519 0%, #DF230F 100%);border-radius: 21px;font-size: 12px;color: #fff;text-align: center;line-height: 32px;}
-.li-t{border-bottom: 1px solid #EBEBEB;padding: 22px 0;}
-.ks-tit{font-size: 18px;color: #333;font-weight: bold;}
-.redo{font-size: 12px;color: #999;justify-content: center;margin-top: 10px;}
-.redo image{width: 10px;height: 10px;margin-right: 5px;}
-.percent{margin-top: 12px;font-size: 12px;color: #999;}
-.percent-cent{width: 438px;height: 8px;background: #F5F5F5;border-radius: 6px;position: relative;margin-right: 10px;}
-.percent-cent view{position: absolute;top: 0;left: 0;height: 8px;border-radius: 6px;background: #F8A31D;}
-.li-b{padding: 30px 50px;}
-.li-b .lis{width: 33.33%;text-align: center;}
-.lis-t{position: relative;width: 167px;height: 167px;margin: 0 auto;}
-.lis-t image{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
-.lis-text{font-size: 12px;color: #999;display: block;}
-.lis-cent{font-size: 32px;color: #F45D44;margin-top: 5px;}
-.lis-cent text{font-size: 14px;}
-.lis-tip{font-size: 12px;color: #999;}
-.lis-tc{position: relative;z-index: 2;padding-top: 50px;}
+ .learn-box{
+     min-height: initial;
+     padding: 0 0.3rem 0;
+     margin-bottom: 0.16rem;
+}
+ .learn-tits{
+     font-size: 0.16rem;
+     color: #333;
+}
+ .learn-tits image{
+     width: 0.13rem;
+     height: 0.14rem;
+     margin-right: 0.08rem;
+}
+ .learn-list .li{
+     border-bottom: 0.01rem solid #EBEBEB;
+     padding: 0.25rem 0;
+}
+ .learn-list .li:last-child{
+     border-bottom: none;
+}
+ .learn-img{
+     width: 1.47rem;
+     height: 0.83rem;
+     border-radius: 0.05rem;
+     margin-right: 0.2rem;
+}
+ .learn-tit{
+     font-size: 0.18rem;
+     color: #333;
+     font-weight: bold;
+}
+ .learn-time{
+     font-size: 0.12rem;
+     color: #666;
+     margin-top: 0.15rem;
+}
+ .learn-time text{
+     font-family: '宋体';
+     margin: 0 0.1rem;
+}
+ .learn-btn{
+     width: 0.76rem;
+     height: 0.32rem;
+     background: linear-gradient(90deg, #FF5519 0%, #DF230F 100%);
+     border-radius: 0.21rem;
+     font-size: 0.12rem;
+     color: #fff;
+     text-align: center;
+     line-height: 0.32rem;
+}
+ .li-t{
+     border-bottom: 0.01rem solid #EBEBEB;
+     padding: 0.22rem 0;
+}
+ .ks-tit{
+     font-size: 0.18rem;
+     color: #333;
+     font-weight: bold;
+}
+ .redo{
+     font-size: 0.12rem;
+     color: #999;
+     justify-content: center;
+     margin-top: 0.1rem;
+}
+ .redo image{
+     width: 0.1rem;
+     height: 0.1rem;
+     margin-right: 0.05rem;
+}
+ .percent{
+     margin-top: 0.12rem;
+     font-size: 0.12rem;
+     color: #999;
+}
+ .percent-cent{
+     width: 4.38rem;
+     height: 0.08rem;
+     background: #F5F5F5;
+     border-radius: 0.06rem;
+     position: relative;
+     margin-right: 0.1rem;
+}
+ .percent-cent view{
+     position: absolute;
+     top: 0;
+     left: 0;
+     height: 0.08rem;
+     border-radius: 0.06rem;
+     background: #F8A31D;
+}
+ .li-b{
+     padding: 0.3rem 0.5rem;
+}
+ .li-b .lis{
+     width: 33.33%;
+     text-align: center;
+}
+ .lis-t{
+     position: relative;
+     width: 1.67rem;
+     height: 1.67rem;
+     margin: 0 auto;
+}
+ .lis-t image{
+     width: 100%;
+     height: 100%;
+     position: absolute;
+     top: 0;
+     left: 0;
+}
+ .lis-text{
+     font-size: 0.12rem;
+     color: #999;
+     display: block;
+}
+ .lis-cent{
+     font-size: 0.32rem;
+     color: #F45D44;
+     margin-top: 0.05rem;
+}
+ .lis-cent text{
+     font-size: 0.14rem;
+}
+ .lis-tip{
+     font-size: 0.12rem;
+     color: #999;
+}
+ .lis-tc{
+     position: relative;
+     z-index: 2;
+     padding-top: 0.5rem;
+}
 /* 学习中心观看视频 */
-.zbtit{height: 82px;line-height: 82px;background: #333333;padding: 0 30px;}
-.zb-back{font-size: 16px;color: #fff;background: url(/static/images/back.png) no-repeat left center;padding-left: 27px;margin-right: 70px;}
-.zbtit text{font-size: 18px;color: #fff;font-weight: bold;vertical-align: middle;}
-.live{position: fixed;top: 134px;left: 0;bottom: 0;right: 0;background: #333;}
-.live-l{position: absolute;top: 0;left: 0;bottom: 0;width: 80%;}
-.live-c{position: absolute;top: 0;left: 0;bottom: 74px;right: 0;}
-.live-video{width: 100%;height: 100%;}
-.live-b{position: absolute;left: 0;bottom: 0;height: 74px;line-height: 74px;right: 0;padding: 0 30px 0 100px;font-size: 16px;color: #9b9b9b;justify-content: center;}
-.live-b a{color: rgba(255,255,255,.5);font-size: 16px;}
-.next{background: url(/static/images/next.png) no-repeat right center;padding-right: 23px;margin-left: 52px;}
-.prev{background: url(/static/images/prev.png) no-repeat left center;padding-left: 23px;}
-.kclive-r{position: absolute;top: 0;right: 0;width: 20%;bottom: 0;background: #2A2A2A;}
-.kctabs{background: #232323;}
-.kctabs a{display: block;height: 56px;line-height: 56px;font-size: 16px;color: #909090;text-align: center;}
-.kctabs a i{display: inline-block;width: 14px;height: 14px;margin-right: 5px;vertical-align: middle;}
-.kctabs a.active{color: #DF230F;}
-.kcjj i{background: url(/static/images/jjico.png) no-repeat center;}
-.kcdet{margin: 0 20px;border-bottom: 1px solid #454545;padding: 25px 0;}
-.kcdet h3{font-size: 20px;color: #fff;line-height: 34px;font-weight: normal;}
-.kcdet p{font-size: 12px;color: #fff;margin-top: 20px;}
-.kcdet p em{font-style: normal;margin: 0 12px;font-family: '宋体';}
-.kclive-con{position: absolute;top: 56px;right: 0;left: 0;bottom: 0;overflow-y: auto;padding-bottom: 30px;}
-.kctits{font-size: 18px;color: #fff;position: relative;padding-left: 10px;margin: 25px 20px 15px;}
-.kctits:before{content: '';display: block;width: 3px;height: 15px;border-radius: 3px;background: #DF230F;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
-.kclive-list{margin: 0 20px;}
-.kclive-list .li{line-height: 34px;color: #999;padding-left: 24px;background: url(/static/images/bfico1.png) no-repeat left center;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;cursor: pointer;}
-.kclive-list .li:hover,.kclive-list .li.active{background-image: url(/static/images/bfico1_h.png);color: #DF230F;}
-
+ .zbtit{
+     height: 0.82rem;
+     line-height: 0.82rem;
+     background: #333333;
+     padding: 0 0.3rem;
+}
+ .zb-back{
+     font-size: 0.16rem;
+     color: #fff;
+     background: url(/static/images/back.png) no-repeat left center;
+     padding-left: 0.27rem;
+     margin-right: 0.7rem;
+}
+ .zbtit text{
+     font-size: 0.18rem;
+     color: #fff;
+     font-weight: bold;
+     vertical-align: middle;
+}
+ .live{
+     position: fixed;
+     top: 1.34rem;
+     left: 0;
+     bottom: 0;
+     right: 0;
+     background: #333;
+}
+ .live-l{
+     position: absolute;
+     top: 0;
+     left: 0;
+     bottom: 0;
+     width: 80%;
+}
+ .live-c{
+     position: absolute;
+     top: 0;
+     left: 0;
+     bottom: 0.74rem;
+     right: 0;
+}
+ .live-video{
+     width: 100%;
+     height: 100%;
+}
+ .live-b{
+     position: absolute;
+     left: 0;
+     bottom: 0;
+     height: 0.74rem;
+     line-height: 0.74rem;
+     right: 0;
+     padding: 0 0.3rem 0 1rem;
+     font-size: 0.16rem;
+     color: #9b9b9b;
+     justify-content: center;
+}
+ .live-b a{
+     color: rgba(255,255,255,.5);
+     font-size: 0.16rem;
+}
+ .next{
+     background: url(/static/images/next.png) no-repeat right center;
+     padding-right: 0.23rem;
+     margin-left: 0.52rem;
+}
+ .prev{
+     background: url(/static/images/prev.png) no-repeat left center;
+     padding-left: 0.23rem;
+}
+ .kclive-r{
+     position: absolute;
+     top: 0;
+     right: 0;
+     width: 20%;
+     bottom: 0;
+     background: #2A2A2A;
+}
+ .kctabs{
+     background: #232323;
+}
+ .kctabs a{
+     display: block;
+     height: 0.56rem;
+     line-height: 0.56rem;
+     font-size: 0.16rem;
+     color: #909090;
+     text-align: center;
+}
+ .kctabs a i{
+     display: inline-block;
+     width: 0.14rem;
+     height: 0.14rem;
+     margin-right: 0.05rem;
+     vertical-align: middle;
+}
+ .kctabs a.active{
+     color: #DF230F;
+}
+ .kcjj i{
+     background: url(/static/images/jjico.png) no-repeat center;
+}
+ .kcdet{
+     margin: 0 0.2rem;
+     border-bottom: 0.01rem solid #454545;
+     padding: 0.25rem 0;
+}
+ .kcdet h3{
+     font-size: 0.2rem;
+     color: #fff;
+     line-height: 0.34rem;
+     font-weight: normal;
+}
+ .kcdet p{
+     font-size: 0.12rem;
+     color: #fff;
+     margin-top: 0.2rem;
+}
+ .kcdet p em{
+     font-style: normal;
+     margin: 0 0.12rem;
+     font-family: '宋体';
+}
+ .kclive-con{
+     position: absolute;
+     top: 0.56rem;
+     right: 0;
+     left: 0;
+     bottom: 0;
+     overflow-y: auto;
+     padding-bottom: 0.3rem;
+}
+ .kctits{
+     font-size: 0.18rem;
+     color: #fff;
+     position: relative;
+     padding-left: 0.1rem;
+     margin: 0.25rem 0.2rem 0.15rem;
+}
+ .kctits:before{
+     content: '';
+     display: block;
+     width: 0.03rem;
+     height: 0.15rem;
+     border-radius: 0.03rem;
+     background: #DF230F;
+     position: absolute;
+     left: 0;
+     top: 50%;
+     transform: translateY(-50%);
+}
+ .kclive-list{
+     margin: 0 0.2rem;
+}
+ .kclive-list .li{
+     line-height: 0.34rem;
+     color: #999;
+     padding-left: 0.24rem;
+     background: url(/static/images/bfico1.png) no-repeat left center;
+     text-overflow: ellipsis;
+     white-space: nowrap;
+     overflow: hidden;
+     cursor: pointer;
+}
+ .kclive-list .li:hover,.kclive-list .li.active{
+     background-image: url(/static/images/bfico1_h.png);
+     color: #DF230F;
+}
 /* 申报弹窗 */
-.ceng{position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 99;background: rgba(0,0,0,.3);}
-.popup{position: fixed;top: 50%;transform: translateY(-50%);left: 50%;width: 914px;margin-left: -457px;padding: 20px 30px 40px;background: #fff;z-index: 100;}
-.pop-tit{font-size: 16px;color: #333;}
-.pop-btn{justify-content: flex-end;margin-top: 35px;}
-.pop-cancel,.pop-submit{width: 78px;height: 30px;border-radius: 4px;font-size: 14px;text-align: center;line-height: 30px;cursor: pointer;}
-.pop-cancel{border: 1px solid #D1D1D1;color: #666;margin-right: 18px;}
-.pop-submit{border: 1px solid var(--main);background: var(--main);color: #fff;}
-.pop-con{flex-wrap: wrap;align-items: flex-start;margin-top: 20px;}
-.c-forms{flex-wrap: wrap;}
-.pop-con .li{width: 50%;}
-.popup-h{width: 600px;margin-left: -300px;}
-.pop-close{width: 32px;height: 32px;position: absolute;top: 10px;right: 10px;cursor: pointer;}
-.pop-textarea{width: 100%;height: 200px;box-sizing: border-box;font-size: 14px;color: #333;border: 1px solid #e9e9e9;border-radius: 5px;margin-top: 20px; padding: 15px;}
+ .ceng{
+     position: fixed;
+     top: 0;
+     left: 0;
+     right: 0;
+     bottom: 0;
+     z-index: 99;
+     background: rgba(0,0,0,.3);
+}
+ .popup{
+     position: fixed;
+     top: 50%;
+     transform: translateY(-50%);
+     left: 50%;
+     width: 9.14rem;
+     margin-left: -4.57rem;
+     padding: 0.2rem 0.3rem 0.4rem;
+     background: #fff;
+     z-index: 100;
+}
+ .pop-tit{
+     font-size: 0.16rem;
+     color: #333;
+}
+ .pop-btn{
+     justify-content: flex-end;
+     margin-top: 0.35rem;
+}
+ .pop-cancel,.pop-submit{
+     width: 0.78rem;
+     height: 0.3rem;
+     border-radius: 0.04rem;
+     font-size: 0.14rem;
+     text-align: center;
+     line-height: 0.3rem;
+     cursor: pointer;
+}
+ .pop-cancel{
+     border: 1px solid #D1D1D1;
+     color: #666;
+     margin-right: 0.18rem;
+}
+ .pop-submit{
+     border: 1px solid var(--main);
+     background: var(--main);
+     color: #fff;
+}
+ .pop-con{
+     flex-wrap: wrap;
+     align-items: flex-start;
+     margin-top: 0.2rem;
+}
+ .c-forms{
+     flex-wrap: wrap;
+}
+ .pop-con .li{
+     width: 50%;
+}
+ .popup-h{
+     width: 6rem;
+     margin-left: -3rem;
+}
+ .pop-close{
+     width: 0.32rem;
+     height: 0.32rem;
+     position: absolute;
+     top: 0.1rem;
+     right: 0.1rem;
+     cursor: pointer;
+}
+ .pop-textarea{
+     width: 100%;
+     height: 2rem;
+     box-sizing: border-box;
+     font-size: 0.14rem;
+     color: #333;
+     border: 1px solid #e9e9e9;
+     border-radius: 0.05rem;
+     margin-top: 0.2rem;
+     padding: 0.15rem;
+}
 /* 申报记录 */
-.record-filter{justify-content: space-between;}
-.record-filter .li{margin-top: 0;margin-left: 20px;}
-.record-filter .li .label{width: auto;}
-.inquire{width: 90px;height: 32px;background: var(--main);border-radius: 2px;font-size: 14px;color: #fff;text-align: center;line-height: 32px;margin: 0 10px 0 0;cursor: pointer;}
-.inquire-c{width: 60px;height: 32px;background: var(--main);border-radius: 2px;font-size: 14px;color: #fff;text-align: center;line-height: 32px;margin: 0 0 0 10px;cursor: pointer;}
-
-.reset{width: 60px;height: 30px;border: 1px solid #4A4A4A;border-radius: 2px;font-size: 14px;color: #343434;text-align: center;line-height: 32px;}
+ .record-filter{
+     justify-content: space-between;
+}
+ .record-filter .li{
+     margin-top: 0;
+     margin-left: 0.2rem;
+}
+ .record-filter .li .label{
+     width: auto;
+}
+ .inquire{
+     width: 0.9rem;
+     height: 0.32rem;
+     background: var(--main);
+     border-radius: 0.02rem;
+     font-size: 0.14rem;
+     color: #fff;
+     text-align: center;
+     line-height: 0.32rem;
+     margin: 0 0.1rem 0 0;
+     cursor: pointer;
+}
+ .inquire-c{
+     width: 0.6rem;
+     height: 0.32rem;
+     background: var(--main);
+     border-radius: 0.02rem;
+     font-size: 0.14rem;
+     color: #fff;
+     text-align: center;
+     line-height: 0.32rem;
+     margin: 0 0 0 0.1rem;
+     cursor: pointer;
+}
+ .reset{
+     width: 0.6rem;
+     height: 0.3rem;
+     border: 1px solid #4A4A4A;
+     border-radius: 0.02rem;
+     font-size: 0.14rem;
+     color: #343434;
+     text-align: center;
+     line-height: 0.32rem;
+}
 /* 上报数据分析 */
-.sj-box{min-height: initial;}
-.sj-tit{font-size: 16px;color: #1D2129;font-weight: bold;padding: 20px;border-bottom: 1px solid #E9E9E9;}
-.sj-box-c{padding: 20px;height: 200px;}
-.sj-box1{min-height: initial;width: 460px;}
-.sj-box-b{justify-content: space-between;margin-top: 20px;}
+ .sj-box{
+     min-height: initial;
+}
+ .sj-tit{
+     font-size: 0.16rem;
+     color: #1D2129;
+     font-weight: bold;
+     padding: 0.2rem;
+     border-bottom: 0.01rem solid #E9E9E9;
+}
+ .sj-box-c{
+     padding: 0.2rem;
+     height: 2rem;
+}
+ .sj-box1{
+     min-height: initial;
+     width: 4.6rem;
+}
+ .sj-box-b{
+     justify-content: space-between;
+     margin-top: 0.2rem;
+}
 /* 考试中心 */
-.exam-list{/* margin-top: 20px; */padding: 0 30px;}
-.exam-list .li{padding: 20px 0;border-bottom: 1px solid #EBEBEB;cursor: pointer;}
-.ks-time{font-size: 12px;color: #999;margin-top: 10px;}
-.ks-status{font-size: 12px;color: #999;text-align: right;}
-.ks-status.ing{color: #f00;}
-/* .ks-day{justify-content: flex-end;color: #666;margin-top: 8px;}
-.ks-day view{width: 20px;height: 20px;background: var(--main);color: #fff;text-align: center;border-radius: 3px;line-height: 20px;}
-.ks-day text{display: block;margin: 0 3px;}
-.ks-day text:last-child{margin-right: 0;} */
+ .exam-list{
+    /* margin-top: 0.2rem;
+     */
+     padding: 0 0.3rem;
+}
+ .exam-list .li{
+     padding: 0.2rem 0;
+     border-bottom: 0.01rem solid #EBEBEB;
+     cursor: pointer;
+}
+ .ks-time{
+     font-size: 0.12rem;
+     color: #999;
+     margin-top: 0.1rem;
+}
+ .ks-status{
+     font-size: 0.12rem;
+     color: #999;
+     text-align: right;
+}
+ .ks-status.ing{
+     color: #f00;
+}
+/* .ks-day{
+     justify-content: flex-end;
+     color: #666;
+     margin-top: 0.08rem;
+}
+ .ks-day view{
+     width: 0.2rem;
+     height: 0.2rem;
+     background: var(--main);
+     color: #fff;
+     text-align: center;
+     border-radius: 0.03rem;
+     line-height: 0.2rem;
+}
+ .ks-day text{
+     display: block;
+     margin: 0 0.03rem;
+}
+ .ks-day text:last-child{
+     margin-right: 0;
+}
+ */
 /* 试卷详情 */
-.sj-det{min-height: initial;padding: 30px;}
-.kst-tit{font-size: 18px;color: #333;font-weight: bold;text-align: center;border-bottom: 1px solid #EBEBEB;padding: 0 0 28px;margin-bottom: 30px;}
-.kst-info{justify-content: center;font-size: 12px;color: #999;}
-.kst-info text{color: #333;margin: 0 19px 0 0;}
-.sjms{margin: 30px auto 0;width: 120px;height: 30px;border: 1px solid var(--main);line-height: 30px;border-radius: 4px;font-size: 14px;color: var(--main);text-align: center;cursor: pointer;}
-.sjms:hover{background: var(--main);color: #fff;}
-.tx-det{min-height: initial;margin-top: 20px;padding: 30px;}
-.tx-info{margin-top: 40px;font-size: 14px;color: #666;}
+ .sj-det{
+     min-height: initial;
+     padding: 0.3rem;
+}
+ .kst-tit{
+     font-size: 0.18rem;
+     color: #333;
+     font-weight: bold;
+     text-align: center;
+     border-bottom: 0.01rem solid #EBEBEB;
+     padding: 0 0 0.28rem;
+     margin-bottom: 0.3rem;
+}
+ .kst-info{
+     justify-content: center;
+     font-size: 0.12rem;
+     color: #999;
+}
+ .kst-info text{
+     color: #333;
+     margin: 0 0.19rem 0 0;
+}
+ .sjms{
+     margin: 0.3rem auto 0;
+     width: 1.2rem;
+     height: 0.3rem;
+     border: 1px solid var(--main);
+     line-height: 0.3rem;
+     border-radius: 0.04rem;
+     font-size: 0.14rem;
+     color: var(--main);
+     text-align: center;
+     cursor: pointer;
+}
+ .sjms:hover{
+     background: var(--main);
+     color: #fff;
+}
+ .tx-det{
+     min-height: initial;
+     margin-top: 0.2rem;
+     padding: 0.3rem;
+}
+ .tx-info{
+     margin-top: 0.4rem;
+     font-size: 0.14rem;
+     color: #666;
+}
 /* 考试页面 */
-.loca{height: 78px;padding: 0 30px;min-height: initial;}
-.back{font-size: 16px;color: #333;padding-left: 30px;background: url(/static/images/back1.png) no-repeat left center;}
-.juanzi{padding: 20px 0 0;align-items: flex-start;}
-.ztleft{width: 890px;margin-right: 30px;}
-.topic{padding: 25px 30px;background: #fff;border-radius: 6px 6px 0 0;box-shadow:0px 0px 10px rgba(81,0,0,0.1);}
-.sj-h3{font-size: 18px;color: #333;}
-.process-load{color: #999;margin-top: 18px;justify-content: space-between;}
-.process-load .process{width: 645px;height: 14px;background: #FFDDD1;border: 1px solid #ffded2;position: relative;border-radius: 8px;overflow: hidden;margin-top: 2px;}
-.process-load .process view{position: absolute;top: 0;left: 0;height: 14px;background: #F8A31D;border-radius: 8px;}
-.process-load text{color: #DF230F;font-size: 14px;}
-.sj-line{color: #707070;margin: 0 12px;}
-.exam{background: #fff;border-radius: 0 0 6px 6px;margin-top: 10px;box-shadow:0px 0px 10px rgba(81,0,0,0.1);}
-.question{background: #F5F5F5;padding: 25px 30px;font-size: 18px;color: #333;}
-.answer{margin-top: 20px;padding-bottom: 45px;}
-.answer .li{font-size: 18px;color: #333;padding: 10px 30px 10px 75px;background-image: url(/static/images/wei.png);background-position: 30px center;background-repeat: no-repeat;cursor: pointer;}
-.answer .li.sels{background-color: #F5F5F5;background-image: url(/static/images/sel.png);}
-.operate{/* position: fixed;bottom: 0;left: 50%;margin-left: -600px;box-shadow:0px 0px 10px rgba(81,0,0,0.1); */border-radius: 6px;width: 830px;background: #fff;height: 40px;line-height: 40px;z-index: 30;padding: 0 30px;justify-content: space-between;margin-top: 12px;}
-.operate button{color: #666;font-size: 16px;background: none;}
-.operate button:hover{color: #333;}
-.operate button[disabled]{background: none;color: #999;}
-.operate button[disabled]:hover{color: #999;}
-.ztright{width: 280px;min-height: initial;}
-.daojishi{padding: 22px 0;text-align: center;background: #f5f5f5;line-height: 21px;font-size: 12px;color: #666;}
-.daojishi view{font-size: 14px;color: #fff;width: 24px;height: 21px;border-radius: 2px;background: #DF230F;}
-.daojishi text{margin: 0 5px;}
-.ztrightc{padding: 30px;}
-.zt-tit{font-size: 18px;color: #333;border-bottom: 1px solid #EBEBEB;padding-bottom: 10px;position: relative;padding-left: 11px;}
-.zt-tit:before{content: '';display: block;width: 6px;height: 15px;border-radius: 3px;background: #DF230F;position: absolute;top: 5px;left: 0;}
-.zt-tits{color: #999;margin: 10px 0;}
-.dtka{flex-wrap: wrap;}
-.dtka .li{width: 32px;height: 22px;border: 1px solid #C7C7C7;border-radius: 5px;text-align: center;line-height: 22px;color: #999;margin: 0 12px 10px 0;cursor: pointer;}
-.dtka .li:nth-child(5n){margin-right: 0;}
-.dtka .li.ing{border-color: #707070;color: #333;}
-.dtka .li.correct{border-color: #0BBE2F;background: #0BBE2F;color: #fff;}
-.dtka .li.error{border-color: #DF230F;background: #DF230F;color: #fff;}
-.sta{border-top: 1px solid #EBEBEB;margin-top: 20px;padding-top: 11px;}
-.sta text{font-size: 12px;color: #999;margin-right: 20px;}
-.sta text:before{content: '';display: inline-block;width: 13px;height: 13px;border: 1px solid #C7C7C7;border-radius: 2px;margin-right: 4px;vertical-align: middle;}
-.sta text.sta-error:before{background: #DF230F;border-color: #DF230F;}
-.jiaojuan{margin: 30px auto 0;width: 200px;height: 40px;border: 1px solid var(--main);border-radius: 6px;text-align: center;line-height: 40px;font-size: 16px;color: #DF230F;cursor: pointer;}
+ .loca{
+     height: 0.78rem;
+     padding: 0 0.3rem;
+     min-height: initial;
+}
+ .back{
+     font-size: 0.16rem;
+     color: #333;
+     padding-left: 0.3rem;
+     background: url(/static/images/back1.png) no-repeat left center;
+}
+ .juanzi{
+     padding: 0.2rem 0 0;
+     align-items: flex-start;
+}
+ .ztleft{
+     width: 8.9rem;
+     margin-right: 0.3rem;
+}
+ .topic{
+     padding: 0.25rem 0.3rem;
+     background: #fff;
+     border-radius: 0.06rem 0.06rem 0 0;
+     box-shadow:0rem 0rem 0.1rem rgba(81,0,0,0.1);
+}
+ .sj-h3{
+     font-size: 0.18rem;
+     color: #333;
+}
+ .process-load{
+     color: #999;
+     margin-top: 0.18rem;
+     justify-content: space-between;
+}
+ .process-load .process{
+     width: 6.45rem;
+     height: 0.14rem;
+     background: #FFDDD1;
+     border: 1px solid #ffded2;
+     position: relative;
+     border-radius: 0.08rem;
+     overflow: hidden;
+     margin-top: 0.02rem;
+}
+ .process-load .process view{
+     position: absolute;
+     top: 0;
+     left: 0;
+     height: 0.14rem;
+     background: #F8A31D;
+     border-radius: 0.08rem;
+}
+ .process-load text{
+     color: #DF230F;
+     font-size: 0.14rem;
+}
+ .sj-line{
+     color: #707070;
+     margin: 0 0.12rem;
+}
+ .exam{
+     background: #fff;
+     border-radius: 0 0 0.06rem 0.06rem;
+     margin-top: 0.1rem;
+     box-shadow:0rem 0rem 0.1rem rgba(81,0,0,0.1);
+}
+ .question{
+     background: #F5F5F5;
+     padding: 0.25rem 0.3rem;
+     font-size: 0.18rem;
+     color: #333;
+}
+ .answer{
+     margin-top: 0.2rem;
+     padding-bottom: 0.45rem;
+}
+ .answer .li{
+     font-size: 0.18rem;
+     color: #333;
+     padding: 0.1rem 0.3rem 0.1rem 0.75rem;
+     background-image: url(/static/images/wei.png);
+     background-position: 0.3rem center;
+     background-repeat: no-repeat;
+     cursor: pointer;
+}
+ .answer .li.sels{
+     background-color: #F5F5F5;
+     background-image: url(/static/images/sel.png);
+}
+ .operate{
+    /* position: fixed;
+     bottom: 0;
+     left: 50%;
+     margin-left: -6rem;
+     box-shadow:0rem 0rem 0.1rem rgba(81,0,0,0.1);
+     */
+     border-radius: 0.06rem;
+     width: 8.3rem;
+     background: #fff;
+     height: 0.4rem;
+     line-height: 0.4rem;
+     z-index: 30;
+     padding: 0 0.3rem;
+     justify-content: space-between;
+     margin-top: 0.12rem;
+}
+ .operate button{
+     color: #666;
+     font-size: 0.16rem;
+     background: none;
+}
+ .operate button:hover{
+     color: #333;
+}
+ .operate button[disabled]{
+     background: none;
+     color: #999;
+}
+ .operate button[disabled]:hover{
+     color: #999;
+}
+ .ztright{
+     width: 2.8rem;
+     min-height: initial;
+}
+ .daojishi{
+     padding: 0.22rem 0;
+     text-align: center;
+     background: #f5f5f5;
+     line-height: 0.21rem;
+     font-size: 0.12rem;
+     color: #666;
+}
+ .daojishi view{
+     font-size: 0.14rem;
+     color: #fff;
+     width: 0.24rem;
+     height: 0.21rem;
+     border-radius: 0.02rem;
+     background: #DF230F;
+}
+ .daojishi text{
+     margin: 0 0.05rem;
+}
+ .ztrightc{
+     padding: 0.3rem;
+}
+ .zt-tit{
+     font-size: 0.18rem;
+     color: #333;
+     border-bottom: 0.01rem solid #EBEBEB;
+     padding-bottom: 0.1rem;
+     position: relative;
+     padding-left: 0.11rem;
+}
+ .zt-tit:before{
+     content: '';
+     display: block;
+     width: 0.06rem;
+     height: 0.15rem;
+     border-radius: 0.03rem;
+     background: #DF230F;
+     position: absolute;
+     top: 0.05rem;
+     left: 0;
+}
+ .zt-tits{
+     color: #999;
+     margin: 0.1rem 0;
+}
+ .dtka{
+     flex-wrap: wrap;
+}
+ .dtka .li{
+     width: 0.32rem;
+     height: 0.22rem;
+     border: 1px solid #C7C7C7;
+     border-radius: 0.05rem;
+     text-align: center;
+     line-height: 0.22rem;
+     color: #999;
+     margin: 0 0.12rem 0.1rem 0;
+     cursor: pointer;
+}
+ .dtka .li:nth-child(5n){
+     margin-right: 0;
+}
+ .dtka .li.ing{
+     border-color: #707070;
+     color: #333;
+}
+ .dtka .li.correct{
+     border-color: #0BBE2F;
+     background: #0BBE2F;
+     color: #fff;
+}
+ .dtka .li.error{
+     border-color: #DF230F;
+     background: #DF230F;
+     color: #fff;
+}
+ .sta{
+     border-top: 0.01rem solid #EBEBEB;
+     margin-top: 0.2rem;
+     padding-top: 0.11rem;
+}
+ .sta text{
+     font-size: 0.12rem;
+     color: #999;
+     margin-right: 0.2rem;
+}
+ .sta text:before{
+     content: '';
+     display: inline-block;
+     width: 0.13rem;
+     height: 0.13rem;
+     border: 1px solid #C7C7C7;
+     border-radius: 0.02rem;
+     margin-right: 0.04rem;
+     vertical-align: middle;
+}
+ .sta text.sta-error:before{
+     background: #DF230F;
+     border-color: #DF230F;
+}
+ .jiaojuan{
+     margin: 0.3rem auto 0;
+     width: 2rem;
+     height: 0.4rem;
+     border: 1px solid var(--main);
+     border-radius: 0.06rem;
+     text-align: center;
+     line-height: 0.4rem;
+     font-size: 0.16rem;
+     color: #DF230F;
+     cursor: pointer;
+}
 /* 成绩查询 */
-.gourl {width: 146px;height: 42px;background: var(--main); text-align: center;font-size: 16px;color: #fff;line-height: 42px;border-radius: 21px;margin: 30px auto 0;}
-.cj-list{padding: 0 30px;}
-.cj-list .li{padding: 23px 0;border-bottom: 1px solid #EBEBEB;clear: both;overflow: hidden;}
-.cj-list .li:last-child{border-bottom: none;}
-.cj-list .li .ztl{width: 620px;}
-.cj-tit{font-size: 18px;color: #333;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;font-weight: bold;}
-.cj-bri{font-size: 12px;margin-top: 8px;}
-.cj-bri text{font-family: '宋体';font-style: normal;color: #707070;margin: 0 11px;}
-.cj-list .li .ztl:hover .cj-tit{color: var(--main);}
-.cj-list .li .ztr{align-items: flex-start;}
-.ckjx{display: block;width: 76px;height: 30px;border: 1px solid var(--main);border-radius: 4px;line-height: 30px;font-size: 12px;color: var(--main);text-align: center;}
-.ckjx:hover{background: #DF230F;color: #fff;}
-.ckbg{color: #999;margin-right: 20px;line-height: 32px;font-size: 12px;}
-.ckbg:hover{color: #333;}
-.ks-status{position: relative;}
-.kssta{display: block;font-size: 14px;color: #333;}
-.kssta-red{display: block;font-size: 14px;color: #DF230F;}
-.ks-sta{display: block;width: 78px;height: 68px;margin-left: 20px;}
-.day{font-size: 12px;color: #DF230F;margin-left: 20px;}
-.day .span{width: 25px;height: 37px;border-radius: 6px;line-height: 37px;text-align: center;background: #DF230F;font-size: 24px;color: #fff;margin-right: 4px;}
-.day .em{font-style: normal;margin-top: 22px;}
-
-
+ .gourl {
+     width: 1.46rem;
+     height: 0.42rem;
+     background: var(--main);
+     text-align: center;
+     font-size: 0.16rem;
+     color: #fff;
+     line-height: 0.42rem;
+     border-radius: 0.21rem;
+     margin: 0.3rem auto 0;
+}
+ .cj-list{
+     padding: 0 0.3rem;
+}
+ .cj-list .li{
+     padding: 0.23rem 0;
+     border-bottom: 0.01rem solid #EBEBEB;
+     clear: both;
+     overflow: hidden;
+}
+ .cj-list .li:last-child{
+     border-bottom: none;
+}
+ .cj-list .li .ztl{
+     width: 6.2rem;
+}
+ .cj-tit{
+     font-size: 0.18rem;
+     color: #333;
+     text-overflow: ellipsis;
+     white-space: nowrap;
+     overflow: hidden;
+     font-weight: bold;
+}
+ .cj-bri{
+     font-size: 0.12rem;
+     margin-top: 0.08rem;
+}
+ .cj-bri text{
+     font-family: '宋体';
+     font-style: normal;
+     color: #707070;
+     margin: 0 0.11rem;
+}
+ .cj-list .li .ztl:hover .cj-tit{
+     color: var(--main);
+}
+ .cj-list .li .ztr{
+     align-items: flex-start;
+}
+ .ckjx{
+     display: block;
+     width: 0.76rem;
+     height: 0.3rem;
+     border: 1px solid var(--main);
+     border-radius: 0.04rem;
+     line-height: 0.3rem;
+     font-size: 0.12rem;
+     color: var(--main);
+     text-align: center;
+}
+ .ckjx:hover{
+     background: #DF230F;
+     color: #fff;
+}
+ .ckbg{
+     color: #999;
+     margin-right: 0.2rem;
+     line-height: 0.32rem;
+     font-size: 0.12rem;
+}
+ .ckbg:hover{
+     color: #333;
+}
+ .ks-status{
+     position: relative;
+}
+ .kssta{
+     display: block;
+     font-size: 0.14rem;
+     color: #333;
+}
+ .kssta-red{
+     display: block;
+     font-size: 0.14rem;
+     color: #DF230F;
+}
+ .ks-sta{
+     display: block;
+     width: 0.78rem;
+     height: 0.68rem;
+     margin-left: 0.2rem;
+}
+ .day{
+     font-size: 0.12rem;
+     color: #DF230F;
+     margin-left: 0.2rem;
+}
+ .day .span{
+     width: 0.25rem;
+     height: 0.37rem;
+     border-radius: 0.06rem;
+     line-height: 0.37rem;
+     text-align: center;
+     background: #DF230F;
+     font-size: 0.24rem;
+     color: #fff;
+     margin-right: 0.04rem;
+}
+ .day .em{
+     font-style: normal;
+     margin-top: 0.22rem;
+}
 /* 考试结果 */
-.result{margin: 20px 0;padding: 40px 0;text-align: center;background: #fff url(/static/images/jgbg.png) no-repeat top center;min-height: initial;}
-.yuejuan{padding: 40px 0 100px;text-align: center;font-size: 18px;color: #333;}
-.yuejuan image{display: block;margin: 0 auto 15px;width: 78px;height: 81px;}
-.suc-tit{text-align: center;margin-bottom: 20px;padding: 0 30px;}
-.suc-tit p{font-size: 24px;color: #333;font-weight: bold;}
-.suc-tit span{display: block;font-size: 12px;color: #999;margin-top: 10px;}
-.re-info{margin: 40px 0 55px;padding-left: 225px;}
-.re-info .li{float: left;margin-right: 38px;font-size: 18px;color: #333;position: relative; }
-.re-fen{background: url(/static/images/jgbg2.png) no-repeat;width: 189px;height: 189px;text-align: center;overflow: hidden;margin-top: 88px;}
-.re-fen em{font-style: normal;font-size: 14px;font-weight: normal;}
-.re-fen p{margin-top: 50px;font-size: 32px;color: #FF5519;font-weight: bold;}
-.re-fen span{display: block;font-size: 24px;color: #999;width: 103px;border-top: 1px solid #EBEBEB;margin: 5px auto 0;padding-top: 5px;}
-.re-info .li.spe .re-fen{background: url(/static/images/jgbg1.png) no-repeat;width: 276px;height: 276px;margin-top: 0;}
-.re-info .li.spe .re-fen p{margin-top: 95px;font-size: 43px;}
-.re-info .li.spe .re-fen p em{font-size: 18px;}
-.re-info .li.spe .re-fen span{font-size: 14px;border-top: none;padding-top: 0;}
-.re-fen-c{position: relative;z-index: 5;}
-.re-info .canvas11{position: absolute;left:38px;top:38px; display: block;z-index: 1;}
-.re-info .canvas22{position: absolute;left:30px;top:117px; display: block;z-index: 1;}
-.ti-count{margin-bottom: 80px;text-align: center;min-height: initial;}
-.ti-count span{display: block;font-size: 18px;color: #333;margin-bottom: 15px;}
-.ti-count table{width: 100%;border: 1px solid #F7F7F7;color: #333;}
-.ti-count table th{height: 48px;background: #F5F5F5;color: #999;}
-.ti-count table tr th:first-child,.ti-count table tr td:first-child{padding-left: 80px;}
-.ti-count table tr th:last-child,.ti-count table tr td:last-child{padding-right: 80px;}
-.ti-count table td{padding: 15px 0;}
-.goon,.confirm{display: inline-block;width: 144px;height: 40px;border-radius: 21px;line-height: 40px;font-size: 16px;color: #FF5519;border: 1px solid #FF5519;margin: 0 14px;}
-.confirm{border-color: #DF230F;color: #DF230F;}
+ .result{
+     margin: 0.2rem 0;
+     padding: 0.4rem 0;
+     text-align: center;
+     background: #fff url(/static/images/jgbg.png) no-repeat top center;
+     min-height: initial;
+}
+ .yuejuan{
+     padding: 0.4rem 0 1rem;
+     text-align: center;
+     font-size: 0.18rem;
+     color: #333;
+}
+ .yuejuan image{
+     display: block;
+     margin: 0 auto 0.15rem;
+     width: 0.78rem;
+     height: 0.81rem;
+}
+ .suc-tit{
+     text-align: center;
+     margin-bottom: 0.2rem;
+     padding: 0 0.3rem;
+}
+ .suc-tit p{
+     font-size: 0.24rem;
+     color: #333;
+     font-weight: bold;
+}
+ .suc-tit span{
+     display: block;
+     font-size: 0.12rem;
+     color: #999;
+     margin-top: 0.1rem;
+}
+ .re-info{
+     margin: 0.4rem 0 0.55rem;
+     padding-left: 2.25rem;
+}
+ .re-info .li{
+     float: left;
+     margin-right: 0.38rem;
+     font-size: 0.18rem;
+     color: #333;
+     position: relative;
+}
+ .re-fen{
+     background: url(/static/images/jgbg2.png) no-repeat;
+     width: 1.89rem;
+     height: 1.89rem;
+     text-align: center;
+     overflow: hidden;
+     margin-top: 0.88rem;
+}
+ .re-fen em{
+     font-style: normal;
+     font-size: 0.14rem;
+     font-weight: normal;
+}
+ .re-fen p{
+     margin-top: 0.5rem;
+     font-size: 0.32rem;
+     color: #FF5519;
+     font-weight: bold;
+}
+ .re-fen span{
+     display: block;
+     font-size: 0.24rem;
+     color: #999;
+     width: 1.03rem;
+     border-top: 0.01rem solid #EBEBEB;
+     margin: 0.05rem auto 0;
+     padding-top: 0.05rem;
+}
+ .re-info .li.spe .re-fen{
+     background: url(/static/images/jgbg1.png) no-repeat;
+     width: 2.76rem;
+     height: 2.76rem;
+     margin-top: 0;
+}
+ .re-info .li.spe .re-fen p{
+     margin-top: 0.95rem;
+     font-size: 0.43rem;
+}
+ .re-info .li.spe .re-fen p em{
+     font-size: 0.18rem;
+}
+ .re-info .li.spe .re-fen span{
+     font-size: 0.14rem;
+     border-top: none;
+     padding-top: 0;
+}
+ .re-fen-c{
+     position: relative;
+     z-index: 5;
+}
+ .re-info .canvas11{
+     position: absolute;
+     left:0.38rem;
+     top:0.38rem;
+     display: block;
+     z-index: 1;
+}
+ .re-info .canvas22{
+     position: absolute;
+     left:0.3rem;
+     top:1.17rem;
+     display: block;
+     z-index: 1;
+}
+ .ti-count{
+     margin-bottom: 0.8rem;
+     text-align: center;
+     min-height: initial;
+}
+ .ti-count span{
+     display: block;
+     font-size: 0.18rem;
+     color: #333;
+     margin-bottom: 0.15rem;
+}
+ .ti-count table{
+     width: 100%;
+     border: 1px solid #F7F7F7;
+     color: #333;
+}
+ .ti-count table th{
+     height: 0.48rem;
+     background: #F5F5F5;
+     color: #999;
+}
+ .ti-count table tr th:first-child,.ti-count table tr td:first-child{
+     padding-left: 0.8rem;
+}
+ .ti-count table tr th:last-child,.ti-count table tr td:last-child{
+     padding-right: 0.8rem;
+}
+ .ti-count table td{
+     padding: 0.15rem 0;
+}
+ .goon,.confirm{
+     display: inline-block;
+     width: 1.44rem;
+     height: 0.4rem;
+     border-radius: 0.21rem;
+     line-height: 0.4rem;
+     font-size: 0.16rem;
+     color: #FF5519;
+     border: 1px solid #FF5519;
+     margin: 0 0.14rem;
+}
+ .confirm{
+     border-color: #DF230F;
+     color: #DF230F;
+}
 /* 学习记录 */
-.kclist{padding: 0 30px;}
-.kclist .li{padding: 20px 0;border-bottom: 1px solid #EBEBEB;clear: both;overflow: hidden;align-items: flex-start;}
-.kclist .li:last-child{border-bottom: none;}
-.kcimg{width: 176px;height: 99px;border-radius: 4px;margin-right: 20px;}
-.kcinfo{width: 520px;}
-.kcinfo h3{font-size: 18px;color: #333;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;margin: 5px 0 2px;}
-.process-box{margin: 8px 0;}
-.process-box .process{width: 301px;height: 8px;border-radius: 4px;background: #F5F5F5;position: relative;margin-right: 4px;}
-.process-box .process view{position: absolute;left: 0;top: 0;background: #F8A31D;border-radius: 4px;height: 8px;}
-.process-box span{font-size: 12px;color: #999;line-height: 20px;}
-.kcinfo p{font-size: 12px;}
-.kcinfo p em{font-family: '宋体';font-style: normal;color: #707070;margin: 0 11px;}
-.tkbtn{width:146px;height:42px;background:linear-gradient(90deg,rgba(255,85,25,1) 0%,rgba(223,35,15,1) 100%);border-radius:21px;font-size: 16px;color: #fff;text-align: center;line-height: 42px;margin-top: 32px;display: block;}
-.kclist li a:hover h3{color: #DF230F;}
-.tkbtn:hover{background: #FF5519;}
-.xxwc{width: 100px;height: 100px;}
+ .kclist{
+     padding: 0 0.3rem;
+}
+ .kclist .li{
+     padding: 0.2rem 0;
+     border-bottom: 0.01rem solid #EBEBEB;
+     clear: both;
+     overflow: hidden;
+     align-items: flex-start;
+}
+ .kclist .li:last-child{
+     border-bottom: none;
+}
+ .kcimg{
+     width: 1.76rem;
+     height: 0.99rem;
+     border-radius: 0.04rem;
+     margin-right: 0.2rem;
+}
+ .kcinfo{
+     width: 5.2rem;
+}
+ .kcinfo h3{
+     font-size: 0.18rem;
+     color: #333;
+     text-overflow: ellipsis;
+     white-space: nowrap;
+     overflow: hidden;
+     margin: 0.05rem 0 0.02rem;
+}
+ .process-box{
+     margin: 0.08rem 0;
+}
+ .process-box .process{
+     width: 3.01rem;
+     height: 0.08rem;
+     border-radius: 0.04rem;
+     background: #F5F5F5;
+     position: relative;
+     margin-right: 0.04rem;
+}
+ .process-box .process view{
+     position: absolute;
+     left: 0;
+     top: 0;
+     background: #F8A31D;
+     border-radius: 0.04rem;
+     height: 0.08rem;
+}
+ .process-box span{
+     font-size: 0.12rem;
+     color: #999;
+     line-height: 0.2rem;
+}
+ .kcinfo p{
+     font-size: 0.12rem;
+}
+ .kcinfo p em{
+     font-family: '宋体';
+     font-style: normal;
+     color: #707070;
+     margin: 0 0.11rem;
+}
+ .tkbtn{
+     width:1.46rem;
+     height:0.42rem;
+     background:linear-gradient(90deg,rgba(255,85,25,1) 0%,rgba(223,35,15,1) 100%);
+     border-radius:0.21rem;
+     font-size: 0.16rem;
+     color: #fff;
+     text-align: center;
+     line-height: 0.42rem;
+     margin-top: 0.32rem;
+     display: block;
+}
+ .kclist li a:hover h3{
+     color: #DF230F;
+}
+ .tkbtn:hover{
+     background: #FF5519;
+}
+ .xxwc{
+     width: 1rem;
+     height: 1rem;
+}
 /* 首页 */
-.gk-info{min-height: initial;padding: 40px 30px;}
-.gk-info .li{width: 25%;font-size: 26px;color: #1D2129;align-items: flex-start;}
-.gk-info .li image{width: 36px;height: 36px;margin-right: 9px;}
-.gk-info .li text{display: block;font-size: 12px;color: #4E5969;margin-bottom: 5px;}
-.sy-box{min-height: initial;margin-top: 20px;}
-.sye{height: 340px;}
-.idx-nav{justify-content: space-between;}
-.idx-nav .li{width: 461px;}
-.idx-nav .li image{width: 100%;height: 129px;}
-.hb-box{min-height: initial;margin-top: 20px;padding: 20px 15px;margin-bottom: 20px;}
-.sj-tits{font-size: 16px;color: #1D2129;font-weight: bold;}
-.sj-more{font-weight: normal;font-size: 14px;color: #999;}
-.hb-list{flex-wrap: wrap;}
-.hb-list .li{width: 260px;height: 50px;background: #F8F8F8;border-radius: 8px;margin: 20px 20px 0 0;padding: 15px;cursor: pointer;}
-.hb-list .li:nth-child(3n){margin-right: 0;}
-.hb-list .li image{width: 36px;height: 36px;margin-right: 10px;}
-.hb-tit{font-size: 16px;color: #333;}
-.hb-bri{font-size: 13px;color: #999;margin-top: 8px;}
+ .gk-info{
+     min-height: initial;
+     padding: 0.4rem 0.3rem;
+}
+ .gk-info .li{
+     width: 25%;
+     font-size: 0.26rem;
+     color: #1D2129;
+     align-items: flex-start;
+}
+ .gk-info .li image{
+     width: 0.36rem;
+     height: 0.36rem;
+     margin-right: 0.09rem;
+}
+ .gk-info .li text{
+     display: block;
+     font-size: 0.12rem;
+     color: #4E5969;
+     margin-bottom: 0.05rem;
+}
+ .sy-box{
+     min-height: initial;
+     margin-top: 0.2rem;
+}
+ .sye{
+     height: 3.4rem;
+}
+ .idx-nav{
+     justify-content: space-between;
+}
+ .idx-nav .li{
+     width: 4.61rem;
+}
+ .idx-nav .li image{
+     width: 100%;
+     height: 1.29rem;
+}
+ .hb-box{
+     min-height: initial;
+     margin-top: 0.2rem;
+     padding: 0.2rem 0.15rem;
+     margin-bottom: 0.2rem;
+}
+ .sj-tits{
+     font-size: 0.16rem;
+     color: #1D2129;
+     font-weight: bold;
+}
+ .sj-more{
+     font-weight: normal;
+     font-size: 0.14rem;
+     color: #999;
+}
+ .hb-list{
+     flex-wrap: wrap;
+}
+ .hb-list .li{
+     width: 2.6rem;
+     height: 0.5rem;
+     background: #F8F8F8;
+     border-radius: 0.08rem;
+     margin: 0.2rem 0.2rem 0 0;
+     padding: 0.15rem;
+     cursor: pointer;
+}
+ .hb-list .li:nth-child(3n){
+     margin-right: 0;
+}
+ .hb-list .li image{
+     width: 0.36rem;
+     height: 0.36rem;
+     margin-right: 0.1rem;
+}
+ .hb-tit{
+     font-size: 0.16rem;
+     color: #333;
+}
+ .hb-bri{
+     font-size: 0.13rem;
+     color: #999;
+     margin-top: 0.08rem;
+}
 /* 人员管理 */
-.ry-box{padding: 30px;}
-.download-btn{font-size: 12px;color: var(--main);}
-.dr-btn{width: 54px;height: 30px;border: 1px solid var(--main);border-radius: 3px;font-size: 12px;color: var(--main);text-align: center;line-height: 30px;margin-left: 40px;}
-.c-picker{height: 30px;border: 1px solid #DCDFE6;border-radius: 4px;font-size: 12px;color: #666;padding: 0 12px;line-height: 30px;}
+ .ry-box{
+     padding: 0.3rem;
+}
+ .download-btn{
+     font-size: 0.12rem;
+     color: var(--main);
+}
+ .dr-btn{
+     width: 0.54rem;
+     height: 0.3rem;
+     border: 1px solid var(--main);
+     border-radius: 0.03rem;
+     font-size: 0.12rem;
+     color: var(--main);
+     text-align: center;
+     line-height: 0.3rem;
+     margin-left: 0.4rem;
+}
+ .c-picker{
+     height: 0.3rem;
+     border: 1px solid #DCDFE6;
+     border-radius: 0.04rem;
+     font-size: 0.12rem;
+     color: #666;
+     padding: 0 0.12rem;
+     line-height: 0.3rem;
+}
 /* 人员详情 */
-.xq-det{padding: 0 30px;}
-.xq-det-t{border-bottom: 1px solid #EDEEF0;padding: 30px 0 40px;}
-.xq-tit{font-size: 24px;color: #333;font-weight: bold;}
-.xq-time{font-size: 12px;color: #999;font-weight: normal;}
-.xq-res{font-size: 14px;color: #666;margin-top: 18px;}
-.xq-res view{margin-right: 55px;}
-.xq-des{padding: 30px 0 50px;font-size: 12px;color: #666;line-height: 20px;}
-.xq-bot{min-height: initial;padding: 30px;margin-top: 20px;}
-.xq-bot-tit{font-size: 16px;color: #333;font-weight: bold;}
+ .xq-det{
+     padding: 0 0.3rem;
+}
+ .xq-det-t{
+     border-bottom: 0.01rem solid #EDEEF0;
+     padding: 0.3rem 0 0.4rem;
+}
+ .xq-tit{
+     font-size: 0.24rem;
+     color: #333;
+     font-weight: bold;
+}
+ .xq-time{
+     font-size: 0.12rem;
+     color: #999;
+     font-weight: normal;
+}
+ .xq-res{
+     font-size: 0.14rem;
+     color: #666;
+     margin-top: 0.18rem;
+}
+ .xq-res view{
+     margin-right: 0.55rem;
+}
+ .xq-des{
+     padding: 0.3rem 0 0.5rem;
+     font-size: 0.12rem;
+     color: #666;
+     line-height: 0.2rem;
+}
+ .xq-bot{
+     min-height: initial;
+     padding: 0.3rem;
+     margin-top: 0.2rem;
+}
+ .xq-bot-tit{
+     font-size: 0.16rem;
+     color: #333;
+     font-weight: bold;
+}
 /* 申报记录 */
-.jl-det{padding: 0 30px 50px;}
-.jl-tit{font-size: 18px;color: #333;font-weight: bold;padding: 30px 0;border-bottom: 1px solid #EDEEF0;}
-.jl-info{flex-wrap: wrap;padding: 30px 0;}
-.jl-info .li{width: 50%;font-size: 16px;color: #303133;padding: 10px 0;}
-.jl-info .li .label{color: #909399;width: 100px;}
-.jl-tits{font-size: 18px;color: #333;font-weight: bold;margin-top: 50px;}
-.jl-file{margin-top: 20px;flex-wrap: wrap;}
-.jl-file image{width: 64px;height: 64px;margin: 0 10px 10px 0;}
-.c-pickers{width: 165px;}
-.c-pickers.uni-combox{height: 30px;line-height: 30px;padding: 0 12px !important;}
-.c-pickers.uni-combox .uni-input-input{font-size: 12px;}
+ .jl-det{
+     padding: 0 0.3rem 0.5rem;
+}
+ .jl-tit{
+     font-size: 0.18rem;
+     color: #333;
+     font-weight: bold;
+     padding: 0.3rem 0;
+     border-bottom: 0.01rem solid #EDEEF0;
+}
+ .jl-info{
+     flex-wrap: wrap;
+     padding: 0.3rem 0;
+}
+ .jl-info .li{
+     width: 50%;
+     font-size: 0.16rem;
+     color: #303133;
+     padding: 0.1rem 0;
+}
+ .jl-info .li .label{
+     color: #909399;
+     width: 1rem;
+}
+ .jl-tits{
+     font-size: 0.18rem;
+     color: #333;
+     font-weight: bold;
+     margin-top: 0.5rem;
+}
+ .jl-file{
+     margin-top: 0.2rem;
+     flex-wrap: wrap;
+}
+ .jl-file image{
+     width: 0.64rem;
+     height: 0.64rem;
+     margin: 0 0.1rem 0.1rem 0;
+}
+ .c-pickers{
+     width: 1.65rem;
+}
+ .c-pickers.uni-combox{
+     height: 0.3rem;
+     line-height: 0.3rem;
+     padding: 0 0.12rem !important;
+}
+ .c-pickers.uni-combox .uni-input-input{
+     font-size: 0.12rem;
+}
 /* 发布需求 */
-.xq-pop{height: 600px;overflow-y: auto;}
-.fb-form .li{margin-top: 0;margin-right: 30px;}
-.fb-form .li .label{width: auto;}
-.xq-pop-con{height: 450px;}
-.xq-table td{padding: 0 10px;height: 50px;}
-.xq-pop .pop-btn{margin-top: 0}
-.add-xq{font-size: 14px;color: var(--main);}
-.jus-align{justify-content: center;}
-.dp-time{width: 375px;}
-.form-num{margin-top: 25px;}
-.form-num .label{font-size: 14px;color: #666;padding-right: 15px;}
-
+ .xq-pop{
+     height: 6rem;
+     overflow-y: auto;
+}
+ .fb-form .li{
+     margin-top: 0;
+     margin-right: 0.3rem;
+}
+ .fb-form .li .label{
+     width: auto;
+}
+ .xq-pop-con{
+     height: 4.5rem;
+}
+ .xq-table td{
+     padding: 0 0.1rem;
+     height: 0.5rem;
+}
+ .xq-pop .pop-btn{
+     margin-top: 0 
+}
+ .add-xq{
+     font-size: 0.14rem;
+     color: var(--main);
+}
+ .jus-align{
+     justify-content: center;
+}
+ .dp-time{
+     width: 3.75rem;
+}
+ .form-num{
+     margin-top: 0.25rem;
+}
+ .form-num .label{
+     font-size: 0.14rem;
+     color: #666;
+     padding-right: 0.15rem;
+}
 /* 人才交流 */
-.career-logo{width: 50px;height: 50px;border-radius: 5px;float: left;margin-right: 10px;}
-.career-logo image{width: 100%;height: 100%;}
-.career-detail{display: flex;justify-content: space-between;padding: 20px 10px;border-bottom: 1px solid #EDEEF0;}
-.career-detail:hover{background-color: #eeeeee;border-radius: 5px;}
-.career-detail:last-child{border-bottom: none;}
-.career-detail-title{font-weight: bold;}
-.career-detail-address{font-size: 14px;color: #666;margin: 5px 0;}
-.career-detail-salary{font-weight: bold;color: #1597E8;margin-right: 10px;}
-.career-tag{padding: 0px 10px;border: 1px solid #1597E8;color:#1597E8;border-radius: 5px;display:inline-block;font-size:10px;margin-left: 5px;}
-.pb20{padding-bottom: 20px;}
+ .career-logo{
+     width: 0.5rem;
+     height: 0.5rem;
+     border-radius: 0.05rem;
+     float: left;
+     margin-right: 0.1rem;
+}
+ .career-logo image{
+     width: 100%;
+     height: 100%;
+}
+ .career-detail{
+     display: flex;
+     justify-content: space-between;
+     padding: 0.2rem 0.1rem;
+     border-bottom: 0.01rem solid #EDEEF0;
+}
+ .career-detail:hover{
+     background-color: #eeeeee;
+     border-radius: 0.05rem;
+}
+ .career-detail:last-child{
+     border-bottom: none;
+}
+ .career-detail-title{
+     font-weight: bold;
+}
+ .career-detail-address{
+     font-size: 0.14rem;
+     color: #666;
+     margin: 0.05rem 0;
+}
+ .career-detail-salary{
+     font-weight: bold;
+     color: #1597E8;
+     margin-right: 0.1rem;
+}
+ .career-tag{
+     padding: 0rem 0.1rem;
+     border: 1px solid #1597E8;
+     color:#1597E8;
+     border-radius: 0.05rem;
+     display:inline-block;
+     font-size:0.1rem;
+     margin-left: 0.05rem;
+}
+ .pb20{
+     padding-bottom: 0.2rem;
+}
+