/* pages/home/home.wxss */
page {
  position: absolute;
  width: 100vw;
  height: 100vh;
  bottom: 0;
  overflow: hidden;
}
.container{
  position: relative;
  width: 100%;
  height:100%;
  background: rgb(255, 255, 255);
}
/* 箭头 //上右边下左 */
.arrow-left{
  width: 0;
  height: 0;
  border: 20px solid;
  border-color: transparent transparent  transparent rgb(255,255,255);
  position: relative;
  cursor: pointer;
}
.arrow-left::after{
  content: '';
  position: absolute;
  top: -20px;
  left: -23px;
  border: 20px solid;
  border-color:  transparent transparent transparent rgb(0, 183, 255);
}

.arrow-right{
  float: right;
  width: 0;
  height: 0;
  border: 20px solid;
  border-color: transparent rgb(255,255,255)  transparent transparent;
  position: relative;
  cursor: pointer;
}
.arrow-right::after{
  content: '';
  position: absolute;
  top: -20px;
  right: -23px;
  border: 20px solid;
  border-color:  transparent  rgb(0, 183, 255) transparent transparent;
}
/* 左侧的菜单 */
.container-menu{
  position: absolute;
  left: 0;
  z-index: 1;
  width:30%;
  font-size: 12px;
  height:100%;
  background-color: rgba(0, 0, 0,.8);
  overflow: hidden;
}
.btn-ul{
  position: relative;
  margin-top:40px;
  margin-left:10px;
}
/* mask */
.container-menu-mask{
  position: absolute;
  right: 0;
  z-index: 1;
  width:70%;
  height:100%;
  background-color: rgba(0, 0, 0,.5);
  overflow: hidden;
}


.container-menu-expand{
  position: absolute;
  left: 0;
  z-index: 1;
}

.caontainer-header{
  height:150px;
  display: flex;
}
/* 嵌入表头图案 */
.swiper{
  position: relative;
  height:150px;
  width: 100vw;
  background-color: rgb(49, 28, 3);
}
.swiper-item{
  position: relative;
  width: 100%;
  text-align: center;
  line-height: 150px;
  height: 100%;
}
.header-swiper-one{
  background-color: rgba(158, 209, 238,.4);
}
.header-swiper-two{
  background-color: rgba(158, 209, 238,.5);
}
.header-swiper-three{
  background-color: rgba(158, 209, 238, 0.6);
}

.caontainer-header content-title{
  text-align: center;
}

.container-content{
  position: relative;
  height: 50vh;
}
.home-content-class{
  position: relative;
  width: 100%;
  height:100%;
}
.container-footer{
  position: absolute;
  width:100vw;
  bottom: 0;
  left:0;
  right:0;
  padding: 0;
}
.container-footer-btn-menu{
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  width:100vw;
  bottom:0;
}
.default-btn{
  position: relative;
  width:25%;
  border:1px solid antiquewhite;
  text-align: center;
  height:100%;
}
.default-btn:active{
  background-color:  rgb(8, 113, 252);
}
.btn-actived{
  background-color:  rgb(8, 113, 252);
}