﻿.NewTopBar{background:#0378d8;height:40px;padding:5px 60px;position:fixed;color:#fff;font-size:18px;line-height:40px;text-align:center;top:0;max-width:calc(6.4rem - 120px);width:100%;z-index:10050}
.NewTopBar .back-a{width:40px;height:40px;position:absolute;left:5px;top:5px;font-size: 24px;color:#fff;}
.NewTopBar .menu{width:40px;height:40px;position:absolute;top:5px;right:5px;font-size: 20px;}

.yzResumeBox{margin-top: 20px;background-color:#fff;}
.yzResumeBox .yzReData{border-bottom: 1px solid #eee;padding:25px 0 10px;text-align:center;line-height:30px;}
.yzResumeBox .yzRePic{width:90px;height:90px;margin:0 auto 10px;}
.yzResumeBox .PicBox{width:100%;height:100%;overflow:hidden;border-radius:50%;position:relative;}
.yzResumeBox .PicBox img {height: auto;left: 50%;max-width: 100%;position: absolute;top: 50%;-ms-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);transform: translate(-50%, -50%);width: 100%;}
.yzResumeBox .yzReName{color:#666;font-size:20px;}
.yzResumeBox span{background: #fafafa;padding: 0 10px;margin: 0 5px;height: 26px;line-height: 26px;display: inline-block;color:#666;}
.yzResumeBox .yzReAword{padding:0.1rem 0.2rem;color:#999;line-height:1.6}
.yzResumeBox .yzReTags{width:90%;margin:0.1rem auto 0;}
.yzResumeBox .yzReTags li{float:left;line-height:1;padding:.10rem .2rem;-webkit-border-radius:.3rem;-moz-border-radius:.3rem;border-radius:.3rem;margin-right:.10rem;margin-bottom:.20rem;}
.yzResumeBox .yzReTags li:last-child{margin-right:0;}
li.tg1{background:#daf2fe;color:#30a2c8;}
li.tg2{background:#fef5da;color:#ea994e;}
li.tg3{background:#e4fcdc;color:#76af58;}
li.tg4{background:#ebebeb;color:#868686;}
li.tg5{background:#ffe7db;color:#d15b34;}
li.tg6{background:#e3e5ff;color:#5c6ed4;}

.yzResumeBox .yzReOtherData {
	list-style: none;
	display: -webkit-flex; /* Safari */
	display: flex;
	width: 100%;
	padding: 0;
	margin: 0;
}
.yzResumeBox .yzReOtherData li {
	width: 100%;
	text-align: center;
	color: #666;
	font-size: 14px;
	line-height: 24px;
	padding: 10px 0;
	position: relative;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.yzResumeBox .yzReOtherData li:before {
	height: 40px;
	width: 1px;
	background: #eee;
	position: absolute;
	right: 0;
	top: 14px;
	content: '';
}
.yzResumeBox .yzReOtherData li:last-child:before {
	display: none;
}
.yzResumeBox .yzReOtherData li .key {
	color: #999;
}
.yzResumeBox .yzReTitle {
	position: relative;
	color: #333;
	padding: 0 20px;
	line-height: 50px;
	height: 50px;
	font-size: 18px;
	border-bottom: 1px solid #eee;
}
.yzResumeBox .yzReTitle i {
	width: 5px;
	height: 20px;
	background: #3078d8;
	position: absolute;
	left: 5px;
	top: 15px;
}
.yzResumeBox .yzReContent {
	padding: 0.20rem;
	color: #666;
	font-size: 14px;
	line-height: 24px;
	overflow: hidden;
}
.yzResumeBox .yzReContent .tit{float:left;width:1.2rem;line-height:2;color:#999}
.yzResumeBox .yzReContent .txt{float:left;width:4.8rem;line-height:2;color:#666;}
.yzResumeBox .yzReContent .line{margin:20px 0;border-bottom:1px dotted #eaeaea;height:0;overflow:hidden;}
    
.yzResumeBox .JobType {
	margin: 0 0 10px 0;
	font-size: 16px;
}
.yzResumeBox .JobType .Num {
	background: #f90;
	color: #fff;
	border-radius: 50%;
	height: 20px;
	line-height: 20px;
	width: 20px;
	text-align: center;
	display: inline-block;
	padding:0;
	margin: -4px 5px 0 5px;
	vertical-align: middle;
}
.yzResumeOperBar {
	list-style: none;
	display: -webkit-flex; /* Safari */
	display: flex;
	width: 100%;
	max-width: 6.4rem;
	padding: 0;
	margin: 0 auto;
	position: fixed;
	bottom: 0;
	background: #fff;
	height: 50px;
	line-height: 50px;
	border-top: 1px solid #eee;
	z-index: 100;
}
.yzResumeOperBar li{
	flex: 1;
	text-align: center;
	color: #fff;
	background-color:#f90;
}
.yzResumeOperBar li:nth-child(2){background-color: #11cd6e}
.yzResumeOperBar li:nth-child(3){background-color: #fe552e}
/*
.yzResumeOperBar li.copy{
	flex: 2;
	background-color: #fe552e;
	color: #fff;
}
.yzResumeOperBar li.down{
	background-color: #11cd6e;
	color: #fff;
}
.yzResumeOperBar li.service{
	background-color: #fff;
	color:#000;
	cursor:pointer;
}
*/

.yzResumeAudit{
	margin-top: 50px;
	background: url(../images/24.png) top center no-repeat;
	background-size: 100% auto;
	min-height: 5rem;
}
.yzResumeAudit .icon{margin: 0 auto;padding-top: 1rem;text-align: center;}
.yzResumeAudit .iconfont{color: #fff;font-size: 1rem;}
.yzResumeAudit .text{margin-top: 2.5rem;text-align: center;padding: 0 0.2rem;font-size: 0.26rem;color:#666;line-height: 1.8;}

.yunResumeBox{width:100%;max-width:6.4rem;height:100%;background:#fff;position:fixed;z-index:-1;top:0;padding:20px 10px 10px 10px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;display:none;left:0;font-family: "Microsoft JhengHei", 微軟正黑体;}
.yunResumeBox .aword{height:2rem;background-color:#ccc;border-top-left-radius:0.2rem;border-top-right-radius:0.2rem;}
.yunResumeBox .aword h1{font-size:0.3rem;color:#fff;padding:0.1rem 0.2rem;text-shadow: 2px 2px 2px #ccc;}
.yunResumeBox .aword h2{font-size:0.24rem;color:#fff;line-height:1.4;padding: 0 1.95rem 0 0.2rem;}
.yunResumeBox .contain{padding:20px 10px 60px;border:1px solid #fbfbfb;border-top:0;background:#fafafa;-moz-box-shadow:0px 2px 10px #fbfbfb; -webkit-box-shadow:0px 2px 10px #fbfbfb; box-shadow:0px 2px 10px #fbfbfb;border-bottom-left-radius:20px;border-bottom-right-radius:20px;}
.yunResumeBox .base{display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-align: top;-webkit-align-items: top;align-items: top;}
.yunResumeBox .base .info{-webkit-box-flex: 1;-webkit-flex: 1;flex: 1;min-width: 0;color: #333;}
.yunResumeBox .base img{width:1.6rem;height:1.6rem;border-radius:0.1rem;}
.yunResumeBox .base h1{font-size:0.35rem;}
.yunResumeBox .base p{font-size:0.24rem;line-height:1.8;}

.yunResumeBox .tags{margin-top:20px;}
.yunResumeBox .tags li{border: 0;padding: .08rem .22rem;border-radius: 0.2rem;margin-right: .15rem;font-size:0.2rem;display:inline-block;margin-bottom:0.15rem;}

.yunResumeBox .code{display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-align: center;-webkit-align-items: center;align-items: center;margin-top:20px;}
#qrcode{width:2rem;height:2rem;overflow:hidden;background-color:#ccc;margin-right:0.3rem;}
.yunResumeBox .code div{-webkit-box-flex: 1;-webkit-flex: 1;flex: 1;min-width: 0;}
.yunResumeBox .code h2{font-size:0.24rem;line-height:2;color:#0378d8;}
.yunResumeBox .code h3{font-size:0.24rem;line-height:1.4;}
.yunResumeBox .code h4{font-size:0.18rem;line-height:2;color:#999;}

.closeYunResume{position:absolute;top:0.1rem;right:0.1rem;width:0.6rem;height:0.6rem;background:url(/home/public/yun/scan-laye-close.png) no-repeat;background-size: 100% 100%;z-index:9999994;display:none;}

#yunCardImg{width:100%;max-width:6.4rem;height:100%;background:#fff;position:fixed;z-index:9999992;top:0;background:rgba(255,255,255,.6) url(/home/public/class_layer/loading.gif) center center no-repeat;}
#yunCardImg img{width:100%;}

.yunDownTips{width:100%;height:0.6rem;text-align:center;font-size:0.27rem;line-height:0.6rem;color:#fff;position:fixed;z-index:9999996;bottom:0;background:rgba(255,102,0,0.6);display:none;}
