
 /* icon */
 
 .febsui-icon {
  float: left;
  width: 22px;
  height: 22px;
  /* margin-top: -3px; */
}

.febsui-icon-ok {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiPgo8cGF0aCBmaWxsPSIjZmZmIiBkPSJNOSAxNi4xNzJsMTAuNTk0LTEwLjU5NCAxLjQwNiAxLjQwNi0xMiAxMi01LjU3OC01LjU3OCAxLjQwNi0xLjQwNnoiPjwvcGF0aD4KPC9zdmc+Cg==);
  /* to multiline css for fix android qq webview */
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 0%;
}

.febsui-icon-warn {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiB2aWV3Qm94PSIwIDAgMzIgMzIiPgo8cGF0aCBmaWxsPSIjZmZmIiBkPSJNMTggNHYxNmgtNHYtMTZoNHpNMTQgMjhoNHYtNGgtNHY0eiI+PC9wYXRoPgo8L3N2Zz4K);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 0%;
}

.febsui-icon-error {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiPgo8cGF0aCBmaWxsPSIjZmZmIiBkPSJNMTguOTg0IDYuNDIybC01LjU3OCA1LjU3OCA1LjU3OCA1LjU3OC0xLjQwNiAxLjQwNi01LjU3OC01LjU3OC01LjU3OCA1LjU3OC0xLjQwNi0xLjQwNiA1LjU3OC01LjU3OC01LjU3OC01LjU3OCAxLjQwNi0xLjQwNiA1LjU3OCA1LjU3OCA1LjU3OC01LjU3OHoiPjwvcGF0aD4KPC9zdmc+Cg==);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 0%;
}

.febsui-icon-spin1 {
  background-image: url(data:image/svg+xml;base64, );
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 0%;
}
.febsui-icon-spin1-white {
  background-image: url(data:image/svg+xml;base64, );
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 0%;
}

.febsui-icon-spin2 {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiB2aWV3Qm94PSIwIDAgMzIgMzIiPgo8cGF0aCBmaWxsPSIjNzk3QTc5IiBkPSJNMTIgNGMwLTIuMjA5IDEuNzkxLTQgNC00czQgMS43OTEgNCA0YzAgMi4yMDktMS43OTEgNC00IDRzLTQtMS43OTEtNC00ek0yMC40ODUgNy41MTVjMC0yLjIwOSAxLjc5MS00IDQtNHM0IDEuNzkxIDQgNGMwIDIuMjA5LTEuNzkxIDQtNCA0cy00LTEuNzkxLTQtNHpNMjYgMTZjMC0xLjEwNSAwLjg5NS0yIDItMnMyIDAuODk1IDIgMmMwIDEuMTA1LTAuODk1IDItMiAycy0yLTAuODk1LTItMnpNMjIuNDg1IDI0LjQ4NWMwLTEuMTA1IDAuODk1LTIgMi0yczIgMC44OTUgMiAyYzAgMS4xMDUtMC44OTUgMi0yIDJzLTItMC44OTUtMi0yek0xNCAyOGMwIDAgMCAwIDAgMCAwLTEuMTA1IDAuODk1LTIgMi0yczIgMC44OTUgMiAyYzAgMCAwIDAgMCAwIDAgMS4xMDUtMC44OTUgMi0yIDJzLTItMC44OTUtMi0yek01LjUxNSAyNC40ODVjMCAwIDAgMCAwIDAgMC0xLjEwNSAwLjg5NS0yIDItMnMyIDAuODk1IDIgMmMwIDAgMCAwIDAgMCAwIDEuMTA1LTAuODk1IDItMiAycy0yLTAuODk1LTItMnpNNC41MTUgNy41MTVjMCAwIDAgMCAwIDAgMC0xLjY1NyAxLjM0My0zIDMtM3MzIDEuMzQzIDMgM2MwIDAgMCAwIDAgMCAwIDEuNjU3LTEuMzQzIDMtMyAzcy0zLTEuMzQzLTMtM3pNMS43NSAxNmMwLTEuMjQzIDEuMDA3LTIuMjUgMi4yNS0yLjI1czIuMjUgMS4wMDcgMi4yNSAyLjI1YzAgMS4yNDMtMS4wMDcgMi4yNS0yLjI1IDIuMjVzLTIuMjUtMS4wMDctMi4yNS0yLjI1eiI+PC9wYXRoPgo8L3N2Zz4K);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 0%;
}
.febsui-icon-spin2-white {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiB2aWV3Qm94PSIwIDAgMzIgMzIiPgo8cGF0aCBmaWxsPSIjZmZmIiBkPSJNMTIgNGMwLTIuMjA5IDEuNzkxLTQgNC00czQgMS43OTEgNCA0YzAgMi4yMDktMS43OTEgNC00IDRzLTQtMS43OTEtNC00ek0yMC40ODUgNy41MTVjMC0yLjIwOSAxLjc5MS00IDQtNHM0IDEuNzkxIDQgNGMwIDIuMjA5LTEuNzkxIDQtNCA0cy00LTEuNzkxLTQtNHpNMjYgMTZjMC0xLjEwNSAwLjg5NS0yIDItMnMyIDAuODk1IDIgMmMwIDEuMTA1LTAuODk1IDItMiAycy0yLTAuODk1LTItMnpNMjIuNDg1IDI0LjQ4NWMwLTEuMTA1IDAuODk1LTIgMi0yczIgMC44OTUgMiAyYzAgMS4xMDUtMC44OTUgMi0yIDJzLTItMC44OTUtMi0yek0xNCAyOGMwIDAgMCAwIDAgMCAwLTEuMTA1IDAuODk1LTIgMi0yczIgMC44OTUgMiAyYzAgMCAwIDAgMCAwIDAgMS4xMDUtMC44OTUgMi0yIDJzLTItMC44OTUtMi0yek01LjUxNSAyNC40ODVjMCAwIDAgMCAwIDAgMC0xLjEwNSAwLjg5NS0yIDItMnMyIDAuODk1IDIgMmMwIDAgMCAwIDAgMCAwIDEuMTA1LTAuODk1IDItMiAycy0yLTAuODk1LTItMnpNNC41MTUgNy41MTVjMCAwIDAgMCAwIDAgMC0xLjY1NyAxLjM0My0zIDMtM3MzIDEuMzQzIDMgM2MwIDAgMCAwIDAgMCAwIDEuNjU3LTEuMzQzIDMtMyAzcy0zLTEuMzQzLTMtM3pNMS43NSAxNmMwLTEuMjQzIDEuMDA3LTIuMjUgMi4yNS0yLjI1czIuMjUgMS4wMDcgMi4yNSAyLjI1YzAgMS4yNDMtMS4wMDcgMi4yNS0yLjI1IDIuMjVzLTIuMjUtMS4wMDctMi4yNS0yLjI1eiI+PC9wYXRoPgo8L3N2Zz4K);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 0%;
}

