/**
 * sliderWipe v1.0.0
 * @Date:   2021-04-21
 * @Author: Nikki
 */
*{list-style: none;margin: 0;padding: 0;}
.cover-modal{
  margin-left: -330px;
  text-align: center;
  position: fixed;
  z-index: 99999;
  top: 50%;
  left: 50%;
  margin-top: -220px;
  padding: 30px 30px 20px;
  background: #fff;
  border: 1px solid #f7f5f5;
  box-shadow: 0 2px 5px rgba(34,25,25,.4);
  -moz-box-shadow: 0 2px 5px rgba(34,25,25,.4);
  -webkit-box-shadow: 0 2px 5px rgba(34,25,25,.4);
  overflow: hidden;
  
  }
.cover-overlay{
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
 background-color: #000;
  opacity: .5;
}
.cover-tilte{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: -30px -31px 20px;
  padding: 9px 31px 8px;
  background-color: #fafafa;
  border-bottom: 1px solid #ebebeb;
}
.cover-tilte h3{color: #999;text-shadow: 0 1px #fff;text-align: left;}
.cover-close{font-weight: 300;font-size: 25px;font-style: unset;color: #999;cursor: pointer;}
.cover {
    position: relative;
    width: 648px;
    height: 216px;
    margin-bottom: 10px;
    overflow: hidden;
}
.cover-imgs {
    position: absolute;
    left: 0;
    top: 0;
    width: 10000px;
}
.cover-imgs li{float:left;margin-right: 10px;}
.arrow{
  width: 216px;
  height: 216px;
  background: hsl(0deg 0% 0% / 75%);
  position: absolute;
  top: 0;
  cursor: pointer;

}
.left-btn{left: 0;}
.right-btn{right: 0;}
.arrow-btn{
  width: 90px;
  height: 90px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -45px;
  margin-top: -45px;
  background: url(../images/btns.png) no-repeat;
}
.left-btn .arrow-btn{background-position: 0 0;}
.left-btn:hover .arrow-btn{background-position: 0 -100px}
.right-btn .arrow-btn{background-position: -120px 0} 
.right-btn:hover .arrow-btn{background-position: -120px -100px}
.cover .cover-imgs img{width: 216px;height: 216px;}
.cover .left-btn.arrow.none .arrow-btn {background-position: 0 -300px;}
.cover .right-btn.arrow.none .arrow-btn {background-position: -120px -300px;}


.cover-footer button{
  margin-right: 8px;
  padding: 9px;
  border-radius: 4px;
  border: none;
  color: #999;
  cursor: pointer;
  font-size: 13px;
  font-weight: normal;
  float: right;
}
.cover-footer button:hover{background: #7F7F7F;color: #fff;}
.cover-footer button:focus{border: none;outline: none;}