@charset "utf-8";
/* 20241118 新增顶部导航样式 */
/* body, html{
    width: fit-content;
} */
body{
    padding-top: 0 !important;
}
.cms-main-nav{
    position: sticky;
    height: 72px !important;
    box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, .06) !important;
    font-family: PingFang SC-Regular,PingFang SC,Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei;
    min-width: 1200px;
    padding: 0 40px;
    box-sizing: content-box;
}
.cms-nav-main{
    width: auto !important;
    min-width: 1200px;
    /* padding: 0 40px !important; */
}
.cms-main-nav .cms-logo-wrap{
    width: 70px;
    height: 72px;
    margin-top: 0;
    display: flex;
    align-items: center;
}
.cms-main-nav .cms-handle-wrap{
    height: 72px !important;
    line-height: 72px !important;
}
.cms-main-nav .cms-nav-list{
    font-size: 14px !important;
    color: #212133 !important;
    margin-left: 50px !important;
}
.cms-main-nav .cms-nav-list-item{
    font-size: 14px !important; 
    /* font-weight: 500 !important; */
    line-height: 72px !important;
    color: #212133 !important;
    margin-right: 30px !important;
}
.cms-main-nav .cms-nav-list-item.active{
    color: #ff405c !important;
}
.cms-main-nav .cms-nav-list-item.active:after{
    display: none;
}
.cms-main-nav .cms-mine-header-avatar-wrap{
    margin-top: 18px !important;
}
.cms-main-nav .cms-nav-list-item:hover{
    color: #ff405c !important;
}
.base-iconfont.iconfont-help,.base-iconfont.iconfont-msg{
    font-size: 24px;
}
.cms-main-nav .base-iconfont.iconfont-help,.cms-main-nav .base-iconfont.iconfont-help-hover,body .cms-main-nav-agent.cms-main-nav .base-iconfont.iconfont-help,body .cms-main-nav-agent.cms-main-nav .base-iconfont.iconfont-help-hover{
    width: 24px;
    height: 24px;
    background:url(/Public/publichead/images/public_img/top_question_cion_blank.png) center no-repeat;
    background-size: 24px;
    font-size: 24px !important;
}
.im-chat-icon,.im-chat-icon:hover,body .cms-main-nav-agent.cms-main-nav .im-chat-icon,body .cms-main-nav-agent.cms-main-nav .im-chat-icon:hover {
    width: 24px;
    height: 24px;
    background-image: url(/Public/publichead/images/public_img/top_im_chat.png?v=1);
    background-size: 24px;
}
.cms-main-nav .base-iconfont.iconfont-msg,.cms-main-nav .base-iconfont.iconfont-msg-hover,body .cms-main-nav-agent.cms-main-nav .base-iconfont.iconfont-msg,body .cms-main-nav-agent.cms-main-nav .base-iconfont.iconfont-msg-hover{
    width: 24px;
    height: 24px;
    background: url(/Public/publichead/images/public_img/top_letter_icon_blank.png?v=1) center no-repeat;
    background-size: 24px;
}
.cms-main-nav .cms-handle-msg-wrap .cms-handle-msg-icon,body .cms-main-nav-agent.cms-main-nav .cms-handle-msg-wrap .cms-handle-msg-icon{
    width: 24px;
    height: 24px;
    line-height: 24px;
}
.cms-main-nav .cms-handle-help-wrap,.cms-main-nav .im-chat-p{
    margin-right: 20px;
}
.cms-shopping-cart .cms-shopping-text{
    font-family: PingFang SC-Regular,PingFang SC,Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei;
    font-weight: 400;
}
.relang-link{
    margin-left: 20px !important;
    
}
.relang-img{
    height: 28px;
}
.sass-icon {
    height: 72px;
    display: flex;
    align-items: center;
    margin-right: 20px !important;
}
.sass-icon img{
    width: auto;
    height: 28px;
}
.cms-shopping-cart .cms-shopping-res{
    width: auto;
    height: 40px;
    padding: 0 20px;
    background: #ffebee;
    border-radius: 42px;
    cursor: pointer;
    font-size: 14px;
    -webkit-transition: all .3s;
    transition: all .3s;
    border: none;
    color: #212133;
}
.cms-shopping-cart .cms-shopping-num{
    width: auto;
    height: auto;
    background:none;
    color: #212133;
}
.cms-shopping-cart .cms-shopping-res:hover{
    background: #ff405c;
    color: #fff;
}
.cms-shopping-cart .cms-shopping-res:hover .cms-shopping-text,.cms-shopping-cart .cms-shopping-res:hover .cms-shopping-num,.cms-shopping-cart .cms-shopping-res:hover .cms-shopping-cart .cms-shopping-i,.cms-shopping-cart .cms-shopping-res:hover .shopping-i-hover{
    color: #fff;
}

