* {box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */}
html{overflow-y: scroll;}
body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, form, img, dl, dt, dd, table, th, td, blockquote, fieldset, div, strong, label, em{margin:0; padding:0; border:0; }
ul, ol, li{list-style:none; }
input, button{font-family:微软雅黑,microsoft yahei, arial, PingFang SC,helvetica, sans-serif;margin:0; font-size:12px; vertical-align:middle;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
body{font-family:微软雅黑,microsoft yahei, arial,PingFang SC, helvetica, sans-serif; margin:0; color:#888; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;background:#fff;}
table{border-collapse:collapse; border-spacing:0; }
a{text-decoration:none; outline:none; color:#888; }
a{-webkit-tap-highlight-color:transparent;}
img{border:none;-webkit-transition:all 400ms ease-out; -mozilla-transition:all 400ms ease-out; -ms-transition:all 400ms ease-out; -o-transition:all 400ms ease-out; transition:all 400ms ease-out; }
a:hover{text-decoration:none;}
.none{display:none}
.none-strong{display:none !important;}
*:focus{outline:none}
i,em,ins,u{font-style:normal; text-decoration:none }
.fl{float:left}
.fr{float:right}
.pr{position:relative}
.pa{position:absolute}
.user-none{user-select:none;}
h1, h2, h3, h4, h5, h6{user-select:none;}
.cursor-p{user-select:none;cursor:pointer;}
.text-over{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.main .main-content{width: 1280px;margin: 0 auto;}
.flex{display: flex;}

.main {
    min-width: 1280px;
}
.main .carousel-arrow {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background-color: #FFF;
    user-select:none;cursor:pointer;
    position: absolute;
    /*top: 50%;*/
    /*margin-top: -32px;*/
    background-position: center;
    background-repeat: no-repeat;
}

.main .carousel-arrow-left{
    /*left: 28px;*/
    background-image: url("../imgfolder/point-to-28.png");
    transform: rotate(180deg);
}

.main .carousel-arrow-right{
    /*right: 28px;*/
    background-image: url("../imgfolder/point-to-28.png");
}

.main .carousel-arrow.disabled {
    cursor: default;
    background-color: #FFF !important;
    background-image: url("../imgfolder/point-to-28-gray.png");
}

.main .carousel-arrow:hover {
    background-color: #EDF1F5;
}

:root {
    --page-h1: 28px;
    --page-text: 14px;
    --title: 16px;
    --content: 12px;
    --radius: 8px;
    --bgcolor: #F2F2F7;


    --page-p: 24px;
    --page-h1-p: 20px;
    --page-text-p: 14px;
    --title-p: 14px;
    --content-p: 12px;
    --radius-p: 8px;
    --bgcolor-p: #F2F2F7;

    --font-color: #181D23;
}

/*header*/
.navbar .menu-item.active {
    color: #181D23 !important;
}
.navbar .menu-item:hover {
    color: #3E007D !important;
}

.navbar .dropdown-item.active {
    color: #181D23 !important;
}
.navbar .dropdown-item:hover {
    color: #E3B5ED !important;
}

/*product*/
.pro-main .category p.active {
    color: #181D23 !important;
}
.pro-main .category p:hover {
    color: #E3B5ED !important;
}

/*booter*/
.booter .booter-ul .booter-li.active {
    color: #FFF !important;
}
.booter .booter-ul .booter-li:hover {
    color: #E3B5ED !important;
}



@media (max-width: 1024px) {
    html {
        min-width: 300px;
    }
    .main {
        width: 100%;
        min-width: 100%;
    }
    .main .main-content {
        width: 100%;
        overflow: hidden;
        /*width: 343px!important;*/
        /*min-width: 343px!important;*/
        width: 100% !important;
        min-width: 100% !important;
        padding: 0 16px;
    }
    .booter .whatsapp {
         display: none;
        display: flex;
        bottom: 90px;
        right: 20px;
        height: 70px;
        width: 80px;
    }
}