.flex{
display: flex;
align-items: center;
}
.row-center{
justify-content: center;
}
.row-left{
justify-content: flex-start;
}
.row-right{
justify-content: flex-end;
}
.row-btw{
justify-content: space-between;
}
.col-top{
align-items: flex-start !important;
}
.col-btm{
align-items: flex-end;
}
.head{
    width:1140px;
    margin:0 auto;
    padding-top:20px;
    margin-bottom: 20px;
}
.navs{
    font-size:14px;
    margin-right:60px;
    margin-bottom: 0;
}
.navs>li{
    margin:10px 15px;
}
.navs>li>a:hover{
    color:#e50112;
}
.navs>li.active>a{
    color:#e50112;
    font-size: 15px;
}
.sw{
    width:1290px;
    margin:0 auto;
    position: relative;
    padding-bottom: 20px;
}
.nav-slide{
    flex-direction: column;
    justify-content: center;
    font-size:14px;
}
.nav-slide>img{
    width:60px;
    height:60px;
    border-radius: 50%;
    margin-bottom:15px;
}
.nav-slide>span{
    font-size:12px;
    color:#6b717d;
}
[v-cloak]{
    display: none;
}
.index-cont{
    background-color: #f52883;
    padding-bottom: 20px;
}
.index-wp{
    width: 1140px;
    margin:0 auto;
}
.index-cont .li{
    position: relative;
    background-color: #fff;
    border-radius: 8px;
    overflow: hidden;
    align-items: flex-start;
    margin-bottom: 26px;
}
.index-cont .li>img{
    width: 659px;
    height:195px;
}
.index-cont .li-div{
    flex:1;
    padding-left:34px;
    padding-top:12px;
    padding-right:20px;
}
.li-div .buy{
    width:116px;
    height:38px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size:14px;
    color:#fff;
    border-radius: 10px;
    background: #f52883;
    line-height: 38px;
    cursor: pointer;
    opacity: 0.8;
    transition: all .2s;
}
.li-div .buy:hover{
    opacity: 1;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1)
}
.li-div .btn-end{
    width:116px;
    height:38px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size:14px;
    color:#fff;
    border-radius: 8px;
    background: #bfbfbf;
    line-height: 38px;
}
.li-div .buy{
    width:116px;
    height:38px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size:14px;
    color:#fff;
    border-radius: 6px;
    background: #f52883;
    line-height: 1;
}
.li-div-1{
    flex:1;
}
.li-div-1 .h4{
    font-weight: 600;
    margin-bottom: 15px;
}
.time{
    background: #f52883;
    color:#fff;
    border-radius: 4px;
    font-size:12px;
    padding:3px 5px;
    margin-left:8px;
}
.start{
    font-size:12px;
    color:#c0c0c0;
}
.old-price{
    color:#999;
    font-size: 12px;
    text-decoration: line-through;
    margin-left:15px;
}
.tuan{
    color:#f52883;
    font-size:13px;
    padding-top:5px;
}
.mony{
    color:#f52883;
    font-size:22px;
}
.can{
    border:1px solid #f52883;
    color:#f52883;
    padding:3px 5px;
    font-size:12px;
    margin-right:5px;
}
.pepo{
    padding:5px 0 10px 0;
}
.down-bg{
    width:70px;
    height:70px;
    background: url('../img/down.png') no-repeat center center;
    color:#fff;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: absolute;
    top: -3px;
    left: 589px;
}
.down-bg-t{
    font-size:12px;
}
.down-bg-p{
    font-size:13px;
    font-weight: 600;
}
.end{
    color:#fea542;
    font-size:14px;
}
.text-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.bug-cont{
    width:1140px;
    margin:0 auto;
    overflow: hidden;
    padding-top:50px;
}
.bug-cont>div{
    align-items: flex-start;
}
.swiper2{
    width:662px;
    overflow: hidden;
}
.swiper-right{
    flex:1;
    padding-left:58px;
}
.swip{
    position: relative;
}
.swiper-button-prev2{
    width:30px;
    height:63px;
    background: rgba(0, 0, 0, 0.3);
    position:absolute;
    left:4px;
    top:0;
    z-index: 15;
    display: flex;
    align-items: center;
    justify-content: center;
    color:#fff;
}
.swiper-button-next2{
    width:30px;
    height:63px;
    background: rgba(0, 0, 0, 0.3);
    position:absolute;
    right:4px;
    top:0;
    z-index: 15;
    display: flex;
    align-items: center;
    justify-content: center;
    color:#fff;
}
.swiper-button-disabled{
    opacity: .5;
}
.banner2{
    margin-bottom: 18px;
    position: relative;
}
.banner2 img{
    width:663px;
    height:196px;
}
.clas{
    border: 2px solid #885f5f;
    padding:1px;
}
.box{
    box-shadow: 0 2px 6px rgba(0, 0, 0, .08), 0 2px 6px rgba(0, 0, 0, .04)
}
.bgr{
    background: #fff8fb;
    width:60%;
    padding:10px 15px;
}
.des{
    color:#999;
    padding:20px 0;
}
.menu-li{
    height:26px;
    line-height: 26px;
    padding-left:15px;
    cursor: pointer;
}
.menu-li:hover{
    background: #f2f2f2;
}
.buy-new{
    width: 112px;
    height:40px;
    color:#fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size:14px;
    border-radius: 10px;
    background:#f52883;
    line-height: 1;
    cursor: pointer;
    margin-top: 20px;
}
.tips{
    font-size:13px;
    color:#999;
    padding-top: 5px;
}
.about-bg{
    background: url("../img/bg.png") no-repeat center top;
    background-size: cover;
    height:480px;
}
.about-wrap{
    transform: translateY(-100px);
    width:1140px;
    margin:0 auto;
}
.to-new{
    background: #fff;
    height:210px;
    border-radius: 10px;
    padding:10px 68px 10px 48px;
}
.to-new-left{
    flex-direction: column;
    width:400px;
    justify-content: flex-start;
}
.tabs{
    border-bottom:1px solid #ddd;
    margin-top: -50px;
}
.tabs>li>a{
    width:150px;
    height:60px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 40px;
    font-size: 15px;
}
.tabs>li.active a{
    color:#e50112;
    position: relative;
}
.tabs>li a:hover{
    text-decoration: none;
}
.tabs>li.active a::after{
    position: absolute;
    width: 90px;
    height:4px;
    background: #ff3e3e;
    content: '';
    bottom: 0;
    left: 50%;
    margin-left: -45px;
}
.new-in{
    background: #ff3e3e;
    color:#fff;
    width:200px;
    height:56px;
    display: flex;
    align-items: center;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
    font-size:26px;
    line-height: 1;
    cursor: pointer;
}
.new-in>span:nth-child(1){
    margin-right:15px;
}
.w1140{
    width: 1140px;
    margin:0 auto;
}
.title{
    text-align: center;
}
.title-des{
    color:#9d9d9d;
    text-align: center;
    font-size:20px;
}
.pr1{
    padding:50px 0;
}
.f1{
    flex:1;
}
.pro-des{
    font-size:13px;
    line-height: 1.8;
}
.advantage{
    padding:70px 0;
    justify-content: space-between;
    align-items: flex-start !important;
}
.advantage>li{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size:16px;
    width: 23%;
}
.advantage>li>p{
    margin-top:18px;
}
.help1{
    background: #3a383d;
    color:#f6d9c0;
    height:311px;
    width:489px;
    flex-direction: column;
    justify-content: center;
}
.bor{
    border:1px solid #f6d9c0;
    border-radius:10px;
    padding:10px 20px;
    font-size: 20px;
    cursor: pointer;
    transition: all .5s;;
}
.bor>span:nth-child(1){
    padding-right:15px;
}
.bor:hover{
    border-radius: 0;
}
.new-re{
    width:60%;
    padding-top: 20px;
}
.red-bg{
    background: #e50112;
    height:55px;
    color:#fff;
    font-size:18px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin:0;
    margin-bottom:25px;
}
.red-ul{
    align-items: flex-start;
}
.red-ul>li{
    border-radius: 10px;
    overflow: hidden;
    width:30%;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
.red-ul>li dd{
    display: flex;
    align-items: center;
    margin:10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    margin-bottom: 3px;
}
.red-ul>li dd::before{
    content: '';
    width: 5px;
    height:5px;
    display: inline-block;
    background: #333;
    margin-right:10px;
    margin-bottom:3px ;
}
.contact{
    position: relative;
}
.contact::after{
    position: absolute;
    top:40%;
    content: '';
    right:0;
    left:58%;
    height:1px;
    background: #ccc;
}
.contact::before{
    position: absolute;
    top:40%;
    content: '';
    left:0;
    right:58%;
    height:1px;
    background: #ccc;
}
#container{
    width: 690px;
    height:280px;
    background: #ccc;
}
.address{
    padding-left:40px;
}
.icons{
    padding-top:20px;
}
.icons>li{
    padding:12px 0;
}
.icons>li>span:nth-child(1){
    font-size:18px;
    margin-right:15px;
}
.f96{
    color:#969696;
    margin:0;
    font-size: 14px;
}
.product{
    flex-direction: column;
    padding:30px;
}
.product>p:nth-child(2){
    color:#999;
}
.cooperation{
    width: 900px;
}
.footer{
    background: #484848;
    padding:40px;
    flex-direction: column;
    color:#fff;
    margin-top: 50px;
}
.footer a{
    color:#fff;
}
.footer a:hover{
    color:#ccc;
}
.footer li{
    margin:0 6px;
}
.link>a{
    margin:0 6px;
}