.febsui-icon-spin3 {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiB2aWV3Qm94PSIwIDAgMzIgMzIiPgo8cGF0aCBmaWxsPSIjNzk3QTc5IiBkPSJNMzIgMTZjLTAuMDQwLTIuMDg5LTAuNDkzLTQuMTcyLTEuMzMxLTYuMDc3LTAuODM0LTEuOTA2LTIuMDQ2LTMuNjMzLTMuNTMzLTUuMDYwLTEuNDg2LTEuNDI4LTMuMjQ4LTIuNTU3LTUuMTU2LTMuMzAyLTEuOTA2LTAuNzQ4LTMuOTU2LTEuMTA1LTUuOTgxLTEuMDYxLTIuMDI1IDAuMDQwLTQuMDQyIDAuNDgtNS44ODUgMS4yOTItMS44NDUgMC44MDktMy41MTcgMS45ODMtNC44OTggMy40MjRzLTIuNDc0IDMuMTQ3LTMuMTkzIDQuOTk0Yy0wLjcyMiAxLjg0Ni0xLjA2NyAzLjgyOS0xLjAyMyA1Ljc5IDAuMDQwIDEuOTYxIDAuNDY4IDMuOTExIDEuMjU0IDUuNjk0IDAuNzg0IDEuNzg0IDEuOTIxIDMuNDAxIDMuMzE2IDQuNzM2IDEuMzk0IDEuMzM2IDMuMDQ2IDIuMzkxIDQuODMyIDMuMDg1IDEuNzg1IDAuNjk3IDMuNzAxIDEuMDI4IDUuNTk4IDAuOTg1IDEuODk3LTAuMDQwIDMuNzgtMC40NTUgNS41MDItMS4yMTYgMS43MjMtMC43NTkgMy4yODUtMS44NTkgNC41NzQtMy4yMDggMS4yOS0xLjM0OCAyLjMwOC0yLjk0NSAyLjk3Ny00LjY3IDAuNDA3LTEuMDQ2IDAuNjg0LTIuMTM3IDAuODI5LTMuMjQ0IDAuMDM5IDAuMDAyIDAuMDc4IDAuMDA0IDAuMTE4IDAuMDA0IDEuMTA1IDAgMi0wLjg5NSAyLTIgMC0wLjA1Ni0wLjAwMy0wLjExMi0wLjAwNy0wLjE2N2gwLjAwN3pNMjguODIyIDIxLjMxMWMtMC43MzMgMS42NjMtMS43OTYgMy4xNjktMy4wOTkgNC40MTJzLTIuODQ0IDIuMjI1LTQuNTA4IDIuODY4Yy0xLjY2MyAwLjY0Ni0zLjQ0NyAwLjk1Mi01LjIxNSAwLjkwOS0xLjc2OS0wLjA0MS0zLjUxOS0wLjQyOS01LjExOS0xLjE0LTEuNjAyLTAuNzA4LTMuMDUzLTEuNzM0LTQuMjUtMi45OTFzLTIuMTQxLTIuNzQzLTIuNzYtNC4zNDZjLTAuNjIxLTEuNjAzLTAuOTEzLTMuMzE5LTAuODcxLTUuMDI0IDAuMDQxLTEuNzA1IDAuNDE3LTMuMzg4IDEuMTAyLTQuOTI4IDAuNjgzLTEuNTQxIDEuNjcyLTIuOTM3IDIuODgzLTQuMDg4czIuNjQyLTIuMDU4IDQuMTg0LTIuNjUyYzEuNTQyLTAuNTk2IDMuMTkyLTAuODc1IDQuODMyLTAuODMzIDEuNjQxIDAuMDQxIDMuMjU3IDAuNDA0IDQuNzM2IDEuMDY0IDEuNDggMC42NTggMi44MiAxLjYwOSAzLjkyNiAyLjc3NHMxLjk3NSAyLjU0IDIuNTQzIDQuMDIxYzAuNTcgMS40ODEgMC44MzcgMy4wNjQgMC43OTQgNC42NDFoMC4wMDdjLTAuMDA1IDAuMDU1LTAuMDA3IDAuMTEtMC4wMDcgMC4xNjcgMCAxLjAzMiAwLjc4MSAxLjg4IDEuNzg0IDEuOTg4LTAuMTk1IDEuMDg4LTAuNTE3IDIuMTUxLTAuOTYyIDMuMTU2eiI+PC9wYXRoPgo8L3N2Zz4K);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 0%;
}
.febsui-icon-spin3-white {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiB2aWV3Qm94PSIwIDAgMzIgMzIiPgo8cGF0aCBmaWxsPSIjZmZmIiBkPSJNMzIgMTZjLTAuMDQwLTIuMDg5LTAuNDkzLTQuMTcyLTEuMzMxLTYuMDc3LTAuODM0LTEuOTA2LTIuMDQ2LTMuNjMzLTMuNTMzLTUuMDYwLTEuNDg2LTEuNDI4LTMuMjQ4LTIuNTU3LTUuMTU2LTMuMzAyLTEuOTA2LTAuNzQ4LTMuOTU2LTEuMTA1LTUuOTgxLTEuMDYxLTIuMDI1IDAuMDQwLTQuMDQyIDAuNDgtNS44ODUgMS4yOTItMS44NDUgMC44MDktMy41MTcgMS45ODMtNC44OTggMy40MjRzLTIuNDc0IDMuMTQ3LTMuMTkzIDQuOTk0Yy0wLjcyMiAxLjg0Ni0xLjA2NyAzLjgyOS0xLjAyMyA1Ljc5IDAuMDQwIDEuOTYxIDAuNDY4IDMuOTExIDEuMjU0IDUuNjk0IDAuNzg0IDEuNzg0IDEuOTIxIDMuNDAxIDMuMzE2IDQuNzM2IDEuMzk0IDEuMzM2IDMuMDQ2IDIuMzkxIDQuODMyIDMuMDg1IDEuNzg1IDAuNjk3IDMuNzAxIDEuMDI4IDUuNTk4IDAuOTg1IDEuODk3LTAuMDQwIDMuNzgtMC40NTUgNS41MDItMS4yMTYgMS43MjMtMC43NTkgMy4yODUtMS44NTkgNC41NzQtMy4yMDggMS4yOS0xLjM0OCAyLjMwOC0yLjk0NSAyLjk3Ny00LjY3IDAuNDA3LTEuMDQ2IDAuNjg0LTIuMTM3IDAuODI5LTMuMjQ0IDAuMDM5IDAuMDAyIDAuMDc4IDAuMDA0IDAuMTE4IDAuMDA0IDEuMTA1IDAgMi0wLjg5NSAyLTIgMC0wLjA1Ni0wLjAwMy0wLjExMi0wLjAwNy0wLjE2N2gwLjAwN3pNMjguODIyIDIxLjMxMWMtMC43MzMgMS42NjMtMS43OTYgMy4xNjktMy4wOTkgNC40MTJzLTIuODQ0IDIuMjI1LTQuNTA4IDIuODY4Yy0xLjY2MyAwLjY0Ni0zLjQ0NyAwLjk1Mi01LjIxNSAwLjkwOS0xLjc2OS0wLjA0MS0zLjUxOS0wLjQyOS01LjExOS0xLjE0LTEuNjAyLTAuNzA4LTMuMDUzLTEuNzM0LTQuMjUtMi45OTFzLTIuMTQxLTIuNzQzLTIuNzYtNC4zNDZjLTAuNjIxLTEuNjAzLTAuOTEzLTMuMzE5LTAuODcxLTUuMDI0IDAuMDQxLTEuNzA1IDAuNDE3LTMuMzg4IDEuMTAyLTQuOTI4IDAuNjgzLTEuNTQxIDEuNjcyLTIuOTM3IDIuODgzLTQuMDg4czIuNjQyLTIuMDU4IDQuMTg0LTIuNjUyYzEuNTQyLTAuNTk2IDMuMTkyLTAuODc1IDQuODMyLTAuODMzIDEuNjQxIDAuMDQxIDMuMjU3IDAuNDA0IDQuNzM2IDEuMDY0IDEuNDggMC42NTggMi44MiAxLjYwOSAzLjkyNiAyLjc3NHMxLjk3NSAyLjU0IDIuNTQzIDQuMDIxYzAuNTcgMS40ODEgMC44MzcgMy4wNjQgMC43OTQgNC42NDFoMC4wMDdjLTAuMDA1IDAuMDU1LTAuMDA3IDAuMTEtMC4wMDcgMC4xNjcgMCAxLjAzMiAwLjc4MSAxLjg4IDEuNzg0IDEuOTg4LTAuMTk1IDEuMDg4LTAuNTE3IDIuMTUxLTAuOTYyIDMuMTU2eiI+PC9wYXRoPgo8L3N2Zz4K);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 0%;
}

.febsui-icon-spin4 {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiB2aWV3Qm94PSIwIDAgMzIgMzIiPgo8cGF0aCBmaWxsPSIjNzk3QTc5IiBkPSJNMTYgMzJjLTQuMjc0IDAtOC4yOTItMS42NjQtMTEuMzE0LTQuNjg2cy00LjY4Ni03LjA0MC00LjY4Ni0xMS4zMTRjMC0zLjAyNiAwLjg0OS01Ljk3MyAyLjQ1Ni04LjUyMiAxLjU2My0yLjQ3OCAzLjc3MS00LjQ4IDYuMzg2LTUuNzkxbDEuMzQ0IDIuNjgyYy0yLjEyNiAxLjA2NS0zLjkyMiAyLjY5My01LjE5MiA0LjcwOC0xLjMwNSAyLjA2OS0xLjk5NCA0LjQ2Mi0xLjk5NCA2LjkyMiAwIDcuMTY4IDUuODMyIDEzIDEzIDEzczEzLTUuODMyIDEzLTEzYzAtMi40NTktMC42OS00Ljg1My0xLjk5NC02LjkyMi0xLjI3MS0yLjAxNS0zLjA2Ni0zLjY0My01LjE5Mi00LjcwOGwxLjM0NC0yLjY4MmMyLjYxNSAxLjMxIDQuODI0IDMuMzEzIDYuMzg2IDUuNzkxIDEuNjA3IDIuNTQ5IDIuNDU2IDUuNDk1IDIuNDU2IDguNTIyIDAgNC4yNzQtMS42NjQgOC4yOTItNC42ODYgMTEuMzE0cy03LjA0MCA0LjY4Ni0xMS4zMTQgNC42ODZ6Ij48L3BhdGg+Cjwvc3ZnPgo=);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 0%;
}
.febsui-icon-spin4-white {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiB2aWV3Qm94PSIwIDAgMzIgMzIiPgo8cGF0aCBmaWxsPSIjZmZmIiBkPSJNMTYgMzJjLTQuMjc0IDAtOC4yOTItMS42NjQtMTEuMzE0LTQuNjg2cy00LjY4Ni03LjA0MC00LjY4Ni0xMS4zMTRjMC0zLjAyNiAwLjg0OS01Ljk3MyAyLjQ1Ni04LjUyMiAxLjU2My0yLjQ3OCAzLjc3MS00LjQ4IDYuMzg2LTUuNzkxbDEuMzQ0IDIuNjgyYy0yLjEyNiAxLjA2NS0zLjkyMiAyLjY5My01LjE5MiA0LjcwOC0xLjMwNSAyLjA2OS0xLjk5NCA0LjQ2Mi0xLjk5NCA2LjkyMiAwIDcuMTY4IDUuODMyIDEzIDEzIDEzczEzLTUuODMyIDEzLTEzYzAtMi40NTktMC42OS00Ljg1My0xLjk5NC02LjkyMi0xLjI3MS0yLjAxNS0zLjA2Ni0zLjY0My01LjE5Mi00LjcwOGwxLjM0NC0yLjY4MmMyLjYxNSAxLjMxIDQuODI0IDMuMzEzIDYuMzg2IDUuNzkxIDEuNjA3IDIuNTQ5IDIuNDU2IDUuNDk1IDIuNDU2IDguNTIyIDAgNC4yNzQtMS42NjQgOC4yOTItNC42ODYgMTEuMzE0cy03LjA0MCA0LjY4Ni0xMS4zMTQgNC42ODZ6Ij48L3BhdGg+Cjwvc3ZnPgo=);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 0%;
}

.febsui-icon-search {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTNweCIgaGVpZ2h0PSIxNHB4IiB2aWV3Qm94PSIwIDAgMTMgMTQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8ZyBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNDguMDAwMDAwLCAtNDMuMDAwMDAwKSIgZmlsbD0iIzdBNzk3QiI+CiAgICAgICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQwLjAwMDAwMCwgMzYuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTYuOTk3MjQ4MiwxNS41MDQxNDY2IEMxNy4wNzczNjU3LDE1LjU0MDU5MzggMTcuMTUyMjczMSwxNS41OTE2MTI5IDE3LjIxNzc1MTYsMTUuNjU3MDkxNCBMMjAuNjQ5OTkxLDE5LjA4OTMzMDggQzIwLjk0NDg0NDksMTkuMzg0MTg0NyAyMC45NDg0NzY0LDE5Ljg1ODYwNiAyMC42NTM1NDEyLDIwLjE1MzU0MTIgQzIwLjM2MDY0OCwyMC40NDY0MzQ0IDE5Ljg4MTI3MTYsMjAuNDQxOTMxNyAxOS41ODkzMzA4LDIwLjE0OTk5MSBMMTYuMTU3MDkxNCwxNi43MTc3NTE2IEMxNi4wOTEzNywxNi42NTIwMzAxIDE2LjA0MDExNzEsMTYuNTc3Mzg3NCAxNi4wMDM0MTQxLDE2LjQ5Nzc5OTUgQzE1LjE2NzE2OTQsMTcuMTI3MDQxMSAxNC4xMjcxMzkzLDE3LjUgMTMsMTcuNSBDMTAuMjM4NTc2MywxNy41IDgsMTUuMjYxNDIzNyA4LDEyLjUgQzgsOS43Mzg1NzYyNSAxMC4yMzg1NzYzLDcuNSAxMyw3LjUgQzE1Ljc2MTQyMzcsNy41IDE4LDkuNzM4NTc2MjUgMTgsMTIuNSBDMTgsMTMuNjI3NDY4NSAxNy42MjY4MjMyLDE0LjY2Nzc3NjggMTYuOTk3MjQ4MiwxNS41MDQxNDY2IFogTTEzLDE2LjUgQzE1LjIwOTEzOSwxNi41IDE3LDE0LjcwOTEzOSAxNywxMi41IEMxNywxMC4yOTA4NjEgMTUuMjA5MTM5LDguNSAxMyw4LjUgQzEwLjc5MDg2MSw4LjUgOSwxMC4yOTA4NjEgOSwxMi41IEM5LDE0LjcwOTEzOSAxMC43OTA4NjEsMTYuNSAxMywxNi41IFoiPjwvcGF0aD4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 0%;
}

