@charset "utf-8";

@font-face{font-family:NUR Tor;font-style:normal;font-weight:400;src:url(nur_mob_tor.ttf)}
@font-face{font-family:NUR Tor;src:local("NUR Tor"),url(nur_mob_tor.ttf) format("opentype")}
.ug{ font-family:NUR Tor !important;}

body{padding:0px; margin:0px; font-family:"NUR Tor"; font-size:13px;  background-color: #f4f5f7; background-repeat:no-repeat; background-position:top center; transition:all .5s ease-out .1s;}
html{
  -ms-text-size-adjust:100%;
  -webkit-text-size-adjust:100%;
}
body{
  line-height:1.6;
  letter-spacing: -0.5px !important;
  font-family:"NUR Tor",-apple-system-font, "Helvetica Neue", sans-serif;
  letter-spacing: -0.2px;
}
*{
  margin:0;
  padding:0;
}
.null_area{ height: 100px; width: 100%;}
a img{
  border:0;
}
a{
  text-decoration:none;
  -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
}
.container{    position: relative;
  z-index: 0;
  overflow: hidden;
  width: 100%;
}
.rtl{ direction: rtl}
.ltr{ direction: ltr}
.lh200{ line-height: 200%}
.relative{ position: relative}
.cover{ background-size: cover !important; background-position: center center !important}
.radius-5{ border-radius: 5px}
.radius-10{ border-radius: 10px}
.radius-15{ border-radius: 15px}
.radius-20{ border-radius: 20px}
.radius-25{ border-radius: 25px}

.color_1{ color: #9c26b0}
.color_2{ color: #9c26b0}
.color_3{ color: #9c26b0}
.color_4{ color: #9c26b0}
.color_5{ color: #9c26b0}
.color_6{ color: #9c26b0}
.color_7{ color: #9c26b0}
.color_8{ color: #9c26b0}

.ic_1{background-image: linear-gradient(45deg,#8E2DE2,#4A00E0);box-shadow: 0 0 1rem rgba(74,0,224,.3);}
.ic_2{background-image: linear-gradient(45deg,#ff8282,#ff4d4d);box-shadow: 0 0 1rem rgba(255,77,77,.3);}
.ic_3{background-image: linear-gradient(45deg,#ffc832,#ff9600);box-shadow: 0 0 1rem rgba(255,165,2,.3);}
.ic_4{background-image: linear-gradient(45deg,#32e6ff,#00c8ff);box-shadow: 0 0 1rem rgba(24,220,255,.3);}
.ic_5{background-image: linear-gradient(45deg,#46dcaa,#0faf7d);box-shadow: 0 0 1rem rgba(15,175,125,.3);}
.ic_6{background-image: linear-gradient(45deg,#6464ff,#afafff);box-shadow: 0 0 1rem rgba(150,150,255,.3);}
.ic_7{background-image: linear-gradient(45deg,#8E2DE2,#4A00E0);box-shadow: 0 0 1rem rgba(74,0,224,.3);}
.ic_8{background-image: linear-gradient(45deg,#ff8282,#ff4d4d);box-shadow: 0 0 1rem rgba(255,77,77,.3);}
.ic_9{background-image: linear-gradient(45deg,#ffc832,#ff9600);box-shadow: 0 0 1rem rgba(255,165,2,.3);}

/*swipe*/
.slide{
  position: relative;
  max-width:100%;max-height:100%;
  overflow: hidden;
  margin: 0px auto;
}
.slide:after{
  content: '';
  display: block;
  width: 100%;
  padding-top: 50%;
}
.slide ul{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.slide li{
  list-style: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.slide li:first-child{
  z-index: 1;
}
.slide li .img{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: none;
}
.slide .slide-desc {
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  bottom: 0;overflow: hidden;
  padding: 5px 0;
  width: 100%;
  color: #fff;
  font-size: 16px;
  text-align: center;white-space: nowrap;word-break: break-all; text-overflow: ellipsis; }
.slide .dot{
  position: absolute;
  right: 10px;
  bottom: 10px;
  z-index: 5;
  font-size: 0;
}
#slide2 .dot{
  position: absolute;
  right:calc(50% - 16px);
  bottom: 10px;
  z-index: 5;
  font-size: 0;text-align: center;
  margin:0 auto;
}
.slide .dot span{
  display: inline-block;
  width: 5px;
  height: 5px;
  margin-left: 5px;
  border: 1px solid #fff;
  border-radius: 50%;
}
.slide .dot .cur{
  background-color:#07c160;border: 1px solid #07c160; width: 5px; border-radius: 4px;
}
.slide-m{
  background:#f8f8f8;height:40px;line-height:40px;vertical-align:middle;margin:0 auto;
}
.slide .txt{overflow: hidden;text-align:center;font-size:16px; white-space: nowrap;word-break: break-all; text-overflow: ellipsis;}