*{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
html{
	font-family:"PingFang SC",Arial,"Microsoft YaHei",sans-serif;
	font-size: 20px;
}
html,body {
	-webkit-touch-callout:none;
	-webkit-text-size-adjust:none;
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
	-webkit-user-select:none;
	width: 100%;
}
a,a:hover,a:focus {
	-webkit-transition: .2s linear;
	transition: .2s linear;
	text-decoration:none;
	outline: none;
}
a:hover,a:focus,a:active {
    text-decoration: none;
}
/* 按钮 */
.btn {
	position: fixed;
	display: inline-block;
	font-size: 14px;
	font-weight: 400;
	color: #8b95a5;
    padding: 6px 10px;
	border-radius: 5px;
	border: 1px solid #fff;
	background-color: #fff;
	outline: none !important;
	-webkit-transition: 0.15s linear;
	transition: 0.15s linear;
}
.btn:focus,
.btn.focus,
.btn:active,
.btn.active {
	-webkit-box-shadow: none !important;
	box-shadow: none !important
}


.btn_n {
	font-size: 14px;
	font-weight: 400;
	color: #8b95a5;
    padding: 6px 10px;
	letter-spacing: 1px;
	border-radius: 5px;
	border: 1px solid #fff;
        background-color: transparent;/*背景透明*/
        box-shadow: 0 0 0 rgba(0,0,0,0);/*前景无阴影*/
	margin: 5px;
}
.btn_n:focus,
.btn_n.focus,
.btn_n:active,
.btn_n.active {
	-webkit-box-shadow: none !important;
	box-shadow: none !important
}

.btn-default {
	background:rgb(252,253,254,0.8);
	color: #8b95a5
}
.btn-default:hover {
	background-color: #f9fafb;
	color: #4d5259
}
.btn-primary {
	background:rgb(51,202,187,0.8);
	color: #fff!important;
}
.btn-primary:hover {
	background-color: #52d3c7;
}
.btn-success {
	background-color:rgb(21,195,119,0.8);
	color: #fff!important;
}
.btn-success:hover {
	background-color: #16d17f;
}
.btn-info {
	background-color:rgb(72,176,247,0.8);
	color: #fff!important;
}
.btn-info:hover {
	background-color: #65bdf8;
}
.btn-warning {
	background:rgb(250,166,75,0.8);
	color: #fff!important;
}
.btn-warning:hover {
	background-color: #fbb264;
}
.btn-danger {
	background:rgb(249,104,104,0.8);
	color: #fff!important;
}
.btn-danger:hover {
	background-color: #fa8181;
}
.btn-secondary {
	color: #4d5259 !important;
	background:rgb(228,231,234,0.8);
}
.btn-secondary:hover {
	background-color: #edeff1;
}
.btn-purple {
	background:rgb(146,109,222,0.8);
	color: #fff!important;
}
.btn-purple:hover {
	background-color: #a282e3;
}
.btn-pink {
	background:rgb(249,97,151,0.8);
	color: #fff!important;
}
.btn-pink:hover {
	background-color: #fa75a4;
}
.btn-cyan {
	background:rgb(87,199,212,0.8);
	color: #fff!important;
}
.btn-cyan:hover {
	background-color: #77d2dc;
}
.btn-yellow {
	background:rgb(252,197,37,0.8);
	color: #fff!important;
}
.btn-yellow:hover {
	background-color: #fdd04d;
}
.btn-brown {
	background:rgb(141,102,88,0.8);
	color: #fff!important;
}
.btn-brown:hover {
	background-color: #9d7162;
}
.btn-dark {
	background:rgb(70,81,97,0.8);
	color: #fff!important;
}
.btn-dark:hover {
	background-color: #515d70;
}
.zz{
  position:fixed;
  top: 0;
  left: 0;
  width:100%;
  height:100%;
  z-index:-10;
}
.overlay {
  position:relative;
  background: #000;
  filter: alpha(opacity=50);
  opacity: 0.5;
  display: none;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 1;
  display:none;
  _background-color:#a0a0a0;
}
.mainbox{position:relative;z-index:99;width:800px;height: 1000px; margin-left:1.5%; margin-top:460px; background:#fff;display:none;border-radius: 15px;   box-shadow:0px 0px 10px rgba(255,255,255, 0.6); }

.top{position:relative;top:0;left: 0;width: 100%;height:78px; line-height:78px;border-bottom: 1px solid #ddd;}
.qrcode{position:fixed;left:2%;margin-left:810px; width:240px;height:290px; background:#fff;border-radius: 15px;   box-shadow:0px 0px 10px rgba(255,255,255, 0.6); overflow:hidden;text-align:center;}
.qrcode img{width:100%;}
.qrcode span{width:100%;padding:0;font-size:0.8rem;}
.top_close{position:absolute;margin-left:24px;}
.top_right{position:absolute;right:24px;}
.top_btn {
  background-color: #1B9AF7;
  color: #FFF;
  font-weight: 400;
  font-size: 16px;
  text-decoration: none;
  text-align: center;
  line-height: 40px;
  height: 40px;
  padding: 0 20px 0 10px;
  margin: 0;
  border-radius: 5px;
  display: inline-block;
  appearance: none;
  cursor: pointer;
  border: 1px solid 128CE5;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition-property: all;
          transition-property: all;
  -webkit-transition-duration: .3s;
          transition-duration: .3s;
}
.pdfobject-container{
	position:absolute;
	top:80px;
	left:10px;
	width:766px;
	height:85%;
}
.pdfobject{
    border: 10px solid #fff;
}
.title{position:fixed;top:10px;left:10px; background-color: rgb(0,118,50,0.8); border:1px solid #006B2F;color:#fff;text-shadow:#CEDC22 3px 4px 5px;box-shadow:2px 2px 5px #78B824; padding:10px 30px;border-top-left-radius:.2em;border-bottom-left-radius:2em;border-top-right-radius:3em;border-bottom-right-radius:.3em;}
.title span{font-size:28px;font-family:'微软雅黑';letter-spacing:5px;font-weight:500; text-align:center;}


.personal{position:fixed;top:620px;left:0px;font-weight:400; background-color: rgb(0,118,50,0.8); border:1px solid #fff;color:#fff;padding:10px 20px 10px 30px;border-top-right-radius:2em;border-bottom-right-radius:2em;border-right:0;letter-spacing:0.2rem;}
.personal2{position:fixed;top:680px;left:0px;font-weight:400; background-color: rgb(0,118,50,0.8); border:1px solid #fff;color:#fff;padding:10px 20px 10px 30px;border-top-right-radius:2em;border-bottom-right-radius:2em;border-right:0;letter-spacing:0.2rem;}
.com{position:fixed;top:620px;right:0px;font-weight:400;letter-spacing:0.2rem;background-color: rgb(0,118,50,0.8); border:1px solid #fff;color:#fff;padding:10px 20px 10px 30px;border-top-left-radius:2em;border-bottom-left-radius:2em;border-right:0;}

.mobile_personal{position:fixed;bottom:200px;left:0px;font-weight:400; background-color: rgb(0,118,50,0.8); border:1px solid #fff;color:#fff;padding:20px 30px 20px 40px;border-top-right-radius:2em;border-bottom-right-radius:2em;border-right:0;letter-spacing:0.2rem;font-size:30px; color:#fff}
.mobile_personal2{position:fixed;bottom:100px;left:0px;font-weight:400; background-color: rgb(0,118,50,0.8); border:1px solid #fff;color:#fff;padding:20px 30px 20px 40px;border-top-right-radius:2em;border-bottom-right-radius:2em;border-right:0;letter-spacing:0.2rem;font-size:30px; color:#fff}

.mobile_com{position:fixed;bottom:200px;right:0px;font-weight:400; background-color: rgb(0,118,50,0.8); border:1px solid #fff;color:#fff;padding:20px 30px 20px 40px;border-top-left-radius:2em;border-bottom-left-radius:2em;border-right:0;letter-spacing:0.2rem;font-size:30px; color:#fff}

.active{background-color: rgb(0,132,255,0.8);color: #fff;}