/*jssor slider bullet skin 031 css*/
.jssorb031 {
  position: absolute; }

.jssorb031 .i {
  position: absolute;
  cursor: pointer; }

.jssorb031 .i .b {
  fill: #000;
  fill-opacity: 0.5;
  stroke: #fff;
  stroke-width: 1200;
  stroke-miterlimit: 10;
  stroke-opacity: 0.3; }

.jssorb031 .i:hover .b {
  fill: #fff;
  fill-opacity: .7;
  stroke: #000;
  stroke-opacity: .5; }

.jssorb031 .iav .b {
  fill: #fff;
  stroke: #000;
  fill-opacity: 1; }

.jssorb031 .i.idn {
  opacity: .3; }

/*jssor slider arrow skin 051 css*/
.jssora051 {
  display: block;
  position: absolute;
  cursor: pointer; }

.jssora051 .a {
  fill: none;
  stroke: #fff;
  stroke-width: 360;
  stroke-miterlimit: 10; }

.jssora051:hover {
  opacity: .8; }

.jssora051.jssora051dn {
  opacity: .5; }

.jssora051.jssora051ds {
  opacity: .3;
  pointer-events: none; }

/* jssor slider loading skin tail-spin css */
.jssorl-006-tail-spin img {
  animation-name: jssorl-006-tail-spin;
  animation-duration: 1.2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear; }

@keyframes jssorl-006-tail-spin {
  from {
    transform: rotate(0deg); }

  to {
    transform: rotate(360deg); } }