.febsui-icon-user {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiPgo8cGF0aCBmaWxsPSIjN0E3OTdCIiBkPSJNMTIgMTQuMDE2YzIuNjcyIDAgOC4wMTYgMS4zMTMgOC4wMTYgMy45ODR2Mi4wMTZoLTE2LjAzMXYtMi4wMTZjMC0yLjY3MiA1LjM0NC0zLjk4NCA4LjAxNi0zLjk4NHpNMTIgMTJjLTIuMjAzIDAtMy45ODQtMS43ODEtMy45ODQtMy45ODRzMS43ODEtNC4wMzEgMy45ODQtNC4wMzEgMy45ODQgMS44MjggMy45ODQgNC4wMzEtMS43ODEgMy45ODQtMy45ODQgMy45ODR6Ij48L3BhdGg+Cjwvc3ZnPgo=);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 0%;
}

.febsui-icon-lock {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiI+PHBhdGggZD0iTTgxMC4zMzcgNTAyLjE0djMwOS4wMDljMCAxNC40MjctNS4wMTAgMjYuNjI2LTE1LjAyNyAzNi42NDYtMTAuMDE5IDEwLjAxOS0yMi4yNDQgMTUuMDI5LTM2LjY0OCAxNS4wMjloLTUxNS4xNzJjLTE0LjQyOCAwLTI2LjYyNi01LjAxMC0zNi42NDUtMTUuMDI5cy0xNS4wMjktMjIuMjE4LTE1LjAyOS0zNi42NDZ2LTMwOS4wMDljMC0xNC40MDIgNS4wMTAtMjYuNjI3IDE1LjAyOS0zNi42NDYgMTAuMDE4LTEwLjAxOSAyMi4yMTctMTUuMDI4IDM2LjY0NS0xNS4wMjhoMTYuOTA2di0xMDIuODQ0YzAtNjUuNzI1IDIzLjYyLTEyMi4yMzEgNzAuOTA5LTE2OS41MTkgNDcuMjY0LTQ3LjI5IDEwMy44NDctNzAuOTM1IDE2OS43NzMtNzAuOTM1IDY1LjkgMCAxMjIuNDA1IDIzLjY0NSAxNjkuNTQ1IDcwLjkzNSA0Ny4xMTQgNDcuMjg5IDcwLjY4NCAxMDMuNzk2IDcwLjY4NCAxNjkuNTE5djEwMi44NDVoMTcuMzU4YzE0LjQwMyAwIDI2LjYyNiA1LjAwOSAzNi42NDYgMTUuMDI5IDEwLjAxNiAxMC4wMTcgMTUuMDI2IDIyLjI0MSAxNS4wMjYgMzYuNjQ0ek0zNjMuNzE3IDQ1MC40NjdoMjc0LjcyMnYtMTAyLjg0NGMwLTM3Ljg3My0xMy40NzctNzAuMjgyLTQwLjQwMi05Ny4yMDgtMjYuOTI1LTI2LjkyNi01OS4zMzYtNDAuNDAxLTk3LjIwOS00MC40MDEtMzcuODcyIDAtNzAuMjA4IDEzLjQ3NS05Ni45NTkgNDAuNDAxLTI2Ljc3NSAyNi45MjYtNDAuMTUgNTkuMzM2LTQwLjE1IDk3LjIwOGwtMC4wMDEgMTAyLjg0NHoiIGZpbGw9IiM3QTc5N0IiPjwvcGF0aD48L3N2Zz4=);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 0%;
}

.febsui-icon-setting {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiI+CjxwYXRoIGZpbGw9IiM3QTc5N0IiIGQ9Ik04NDYuNDE2OTc3IDQyMS4xNTQ5NjljLTcuODU3OTY4LTI5LjM2Njg0MS0xOS40ODU3OTctNTcuMTkyNTgzLTM0LjM1NDQzNi04Mi45MTMzODVsNjUuMjcxNTg2LTk4LjUxMzY4OC0wLjEwNzQ0Ny0wLjEwNzQ0Ny05Mi44NDk2ODgtOTIuODQ4NjY1LTAuMTA3NDQ3LTAuMTA3NDQ3LTk4LjUxMzY4OCA2NS4yNzE1ODZjLTI1LjcxODc1NS0xNC44Njk2NjItNTMuNTQ0NDk3LTI2LjQ5NTQ0NC04Mi45MTIzNjEtMzQuMzU1NDU5TDU3OS4zNDAxOTkgNjEuNzgwMDY1bC0wLjE1MjQ3MyAwTDQ0Ny44NzcwNzUgNjEuNzgwMDY1bC0wLjE1MTQ0OSAwLTIzLjUwMjI3MyAxMTUuODAxNDIzYy0yOS4zNjY4NDEgNy44NTg5OTItNTcuMTkyNTgzIDE5LjQ4NTc5Ny04Mi45MTQ0MDggMzQuMzU1NDU5bC05OC41MTM2ODgtNjUuMjcxNTg2LTAuMTA3NDQ3IDAuMTA3NDQ3LTkyLjg0OTY4OCA5Mi44NDk2ODgtMC4xMDc0NDcgMC4xMDc0NDcgNjUuMjcyNjA5IDk4LjUxMzY4OGMtMTQuODY5NjYyIDI1LjcyMDgwMS0yNi40OTU0NDQgNTMuNTQ2NTQzLTM0LjM1NTQ1OSA4Mi45MTMzODVMNjQuODQ4NDQ5IDQ0NC42NTcyNDJsMCAwLjE1MjQ3MyAwIDEzMS4zMDk2MjggMCAwLjE1MTQ0OSAxMTUuODAxNDIzIDIzLjUwMTI1YzcuODYwMDE1IDI5LjM2NTgxOCAxOS40ODU3OTcgNTcuMTkyNTgzIDM0LjM1NTQ1OSA4Mi45MTMzODVsLTY1LjI3MTU4NiA5OC41MTQ3MTEgMC4xMDc0NDcgMC4xMDY0MjQgOTIuODQ5Njg4IDkyLjg0ODY2NSAwLjEwNzQ0NyAwLjEwNzQ0NyA5OC41MTM2ODgtNjUuMjcxNTg2YzI1LjcyMDgwMSAxNC44Njk2NjIgNTMuNTQ2NTQzIDI2LjQ5NTQ0NCA4Mi45MTQ0MDggMzQuMzU1NDU5bDIzLjUwMjI3MyAxMTUuODAxNDIzIDAuMTUyNDczIDAgMTMxLjMwOTYyOCAwIDAuMTUxNDQ5IDAgMjMuNTAyMjczLTExNS44MDE0MjNjMjkuMzY2ODQxLTcuODYwMDE1IDU3LjE5MjU4My0xOS40ODU3OTcgODIuOTEyMzYxLTM0LjM1NTQ1OWw5OC41MTM2ODggNjUuMjcxNTg2IDAuMTA3NDQ3LTAuMTA3NDQ3IDkyLjg1MDcxMS05Mi44NDg2NjUgMC4xMDc0NDctMC4xMDY0MjQtNjUuMjcyNjA5LTk4LjUxNDcxMWMxNC44NzA2ODYtMjUuNzIwODAxIDI2LjQ5NzQ5MS01My41NDY1NDMgMzQuMzU0NDM2LTgyLjkxMzM4NWwxMTUuODAyNDQ2LTIzLjUwMTI1IDAtMC4xNTI0NzNMOTYyLjIyMDQ0NyA0NDQuODA4NjkybDAtMC4xNTE0NDlMODQ2LjQxNjk3NyA0MjEuMTU0OTY5ek02NjkuMzUwMjEzIDUxMC40NjUwNDFjMCA4Ni4wNTQ5MzUtNjkuNzYxODUzIDE1NS44MTU3NjUtMTU1LjgxNzgxMiAxNTUuODE1NzY1LTg2LjA1NDkzNSAwLTE1NS44MTg4MzUtNjkuNzYwODMtMTU1LjgxODgzNS0xNTUuODE1NzY1IDAtODYuMDU1OTU4IDY5Ljc2Mjg3Ny0xNTUuODE2Nzg4IDE1NS44MTg4MzUtMTU1LjgxNjc4OEM1OTkuNTg5MzgyIDM1NC42NDgyNTIgNjY5LjM1MDIxMyA0MjQuNDA5MDgzIDY2OS4zNTAyMTMgNTEwLjQ2NTA0MXoiPjwvcGF0aD48L3N2Zz4=) ;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 0%;
}

.febsui-icon-menu1 {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiI+PHBhdGggZD0iTTAuMDIxNDg5IDE3MC42ODEzMzRsMCAxMTMuNzczMjMgMTAyMy45NTcwMjEgMEwxMDIzLjk3ODUxMSAxNzAuNjgxMzM0IDAuMDIxNDg5IDE3MC42ODEzMzR6TTAuMDIxNDg5IDU2OC44ODY2MTVsMTAyMy45NTcwMjEgMEwxMDIzLjk3ODUxMSA0NTUuMTEzMzg1IDAuMDIxNDg5IDQ1NS4xMTMzODUgMC4wMjE0ODkgNTY4Ljg4NjYxNXpNMC4wMjE0ODkgODUzLjMxODY2NmwxMDIzLjk1NzAyMSAwTDEwMjMuOTc4NTExIDczOS41NDY0NiAwLjAyMTQ4OSA3MzkuNTQ2NDYgMC4wMjE0ODkgODUzLjMxODY2NnoiIGZpbGw9IiM3QTc5N0IiPjwvcGF0aD48L3N2Zz4=);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 0%;
}

.febsui-icon-menu2 {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiI+PHBhdGggZD0iTTg1Mi4xMSA2MjBBMTA4IDEwOCAwIDEgMSA5NjAgNTEyYTEwNy45NCAxMDcuOTQgMCAwIDEtMTA3Ljg5IDEwOHpNNTEyIDYyMGExMDggMTA4IDAgMSAxIDEwNy44OS0xMDhBMTA3Ljk1IDEwNy45NSAwIDAgMSA1MTIgNjIwek0xNzEuODkgNjIwYTEwOCAxMDggMCAxIDEgMTA3Ljg4LTEwOCAxMDcuOTQgMTA3Ljk0IDAgMCAxLTEwNy44OCAxMDh6IiBmaWxsPSIjN0E3OTdCIj48L3BhdGg+PC9zdmc+);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 0%;
}

