/*
Icon classes can be used entirely standalone. They are named after their original file names.

Example usage in HTML:

`display: block` sprite:
<div class="icon-home"></div>

To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class:

// CSS
.icon {
  display: inline-block;
}

// HTML
<i class="icon icon-home"></i>
*/
.icon-u1 {
  background-image: url(sprite.png);
  background-position: -158px 0px;
  width: 49px;
  height: 48px;
}
.icon-u153 {
  background-image: url(sprite.png);
  background-position: -158px -48px;
  width: 24px;
  height: 24px;
}
.icon-u155 {
  background-image: url(sprite.png);
  background-position: -182px -48px;
  width: 24px;
  height: 24px;
}
.icon-u312 {
  background-image: url(sprite.png);
  background-position: -98px 0px;
  width: 60px;
  height: 60px;
}
.icon-u318 {
  background-image: url(sprite.png);
  background-position: 0px -98px;
  width: 60px;
  height: 60px;
}
.icon-u319 {
  background-image: url(sprite.png);
  background-position: -60px -99px;
  width: 60px;
  height: 59px;
}
.icon-u388 {
  background-image: url(sprite.png);
  background-position: 0px 0px;
  width: 98px;
  height: 98px;
}
.icon-u75 {
  background-image: url(sprite.png);
  background-position: -158px -72px;
  width: 24px;
  height: 20px;
}


/* 导航雪碧图 */



