#cssmenu {
    position:relative;
    transition:all .4s;
    width:70%;
    display: inline-flex;
    align-items: center;
}
#cssmenu ul {
    list-style:none;
    padding:0;
    margin:0;
    line-height:1
}
#cssmenu > ul {
    position:relative;
    display:flex;
    width:100%;
    justify-content: space-between;
}
#cssmenu:after, #cssmenu > ul:after {
    content:".";
    display:block;
    clear:both;
    visibility:hidden;
    line-height:0;
    height:0
}
#cssmenu.align-right > ul > li {
    float:right
}
#cssmenu.align-center ul {
    text-align:center
}
#cssmenu.align-center ul ul {
    text-align:left
}
#cssmenu > ul > li {
    display:inline-block;
    position:relative;
    margin:0;
    padding:0;
    height: 59px;
    line-height: 59px;
}
#cssmenu > ul > li:nth-child(1){
    margin-left: 0;
}
#cssmenu > ul > #menu-button {
    display:none
}
#cssmenu ul li a {
    display:block;
    font-family:Helvetica, sans-serif;
    text-decoration:none
}
#cssmenu > ul > li > a {
    font-size:14px;
    transition:all .4s;
    color:#333;
    -webkit-transition:color .25s ease-out;
    -moz-transition:color .25s ease-out;
    -ms-transition:color .25s ease-out;
    -o-transition:color .25s ease-out;
    transition:color .25s ease-out
}
#cssmenu > ul > li > a.active {
    color: #eb0029;
}
#cssmenu > ul > li:hover > a {
    transition:all .4s;
    color: #eb0029;
}
#cssmenu ul ul li:hover >a {
    color: #eb0029;
}
#cssmenu li.has-sub::after {
    display:block;
    content:"";
    position:absolute;
    width:0;
    height:0
}
#cssmenu > ul > li.has-sub::after {
    right:20px;
    top:28px;
    border:5px solid transparent;
    border-top-color:#7a8189
}
#cssmenu > ul > li:hover::after {
    border-top-color:#fff
}
#indicatorContainer {
    position:absolute;
    height:12px;
    width:100%;
    bottom:0;
    overflow:hidden;
    z-index:-1
}
#pIndicator {
    position:absolute;
    height:0;
    width:100%;
    border:12px solid transparent;
    border-top-color:#2b2f3a;
    z-index:-2;
    -webkit-transition:left .25s ease;
    -moz-transition:left .25s ease;
    -ms-transition:left .25s ease;
    -o-transition:left .25s ease;
    transition:left .25s ease
}
#cIndicator {
    position:absolute;
    height:0;
    width:100%;
    border:12px solid transparent;
    border-top-color:#2b2f3a;
    top:-12px;
    right:100%;
    z-index:-2
}
#cssmenu ul ul {
    position:absolute;
    left:-9999px;
    top:0px;
    opacity:0;
    -webkit-transition:opacity .3s ease, top .25s ease;
    -moz-transition:opacity .3s ease, top .25s ease;
    -ms-transition:opacity .3s ease, top .25s ease;
    -o-transition:opacity .3s ease, top .25s ease;
    transition:opacity .3s ease, top .25s ease;
    z-index:1000;
    width: 216px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
#cssmenu ul ul ul {
    top:37px;
    padding-left:5px
}
#cssmenu > ul > li:hover > ul {
    left:50%;
    top:59px;
    opacity:1;
}
#cssmenu.align-right > ul > li:hover > ul {
    left:auto;
    right:0;
    opacity:1
}
/*#cssmenu ul ul li:hover > ul {*/
    /*left:195px;*/
    /*top:0;*/
    /*opacity:1*/
