.continer{

}
.continer .tabs{
 margin-top: .725rem;
 position: relative;
}
.continer .tabs .tabList{
 display: flex;
 justify-content: center;   
}
.continer .tabs .tabList ul{
 display: flex;
 font-size: .225rem;
 color: #585858;
 height: .5625rem;
 align-items: center;
}
.continer .tabs .tabList ul li{
  display: flex;
  height: .5625rem;
  align-items: center;
  cursor: pointer;
}
.continer .tabs .tabList ul li span{
    display: block;
    width: 1.5625rem;
    height: .225rem;
    line-height: .225rem;
    text-align: center;
    border-right: .0125rem solid #CFCFCF;
}
.continer .tabs .tabList ul li:last-child span{
    border-right: none;
}
.tabItemActive{
  font-size: .25rem;
  font-weight: 400;
  color: #FFFFFF;
  background: #0089FF;
}
.tabItemActive span{
    border: none !important;
}
.continer .tabs .line{
    width: 17.3125rem;
    height: 0rem;
    border: .0125rem solid #006BC8;
    margin-top: .175rem;
    position: absolute;
    left: 50%;
    right: 50%;
    transform: translate(-50%);
}
.tabs .swiper{
    margin-top: .5rem;
    height: 8.75rem;
}
.layui-carousel{
    background-color:#D6ECFF !important;
}
.layui-carousel>[carousel-item]>*{
    background-color:#D6ECFF !important;
}
.layui-carousel-arrow{
    width: 1.15rem !important;
    height: 1.15rem !important;
    background-color: #A3D3FC !important;
    font-size: .5rem;
    left: 1.625rem !important;
    right: 1.625rem !important;
}
.contentBox{
    height: 7.9375rem;
    padding-top: .8125rem;
    border: .0125rem dashed #ccc;
}
.contentBox .title{
    text-align: center;
    font-size: .45rem;
    font-weight: bold;
    color: #000000;
}
.contentBox .info{
    text-align: center;
    margin-top: .4375rem;
    font-size: .25rem;
    color: #000000;
}
.contentBox  .videoBox{
    display: flex;
    justify-content: center;
    margin-top: .775rem;
}
.contentBox  .videoBox .leftBox{
    width: 7.625rem;
    height: 4.875rem;
    background-color: #99CEFF;
    margin-right: .9625rem;
    border: .1875rem solid #99CEFF;
    border-radius: .1875rem .1875rem .1875rem .1875rem;
}
video{
    object-fit:fill;
    border-radius: .1875rem .1875rem .1875rem .1875rem;
    width: 7.25rem;
    height: 4.5rem;
}
.rightBox .title{
color: #333333;
font-weight: bold;
font-size: .375rem;
text-align: start;
}
.rightBox .functionList{
color: #585858; 
font-size: .275rem;
margin-top: .2rem;
}
.rightBox .functionList ul li{
   line-height: .575rem;
 }
.rightBox .functionList i{
   width: .15rem;
   height: .3rem; 
}
.btn button{
    width: 3.1875rem;
    height: .75rem;
    margin-top: .15rem;
    background: #0089FF;
    border-radius: .125rem .125rem .125rem .125rem; 
    border: none;
    font-weight: bold; 
    font-size: .3rem;
    color: #FFFFFF;
}
.btn .detailBtn{
    background-color: #0156FF;
}