a{
	text-decoration:none
}
.doc-board{
	width: 100%;
	height: 686px;
	/*margin-top: 50px;*/
	text-align: center;
}

.doc-board .doc-controler{
	margin-left:30px;
	position: absolute;
	margin-top: 43px;
	width:50px;
	height:auto;
	background:rgba(230,233,238,1);
	box-shadow:0px 0px 12px 0px rgba(213,197,231,0.68);
	border-radius:5px 5px 4px 4px;
}
.doc-controler .line{
	width:30px;
	height:1px;
	background:rgba(234,236,243,1);
	border-radius:1px;
	margin: 0 auto;
}
.doc-controler .ygb{
	width:50px;
	height:50px;
	background:rgba(255,255,255,1);
	border-radius:5px 5px 0px 0px;
}

.icon{
	cursor: pointer;
}

.ygb .icon{
	background: url(../../images/yun/document/spring-doc.png) no-repeat;
	background-position-x: -78px;
	background-position-y: -8px;
	width: 50px;
	height: 50px;
}
 .ygb-size{
	width: 100%;
	cursor: pointer;
}
.ygb-size:hover{
	background-color: #FFFFFF;
}

.padding-top-size-4{
	padding-top: 12px;
	height: 17px;
}
.padding-top-size-8{
	padding-top: 11px;
	height: 18px;
}
.padding-top-size-12{
	padding-top: 9px;
	height: 20px;
}
.padding-top-size-16{
	padding-top: 8px;
	height: 21px;
}
.padding-top-size-20{
	padding-top: 7px;
	height: 22px;
}

 .ygb-size div{
 	margin: 0 auto;
 }

.ygb-size .size-4{
	width:6px;
	height:6px;
	background:rgba(85,85,85,1);
	border-radius: 50% 50%;
}
.ygb-size .size-8{
	width:8px;
	height:8px;
	background:rgba(85,85,85,1);
	border-radius: 50% 50%;
}
.ygb-size .size-12{
	width:12px;
	height:12px;
	background:rgba(85,85,85,1);
	border-radius: 50% 50%;
}
.ygb-size .size-16{
	width:14px;
	height:14px;
	background:rgba(85,85,85,1);
	border-radius: 50% 50%;
}
.ygb-size .size-20{
	width:16px;
	height:16px;
	background:rgba(85,85,85,1);
	border-radius: 50% 50%;
}


.doc-controler .hb{
	width:50px;
	height:50px;
	background:rgba(255,255,255,1);
}

.hb .icon{
	background: url(../../images/yun/document/spring-doc.png) no-repeat;
	background-position-x:-74px;
	background-position-y:-56px;
	width: 50px;
	height: 50px;
}

.doc-controler .hbys-btn{
	width:50px;
	height:50px;
	background:rgba(255,255,255,1);
}



.hbys-btn .icon{
	background: url(../../images/yun/document/spring-doc.png) no-repeat;
	background-position-x:-74px;
	background-position-y:-100px;
	width: 50px;
	height: 50px;
}

.doc-controler .hbys{
	width:50px;
	height:auto;
	background:#E6E9EE;
	text-align: center;
}
.hbys div{
	width: 30px;
	height: 18px;
	margin: 0 auto;
	margin-top:6px;
	margin-bottom: 6px;
	cursor: pointer;
}

.hbys:hover{
	background-color: #fff;
}

.hbys .red{
	background-color: #FF0200;
}
.hbys .green{
	background-color: #008002;
}
.hbys .blue{
	background-color: #0800FF;
}
.hbys .black{
	background-color: #333333;
}


.doc-controler .hbwz{
	width:50px;
	height:50px;
	background:rgba(255,255,255,1);
}

.hbwz .icon{
	background: url(../../images/yun/document/spring-doc.png) no-repeat;
	background-position-x:-74px;
	background-position-y:-146px;
	width: 50px;
	height: 50px;
}

.hbwz .text-input{
	display: none;
	position: absolute;
    width: 284px;
    height: 44px;
    margin-left: 63px;
    margin-top: -44px;
    background: url(../../images/yun/document/hb-text-input.png) no-repeat;
    background-size: 100% 100%;
    text-align: left;
}

.text-input input{
	width: 182px;
    height: 20px;
    border: none;
    font-size: 14px;
    color: #555555;
    padding: 2px 5px;
    outline: none;
    margin-top: 9px;
    margin-left: 18px;
}

.text-input input::placeholder{
	color:#999;
}

.text-input .line{
	display: inline-block;
    width: 1px;
    height: 25px;
    line-height: 25px;
    background-color: #D8D8D8;
}

.text-input a{
	outline: none;
	width: 28px;
	height: 20px;
	font-size: 14px;
	color: rgba(85,85,85,1);
	line-height: 20px;
	margin-left: 10px;
}