/*}*/
#cssmenu.align-right ul ul li:hover > ul {
    left:auto;
    right:170px;
    top:0;
    opacity:1;
    padding-right:5px
}
#cssmenu ul ul li {
    height: 51px;
    line-height: 51px;
    text-align: center;
    border-bottom: 1px solid #eee;
    position:relative;
    background-color: #fff;
    text-align: center;
    display: flex;
    justify-content: flex-start;
    padding: 0 19px;
    align-items: center;
    overflow: hidden;
}
#cssmenu ul ul li:hover {
    background-color: #efefef;
}
#cssmenu ul ul li a {
    font-size:13px;
    color:#333;
}
#cssmenu.align-right ul ul li a {
    text-align:right
}
#cssmenu > ul > li:hover > ul > li {
    text-align:left
}
#cssmenu ul ul li:last-child > a, #cssmenu ul ul li.last > a {
    border-bottom:0
}
#cssmenu > ul > li > ul::after {
    content:'';
    border:4px solid transparent;
    width:0;
    height:0;
    border-top-color:#eb0028;
    position:absolute;
    top:0;
    right:50%;
    -webkit-transform: translateX(50%);
    -moz-transform: translateX(50%);
    -ms-transform: translateX(50%);
    -o-transform: translateX(50%);
    transform: translateX(50%);
}
#cssmenu.align-right > ul > li > ul::after {
    left:auto;
    right:30px
}
#cssmenu ul ul li.has-sub::after {
    border:4px solid transparent;
    border-left-color:#9ea2a5;
    right:10px;
    top:18px;
    -moz-transition:all .2s ease;
    -ms-transition:all .2s ease;
    -o-transition:all .2s ease;
    transition:all .2s ease;
    -webkit-transition:-webkit-transform .2s ease, right .2s ease
}
#cssmenu.align-right ul ul li.has-sub::after {
    border-left-color:transparent;
    border-right-color:#9ea2a5;
    right:auto;
    left:10px
}
#cssmenu ul ul li.has-sub:hover::after {
    border-left-color:#fff;
    right:0;
    -webkit-transform:rotateY(180deg);
    -ms-transform:rotateY(180deg);
    -moz-transform:rotateY(180deg);
    -o-transform:rotateY(180deg);
    transform:rotateY(180deg);
    z-index:1000
}
#cssmenu.align-right ul ul li.has-sub:hover::after {
    border-right-color:#00dcb1;
    border-left-color:transparent;
    left:-5px;
    -webkit-transform:rotateY(180deg);
    -ms-transform:rotateY(180deg);
    -moz-transform:rotateY(180deg);
    -o-transform:rotateY(180deg);
    transform:rotateY(180deg)
}
#cssmenu ul ul li:hover > ul > li:hover > a {
    color:#333;
    background:#fff
}
#cssmenu ul ul li:first-child {
    border-top:none
}
#cssmenu > ul > li.has-sub {
    margin-left:-5px
}
.swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 8px !important;
    height: 8px !important;
    margin-left: 14px !important;
    background-color: #fff !important;
}
.swiper-pagination-bullet {
    width: 6px !important;
    height: 6px !important;
    background-color: rgba(0,0,0,.2) !important;
    border: none !important;
    margin-left: 14px !important;
    opacity: 1 !important;
}
.swiper-pagination-bullet:first-child {
    margin-left: 0 !important;
}
.comment_content {
    max-width: 700px;
    display: flex;
    flex-wrap:wrap;
    font-size: 16px;
    color: #000;
}
/* pc端显示 分页控件*/
/*.PageControls {*/
    /*display: none;*/
/*}*/
.addSuccess {
    animation: success_animation .5s ease-out;
}
@keyframes success_animation {
    0% {
        -webkit-transform: translateX(60px);
        -moz-transform: translateX(60px);
        -ms-transform: translateX(60px);
        -o-transform: translateX(60px);
        transform: translateX(60px);
    }
    50% {
        -webkit-transform: translateX(-60px);
        -moz-transform: translateX(-60px);
        -ms-transform: translateX(-60px);
        -o-transform: translateX(-60px);
        transform: translateX(-60px);
    }
    100% {
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -ms-transform: translateX(0px);
        -o-transform: translateX(0px);
        transform: translateX(0px);
    }
}
.swiper-button-prev {
    background-image: url(https://roborock.s3.amazonaws.com/images/arrow-left.png) !important;
}
.swiper-button-next {
    background-image: url(https://roborock.s3.amazonaws.com/images/arrow-right.png) !important;
}