.close_btn {
  background-image: url(../img/index/close.png);
  background-size:100% 100%;
  width: 32px !important;
  height: 32px !important;
}
.close_btn:hover {
  background-image: url(../img/index/close-h.png);
  background-size:100% 100%;
  width: 32px !important;
  height: 32px !important;
}





 .logo.excel2pdf {
  background-image: url(../img/index/sprite/sprite.png);
  background-position: -112px -132px;
  width: 28px;
  height: 24px;
}
 #header .header-h-x ul li:hover .logo.excel2pdf {
  background-image: url(../img/index/sprite/sprite.png);
  background-position: -140px -132px;
  width: 28px;
  height: 24px;
}
 .logo.jpg2pdf {
  background-image: url(../img/index/sprite/sprite.png);
  background-position: -168px 0px;
  width: 28px;
  height: 24px;
}
 #header .header-h-x ul li:hover .logo.jpg2pdf {
  background-image: url(../img/index/sprite/sprite.png);
  background-position: -168px -24px;
  width: 28px;
  height: 24px;
}
 .logo.page {
  background-image: url(../img/index/sprite/sprite.png);
  background-position: -168px -120px;
  width: 28px;
  height: 24px;
}
 #header .header-h-x ul li:hover .logo.page:hover {
  background-image: url(../img/index/sprite/sprite.png);
  background-position: -84px -24px;
  width: 28px;
  height: 24px;
}
 .logo.pdf2excel {
  background-image: url(../img/index/sprite/sprite.png);
  background-position: -84px -48px;
  width: 28px;
  height: 24px;
}
 #header .header-h-x ul li:hover .logo.pdf2excel {
  background-image: url(../img/index/sprite/sprite.png);
  background-position: 0px -84px;
  width: 28px;
  height: 24px;
}
 .logo.pdf2html {
  background-image: url(../img/index/sprite/sprite.png);
  background-position: -28px -84px;
  width: 28px;
  height: 24px;
}
 #header .header-h-x ul li:hover .logo.pdf2html {
  background-image: url(../img/index/sprite/sprite.png);
  background-position: -56px -84px;
  width: 28px;
  height: 24px;
}
 .logo.pdf2jpg {
  background-image: url(../img/index/sprite/sprite.png);
  background-position: -84px -84px;
  width: 28px;
  height: 24px;
}
 #header .header-h-x ul li:hover .logo.pdf2jpg {
  background-image: url(../img/index/sprite/sprite.png);
  background-position: -112px 0px;
  width: 28px;
  height: 24px;
}
 .logo.pdf2ppt {
  background-image: url(../img/index/sprite/sprite.png);
  background-position: -112px -24px;
  width: 28px;
  height: 24px;
}
 #header .header-h-x ul li:hover .logo.pdf2ppt {
  background-image: url(../img/index/sprite/sprite.png);
  background-position: -112px -48px;
  width: 28px;
  height: 24px;
}
 .logo.pdf2word {
  background-image: url(../img/index/sprite/sprite.png);
  background-position: -112px -72px;
  width: 28px;
  height: 24px;
}
 #header .header-h-x ul li:hover .logo.pdf2word {
  background-image: url(../img/index/sprite/sprite.png);
  background-position: 0px -108px;
  width: 28px;
  height: 24px;
}
 .logo.pdfcompress {
  background-image: url(../img/index/sprite/sprite.png);
  background-position: -28px -108px;
  width: 28px;
  height: 24px;
}
 #header .header-h-x ul li:hover .logo.pdfcompress {
  background-image: url(../img/index/sprite/sprite.png);
  background-position: -56px -108px;
  width: 28px;
  height: 24px;
}
 .logo.pdfmerge {
  background-image: url(../img/index/sprite/sprite.png);
  background-position: -84px -108px;
  width: 28px;
  height: 24px;
}
 #header .header-h-x ul li:hover .logo.pdfmerge {
  background-image: url(../img/index/sprite/sprite.png);
  background-position: -84px 0px;
  width: 28px;
  height: 24px;
}
 .logo.pdfrotate {
  background-image: url(../img/index/sprite/sprite.png);
  background-position: -140px 0px;
  width: 28px;
  height: 24px;
}
 #header .header-h-x ul li:hover .logo.pdfrotate {
  background-image: url(../img/index/sprite/sprite.png);
  background-position: -140px -24px;
  width: 28px;
  height: 24px;
}
 .logo.pdfsplit {
  background-image: url(../img/index/sprite/sprite.png);
  background-position: -140px -48px;
  width: 28px;
  height: 24px;
}
 #header .header-h-x ul li:hover .logo.pdfsplit {
  background-image: url(../img/index/sprite/sprite.png);
  background-position: -140px -72px;
  width: 28px;
  height: 24px;
}
 .logo.pdfunlock {
  background-image: url(../img/index/sprite/sprite.png);
  background-position: -140px -96px;
  width: 28px;
  height: 24px;
}
 #header .header-h-x ul li:hover .logo.pdfunlock {
  background-image: url(../img/index/sprite/sprite.png);
  background-position: 0px -132px;
  width: 28px;
  height: 24px;
}
 .logo.ppt2pdf {
  background-image: url(../img/index/sprite/sprite.png);
  background-position: -28px -132px;
  width: 28px;
  height: 24px;
}
 #header .header-h-x ul li:hover .logo.ppt2pdf {
  background-image: url(../img/index/sprite/sprite.png);
  background-position: -56px -132px;
  width: 28px;
  height: 24px;
}
#foot_share .sharebar-em {
  background-image: url(../img/index/sprite/sprite.png);
  background-position: 0px 0px;
  width: 28px;
  height: 28px;
}
#foot_share .sharebar-em:hover {
  background-image: url(../img/index/sprite/sprite.png);
  background-position: 0px -28px;
  width: 28px;
  height: 28px;
}
#foot_share .sharebar-qq {
  background-image: url(../img/index/sprite/sprite.png);
  background-position: -28px -28px;
  width: 28px;
  height: 28px;
  cursor: pointer;
}
#foot_share .sharebar-qq:hover {
  background-image: url(../img/index/sprite/sprite.png);
  background-position: -56px -28px;
  width: 28px;
  height: 28px;
}
#foot_share .sharebar-wx {
  background-image: url(../img/index/sprite/sprite.png);
  background-position: 0px -56px;
  width: 28px;
  height: 28px;
}
#foot_share .sharebar-wx:hover {
  background-image: url(../img/index/sprite/sprite.png);
  background-position: -56px -56px;
  width: 28px;
  height: 28px;
}
 .logo.watermark {
  background-image: url(../img/index/sprite/sprite.png);
  background-position: -112px -108px;
  width: 28px;
  height: 24px;
}
 #header .header-h-x ul li:hover .logo.watermark {
  background-image: url(../img/index/sprite/sprite.png);
  background-position: -168px -72px;
  width: 28px;
  height: 24px;
}
 .logo.word2pdf {
  background-image: url(../img/index/sprite/sprite.png);
  background-position: -168px -48px;
  width: 28px;
  height: 24px;
}
 #header .header-h-x ul li:hover .logo.word2pdf {
  background-image: url(../img/index/sprite/sprite.png);
  background-position: -84px -132px;
  width: 28px;
  height: 24px;
}
 .logo.pdfgetimg {
  background-image: url(../img/index/sprite/getimg-sprite.png);
}
 #header .header-h-x ul li:hover .logo.pdfgetimg {
  background-image: url(../img/index/sprite/getimg-sprite-hover.png);
}
 .logo.pdfexportimage {
  background-image: url(../img/index/sprite/getimg-sprite.png);
}
 #header .header-h-x ul li:hover .logo.pdfexportimage {
  background-image: url(../img/index/sprite/getimg-sprite-hover.png);
}
 .logo.timestamp {
  background-image: url(../img/index/sprite/timestamp-sprite.png);
}

 #header .header-h-x ul li:hover .logo.timestamp {
  background-image: url(../img/index/sprite/timestamp-sprite-hover.png);
}
 .logo.pdfaddpagenumber {
  background-image: url(../img/index/sprite/PDFAddPageNumber-sprite.png);
}
 #header .header-h-x ul li:hover .logo.pdfaddpagenumber {
  background-image: url(../img/index/sprite/PDFAddPageNumber-sprite-hover.png);
}
 .logo.pdf2cad {
  background-image: url(../img/index/sprite/pdf-2-cad-sprite.png);
}
 #header .header-h-x ul li:hover .logo.pdf2cad {
  background-image: url(../img/index/sprite/pdf-2-cad-sprite-hover.png);
}
 .logo.cad2pdf {
  background-image: url(../img/index/sprite/cad-2-pdf-sprite.png);
}
 #header .header-h-x ul li:hover .logo.cad2pdf {
  background-image: url(../img/index/sprite/cad-2-pdf-sprite-hover.png);
}
 .logo.pdfscan {
  background-image: url(../img/index/sprite/pdf-scan-sprite.png);
}
 #header .header-h-x ul li:hover .logo.pdfscan {
  background-image: url(../img/index/sprite/pdf-scan-sprite-hover.png);
}
 .logo.pdfportfolio {
  background-image: url(../img/index/sprite/pdf-portfolios-sprite.png);
}
 #header .header-h-x ul li:hover .logo.pdfportfolio {
  background-image: url(../img/index/sprite/pdf-portfolios-sprite-hover.png);
}