.febsui-icon-plus {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiI+PHBhdGggZD0iTTQ3OC40MjAzNjMgMC4wMDY3NTJ2NDgyLjUxMjMxMkwwLjgyMzc5MiA0ODIuNTI1ODE2djY1LjUwNDkzOWw0NzcuNTk2NTcxIDAuMDA2NzUydjQ3NS45NTU3NDFoNjUuNTE4NDQzVjU0OC4wMzA3NTVoNDc5LjIzNzQwMnYtNjUuNTExNjkxSDU0My45Mzg4MDZWMC4wMDY3NTJ6IiBmaWxsPSIjN0E3OTdCIj48L3BhdGg+PC9zdmc+);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 0%;
}

.febsui-icon-arrow-left {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMjAgMjAiPgo8cGF0aCBmaWxsPSIjNEI5N0NDIiBkPSJNNy4wNTAgOS4yOTNsLTAuNzA3IDAuNzA3IDUuNjU3IDUuNjU3IDEuNDE0LTEuNDE0LTQuMjQyLTQuMjQzIDQuMjQyLTQuMjQzLTEuNDE0LTEuNDE0eiI+PC9wYXRoPgo8L3N2Zz4K);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 0%;
}

.febsui-icon-arrow-right {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMjAgMjAiPgo8cGF0aCBmaWxsPSIjNEI5N0NDIiBkPSJNMTIuOTUgMTAuNzA3bDAuNzA3LTAuNzA3LTUuNjU3LTUuNjU3LTEuNDE0IDEuNDE0IDQuMjQyIDQuMjQzLTQuMjQyIDQuMjQzIDEuNDE0IDEuNDE0IDQuOTUtNC45NXoiPjwvcGF0aD4KPC9zdmc+Cg==);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 0%;
}

.febsui-icon-arrow-left-gray {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMjAgMjAiPgo8cGF0aCBmaWxsPSIjQ0NDQ0NDIiBkPSJNNy4wNTAgOS4yOTNsLTAuNzA3IDAuNzA3IDUuNjU3IDUuNjU3IDEuNDE0LTEuNDE0LTQuMjQyLTQuMjQzIDQuMjQyLTQuMjQzLTEuNDE0LTEuNDE0eiI+PC9wYXRoPgo8L3N2Zz4K);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 0%;
}

.febsui-icon-arrow-right-gray {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMjAgMjAiPgo8cGF0aCBmaWxsPSIjQ0NDQ0NDIiBkPSJNMTIuOTUgMTAuNzA3bDAuNzA3LTAuNzA3LTUuNjU3LTUuNjU3LTEuNDE0IDEuNDE0IDQuMjQyIDQuMjQzLTQuMjQyIDQuMjQzIDEuNDE0IDEuNDE0IDQuOTUtNC45NXoiPjwvcGF0aD4KPC9zdmc+Cg==);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 0%;
}
@charset "UTF-8";
/**
 * font.
 */
* {
  touch-action: manipulation;
  /* no 300ms delay */ }

body {
  touch-action: manipulation;
  /* no 300ms delay */
  font-family: -apple-system, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; }

[class|=febsui],
[class|=btn],
button,
label {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  touch-action: manipulation;
  /* no 300ms delay */ }

[class|=febsui-input],
input,
.febsui-dialog,
.febsui-mask,
.febsui-visible,
.febsui-dialog-container,
.febsui-dialog-content,
.febsui-dialog-edit {
  -webkit-user-select: auto;
  -khtml-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto; }

label {
  cursor: pointer; }

/**
   * text.
   */
.febsui-ellipsis {
  text-overflow: ellipsis;
  overflow-x: hidden;
  overflow-y: hidden;
  white-space: nowrap; }

.febsui-ellipsis-multiline {
  display: -webkit-box;
  white-space: normal;
  -webkit-box-orient: vertical;
  box-orient: vertical;
  -webkit-line-clamp: 4;
  line-clamp: 4;
  text-overflow: ellipsis;
  overflow: hidden; }

/****************************************************/
/* input */
/****************************************************/
.febsui-input-text {
  background-clip: padding-box;
  padding: 0;
  border: none;
  vertical-align: top;
  outline: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
  box-sizing: border-box;
  height: 36px;
  line-height: 36px;
  font-size: 15px;
  background-color: #E2E3E7;
  box-shadow: none;
  color: #1f1f21;
  padding: 0 8px 0 28px;
  margin: 0;
  border-radius: 8px;
  background-position: 8px;
  background-repeat: no-repeat;
  background-size: 16px;
  font-weight: 400;
  display: inline-block;
  text-indent: 0;
  width: 100%; }

.febsui-input-text-noborder {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
  vertical-align: top;
  outline: none;
  letter-spacing: 0;
  box-shadow: none;
  color: #1f1f21;
  padding: 0;
  margin: 0;
  height: 36px;
  line-height: 36px;
  font-size: 15px;
  font-weight: 400;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: none;
  background-color: transparent;
  border-bottom: 1px solid #eee;
  border-radius: 0;
  display: inline-block;
  text-indent: 0; }

/****************************************************/
/* animation */
/****************************************************/
/* animation to visible or hide */
.febsui-visible {
  opacity: 1 !important;
  visibility: visible !important;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s !important;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0s !important;
  transition: opacity 0.3s 0s, visibility 0s 0s !important; }

.febsui-invisible {
  opacity: 0 !important;
  visibility: hidden !important;
  -webkit-transition: opacity 0.3s 0s, visibility 0.3s 0s !important;
  -moz-transition: opacity 0.3s 0s, visibility 0.3s 0s !important;
  transition: opacity 0.3s 0s, visibility 0.3s 0s !important; }

@-webkit-keyframes febsui-animation-spin-keyframes {
  0% {
    -webkit-transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg); } }

