@charset "utf-8";

/* CSS Document */
/*
** HTML5移动重置样式表
*/
/* ============================ 重置css样式 ============================ */
/* 清除内外边距 */
body,
html,
header,
footer,
section,
span,
p,
h1,
h2,
h3,
h4,
ul,
ol,
li,
select,
input,
button,
textarea,
aside,
article,
dd,
dl,
dt {
  margin: 0;
  padding: 0;
}



/* 顶部导航栏 */

.line {
  position: absolute;
  bottom: 0;
  height: 2px;
  background-color: #b42759; /* Change this to the desired color */
  transition: all 0.3s ease;
}




/* 设置默认字体 */
body,
button,
input,
select,
textarea {
  font: 0.48rem "NotoSansHans-Regular", Helvetica, Arial, sans-serif;
  color: #666;
}

/* 重置列表元素 */
ul,
ol {
  list-style: none;
}

/* 重置文本格式元素 */
a {
  text-decoration: none;
}

a:focus {
  outline: none;
}

img {
  width: 100%;
  border: none;
  vertical-align: middle;
}

/* 重置表格元素 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* ========================= 页面常用样式 CSS样式 =========================== */
/*html,body{
  width:100%;
  overflow-x:hidden;  
}*/
body {
  -text-size-adjust: none;
  -webkit-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/*清除浮动*/
.clearfix:after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: " ";
}
* html .clearfix{height:1%}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{zoom:1}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

input {
  border: none;
  border-radius: 0px;
  background: none;
  outline: none;
}

input[type="number"],
input[type="submit"],
input[type="reset"] {
  -webkit-appearance: none;
  appearance: none;
}

/* input[type=text] {
  webkit-appearance: none;
} */

select,
button,input,textarea {
  -webkit-appearance: none;
  appearance: none;
  border: none;
  background: transparent;
  outline: none;
}

i,
em {
  font-style: normal;
}

/*placeholder文字默认颜色-webkit-input-placeholder*/
:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #999;
}

::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #999;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #999;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #999;
}


/* lunbo */
.swiper-container {
  position: relative;
  overflow: hidden;
}

.swiper-wrapper {
  display: flex;
  transition: transform 0.3s ease;
  width: 100%;
  height: 50em;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
}

.carousel-navigation {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}

.nav-dot {
  width: 10px;
  height: 10px;
  background-color: #ccc;
  border-radius: 50%;
  margin: 0 5px;
  cursor: pointer;
}