/*
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-position: -158px 0px;
  width: 49px;
  height: 48px;
}
.icon-u153 {
  
  background-position: -158px -48px;
  width: 24px;
  height: 24px;
}
.icon-u155 {
  
  background-position: -182px -48px;
  width: 24px;
  height: 24px;
}
.icon-u312 {
  
  background-position: -98px 0px;
  width: 60px;
  height: 60px;
}
.icon-u318 {
  
  background-position: 0px -98px;
  width: 60px;
  height: 60px;
}
.icon-u319 {
  
  background-position: -60px -98px;
  width: 60px;
  height: 60px;
}
.icon-u388 {
  
  background-position: 0px 0px;
  width: 98px;
  height: 98px;
}
.icon-u75 {
  
  background-position: -158px -72px;
  width: 24px;
  height: 20px;
}


/* 导航雪碧图 */



.close_btn {
  background-image: url(../img/index/smartsprite.png);
  background-position: 0px 0px;
  width: 50px;
  height: 50px;
}
.close_btn:hover {
  background-image: url(../img/index/smartsprite.png);
  background-position: -50px 0px;
  width: 50px;
  height: 50px;
}





 .logo.excel2pdf {
  
  background-position: -112px -132px;
  width: 28px;
  height: 24px;
}
 #header .header-h-x ul li:hover .logo.excel2pdf {
  
  background-position: -140px -132px;
  width: 28px;
  height: 24px;
}
 .logo.jpg2pdf {
  
  background-position: -168px 0px;
  width: 28px;
  height: 24px;
}
 #header .header-h-x ul li:hover .logo.jpg2pdf {
  
  background-position: -168px -24px;
  width: 28px;
  height: 24px;
}
 .logo.message {
  
  background-position: -60px -156px;
  width: 20px;
  height: 16px;
}
 #header .header-h-x ul li:hover .logo.message {
  
  background-position: -40px -156px;
  width: 20px;
  height: 16px;
}
 .logo.more {
  
  background-position: -168px -96px;
  width: 28px;
  height: 24px;
}
 .logo.page {
  
  background-position: -168px -120px;
  width: 28px;
  height: 24px;
}
 #header .header-h-x ul li:hover .logo.page:hover {
  
  background-position: -84px -24px;
  width: 28px;
  height: 24px;
}
 .logo.pdf2excel {
  
  background-position: -84px -48px;
  width: 28px;
  height: 24px;
}
 #header .header-h-x ul li:hover .logo.pdf2excel {
  
  background-position: 0px -84px;
  width: 28px;
  height: 24px;
}
 .logo.pdf2html {
  
  background-position: -28px -84px;
  width: 28px;
  height: 24px;
}
 #header .header-h-x ul li:hover .logo.pdf2html {
  
  background-position: -56px -84px;
  width: 28px;
  height: 24px;
}
 .logo.pdf2jpg {
  
  background-position: -84px -84px;
  width: 28px;
  height: 24px;
}
 #header .header-h-x ul li:hover .logo.pdf2jpg {
  
  background-position: -112px 0px;
  width: 28px;
  height: 24px;
}
 .logo.pdf2ppt {
  
  background-position: -112px -24px;
  width: 28px;
  height: 24px;
}
 #header .header-h-x ul li:hover .logo.pdf2ppt {
  
  background-position: -112px -48px;
  width: 28px;
  height: 24px;
}
 .logo.pdf2word {
  
  background-position: -112px -72px;
  width: 28px;
  height: 24px;
}
 #header .header-h-x ul li:hover .logo.pdf2word {
  
  background-position: 0px -108px;
  width: 28px;
  height: 24px;
}
 .logo.pdfcompress {
  
  background-position: -28px -108px;
  width: 28px;
  height: 24px;
}
 #header .header-h-x ul li:hover .logo.pdfcompress {
  
  background-position: -56px -108px;
  width: 28px;
  height: 24px;
}
 .logo.pdfmerge {
  
  background-position: -84px -108px;
  width: 28px;
  height: 24px;
}
 #header .header-h-x ul li:hover .logo.pdfmerge {
  
  background-position: -84px 0px;
  width: 28px;
  height: 24px;
}
 .logo.pdfrotate {
  
  background-position: -140px 0px;
  width: 28px;
  height: 24px;
}
 #header .header-h-x ul li:hover .logo.pdfrotate {
  
  background-position: -140px -24px;
  width: 28px;
  height: 24px;
}
 .logo.pdfsplit {
  
  background-position: -140px -48px;
  width: 28px;
  height: 24px;
}
 #header .header-h-x ul li:hover .logo.pdfsplit {
  
  background-position: -140px -72px;
  width: 28px;
  height: 24px;
}
 .logo.pdfunlock {
  
  background-position: -140px -96px;
  width: 28px;
  height: 24px;
}
 #header .header-h-x ul li:hover .logo.pdfunlock {
  
  background-position: 0px -132px;
  width: 28px;
  height: 24px;
}
 .logo.ppt2pdf {
  
  background-position: -28px -132px;
  width: 28px;
  height: 24px;
}
 #header .header-h-x ul li:hover .logo.ppt2pdf {
  
  background-position: -56px -132px;
  width: 28px;
  height: 24px;
}
#foot_share .sharebar-em {
  
  background-position: 0px 0px;
  width: 28px;
  height: 28px;
}
#foot_share .sharebar-em:hover {
  
  background-position: 0px -28px;
  width: 28px;
  height: 28px;
}
#foot_share .sharebar-qq {
  
  background-position: -28px -28px;
  width: 28px;
  height: 28px;
}
#foot_share .sharebar-qq:hover {
  
  background-position: -56px -28px;
  width: 28px;
  height: 28px;
}
#foot_share .sharebar-wx {
  
  background-position: 0px -56px;
  width: 28px;
  height: 28px;
}
#foot_share .sharebar-wx:hover {
  
  background-position: -56px -56px;
  width: 28px;
  height: 28px;
}
.icon-show {
  
  background-position: 0px -156px;
  width: 20px;
  height: 16px;
}
.icon-show_h {
  
  background-position: -20px -156px;
  width: 20px;
  height: 16px;
}
 .logo.watermark {
  
  background-position: -112px -108px;
  width: 28px;
  height: 24px;
}
 #header .header-h-x ul li:hover .logo.watermark {
  
  background-position: -168px -72px;
  width: 28px;
  height: 24px;
}
 .logo.word2pdf {
  
  background-position: -168px -48px;
  width: 28px;
  height: 24px;
}
 #header .header-h-x ul li:hover .logo.word2pdf {
  
  background-position: -84px -132px;
  width: 28px;
  height: 24px;
}