.cms-footer{
    background-color: #20283c !important;
}
.cms-footer .aboutlink-href{
    color: #999 !important;
    font-size: 14px;
    font-weight: 400;
}
body .cms-main-nav-agent.cms-main-nav{
    background: #fff;
}
.cms-footer{
    min-width: 1200px;
    padding: 0 40px;
}
.cms-main-nav .new-message-list-p{
    left: -230px !important;
}
.cms-main-nav .new-message-list-p .triangle-icon{
    right: 110px !important;
}
@media screen and (max-width: 1199px) {
    .cms-main-nav{
        box-sizing: content-box;
    }
} 
@media screen and (min-width: 1200px) {
    .cms-main-nav{
        box-sizing: border-box;
    }
}
.cms-main-nav .cms-handle-download-wrap{
    margin-right: 20px;
    height: 100%;
}
.cms-handle-download-wrap .wq-button--download{
    position: relative; 
    overflow: hidden;
    vertical-align: middle;
    cursor: pointer;
    display: inline-block;
    width: 122px;
    height: 40px;
    line-height: 38px;
    padding: 0 20px;
    border-radius: 4px;
    border: 1px solid #FF405C;
    box-sizing: border-box;
    font-weight: 500;
    color: #FF405C;
    font-size: 14px;
}
.wq-button--download_span{
    height: 100%;
    display: flex; 
    z-index: 10;
    position: relative;
}
.cms-handle-download-wrap .wq-button--download .icon_phone{
    width: 16px;
    height: 16px;
    margin-right: 6px;
    margin-top: 11px;
}
.cms-handle-download-wrap .wq-button--download .text-list {
    animation: textCarousel 8s linear infinite;
    will-change: transform;
}
.cms-handle-download-wrap .wq-button--download .text-list p{
    display: inline-block;
    word-break: keep-all;
}
.cms-handle-download-wrap .wq-button--download::before,
.cms-handle-download-wrap .wq-button--download::after{
    background-color: #ffecef;
    transition: all 0.5s !important;
}
.cms-handle-download-wrap .wq-button--download::before{
    content: '';
    position: absolute;
    width: 0px;
    height: 100%;
    right: 100%;
    top: 0;
    bottom: 0;
    margin: auto;
    border-top-right-radius: 10%;
    border-bottom-right-radius: 10%;
}
.cms-handle-download-wrap .wq-button--download::after{
    content: '';
    position: absolute;
    width: 0%;
    height: 100%;
    left: 0;
    top: 0;
}
.cms-handle-download-wrap .wq-button--download:hover::before{
    width: 40px;
    right: -30px;
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
}
.cms-handle-download-wrap .wq-button--download:hover::after{
    width: 100%;
}

@keyframes textCarousel {
  0%,
  46% {
    transform: translateY(0); /* 显示第一行 */
  }
  50%,
  96% {
    transform: translateY(-25%); /* 保持第二行 */
  }
  100% {
    transform: translateY(-50%);
  }
}