.text-input a:hover{
	color:rgba(30,137,228,1);
}

.doc-controler .hbxpc{
	width:50px;
	height:50px;
	background:rgba(255,255,255,1);
}

.hbxpc .icon{
	background: url(../../images/yun/document/spring-doc.png) no-repeat;
	background-position-x:-184px;
	background-position-y:-54px;
	width: 50px;
	height: 50px;
}


.doc-controler .hbqc{
	width:50px;
	height:50px;
	background:rgba(255,255,255,1);
}

.hbqc .icon{
	background: url(../../images/yun/document/spring-doc.png) no-repeat;
	background-position-x:-184px;
	background-position-y:-104px;
	width: 50px;
	height: 50px;
}


.doc-board .doc-area{
	width: 1020px;
	height: auto; 
	margin:0 auto;
	box-shadow: 0px 0px 12px 0px rgba(213,197,231,0.68);
	border-radius: 4px;
	text-align: left;
}

.doc-area .doc-header{
	width:1020px;
	height:43px;
	background:rgba(255,255,255,1);
	border-radius:4px 4px 0px 0px;
}

.doc-header .point{
	display: inline-block;
	width: 11px;
	height: 11px;
	background: rgba(153,153,153,1);
	border-radius: 50% 50%;
	margin-top: 18px;
}

.doc-area .doc-content{
	width: 1020px;
	height: 574px;
}

.doc-area .doc-pager{
	width: 100%;
	height: 50px;
	padding-top: 20px;
	background-color: #fff;
}

.doc-pager .pager-bar{
	text-align: center;
	margin: 0 auto;
	height: 30px;
	line-height: 30px;
}

.pager-bar a{
	display: inline-block;
	margin: 0 3px 0 3px;
	overflow: hidden;
	width:30px;
	height:30px;
	background:rgba(255,255,255,1);
	box-shadow:0px 0px 5px 0px rgba(213,197,231,0.68);
	border-radius:4px;
	color:rgba(153,153,153,1);
}

.pager-bar .selected{
	background:rgba(30,137,228,1);
	color:rgba(255,255,255,1);
}

.pager-bar .first-page{
	background: url(../../images/yun/document/spring-doc.png) no-repeat;
	background-position-x:-260px;
	background-position-y:-62px;
}
.pager-bar .first-page:hover{
	background-color:rgba(30,137,228,1);
	color:rgba(255,255,255,1);
	background-position-x:-312px;
	background-position-y:-92px;
}

.pager-bar .pre-page{
	background: url(../../images/yun/document/spring-doc.png) no-repeat;
	background-position-x:-260px;
	background-position-y:-120px;
}

.pager-bar .pre-page:hover{
	background-color:rgba(30,137,228,1);
	color:rgba(255,255,255,1);
	background-position-x:-310px;
	background-position-y:-150px;
}

.pager-bar .next-page{
	background: url(../../images/yun/document/spring-doc.png) no-repeat;
	background-position-x:-260px;
	background-position-y:-150px;
}

.pager-bar .next-page:hover{
	background-color:rgba(30,137,228,1);
	color:rgba(255,255,255,1);
	background-position-x:-310px;
	background-position-y:-120px;
}

.pager-bar .last-page{
	background: url(../../images/yun/document/spring-doc.png) no-repeat;
	background-position-x:-260px;
	background-position-y:-92px;
}

.pager-bar .last-page:hover{
	background-color:rgba(30,137,228,1);
	color:rgba(255,255,255,1);
	background-position-x:-310px;
	background-position-y:-62px;
}

.ygb-size-box,.hbys-box,.hb-size-box{
	display: none;
}

.line-bg{
	width: 100%;
	height: auto;
	background-color: #fff;
}
.doc-iframe{
	height: 724px;
	margin: 0 auto;
	margin-top: 50px;
	width: 100%;
}

.ygb:hover,.hb:hover,.hbys-btn:hover,.hbwz:hover,.hbxpc:hover,.hbqc:hover{
	background: rgba(30,137,228,1);
}

.ygb:hover > .icon{
	background-position-x:-24px;
	background-position-y:-8px;
}

.hb:hover > .icon{
	background-position-x:-22px;
	background-position-y:-56px;
}

.hbys-btn:hover > .icon{
	background-position-x:-22px;
	background-position-y:-100px;
}

.hbwz:hover > .icon{
	background-position-x:-22px;
	background-position-y:-144px;
}

.hbxpc:hover > .icon{
	background-position-x:-134px;
	background-position-y:-54px;
}

.hbqc:hover > .icon{
	background-position-x:-132px;
	background-position-y:-102px;
}

/*.number-page:hover{
	background-color:rgba(30,137,228,1);
	color:rgba(255,255,255,1);
}*/