@keyframes febsui-animation-spin-keyframes {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

.febsui-animation-spin {
  -webkit-animation: febsui-animation-spin-keyframes 1.6s infinite linear;
  -moz-animation: febsui-animation-spin-keyframes 1.6s infinite linear;
  animation: febsui-animation-spin-keyframes 1.6s infinite linear; }

/****************************************************/
/* control loading */
/****************************************************/
/*
<span>
  <div class="febsui-loading-c">
    <div class="febsui-loading">
      <div class="febsui-loading-spin"></div>
      <p>1秒后关闭</p>
    </div>
  </div>
</span> */
.febsui-loading-c {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(255, 255, 255, 0.0001);
  opacity: 1;
  z-index: 20002;
  text-align: center; }
  .febsui-loading-c .febsui-loading {
    min-width: 80px;
    min-height: 80px;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 200px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #cfcfcf;
    font-size: 15px;
    background-color: rgba(0, 0, 0, 0.8);
    opacity: 1;
    box-shadow: 0 0 0px 1px rgba(130, 130, 130, 0.1);
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
    z-index: 20002;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px); }
    @supports not (backdrop-filter: blur(2px)) {
      .febsui-loading-c .febsui-loading {
        background-color: #292929; } }
    @media only screen and (max-height: 420px) {
      .febsui-loading-c .febsui-loading {
        margin-top: 80px; } }
    @media only screen and (min-height: 420px) {
      .febsui-loading-c .febsui-loading {
        margin-top: 200px; } }
    @media only screen and (min-height: 700px) {
      .febsui-loading-c .febsui-loading {
        margin-top: 300px; } }
    .febsui-loading-c .febsui-loading .febsui-loading-spin {
      opacity: 0.8;
      margin-left: auto;
      margin-right: auto;
      margin-top: 23px;
      width: 26px;
      height: 26px;
      -ms-transform: rotate(0deg); }
    .febsui-loading-c .febsui-loading p {
      padding-top: 13px;
      margin-top: 0px;
      margin-bottom: 0px;
      margin-left: auto;
      margin-right: auto;
      text-align: center;
      min-width: inherit;
      max-width: 200px;
      overflow-wrap: break-word; }
  .febsui-loading-c .febsui-loading-white {
    color: #252525;
    background-color: rgba(255, 255, 255, 0.8); }
  .febsui-loading-c .febsui-loading.febsui-loading-left {
    min-width: 100px;
    max-width: 250px;
    min-height: 40px;
    position: relative; }
    .febsui-loading-c .febsui-loading.febsui-loading-left .febsui-loading-spin {
      margin-top: auto;
      margin-bottom: auto;
      position: absolute;
      left: 13px;
      top: 0;
      bottom: 0;
      display: block; }
    .febsui-loading-c .febsui-loading.febsui-loading-left p {
      margin-left: auto;
      margin-right: auto;
      padding-left: 35px;
      padding-top: 0px;
      display: table-cell;
      vertical-align: middle;
      height: 40px;
      text-align: center; }

/****************************************************/
/* control pager */
/****************************************************/
/*
 <div class="febsui-pagin">
  <div class="febsui-paginMessage"> 共<i class="blue">25</i>条记录，当前显示第<i class="blue">12</i>页 </div>
  <ul class="febsui-paginList">
    <li class="febsui-paginItem"><a><span class="febsui-pagepre febsui-icon-arrow-left"></span></a></li>
    <li class="febsui-paginItem"><a>1</a></li>
    <li class="febsui-paginItem"><a>2</a></li>
    <li class="febsui-paginItem"><a>3</a></li>
    <li class="febsui-paginItem febsui-pagin-current"><a>4</a></li>
    <li class="febsui-paginItem"><a>5</a></li>
    <li class="febsui-paginItem"><a>...</a></li>
    <li class="febsui-paginItem"><a><span class="febsui-pagenxt febsui-icon-arrow-right"></span></a></li>
  </ul>
</div> */
.febsui-pagin {
  position: relative;
  margin-top: 10px;
  padding: 0;
  min-height: 30px; }
  .febsui-pagin .blue {
    color: #056dae;
    font-style: normal; }
  @media only screen and (min-width: 500px) {
    .febsui-pagin .febsui-paginList {
      float: right;
      padding: 0;
      margin: 0; }
    .febsui-pagin .febsui-paginMessage {
      float: left; } }
  @media only screen and (max-width: 500px) {
    .febsui-pagin {
      text-align: center; }
      .febsui-pagin .febsui-paginList {
        display: inline-block;
        padding: 0;
        margin: 0;
        margin-top: 5px; } }
  .febsui-pagin .febsui-paginList .febsui-paginItem {
    float: left; }
    .febsui-pagin .febsui-paginList .febsui-paginItem a {
      float: left;
      width: 31px;
      height: 28px;
      border: 1px solid #DDD;
      text-align: center;
      line-height: 30px;
      border-left: none;
      color: #3399d5;
      text-decoration: none; }
    .febsui-pagin .febsui-paginList .febsui-paginItem:first-child a {
      border-left: 1px solid #DDD;
      border-bottom-left-radius: 5px;
      border-top-left-radius: 5px; }
    .febsui-pagin .febsui-paginList .febsui-paginItem:last-child a {
      border-bottom-right-radius: 5px;
      border-top-right-radius: 5px; }
    .febsui-pagin .febsui-paginList .febsui-paginItem:hover {
      background: #f5f5f5; }
  .febsui-pagin .febsui-paginList .febsui-paginItem.febsui-pagin-more,
  .febsui-pagin .febsui-paginList .febsui-paginItem.febsui-pagin-more a:hover {
    cursor: default; }
  .febsui-pagin .febsui-paginList .febsui-paginItem.febsui-pagin-more:hover {
    background: #FFF; }
  .febsui-pagin .febsui-paginList .febsui-paginItem.febsui-pagin-more a {
    color: #737373; }
  .febsui-pagin .febsui-paginList .febsui-paginItem.febsui-pagin-current,
  .febsui-pagin .febsui-paginList .febsui-paginItem.febsui-pagin-current a {
    background: #f5f5f5;
    cursor: default;
    color: #737373; }
  .febsui-pagin .febsui-pagepre {
    width: 31px;
    height: 28px; }
  .febsui-pagin .febsui-pagenxt {
    width: 31px;
    height: 28px; }

/* febsui-toast */
/****************************************************/
/* no icon */
/****************************************************/
/*
<div class="febsui-toast" role="alert">
 <div class="febsui-toast-container">
   <div class="febsui-dialog-msg">这是一个toast提示</div>
 </div>
</div> */
/****************************************************/
/* with icon */
/****************************************************/
/*
<div class="febsui-toast" role="alert">
 <div class="febsui-toast-container">
   <div class="febsui-icon febsui-icon-ok"></div>
   <div class="febsui-dialog-msg" style="padding-left:30px;">这是一个toast提示</div>
 </div>
</div> */
/****************************************************/
/* show in center */
/****************************************************/
/*
<div class="febsui-toast febsui-toast-center" role="alert">
  <div class="febsui-toast-container">
    <div class="febsui-icon febsui-icon-ok"></div>
    <div class="febsui-dialog-msg">完成</div>
  </div>
</div> */
.febsui-toast {
  text-align: center;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 30001;
  touch-action: none;
  pointer-events: none; }
  .febsui-toast .febsui-toast-container {
    display: inline-block;
    font-size: 15px;
    font-weight: 400;
    color: #ffffff;
    position: relative;
    max-width: 320px;
    min-width: 120px;
    margin: 0 auto;
    top: 5px;
    /* height: 36px; */
    /* line-height: 36px; */
    background: rgba(20, 18, 20, 0.85);
    border-radius: 10px;
    text-align: center;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    transition-property: transform;
    transition-duration: .3s;
    padding: 10px; }
    .febsui-toast .febsui-toast-container .febsui-dialog-msg {
      line-height: 22px; }

.febsui-toast.febsui-toast-center {
  text-align: center;
  position: fixed;
  left: 0;
  /* bottom: 0; */
  right: 0;
  /* top: 0; */
  min-width: 100px;
  height: 100px;
  z-index: 20001;
  margin: auto; }
  @media only screen and (max-height: 420px) {
    .febsui-toast.febsui-toast-center {
      top: 80px; } }
  @media only screen and (min-height: 420px) {
    .febsui-toast.febsui-toast-center {
      top: 200px; } }
  @media only screen and (min-height: 700px) {
    .febsui-toast.febsui-toast-center {
      top: 300px; } }
  .febsui-toast.febsui-toast-center .febsui-toast-container {
    min-width: 80px;
    min-height: 80px;
    margin: auto;
    text-align: center; }
    .febsui-toast.febsui-toast-center .febsui-toast-container .febsui-dialog-msg {
      margin-left: auto;
      margin-right: auto;
      text-align: center;
      max-width: 200px;
      margin-top: 10px; }
    .febsui-toast.febsui-toast-center .febsui-toast-container .febsui-icon {
      float: none;
      display: inline-block;
      width: 40px;
      height: 40px; }

/* febsui-dialog */
/****************************************************/
/* alert */
/****************************************************/
/*
<div class="febsui-dialog" role="alert">
  <div class="febsui-dialog-container">
    <div class="febsui-dialog-title">title</div>
    <div class="febsui-dialog-content">content</div>
    <ul class="febsui-dialog-buttons">
      <li><button class="febsui-dialog-cancel">ok</button></li>
    </ul>
  </div>
</div> */
/****************************************************/
/* confirm */
/****************************************************/
/*
<div class="febsui-dialog" role="alert">
  <div class="febsui-dialog-container">
    <div class="febsui-dialog-title">title</div>
    <div class="febsui-dialog-content">content</div>
    <ul class="febsui-dialog-buttons">
      <li><button class="febsui-dialog-cancel">cancel</button></li>
      <li><button class="febsui-dialog-ok">ok</button></li>
    </ul>
  </div>
</div> */
/****************************************************/
/* editor */
/****************************************************/
/*
<div class="febsui-dialog" role="alert">
  <div class="febsui-dialog-container">
    <div class="febsui-dialog-title">title</div>
    <div class="febsui-dialog-content">content</div>
    <div class="febsui-dialog-edit">
      <input class="febsui-input-text-noborder" type="text" value="">
    </div>
    <ul class="febsui-dialog-buttons">
      <li><button class="febsui-dialog-cancel">cancel</button></li>
      <li><button class="febsui-dialog-ok">ok</button></li>
    </ul>
  </div>
</div> */
/****************************************************/
/* custom */
/****************************************************/
/* 
<div class="febsui-dialog febsui-dialog-custom" role="alert">
  <div style="" class="febsui-dialog-container">
    <div class="febsui-dialog-content">
      <div>
        {{html}}
      </div>
    </div>
    <ul class="febsui-dialog-buttons">
      <li><button class="febsui-dialog-cancel">cancel</button></li>
      <li><button class="febsui-dialog-ok">ok</button></li>
    </ul>
  </div>
</div> */
.febsui-mask {
  background: transparent;
  background-color: rgba(0, 0, 0, 0.2); }

.febsui-dialog {
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  transition: opacity 0.3s 0s, visibility 0s 0.3s;
  z-index: 20000; }
  .febsui-dialog a {
    color: #35a785;
    text-decoration: none; }
  .febsui-dialog a,
  .febsui-dialog dl,
  .febsui-dialog dt,
  .febsui-dialog dd,
  .febsui-dialog ol,
  .febsui-dialog ul,
  .febsui-dialog li {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline; }
  .febsui-dialog .febsui-dialog-container {
    position: relative;
    width: 76%;
    max-width: 300px;
    margin: 9em auto;
    padding-top: 16px;
    color: #1f1f21;
    background-color: rgba(255, 255, 255, 0.88);
    text-align: center;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px);
    /* Force Hardware Acceleration in WebKit */
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
    border-radius: 12px 12px 12px 12px;
    z-index: 20001;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px); }
    @supports not (backdrop-filter: blur(2px)) {
      .febsui-dialog .febsui-dialog-container {
        background-color: rgba(255, 255, 255, 0.99); } }

.febsui-dialog ol,
ul {
  list-style: none; }

.febsui-dialog.febsui-visible .febsui-dialog-container {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0); }

.febsui-dialog .febsui-dialog-container p {
  padding: 3em 1em; }

.febsui-dialog .febsui-dialog-container .febsui-dialog-title {
  margin-bottom: 10px;
  font-size: 17px;
  font-weight: 500;
  padding: 0 8px;
  text-align: center;
  color: inherit; }

.febsui-dialog .febsui-dialog-container .febsui-dialog-content {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  background-clip: padding-box;
  padding: 4px 12px 8px;
  font-size: 14px;
  min-height: 36px;
  text-align: center;
  max-height: 80%;
  overflow: auto;
  color: inherit;
  word-break: break-all; }

.febsui-dialog .febsui-dialog-container .febsui-dialog-edit {
  width: 100%;
  height: 38px;
  margin-bottom: 8px; }
  .febsui-dialog .febsui-dialog-container .febsui-dialog-edit .febsui-input-text-noborder {
    width: 90%; }

.febsui-dialog .febsui-dialog-container .febsui-dialog-buttons {
  border-radius: 0 0 12px 12px;
  overflow: hidden; }
  .febsui-dialog .febsui-dialog-container .febsui-dialog-buttons:after {
    content: "";
    display: table;
    clear: both; }
  .febsui-dialog .febsui-dialog-container .febsui-dialog-buttons li {
    float: left;
    width: 50%; }
    .febsui-dialog .febsui-dialog-container .febsui-dialog-buttons li button {
      margin: 0 !important;
      width: 100%;
      text-decoration: blink;
      display: block;
      font-size: 16px;
      height: 46px;
      border-radius: 0px;
      /* text-transform: uppercase; */
      color: #3A77EE;
      -webkit-transition: background-color 0.2s;
      -moz-transition: background-color 0.2s;
      transition: background-color 0.2s;
      border-top: 1px solid #ccc;
      border-left: 1px solid #ccc; }
      @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
        .febsui-dialog .febsui-dialog-container .febsui-dialog-buttons li button {
          border-top: none;
          border-left: none;
          background-size: 100% 1px, 1px 100%;
          background-repeat: no-repeat;
          background-position: top, left;
          background-image: linear-gradient(180deg, #ccc 50%, transparent 50%, transparent), linear-gradient(90deg, #ccc 50%, transparent 50%, transparent); } }
    .febsui-dialog .febsui-dialog-container .febsui-dialog-buttons li button:hover {
      background: rgba(234, 234, 234, 0.5); }
    .febsui-dialog .febsui-dialog-container .febsui-dialog-buttons li:nth-child(1) button {
      /* background: #b6bece; */
      border-bottom-left-radius: 12px; }
    .febsui-dialog .febsui-dialog-container .febsui-dialog-buttons li:last-child button {
      /* background: #b6bece; */
      border-bottom-right-radius: 12px; }
    .febsui-dialog .febsui-dialog-container .febsui-dialog-buttons li:nth-child(1) button {
      /* background: #fc7169; */
      border-top: 1px solid #ccc;
      border-left: none; }
      @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
        .febsui-dialog .febsui-dialog-container .febsui-dialog-buttons li:nth-child(1) button {
          border-top: none;
          background-size: 100% 1px;
          background-repeat: no-repeat;
          background-position: top;
          background-image: linear-gradient(180deg, #ccc 50%, transparent 50%, transparent); } }
    .febsui-dialog .febsui-dialog-container .febsui-dialog-buttons li:nth-last-child(1):first-child {
      width: 100%; }
    .febsui-dialog .febsui-dialog-container .febsui-dialog-buttons li:nth-last-child(2):first-child,
    .febsui-dialog .febsui-dialog-container .febsui-dialog-buttons li:nth-last-child(2):first-child ~ li {
      width: 50%; }
    .febsui-dialog .febsui-dialog-container .febsui-dialog-buttons li:nth-last-child(3):first-child,
    .febsui-dialog .febsui-dialog-container .febsui-dialog-buttons li:nth-last-child(3):first-child ~ li:nth-last-child(1),
    .febsui-dialog .febsui-dialog-container .febsui-dialog-buttons li:nth-last-child(3):first-child ~ li:nth-last-child(2) {
      width: 33.33333%; }

.febsui-dialog .febsui-dialog-container .febsui-dialog-ok {
  cursor: pointer;
  font-weight: 400; }

.febsui-dialog .febsui-dialog-container .febsui-dialog-cancel {
  cursor: pointer;
  font-weight: 600; }

.febsui-dialog-init-sys .febsui-dialog-container {
  box-shadow: 0px 0px 1px 1px #e8e8e8; }

/** black bg */
.febsui-dialog-init-sys .febsui-dialog-container-black {
  box-shadow: 0px 0px 1px 1px #3c3c3c; }

.febsui-dialog .febsui-dialog-container-black {
  background-color: rgba(0, 0, 0, 0.8);
  color: #ececec; }
  .febsui-dialog .febsui-dialog-container-black .febsui-dialog-buttons li button {
    /* background: #b6bece; */
    border-top: 1px solid #565656;
    border-left: 1px solid #565656; }
    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
      .febsui-dialog .febsui-dialog-container-black .febsui-dialog-buttons li button {
        border-top: none;
        border-left: none;
        background-size: 100% 1px, 1px 100%;
        background-repeat: no-repeat;
        background-position: top, left;
        background-image: linear-gradient(180deg, #565656 50%, transparent 50%, transparent), linear-gradient(90deg, #565656 50%, transparent 50%, transparent); } }
    .febsui-dialog .febsui-dialog-container-black .febsui-dialog-buttons li button:hover {
      background-color: rgba(255, 255, 255, 0.02); }
  .febsui-dialog .febsui-dialog-container-black .febsui-dialog-buttons li:nth-child(1) button {
    /* background: #fc7169; */
    border-top: 1px solid #565656;
    border-left: none; }
    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
      .febsui-dialog .febsui-dialog-container-black .febsui-dialog-buttons li:nth-child(1) button {
        border-top: none;
        background-size: 100% 1px;
        background-repeat: no-repeat;
        background-position: top;
        background-image: linear-gradient(180deg, #565656 50%, transparent 50%, transparent); } }
  @supports not (backdrop-filter: blur(2px)) {
    .febsui-dialog .febsui-dialog-container-black {
      background-color: #292929; } }

@media only screen and (min-width: 1170px) {
  .febsui-dialog .febsui-dialog-container {
    margin: 12em auto; } }

.febsui-dialog.febsui-dialog-custom .febsui-dialog-container {
  margin: 0;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  display: block;
  border: none;
  max-width: 800px;
  position: relative;
  min-height: 200px;
  max-height: 90vh;
  width: 80%;
  padding-bottom: 46px; }
  .febsui-dialog.febsui-dialog-custom .febsui-dialog-container .febsui-dialog-title {
    height: 25px;
    line-height: 25px; }
  .febsui-dialog.febsui-dialog-custom .febsui-dialog-container .febsui-dialog-content-wrap {
    height: calc( 100% - 46px);
    overflow: auto;
    max-height: initial; }
  .febsui-dialog.febsui-dialog-custom .febsui-dialog-container .febsui-dialog-content-wrap-title {
    height: calc( 100% - 81px);
    overflow: auto;
    max-height: initial; }
  .febsui-dialog.febsui-dialog-custom .febsui-dialog-container .febsui-dialog-content {
    max-height: initial; }
  .febsui-dialog.febsui-dialog-custom .febsui-dialog-container.febsui-dialog-container-noButtons .febsui-dialog-content-wrap {
    height: calc( 100% - 12px); }
  .febsui-dialog.febsui-dialog-custom .febsui-dialog-container.febsui-dialog-container-noButtons .febsui-dialog-content-wrap-title {
    height: calc( 100% - 47px); }
  .febsui-dialog.febsui-dialog-custom .febsui-dialog-container .febsui-dialog-buttons {
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0; }

.febsui-dialog.febsui-dialog-custom .febsui-dialog-container .febsui-dialog-buttons li {
  background-color: #ffffff; }

.febsui-dialog.febsui-dialog-custom .febsui-dialog-container.febsui-dialog-container-black .febsui-dialog-buttons li {
  background-color: #222222; }

/* switch
/****************************************************/
/*
<div class="febsui-switch febsui-switch-on">
  <span class="febsui-switch-slider"></span>
</div> */
.febsui-switch {
  position: relative;
  display: inline-block;
  width: 50px !important;
  height: 32px !important;
  border-radius: 16px !important;
  box-sizing: border-box;
  border: none;
  line-height: 32px !important; }

.febsui-switch,
.febsui-switch-on {
  box-shadow: #4AD562 0px 0px 0px 16px inset;
  transition: border 0.4s, box-shadow 0.1s, background-color 1.2s;
  background-color: white;
  cursor: pointer; }

.febsui-switch-slider {
  position: absolute;
  display: inline-block;
  width: 28px;
  height: 28px;
  background: white;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  border-radius: 50%;
  left: 1px;
  top: 1px; }

.febsui-switch .febsui-switch-slider,
.febsui-switch-on .febsui-switch-slider {
  top: 2px;
  left: 20px;
  transition: background-color 0.4s, left 0.2s; }

.febsui-switch-off .febsui-switch-slider {
  top: 2px;
  left: 1px;
  transition: background-color 0.4s, left 0.2s; }

.febsui-switch-off {
  box-shadow: inset 0 0 0 1.5px #e6e6e6;
  transition: border 0.2s, box-shadow 0.4s;
  background-color: #FEFEFE;
  cursor: pointer; }

.febsui-switch.febsui-switch-disabled,
.febsui-switch-on.febsui-switch-disabled {
  opacity: .5;
  cursor: auto; }

.febsui-switch-off.febsui-switch-disabled {
  background-color: #F0F0F0 !important;
  cursor: auto; }

/****************************************************/
/* button */
/****************************************************/
button,
.btn {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  padding: .38rem .68rem;
  font-size: 1rem;
  line-height: 1.25em;
  border-radius: .25rem;
  transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  white-space: nowrap;
  word-wrap: break-word;
  font-weight: 400;
  text-transform: none;
  margin: 0;
  overflow: visible;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  outline: 0;
  outline-offset: 0;
  text-decoration: none;
  color: #1880d2;
  background-color: rgba(0, 0, 0, 0);
  border: none;
  cursor: pointer; }
  button svg,
  .btn svg {
    vertical-align: middle; }

button:disabled,
.btn:disabled {
  opacity: .5;
  cursor: auto; }

button:hover,
.btn:hover {
  color: rgba(24, 128, 210, 0.7); }

button:active,
.btn:active {
  opacity: 0.3; }

button:disabled:hover,
button:disabled:active,
.btn:disabled:hover,
.btn:disabled:active {
  opacity: .5;
  color: #1880d2;
  background-color: rgba(0, 0, 0, 0); }

.btn-empty {
  color: #000;
  background-color: rgba(0, 0, 0, 0);
  border: none; }

.btn-empty:hover {
  color: #000;
  background-color: rgba(0, 0, 0, 0.01); }

.btn-empty:active {
  opacity: 0.3; }

.btn-empty:disabled:hover,
.btn-empty:disabled:active {
  opacity: .5;
  color: #000;
  background-color: rgba(0, 0, 0, 0); }

.btn-primary {
  border: 1px solid transparent;
  color: #fff;
  background-color: #1991EB;
  border-color: #1991EB; }

.btn-primary:hover {
  color: #fff;
  background-color: #127ccc;
  border-color: #1175c0; }

.btn-primary:active {
  opacity: 0.3; }

.btn-primary:disabled:hover,
.btn-primary:disabled:active {
  opacity: .5;
  color: #fff;
  background-color: #1991EB;
  border-color: #1991EB; }

.btn-secondary {
  border: 1px solid transparent;
  color: #111;
  background-color: #dee2e6;
  border-color: #dee2e6; }

.btn-secondary:hover {
  color: #111;
  background-color: #c8cfd6;
  border-color: #c1c9d0; }

.btn-secondary:active {
  opacity: 0.3; }

.btn-secondary:disabled:hover,
.btn-secondary:disabled:active {
  opacity: .5;
  color: #111;
  background-color: #dee2e6;
  border-color: #dee2e6; }

.btn-warning {
  border: 1px solid transparent;
  color: #111;
  background-color: #FFC105;
  border-color: #FFC105; }

.btn-warning:hover {
  color: #111;
  background-color: #dea700;
  border-color: #d19d00; }

.btn-warning:active {
  opacity: 0.3; }

.btn-warning:disabled:hover,
.btn-warning:disabled:active {
  opacity: .5;
  color: #111;
  background-color: #FFC105;
  border-color: #FFC105; }

.btn-danger {
  border: 1px solid transparent;
  color: #fff;
  background-color: #FF0017;
  border-color: #FF0017; }

.btn-danger:hover {
  color: #fff;
  background-color: #d90014;
  border-color: #cc0012; }

.btn-danger:active {
  opacity: 0.3; }

.btn-danger:disabled:hover,
.btn-danger:disabled:active {
  opacity: .5;
  color: #fff;
  background-color: #FF0017;
  border-color: #FF0017; }

/****************************************************/
/* popover */
/****************************************************/
/* 
<div class="febsui-popover febsui-mask">
  <div class="febsui-popover-arrow"></div>
  <div class="febsui-popover-container">
    <div class="febsui-popover-cell">cell1</div>
    <div class="febsui-popover-cell">cell2</div>
    <div class="febsui-popover-cell">cell3</div>
  </div>
</div> */
.febsui-popover .febsui-popover-cell,
.febsui-actionsheet .febsui-actionsheet-cell {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  cursor: pointer;
  display: block;
  text-align: left;
  vertical-align: middle;
  user-select: none;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 14px;
  padding-right: 8px;
  font-size: 16px;
  /* 1rem */
  line-height: 1.2em;
  transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  white-space: nowrap;
  word-wrap: break-word;
  font-weight: 400;
  text-transform: none;
  margin: 0;
  text-overflow: ellipsis;
  overflow-x: hidden;
  overflow-y: hidden;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  outline: 0;
  outline-offset: 0;
  text-decoration: none;
  color: inherit;
  border-bottom: 1px solid #ccc;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.07); }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .febsui-popover .febsui-popover-cell,
    .febsui-actionsheet .febsui-actionsheet-cell {
      border-bottom: none;
      background-size: 100% 1px;
      background-repeat: no-repeat;
      background-position: bottom;
      background-image: linear-gradient(0deg, #ccc 49%, transparent 51%, transparent); } }

.febsui-popover {
  /* position: fixed; */
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  transition: opacity 0.3s 0s, visibility 0s 0.3s;
  z-index: 20000; }
  .febsui-popover .febsui-popover-container {
    display: inline-block;
    position: relative;
    min-width: 200px;
    min-height: 44px;
    background-color: rgba(255, 255, 255, 0.99);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
    /* Force Hardware Acceleration in WebKit */
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    border-radius: 8px 8px 8px 8px;
    max-height: 370px;
    overflow: auto;
    color: #000; }
  .febsui-popover .febsui-popover-arrow {
    /* box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); */
    position: absolute;
    width: 16px;
    height: 16px;
    /* ie9 */
    background-color: rgba(255, 255, 255, 0.99);
    /* webkit */
    background-color: transparent;
    margin: 0;
    z-index: 20001; }
  .febsui-popover .febsui-popover-arrow.febsui-popover-arrow-top {
    /* top: 0 !important; */
    -webkit-transform-origin: 50% 50% 0;
    -moz-transform-origin: 50% 50% 0;
    -ms-transform-origin: 50% 50% 0;
    transform-origin: 50% 50% 0;
    -webkit-transform: translateY(-9px) translateX(9px) rotate(135deg);
    -moz-transform: translateY(-9px) translateX(9px) rotate(135deg);
    -ms-transform: translateY(-9px) translateX(9px) rotate(135deg);
    transform: translateY(-9px) translateX(9px) rotate(135deg);
    background-image: linear-gradient(45deg, #fff, #fff 51%, transparent 0);
    border-radius: 0 0 0 4px;
    border-left-color: rgba(0, 0, 0, 0.1);
    border-left-style: solid;
    border-left-width: 1px;
    border-bottom-color: rgba(0, 0, 0, 0.1);
    border-bottom-style: solid;
    border-bottom-width: 1px; }
  .febsui-popover .febsui-popover-arrow.febsui-popover-arrow-bottom {
    /* bottom: 0 !important; */
    -webkit-transform-origin: 50% 50% 0;
    -moz-transform-origin: 50% 50% 0;
    -ms-transform-origin: 50% 50% 0;
    transform-origin: 50% 50% 0;
    -webkit-transform: translateY(9px) translateX(9px) rotate(135deg);
    -moz-transform: translateY(9px) translateX(9px) rotate(135deg);
    -ms-transform: translateY(9px) translateX(9px) rotate(135deg);
    transform: translateY(9px) translateX(9px) rotate(135deg);
    background-image: linear-gradient(225deg, #fff, #fff 51%, transparent 0);
    border-radius: 0 4px 0 0;
    border-right-color: rgba(0, 0, 0, 0.1);
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: rgba(0, 0, 0, 0.1);
    border-top-style: solid;
    border-top-width: 1px; }
  .febsui-popover .febsui-popover-arrow.febsui-popover-arrow-left {
    /* left: 0 !important; */
    -webkit-transform-origin: 50% 50% 0;
    -moz-transform-origin: 50% 50% 0;
    -ms-transform-origin: 50% 50% 0;
    transform-origin: 50% 50% 0;
    -webkit-transform: translateY(9px) translateX(-9px) rotate(135deg);
    -moz-transform: translateY(9px) translateX(-9px) rotate(135deg);
    -ms-transform: translateY(9px) translateX(-9px) rotate(135deg);
    transform: translateY(9px) translateX(-9px) rotate(135deg);
    background-image: linear-gradient(-45deg, #fff, #fff 51%, transparent 0);
    border-radius: 0 0 4px 0;
    border-right-color: rgba(0, 0, 0, 0.1);
    border-right-style: solid;
    border-right-width: 1px;
    border-bottom-color: rgba(0, 0, 0, 0.1);
    border-bottom-style: solid;
    border-bottom-width: 1px; }
  .febsui-popover .febsui-popover-arrow.febsui-popover-arrow-right {
    /* right: 0 !important; */
    -webkit-transform-origin: 50% 50% 0;
    -moz-transform-origin: 50% 50% 0;
    -ms-transform-origin: 50% 50% 0;
    transform-origin: 50% 50% 0;
    -webkit-transform: translateY(9px) translateX(9px) rotate(135deg);
    -moz-transform: translateY(9px) translateX(9px) rotate(135deg);
    -ms-transform: translateY(9px) translateX(9px) rotate(135deg);
    transform: translateY(9px) translateX(9px) rotate(135deg);
    background-image: linear-gradient(135deg, #fff, #fff 51%, transparent 0);
    border-radius: 0 0 4px 0;
    border-left-color: rgba(0, 0, 0, 0.1);
    border-left-style: solid;
    border-left-width: 1px;
    border-top-color: rgba(0, 0, 0, 0.1);
    border-top-style: solid;
    border-top-width: 1px; }

.febsui-popover-black .febsui-popover-container {
  background-color: #292929;
  color: #ececec; }
  .febsui-popover-black .febsui-popover-container .febsui-popover-cell {
    border-bottom: 1px solid #565656; }
    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
      .febsui-popover-black .febsui-popover-container .febsui-popover-cell {
        border-bottom: none;
        background-size: 100% 1px;
        background-repeat: no-repeat;
        background-position: bottom;
        background-image: linear-gradient(0deg, #565656 49%, transparent 51%, transparent); } }

.febsui-popover-black .febsui-popover-arrow {
  /* ie9 */
  background-color: #292929;
  /* webkit */ }
  @supports (background-image: linear-gradient(45deg, #fff, #fff 51%, transparent 0)) {
    .febsui-popover-black .febsui-popover-arrow {
      background-color: transparent; } }

.febsui-popover-black .febsui-popover-arrow.febsui-popover-arrow-top {
  background-image: linear-gradient(45deg, #292929, #292929 51%, transparent 0); }

.febsui-popover-black .febsui-popover-arrow.febsui-popover-arrow-bottom {
  background-image: linear-gradient(225deg, #292929, #292929 51%, transparent 0); }

.febsui-popover-black .febsui-popover-arrow.febsui-popover-arrow-left {
  background-image: linear-gradient(-45deg, #292929, #292929 51%, transparent 0); }

.febsui-popover-black .febsui-popover-arrow.febsui-popover-arrow-right {
  background-image: linear-gradient(135deg, #292929, #292929 51%, transparent 0); }

.febsui-popover .febsui-popover-cell:first-of-type,
.febsui-actionsheet .febsui-actionsheet-cell:first-of-type {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px; }

.febsui-popover .febsui-popover-cell:last-of-type,
.febsui-actionsheet .febsui-actionsheet-cell:last-of-type {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  border: none;
  background-image: none; }

.febsui-popover .febsui-popover-cell:hover,
.febsui-popover .febsui-popover-cell:active {
  color: #000;
  background-color: rgba(0, 0, 0, 0.02); }

.febsui-popover .febsui-popover-cell:nth-last-child(1) {
  border: none !important; }

.febsui-popover-black .febsui-popover-cell:hover,
.febsui-popover-black .febsui-popover-cell:active {
  color: #ececec;
  background-color: rgba(255, 255, 255, 0.02); }

/****************************************************/
/* actionsheet */
/****************************************************/
/* 
<div class="febsui-actionsheet febsui-mask">
  <div class="febsui-actionsheet-container">
    <div class="febsui-actionsheet-group">
      <div class="febsui-actionsheet-cell">menu 1</div>
      <div class="febsui-actionsheet-cell">menu 2</div>
      <div class="febsui-actionsheet-cell">menu 3</div>
      <div class="febsui-actionsheet-cell">menu 4</div>
    </div>
    <div class="febsui-actionsheet-group" style="margin-top:5px;">
      <div class="febsui-actionsheet-cancel febsui-actionsheet-cell">cancel</div>
    </div>
  </div>
</div> */
.febsui-actionsheet {
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  text-align: center;
  -webkit-transition: opacity 0.2s 0s, visibility 0s 0.2s;
  -moz-transition: opacity 0.2s 0s, visibility 0s 0.2s;
  transition: opacity 0.2s 0s, visibility 0s 0.2s;
  z-index: 20000; }
  .febsui-actionsheet .febsui-actionsheet-container {
    display: inline-block;
    position: relative;
    width: 96%;
    max-width: 400px;
    min-height: 44px;
    -webkit-transform: translateY(120px);
    -moz-transform: translateY(120px);
    -ms-transform: translateY(120px);
    -o-transform: translateY(120px);
    transform: translateY(120px);
    /* Force Hardware Acceleration in WebKit */
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
    bottom: 5px;
    left: 0px;
    right: 0px;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    /* iphone x */ }
    @media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
      .febsui-actionsheet .febsui-actionsheet-container {
        padding-bottom: constant(safe-area-inset-bottom);
        padding-bottom: env(safe-area-inset-bottom); } }

.febsui-actionsheet.febsui-visible .febsui-actionsheet-container {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0); }

.febsui-actionsheet .febsui-actionsheet-container .febsui-actionsheet-group {
  background-color: rgba(255, 255, 255, 0.99);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
  border-radius: 8px 8px 8px 8px; }
  .febsui-actionsheet .febsui-actionsheet-container .febsui-actionsheet-group:nth-last-child(1) {
    border: none !important; }

.febsui-actionsheet .febsui-actionsheet-container .febsui-actionsheet-cell {
  text-align: center;
  color: #1880d2;
  font-size: 20px;
  padding-top: 12px;
  padding-bottom: 12px; }
  .febsui-actionsheet .febsui-actionsheet-container .febsui-actionsheet-cell:hover, .febsui-actionsheet .febsui-actionsheet-container .febsui-actionsheet-cell:active {
    color: #1880d2;
    background-color: rgba(0, 0, 0, 0.02); }

.febsui-actionsheet .febsui-actionsheet-container .febsui-actionsheet-cancel {
  font-weight: 500; }

.febsui-actionsheet-black .febsui-actionsheet-container .febsui-actionsheet-group {
  background-color: #292929;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); }

.febsui-actionsheet-black .febsui-actionsheet-container .febsui-actionsheet-cell {
  color: #ececec;
  border-bottom: 1px solid #565656; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .febsui-actionsheet-black .febsui-actionsheet-container .febsui-actionsheet-cell {
      border-bottom: none;
      background-size: 100% 1px;
      background-repeat: no-repeat;
      background-position: bottom;
      background-image: linear-gradient(0deg, #565656 49%, transparent 51%, transparent); } }
  .febsui-actionsheet-black .febsui-actionsheet-container .febsui-actionsheet-cell:hover, .febsui-actionsheet-black .febsui-actionsheet-container .febsui-actionsheet-cell:active {
    color: #ececec;
    background-color: rgba(255, 255, 255, 0.02); }

/****************************************************/
/* uploader */
/****************************************************/
/* 
<febsui-uploader>
  <form method="post" role="form" enctype="multipart/form-data" style="display:none">
    <input type="file">
  </form>
  <label>
    <div class="btn">上传图片</div>
    <div class="febsui-uploader-progress">
      <span class="febsui-uploader-filename febsui-ellipsis"></span>
      <div class="febsui-uploader-progress-bg" style="width:0%;"></div>
      <span class="febsui-uploader-right">0%</span>
    </div>
  </label>
  <div class="febsui-uploader-progress-cancel"></div>
</febsui-uploader> */
.febsui-uploader {
  display: inline-block;
  text-align: center;
  position: relative;
  min-width: 120px;
  min-height: 38px;
  line-height: 38px; }

.febsui-uploader label {
  cursor: pointer;
  margin: 0px auto;
  padding: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

.febsui-uploader label .btn {
  margin: 0px auto;
  padding: 0;
  line-height: 38px; }

.febsui-uploader .febsui-uploader-progress {
  width: 100%;
  height: 100%;
  position: absolute;
  text-align: center;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 30px; }

.febsui-uploader .febsui-uploader-progress-bg {
  position: absolute;
  left: 0px;
  top: 50%;
  bottom: 0px;
  width: 10%;
  border-radius: .25rem;
  background-color: #1991EB; }

.febsui-uploader .febsui-uploader-progress span {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  color: #3c3c3c;
  font-size: 10px; }

.febsui-uploader .febsui-uploader-progress .febsui-uploader-right {
  text-align: right;
  left: auto;
  right: 5px;
  top: 50%;
  line-height: 19px; }

.febsui-uploader .febsui-uploader-progress .febsui-uploader-filename {
  text-align: left;
  left: 5px;
  right: 5px;
  line-height: 19px;
  bottom: 50%; }

.febsui-uploader .febsui-uploader-progress-cancel {
  display: none;
  cursor: pointer;
  position: absolute;
  top: 50%;
  bottom: 0px;
  right: 0px;
  width: 30px;
  height: 16px;
  padding: 2px;
  border-radius: 50%;
  line-height: 19px; }

.febsui-uploader .febsui-uploader-progress-cancel::after {
  content: '\53D6\6D88';
  font-size: 10px;
  color: #2e86d4; }

/* uploader .febsui-uploader-progress .febsui-uploader-progress-cancel,
 .febsui-uploader .febsui-uploader-progress .febsui-uploader-progress-cancel {
   cursor: pointer;
   display: none;
   position: absolute;
   top: -5px;
   right: -5px;
   width: 16px;
   height: 16px;
   padding: 2px;
   border-radius: 50%;
 } */
/* uploader .febsui-uploader-progress .febsui-uploader-progress-cancel .febsui-icon,
 .febsui-uploader .febsui-uploader-progress .febsui-uploader-progress-cancel .febsui-icon {
   width: 100%;
   height: 100%;
 } */
/* uploader:hover .febsui-uploader-progress-cancel,
 .febsui-uploader:hover .febsui-uploader-progress-cancel {
   display: block;
 } */
/****************************************************/
/* checkbox */
/****************************************************/
/* see https://github.com/OnsenUI/OnsenUI */
/* 
<div class="febsui-checkbox">
  <input id="checkbox1" type="checkbox">
  <div class="febsui-checkbox-mark"></div>
</div> */
.febsui-checkbox {
  line-height: 22px; }

.febsui-checkbox input {
  display: inline-block; }

.febsui-checkbox input,
.febsui-checkbox input:checked {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
  padding: 0;
  border: 0;
  background-color: transparent;
  z-index: 0;
  vertical-align: top;
  outline: none;
  width: 100%;
  height: 100%;
  margin: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer; }

.febsui-checkbox,
.febsui-checkbox-mark {
  position: relative;
  display: inline-block;
  vertical-align: top;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-family: -apple-system, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 400; }

.febsui-checkbox .febsui-checkbox-mark {
  box-sizing: border-box;
  background-clip: padding-box;
  height: 22px;
  width: 22px;
  pointer-events: none; }

.febsui-checkbox .febsui-checkbox-mark:before {
  content: " ";
  position: absolute;
  box-sizing: border-box;
  background-clip: padding-box;
  width: 22px;
  height: 22px;
  background: transparent;
  border: 1px solid #c7c7cd;
  border-radius: 22px;
  left: 0; }

.febsui-checkbox .febsui-checkbox-mark:after {
  content: " ";
  position: absolute;
  top: 7px;
  left: 5px;
  width: 11px;
  height: 5px;
  background: transparent;
  border: 2px solid #fff;
  border-width: 1px;
  border-top: none;
  border-right: none;
  border-radius: 0;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  opacity: 0; }

:checked + .febsui-checkbox-mark:before {
  background: #0076ff;
  border: none; }

:checked + .febsui-checkbox-mark:after {
  opacity: 1; }

:disabled + .febsui-checkbox-mark {
  opacity: .3;
  cursor: default;
  pointer-events: none; }

:disabled:active + .febsui-checkbox-mark:before {
  background: transparent; }

/****************************************************/
/* radio */
/****************************************************/
/* 
<div class="febsui-radio">
  <input id="radio1" type="radio">
  <div class="febsui-radio-mark"></div>
</div> */
.febsui-radio {
  line-height: 22px; }

.febsui-radio input {
  display: inline-block; }

.febsui-radio input,
.febsui-radio input:checked {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
  padding: 0;
  border: 0;
  background-color: transparent;
  z-index: 0;
  vertical-align: top;
  outline: none;
  width: 100%;
  height: 100%;
  margin: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer; }

.febsui-radio,
.febsui-radio-mark {
  position: relative;
  display: inline-block;
  vertical-align: top;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-family: -apple-system, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 400; }

.febsui-radio .febsui-radio-mark {
  box-sizing: border-box;
  background-clip: padding-box;
  height: 22px;
  width: 22px;
  pointer-events: none; }

.febsui-radio .febsui-radio-mark:before {
  content: " ";
  position: absolute;
  box-sizing: border-box;
  background-clip: padding-box;
  width: 22px;
  height: 22px;
  background: transparent;
  left: 0; }

.febsui-radio .febsui-radio-mark:after {
  content: " ";
  position: absolute;
  top: 7px;
  left: 5px;
  width: 11px;
  height: 5px;
  background: transparent;
  border: 2px solid #0276ff;
  border-width: 1px;
  border-top: none;
  border-right: none;
  border-radius: 0;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  opacity: 0; }

:checked + .febsui-radio-mark:before {
  border: none; }

:checked + .febsui-radio-mark:after {
  opacity: 1; }

:disabled + .febsui-radio-mark {
  opacity: .3;
  cursor: default;
  pointer-events: none; }

:disabled:active + .febsui-radio-mark:before {
  background: transparent; }

/****************************************************/
/* swiper */
/****************************************************/
/* 
<div class="febsui-swiper">
  <div class="febsui-swiper-pages">
    <div class="febsui-swiper-page"></div>
    <div class="febsui-swiper-page"></div>
    <div class="febsui-swiper-page"></div>
    <div class="febsui-swiper-page"></div>
  </div>
  <div class="febsui-swiper-dots">
    <span class="febsui-swiper-dot-active"></span>
    <span></span>
    <span></span>
    <span></span>
    <span></span>
  </div>
</div> */
.febsui-swiper {
  min-height: 40px;
  background-color: #ececec;
  overflow: hidden;
  position: relative !important;
  opacity: 0 !important;
  visibility: hidden !important;
  -webkit-transition: opacity 0.3s 0s, visibility 0.3s 0s !important;
  -moz-transition: opacity 0.3s 0s, visibility 0.3s 0s !important;
  transition: opacity 0.3s 0s, visibility 0.3s 0s !important; }

.febsui-swiper.febsui-swiper-inited {
  opacity: 1 !important;
  visibility: visible !important;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s !important;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0s !important;
  transition: opacity 0.3s 0s, visibility 0s 0s !important; }

.febsui-swiper .febsui-swiper-pages {
  position: absolute !important;
  top: 0px;
  bottom: 0px;
  min-width: 100%;
  min-height: 100%;
  white-space: nowrap;
  -webkit-transform: translate3d(0px, 0px, 0px);
  -moz-transform: translate3d(0px, 0px, 0px);
  -ms-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px);
  touch-action: pan-x pan-y manipulation; }
  .febsui-swiper .febsui-swiper-pages .febsui-swiper-page {
    transition: width 0.2s, height 0.2s; }

.febsui-swiper .febsui-swiper-animation {
  transition: all 0.25s cubic-bezier(0.4, 0.7, 0.5, 1); }

.febsui-swiper .febsui-swiper-pages .febsui-swiper-page {
  display: inline-block;
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;
  vertical-align: top;
  /* border: solid 1px rgba(0, 0, 0, .01); */ }

.febsui-swiper .febsui-swiper-dots {
  text-align: center;
  font-size: 16px;
  position: absolute !important;
  bottom: 5px;
  left: 0;
  right: 0;
  height: 12px; }

.febsui-swiper .febsui-swiper-dots span {
  width: 6px;
  height: 6px;
  border-radius: 3px;
  background-color: #ffffff;
  display: inline-block;
  margin: 3px;
  opacity: 0.35; }

.febsui-swiper .febsui-swiper-dots .febsui-swiper-dot-active {
  /* content: '●'; */
  width: 7px;
  height: 7px;
  opacity: 1; }

.febsui-swiper .febsui-swiper-dots .febsui-swiper-dot-active {
  border-radius: 3.5px; }

/* swiper vertical */
.febsui-swiper-vertical .febsui-swiper-pages .febsui-swiper-page {
  display: block; }

.febsui-swiper-vertical .febsui-swiper-dots {
  bottom: 0px;
  top: 0px;
  right: 5px;
  width: 10px;
  left: auto;
  margin: auto;
  display: table; }

.febsui-swiper-vertical .febsui-swiper-dots span {
  display: inline-block; }

/*# sourceMappingURL=febsui.css.map*/