.slick-slider {
 position: relative;
 display: block;
-webkit-touch-callout: none;
-ms-touch-action: pan-y;
 touch-action: pan-y;
box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list {
 position: relative;
 z-index: 1;
 display: block;
 overflow: hidden;
 margin: 0;
 padding: 0;
}
.slick-slide:focus,.slick-list:focus {
 outline: none
}
.slick-list.dragging {
 cursor: pointer;
 cursor: hand;
}
.slick-slider .slick-track, 
.slick-slider .slick-list {
 -webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0)
}
.slick-track {
 position: relative;
 top: 0;
 left: 0;
 display: block;
}
.slick-track:before, 
.slick-track:after {
 display: table;
 content: '';
}
.slick-track:after {
 clear: both;
}
.slick-loading .slick-track {
 visibility: hidden;
}
.slick-slide {
 display: none;
 float: left;
 height: 100%;
 min-height: 1px;
}
[dir = 'rtl'] .slick-slide {
 float: right;
}
.slick-slide .slick-loading img {
 display: none;
}
.slick-slide .dragging img {
 pointer-events: none;
}
.slick-initialized .slick-slide {
 display: block;
}
.slick-loading .slick-slide {
 visibility: hidden;
}
.slick-vertical .slick-slide {
 display: block;
 height: auto;
 border: 1px solid transparent;
}
.slick-arrow .slick-hidden {
 display: none;
}


.slick-arrow{ font-size:0; z-index:100;position: absolute; top:50%; transform: translate(0,-50%); width:0.56rem; height:0.56rem; cursor: pointer; padding: 0;transition: all ease 0.3s;background-position: center center;background-repeat: no-repeat;background-size: contain;border-radius: 50%;border: 2px solid #0072c9;color:#0072c9;background-color:transparent;}
.slick-arrow:hover{background-image: linear-gradient(to right, #1698fd , #0172c9);color: #fff;}
.slick-prev{left:0;}
.slick-next{right: 0;}
.slick-disabled{border: 1px solid #dedcda;color:#dedcda !important;background: transparent !important;cursor: auto;}

.slick-dots{position: absolute; z-index: 10; bottom: 0; left: 0; width:100%; text-align:center;}
.slick-dots li{margin: 0 12px;overflow: hidden;display: inline-block;width:24px;height: 24px;border-radius: 50%;position: relative;cursor: pointer;}
.slick-dots li:first-child{margin-left: 0;}
.slick-dots li:last-child{margin-right: 0;}
.slick-dots li:before{width: 100%;height: 100%;left: 0;top: 0;background: url(../../images/yuan.png);transition: all 0.3s;content: "";position: absolute;z-index: 2;opacity: 0;}
.slick-dots li:after{width: 100%;height: 100%;left: 0;top: 0;transition: all 0.3s;content: "";position: absolute;border: 2px solid rgba(255,255,255,0.3);border-radius: 50%;opacity: 0;}
.slick-dots li button{width: 8px;height: 8px;border-radius: 50%;transition: all 0.3s;border: 0;display: block;background: rgba(255,255,255,0.3);margin: 0px auto;padding: 0;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.slick-dots li button i{display: none;font-size: 16px;}
.slick-dots li.slick-active button{background: #fff200;}
.slick-dots li.slick-active:before{opacity: 1;animation: turn 3s linear infinite;}
.slick-dots li.slick-active:after{opacity: 1;}
/*.item.slick-current:after{animation-name: width100; animation-duration: 6000ms; animation-timing-function: linear; animation-iteration-count: infinite; animation-play-state: running; animation-delay: 0ms} */


@media ( max-width:1024px){
.slick-arrow{width: 35px;height: 35px;}
.slick-prev{ left:0;}
.slick-next{ right:0;}
}
@media(max-width:640px){
    .slick-dots li{margin: 0 5px;}
}