/* sp12雪碧图 */
.icon-u322 {
  background-image: url(../img/sp12/usprite.png);
  background-position: -208px 0px;
  width: 30px;
  height: 30px;
}
.icon-u90 {
  background-image: url(../img/sp12/usprite.png);
  background-position: -155px -205px;
  width: 14px;
  height: 14px;
}



/* upload页面 */
.icon-up1 {
  background-image: url(../img/upload/sprite/sprite.png);
  background-position: -34px 0px;
  width: 17px;
  height: 17px;
}
.icon-up1:hover {
  background-image: url(../img/upload/sprite/sprite.png);
  background-position: 0px -19px;
  width: 17px;
  height: 17px;
}
.icon-up213 {
  background-image: url(../img/upload/sprite/sprite.png);
  background-position: -51px 0px;
  width: 16px;
  height: 16px;
}
.icon-up213:hover {
  background-image: url(../img/upload/sprite/sprite.png);
  background-position: -51px -16px;
  width: 16px;
  height: 16px;
}
.icon-up3 {
  background-image: url(../img/upload/sprite/sprite.png);
  background-position: -17px -19px;
  width: 17px;
  height: 17px;
}
.icon-up3:hover {
  background-image: url(../img/upload/sprite/sprite.png);
  background-position: -34px -19px;
  width: 17px;
  height: 17px;
}