/* sp12雪碧图 */
.icon-1 {
  background-image: url(../img/sp12/usprite.png);
  background-position: -54px -40px;
  width: 50px;
  height: 50px;
}
.icon-2 {
  background-image: url(../img/sp12/usprite.png);
  background-position: 0px -94px;
  width: 50px;
  height: 50px;
}
.icon-3 {
  background-image: url(../img/sp12/usprite.png);
  background-position: -100px -94px;
  width: 50px;
  height: 50px;
}
.icon-4 {
  background-image: url(../img/sp12/usprite.png);
  background-position: -104px -40px;
  width: 50px;
  height: 50px;
}
.icon-5 {
  background-image: url(../img/sp12/usprite.png);
  background-position: -154px -40px;
  width: 50px;
  height: 50px;
}
.icon-hot {
  background-image: url(../img/sp12/usprite.png);
  background-position: -68px -190px;
  width: 22px;
  height: 11px;
}
.icon-new {
  background-image: url(../img/sp12/usprite.png);
  background-position: -46px -190px;
  width: 22px;
  height: 11px;
}
.icon-u0000 {
  background-image: url(../img/sp12/usprite.png);
  background-position: -169px -205px;
  width: 14px;
  height: 14px;
}
.icon-u1140 {
  background-image: url(../img/sp12/usprite.png);
  background-position: -92px -205px;
  width: 16px;
  height: 16px;
}
.icon-u116 {
  background-image: url(../img/sp12/usprite.png);
  background-position: -20px -205px;
  width: 20px;
  height: 20px;
}
.icon-u1332 {
  background-image: url(../img/sp12/usprite.png);
  background-position: -208px -140px;
  width: 20px;
  height: 20px;
}
.icon-u1335 {
  background-image: url(../img/sp12/usprite.png);
  background-position: -208px -120px;
  width: 20px;
  height: 20px;
}
.icon-u1339 {
  background-image: url(../img/sp12/usprite.png);
  background-position: -208px -180px;
  width: 20px;
  height: 20px;
}
.icon-u1341 {
  background-image: url(../img/sp12/usprite.png);
  background-position: -208px -160px;
  width: 20px;
  height: 20px;
}
.icon-u178 {
  background-image: url(../img/sp12/usprite.png);
  background-position: -160px -144px;
  width: 40px;
  height: 40px;
}
.icon-u180 {
  background-image: url(../img/sp12/usprite.png);
  background-position: 0px -144px;
  width: 40px;
  height: 40px;
}
.icon-u2 {
  background-image: url(../img/sp12/usprite.png);
  background-position: -76px -205px;
  width: 16px;
  height: 16px;
}
.icon-u213 {
  background-image: url(../img/sp12/usprite.png);
  background-position: -60px -205px;
  width: 16px;
  height: 16px;
}
.icon-u2133 {
  background-image: url(../img/sp12/usprite.png);
  background-position: -190px -110px;
  width: 16px;
  height: 16px;
}
.icon-u251 {
  background-image: url(../img/sp12/usprite.png);
  background-position: 0px -40px;
  width: 54px;
  height: 54px;
}
.icon-u283 {
  background-image: url(../img/sp12/usprite.png);
  background-position: -40px -205px;
  width: 20px;
  height: 18px;
}
.icon-u3 {
  background-image: url(../img/sp12/usprite.png);
  background-position: -108px -205px;
  width: 16px;
  height: 16px;
}
.icon-u305 {
  background-image: url(../img/sp12/usprite.png);
  background-position: -150px -94px;
  width: 40px;
  height: 40px;
}
.icon-u307 {
  background-image: url(../img/sp12/usprite.png);
  background-position: -120px -144px;
  width: 40px;
  height: 40px;
}
.icon-u309 {
  background-image: url(../img/sp12/usprite.png);
  background-position: -80px -144px;
  width: 40px;
  height: 40px;
}
.icon-u311 {
  background-image: url(../img/sp12/usprite.png);
  background-position: -40px -144px;
  width: 40px;
  height: 40px;
}
.icon-u322 {
  background-image: url(../img/sp12/usprite.png);
  background-position: -208px 0px;
  width: 30px;
  height: 30px;
}
.icon-u398 {
  background-image: url(../img/sp12/usprite.png);
  background-position: -140px -205px;
  width: 15px;
  height: 15px;
}
.icon-u4 {
  background-image: url(../img/sp12/usprite.png);
  background-position: -46px -184px;
  width: 70px;
  height: 6px;
}
.icon-u41 {
  background-image: url(../img/sp12/usprite.png);
  background-position: 0px 0px;
  width: 208px;
  height: 40px;
}
.icon-u59 {
  background-image: url(../img/sp12/usprite.png);
  background-position: 0px -184px;
  width: 46px;
  height: 21px;
}
.icon-u7 {
  background-image: url(../img/sp12/usprite.png);
  background-position: -50px -94px;
  width: 50px;
  height: 50px;
}
.icon-u846 {
  background-image: url(../img/sp12/usprite.png);
  background-position: -208px -30px;
  width: 28px;
  height: 18px;
}
.icon-u854 {
  background-image: url(../img/sp12/usprite.png);
  background-position: -208px -48px;
  width: 28px;
  height: 18px;
}
.icon-u856 {
  background-image: url(../img/sp12/usprite.png);
  background-position: -208px -66px;
  width: 28px;
  height: 18px;
}
.icon-u858 {
  background-image: url(../img/sp12/usprite.png);
  background-position: -208px -84px;
  width: 28px;
  height: 18px;
}
.icon-u860 {
  background-image: url(../img/sp12/usprite.png);
  background-position: -208px -102px;
  width: 28px;
  height: 18px;
}
.icon-u89 {
  background-image: url(../img/sp12/usprite.png);
  background-position: 0px -205px;
  width: 20px;
  height: 20px;
}
.icon-u90 {
  background-image: url(../img/sp12/usprite.png);
  background-position: -155px -205px;
  width: 14px;
  height: 14px;
}
.icon-u91 {
  background-image: url(../img/sp12/usprite.png);
  background-position: -124px -205px;
  width: 16px;
  height: 16px;
}
.icon-u92 {
  background-image: url(../img/sp12/usprite.png);
  background-position: -190px -94px;
  width: 16px;
  height: 16px;
}