jybxseo/resource/staticres/css/icons.css

.j-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
}
.base-icon {
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

/******* icon图标 *******/
/* 叉号 */
.icon-chahao {
  position: relative;
}
.icon-chahao:before,
.icon-chahao:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 3px;
  border-radius: 3px;
  background-color: #fff;
}
.icon-chahao:before {
  transform: translate(-50%,-50%) rotate(45deg);
}
.icon-chahao:after {
  transform: translate(-50%,-50%) rotate(-45deg);
}

.icon-chahao.danger:before,
.icon-chahao.danger:after {
  background-color: #FB483D;
}
.icon-chahao.warning:before,
.icon-chahao.warning:after {
  background-color: #FF9F40;
}
.icon-chahao.success:before,
.icon-chahao.success:after {
  background-color: #2ABED1;
}

.icon-add {
  position: relative;
}
.icon-add:before,
.icon-add:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 0.04rem;
  border-radius: 3px;
  background-color: #fff;
  transform: translate(-50%, -50%)  rotate(90deg);
}
.icon-add:after {
  transform: translate(-50%,-50%) rotate(180deg);
}

/* 电话 */
.icon-phone--gary {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAToSURBVHgB7Vk9UxtHGH5373DSOJE7UkXu0sSSqNxFdOksOk9GiCOCNCnAvwBRpgouMxHhJBhPUgFdOsQfwKf8AZQynZgUycDdvn5fSfeh00k6YbGMxzyNdvf29vbZ92OfXQE84AEfN8Skh1bJyniPZUkImR3XRyl0jo72T+CeMJZApbK5JQBrVMzA9GE6woUV+82vDmhGIoFKZWOHHtRgNnSFK5Z1kzDjDdZLK4vDk3eofpr8OmaI6AtahyxVMmjgz/S7DBoxYoFyuVoypDju17DTaO4/nTSAZRFhZV4GA0r3iW3bXdAEOdIgRd4vI4jGlPeBJtuhn9BtXDMPGjFCABGC1RNCfAkpgIBtv+wJuG8C2ImUn0AKIIrAAmTBHGjECAHT9ILJUIB8AylgeG4rqCCWQCNGCAx82nejTLX641Q3st/YTvQdq7xRBE2Qia0YBuX19X+p0iKl2td+WUl9VkgkgALO/TIFcqqgRFSd8B35OWhCIgGpoOWXBYg1SDWQCOKFyFyBJiQSsI/qLZjBp1l60LJbwaBKaBN3ctwDyu3BJjbJp2O6qUsC8PVgAbRgLIHoKrIbkWQYUaWrq99bUdFHkz+1m/vboBFjCfRWEYNYyChljkyMArwY1rBDk7dAM+SkhwJUIyzDVtwKZCU70ju7XvkhVcDPExMJ2Ie/2RAJ5rgV2EoUK2H+B7XHchw0Qk7rIFC9CspJVpBejd1nUM3gI/M4KV7uClMJ9K0QmaC3cDD0nLS/cOUKhJbKo2cegyZMJcAQSqyHFSzF9wU+RpKldsM+UFxbrR6ABoi0HSuV6h6l063Bax1xfbNs/94TfgGsykaNNNFO0IDiRBg360kntDItgiF4l8csVR0P8fw2txupCbBfozLeDs6/vNO1Gof1EaE3QiJGlq9q8DG5GFkp4TNdIt1S4J0jSsd03U58kW5NoPdxWjWUcBY0IOwRiVcwlQR0FSUD4191gp8t0Ps4y6nNEdfuyjgiBswA56+LTiG3xKSLvQYBz3O5JWi3L86H+rUvWoVn+Sva6b4dNH1Km14JPjFe0uS/8vux7BAKfiL1+w8NukgtSdlrEQy5Xfh66Zy/H384kwV8VMpVW8hQpfI1TLNZ3433699YGGeB2w1/eNdu1mvx/uDJoiIJL5COpkNuRq4obwrxeLoVgX48mOxK+RQkaAM0amECSJ78mO/wlQ3FXf92kKy1HBeKM7mQD8dx/i8Unv0BKNlFFgeTKia6E/Vtt9/+Sf0bdPgXEvEX+3B/L+V3urlc4Qsi/5zr5Gp/0/itaJ9bWcBHkiU4O4kbd31a9kgLkutkvX5CICvvNmOWS7WRjQP7Y6NZL0T1EPstPlo4Y6kNGvBeBHw06QzAfh22YFYKecC78V2Lu7kQYHBQcpBFdBMfGCy2Ru/IeUeYGwEGZwghveXocZStwae2tcrmJf/nMG+LzJUAgy/GyKWsEWv0iOAeye1Ldq3ynC6/3isLpYFFwUzZcydpM+PNCVC1PIRT0/WcpMzFlhsIPtoHcMWOCb47J+CjT0TyZjZJB3UHt4IO5fwryv8vorqJ/nt4Orj6DKCNgA/ru828MtV2/+JYZNO+N2731k4gCla3SkJRIJERvNJJYg67pIt27cN64u59rwTiYOuAxAw5e14JmZF832qoE51/WT3gAR8a3gG65x5HMrDqAAAAAABJRU5ErkJggg==);
}
.icon-phone--gary2 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAACp0lEQVRYR+2YS6hOURTHf3+PxMBEJI+MJaWkm8dATCQSIyZIUmR2ExNKdyDJIwMlMWCiOyCRiXQnJCWkTHS7KWUmj3QNuJZWHTrde/Y5e5/9fdc3uGf6rcdvr73W2mt9osc/9TgfU4C5N1QbQTNbCewAlgIjwF1J73KdpugHAc1sawFXtjcGXJP0KsVJjmwloJltA7YHDP8ELkkaznEcqzsB0MzWA3sbDHwGTkv6EeuorVwV4ClgcYTB+5IeRMhliVQBXgGmR1gdBfol/Y6QbS2SA+hOj0v60tp7hGIV4ACwIEL3K3Dif0TwILAmAvCmpKcRclkiVRFcC+xvsDopBeIMVYCzgfM1hfJE0q2ssCQohxr1PmBdwM49SQ8TfGSJhgCXACcDloclncvymqBc9xYfAlYHbPl7/CLBT2vROsD5/pwFcvE7MNDtHlhZJOWjmtlOYEvoqoGLkn61Dk+EYtM8OKPIxYUBW6+Bq91s1o0jv5ktA44BMwOQQ5JuRwSjlUgjoFs1s43AnhoPjyUNtiJoUIoCLCDreqOLDAGDnb7uFEDPx6PA8ppDvylyMlg4ZjYNmAt8izlMNGARxVk+YjUMtL4K3JD0afxBzKwP2A3MAXyefAbcqesESYAFpJ++HwhVtov5KObX/a+Z1+w5fhA/UOWOkwyYAOmiH4CXwDxgQ01q+CJ2vWpbbAVYuu7DDTmZUti+0l4YH8nWgAWkF45vgJ5bnfhGJJ0tG8oC/GvIzDYBu2qaeSz8mKQjHQcsoukvzoGG4mkCfS/pTFcAS1fu/0hsbhnNy5Ledg2wdOWLiv91VjWFrPR75Z7TkRwMQZiZT+Y+rjloaNhw9eAS1lXAUkR9EXPIFYDnqvdF/z4CjyQ9Dx1yUgATrnmC6BRgTvRct+cj+AfHOMQpu3tSHAAAAABJRU5ErkJggg==);
}
/* 电话 白色 */
.icon-phone-white {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAKiSURBVHgB7ZmBdZswEIYPL1B3A3WCuhPUnSDeIN7A3sB0AtMJ7E6QdgKcCZxMgDdIMsHl7iG/HEISIgHBe+F7Tw89ceLdL53EIQAmJj43ie8mIs7psqKiPGanJElOMDbI+Q2VJwyjoKJgLJAzO2wPi11AZGohpEfyTGWumx6o/Hf0Z5sbeAsxDqdfMCQkYC1DI8BeGTMxh4jMLG1K1P9CAzTiFyhn6UrUMLIJeBb10NF8FPXBBVxEXUEYcga+w5AYMd24BnSfhdyNYGiwuv+rd/RZQiRmjnYZEksI44+oryASLgH3oh66KC+i/gUi4RJwEvVbCOOnqL/A0LSJaUvqsYShIScy4VDmsTOdz2AM8CjKrdGWIhhpB3OEMUEO5cK51HL/iC3fGVExRrg2C8YsMdG2z2Cw/FjxzUJmiFQwJgJmYW6IPGPklLoR7dSVO8v9BVa33RzGREisU9vWsDnAmAiJdV4jhojcFU56UPbaZo99bwCWWM8ddqaIQorVz7lDO0/63kYLVNAlWA+lPYSJYMdutfNnbMe5UyEW53YOuy3Wz5UKo85hudLXwiOi2yMbrL6BfSKUx7HUYb/WgnKL+G62Z7SHws5jmzU57+irsK8vvTYihDMsJPT74tovayu8zcNtInLscNFhdc2l5v0ZfAA61Hqm8gOq38NLKnnbkX4vHxJwhURs6fJbNCkqvNAP2HNy14kAhkSkdOGD3YtoXkM5Gzvoic4EMPpHB4uQZ6qKSqq3wQ2OLd12gWWGWqCdQ+iW2LSIewfLF5NLSKHFrNCeHJr5Vy3hSyASLIQuG/AflPHJ+IMufLZ0Y9h/08f5w6FD64j+3MdGCmNDi+GFnaP7hyK3b13PiBZCIWCZcXLCxv8YvkK5Jf/jFyZMTExYeQWVKF8Cod7i3AAAAABJRU5ErkJggg==) no-repeat;
  background-size: contain;
}

.jy-icon-search{
  background: transparent url(/jybx/images/icon/jy-icon-search.png) no-repeat center;
  background-size: contain;
}

.jy-icon-close{
  background: transparent url(/jybx/images/icon/jy-icon-close.png) no-repeat center;
  background-size: contain;
}

/******** img背景图 **********/
.j-img {
  display: inline-block;
  width: 200px;
  height: 200px;
}
.img-empty {
  background: transparent url(/jybx/images/jy-back.png) no-repeat center;
  background-size: contain;
}