/* BASIC css start */
.tool-wrap {padding:5px 10px;}
.tool-wrap select {width:100%;}
.list_array {border-top:0px none;}
.plan .list_array .list_arrayRight img {width: 23px; height: auto;}


.abcd { padding: 0px 10px; }
.abcd span {display:inline-block; width:10px; height:10px; border:1px solid #dddddd;}


/*our brand ¼½¼Ç*/
.our-brand {
    width:100%;
    min-width:1280px;
    background:#f8f8f8;
    padding-bottom:10px;
}
.our-brand .title{
    padding-top:20px;
    padding-bottom:20px;
    text-align:center;    
}
.our-brand .title h4 {
    color:#333;
    font-size:60px;
    font-weight:normal;
    line-height:105px;    
}
.our-brand .swiper-pagination{
    position:relative;
    bottom:auto !important;
    left: 0px;
    right: 0px;
    font-size:0px;
}
.our-brand .our-brand-outer {
    width:100%;
    overflow:hidden;

}
.our-brand .our-brand-inner {
    margin-left:-10px;
    margin-right:-10px;
    
}
.our-brand .swiper-pagination-bullet{
position:relative;
bottom:40px;
margin: 0px 6.5px !important;
}
}
.our-brand-outer .common-navi-prev {
    left:0px;
    margin-top:0px;
    background-image: url(/design/huit8/img/2020/pc/swiper_prev_icon.jpg);
}
.our-brand-outer .common-navi-next {
    right:0px;
    margin-top:0px;
    background-image: url(/design/huit8/img/2020/pc/swiper_next_icon.jpg);
}
.our-brand-swiper {
    margin-left:-1px !important;
}
.our-brand-swiper .swiper-slide {
    position:relative;
    margin-top:40px;
    padding:10px !important;
    transition:all 0.3s ease-in-out;
}
.our-brand-swiper .swiper-slide img {
    width:133%;
    transform:scale(1);
    transition:all 0.3s ease-in-out;
}
.our-brand-swiper .swiper-slide .text-box {
    opacity:0;
    transition:opacity 0.3s ease-in-out;
}
.our-brand-swiper .swiper-slide-active {
    padding:0px !important;
    margin-left:30px;
    margin-right:30px;
    margin-bottom:0px;
    z-index:10;
}
.our-brand-swiper .swiper-slide-active img {
    transform:scale(1.15);
    margin-bottom:20px;
}
.our-brand-swiper .swiper-slide-active .text-box {
    position:absolute;
    left:20px;
    bottom:120px;
    opacity:1;
}
.our-brand-swiper .swiper-slide-active .text-box h6 {
    color:white;
    font-size:42px;
    line-height:65px;
}
.our-brand-swiper .swiper-slide-active .text-box p {
    margin-top:8px;
    color:white;
    font-size:16px;
    line-height:24px;
    letter-spacing:-0.5px;
}
.our-brand-swiper .swiper-slide .info-box{
    display:none;
    opacity:0;
    transition:all 0.3s ease-in-out;
}
.our-brand-swiper .swiper-slide-active .info-box {
    display:block;
    opacity:1;
    background:#333;
    padding:24px 20px;
    box-sizing:border-box;
}
.our-brand-swiper > ul > li > a .item-thumb{
    margin-bottom:0px !important;
}
.our-brand-swiper > ul > li > a .item-title{
    color:#fff !important;
}
.our-brand-swiper > ul > li > a .item-price-wrap .item-price-discount{
    color:#fff !important;
}
/* BASIC css end */