style.css

[class*=plx-icon--]{display:inline-block;vertical-align:middle;position:relative;direction:ltr;font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,\\5FAE\8F6F\96C5\9ED1,Arial,sans-serif}[class*=plx-icon--].rotate45{-webkit-transform:rotate(45deg);transform:rotate(45deg)}[class*=plx-icon--].rotate90{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.plx-icon--arrow-bottom,.plx-icon--arrow-left,.plx-icon--arrow-right,.plx-icon--arrow-top,.plx-icon--caret-bottom,.plx-icon--caret-left,.plx-icon--caret-right,.plx-icon--caret-top,.plx-icon--circle-plus,.plx-icon--close,.plx-icon--d-arrow-left,.plx-icon--d-arrow-right,.plx-icon--download,.plx-icon--error,.plx-icon--funnel,.plx-icon--info,.plx-icon--menu,.plx-icon--minus,.plx-icon--more,.plx-icon--plus,.plx-icon--question,.plx-icon--refresh,.plx-icon--remove,.plx-icon--success,.plx-icon--upload,.plx-icon--warning,.plx-icon--zoomin,.plx-icon--zoomout{width:1em;height:1em;line-height:1em}.plx-icon--arrow-bottom:before,.plx-icon--arrow-left:before,.plx-icon--arrow-right:before,.plx-icon--arrow-top:before,.plx-icon--caret-bottom:before,.plx-icon--caret-left:before,.plx-icon--caret-right:before,.plx-icon--caret-top:before,.plx-icon--circle-plus:after,.plx-icon--close:before,.plx-icon--d-arrow-left:after,.plx-icon--d-arrow-left:before,.plx-icon--d-arrow-right:after,.plx-icon--d-arrow-right:before,.plx-icon--download:after,.plx-icon--download:before,.plx-icon--edit-outline:after,.plx-icon--edit-outline:before,.plx-icon--error:after,.plx-icon--funnel:after,.plx-icon--funnel:before,.plx-icon--info:after,.plx-icon--minus:before,.plx-icon--plus:before,.plx-icon--question:after,.plx-icon--refresh:after,.plx-icon--refresh:before,.plx-icon--remove:after,.plx-icon--success:after,.plx-icon--upload:after,.plx-icon--upload:before,.plx-icon--warning:after,.plx-icon--zoomin:after,.plx-icon--zoomin:before,.plx-icon--zoomout:after,.plx-icon--zoomout:before{content:"";position:absolute}.plx-icon--zoomin{border-width:.1em;border-style:solid;border-color:inherit;background-color:#fff}.plx-icon--zoomin:after,.plx-icon--zoomin:before{background-color:inherit}.plx-icon--zoomin:before{left:-.1em;top:.2em;width:1.1em;height:.4em}.plx-icon--zoomin:after{top:-.1em;left:.2em;width:.4em;height:1.1em}.plx-icon--zoomout{position:relative}.plx-icon--zoomout:before{right:0;top:0;width:.7em;height:.7em;border-width:.1em;border-style:solid;border-color:inherit}.plx-icon--zoomout:after{left:.1em;bottom:.1em;width:.7em;height:.7em;border-width:.1em;border-style:solid;border-color:inherit;background-color:#fff}.plx-icon--menu:before{content:"";display:inline-block;width:.24em;height:.24em;-webkit-box-shadow:0 -.38em 0,-.38em -.38em 0,.38em -.38em 0,0 0 0 1em inset,-.38em 0 0,.38em 0 0,0 .38em 0,-.38em .38em 0,.38em .38em 0;box-shadow:0 -.38em 0,-.38em -.38em 0,.38em -.38em 0,0 0 0 1em inset,-.38em 0 0,.38em 0 0,0 .38em 0,-.38em .38em 0,.38em .38em 0;margin:.24em}.plx-icon--caret-bottom:before,.plx-icon--caret-left:before,.plx-icon--caret-right:before,.plx-icon--caret-top:before{left:0;bottom:.25em;border-width:.4em;border-style:solid;border-top-color:transparent;border-right-color:transparent;border-bottom-color:inherit;border-left-color:transparent}.plx-icon--caret-bottom:before{left:0;bottom:-.25em;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.plx-icon--caret-left:before{left:-.25em;bottom:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.plx-icon--caret-right:before{left:.25em;bottom:0;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.plx-icon--arrow-bottom:before,.plx-icon--arrow-left:before,.plx-icon--arrow-right:before,.plx-icon--arrow-top:before{top:.4em;left:.14em;width:.7em;height:.7em;border-width:.15em;border-style:solid;border-top-color:inherit;border-right-color:inherit;border-bottom-color:transparent;border-left-color:transparent;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.plx-icon--arrow-bottom:before{top:0;left:.14em;-webkit-transform:rotate(135deg);transform:rotate(135deg)}.plx-icon--arrow-left:before{top:.14em;left:.4em;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.plx-icon--arrow-right:before{top:.14em;left:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.plx-icon--d-arrow-left:before,.plx-icon--d-arrow-right:before{left:.2em}.plx-icon--d-arrow-left:after,.plx-icon--d-arrow-right:after{left:.58em}.plx-icon--d-arrow-left:after,.plx-icon--d-arrow-left:before,.plx-icon--d-arrow-right:after,.plx-icon--d-arrow-right:before{top:.14em;width:.7em;height:.7em;border-width:.15em;border-style:solid;border-top-color:inherit;border-right-color:transparent;border-bottom-color:transparent;border-left-color:inherit;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.plx-icon--d-arrow-right:after,.plx-icon--d-arrow-right:before{-webkit-transform:rotate(135deg);transform:rotate(135deg)}.plx-icon--d-arrow-right:before{left:-.22em}.plx-icon--d-arrow-right:after{left:.16em}.plx-icon--funnel:before{top:.05em;left:0;border-width:.5em;border-style:solid;border-top-color:inherit;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent}.plx-icon--funnel:after{left:.41em;top:.4em;width:0;height:.5em;border-width:0 .2em 0 0;border-style:solid;border-right-color:inherit}.plx-icon--edit-outline{height:.88em;width:.88em;margin:0 .06em .12em .06em;border-radius:.2em;border-width:.1em;border-style:solid;border-color:inherit}.plx-icon--edit-outline:before{top:-.1em;right:-.1em;width:.4em;height:.4em;background-color:#fff}.plx-icon--edit-outline:after{left:.15em;top:.12em;width:.8em;height:0;border-radius:.2em;border-width:0 0 .15em 0;border-style:solid;border-color:inherit;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.plx-icon--more:before{content:"...";position:absolute;top:0;left:.1em;line-height:.5em;font-weight:700}.plx-icon--plus:before{content:"+";top:.01em;left:-.08em;font-size:2em;font-weight:400}.plx-icon--close:before{content:"+";top:-.02em;left:-.12em;font-size:2.4em;font-weight:400;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.plx-icon--minus:before{left:0;top:.42em;border-width:0 0 .15em 0;border-color:inherit;border-style:solid;height:0;width:100%}.plx-icon--refresh{border-width:.1em;border-style:solid;border-radius:50%;border-right-color:transparent!important;border-left-color:transparent!important}.plx-icon--refresh:before{left:50%;top:0;-webkit-transform:translateX(50%) rotate(-45deg);transform:translateX(50%) rotate(-45deg)}.plx-icon--refresh:after{right:50%;bottom:0;-webkit-transform:translateX(-50%) rotate(135deg);transform:translateX(-50%) rotate(135deg)}.plx-icon--refresh:after,.plx-icon--refresh:before{width:0;height:0;border-width:.25em;border-style:solid;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent}.plx-icon--refresh.roll{-webkit-animation:rollCircle 1s infinite linear;animation:rollCircle 1s infinite linear}@-webkit-keyframes rollCircle{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rollCircle{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.plx-icon--circle-plus:before,.plx-icon--error:before,.plx-icon--info:before,.plx-icon--question:before,.plx-icon--remove:before,.plx-icon--success:before,.plx-icon--warning:before{content:"";border-radius:50%;border-width:.5em;border-style:solid;border-color:inherit;position:absolute;top:0;left:0}.plx-icon--question:after{content:"?";top:.06em;left:.28em;font-size:.8em;font-weight:700;color:#fff}.plx-icon--info:after{content:"!";top:-.02em;left:.46em;font-size:.8em;font-weight:700;color:#fff;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.plx-icon--warning:after{content:"!";top:.02em;left:.4em;font-size:.8em;font-weight:700;color:#fff}.plx-icon--success:after{height:.55em;width:.3em;left:.35em;top:.15em;border-width:.1em;border-style:solid;border-color:#fff;border-left:0;border-top:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.plx-icon--circle-plus:after,.plx-icon--error:after,.plx-icon--remove:after{content:"+";top:0;left:.08em;font-size:1.22em;font-weight:400;color:#fff}.plx-icon--remove:after{content:"-";top:.38em;left:.22em;border-width:0 0 .1em 0;border-color:#fff;border-style:solid;height:0;width:.4em}.plx-icon--error:after{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.plx-icon--download,.plx-icon--upload{height:.9em;border-width:0;border-style:solid;border-color:inherit}.plx-icon--download:before,.plx-icon--upload:before{left:.47em;height:.6em;border-width:0;border-style:solid;border-color:inherit;border-right-width:.1em}.plx-icon--download:after,.plx-icon--upload:after{left:.23em;bottom:.26em;width:.6em;height:.6em;border-width:.1em;border-style:solid;-webkit-transform:rotate(135deg);transform:rotate(135deg)}.plx-icon--upload{border-top-width:.1em}.plx-icon--upload:before{top:.2em}.plx-icon--upload:after{top:.2em;border-top-color:transparent;border-right-color:transparent;border-bottom-color:inherit;border-left-color:inherit}.plx-icon--download{border-bottom-width:.1em}.plx-icon--download:before{bottom:.2em}.plx-icon--download:after{bottom:.2em;border-top-color:inherit;border-right-color:inherit;border-bottom-color:transparent;border-left-color:transparent}