/*无限滚动*/
.jom-rolling-container{position: relative;}
.jom-rolling-wrapper {display:flex;width:max-content;}
.jom-overflow-hidden {overflow:hidden;width:100%;position:relative;}
.simply-scroll-container { position: relative;height: auto;}
.simply-scroll-clip { position: relative;overflow: hidden;height: auto;}
.simply-scroll-list { overflow: hidden;margin: 0;padding: 0;list-style: none;}

/*定义颜色*/
:root{
	--mrColor:#135f9d;
	--hoColor:#da251d;
	--co_gray: rgba(0,0,0,0.2);
	--co_grayBlack:rgba(0,0,0,0.6);
	--co_white: #fff;
    --c:#135f9d;
    --primary:#135f9d;
  --color:#135f9d;
}
.saf-sBar {
    padding-top: 0px !important;
}
/*SVG图标自适应*/
h1 .icon,h2 .icon,h3 .icon,
p[class^="e_text-"] .icon,
a[class^="e_button-"] .icon,
.co_lang_content .icon{width:auto;height:auto;margin:0px;}
/* 页面滚动条 */
::-webkit-scrollbar {width: 9px;background-color: var(--co_white);}
::-webkit-scrollbar-thumb {border: solid 2px var(--co_white);width: 5px;border-radius: 4px;background-color: var(--mrColor);}
::-webkit-scrollbar-thumb:hover {background-color: var(--hoColor);}
::-webkit-scrollbar-corner {background-color: var(--co_white);}
::-webkit-scrollbar:horizontal {height: 9px;}
/*所有按钮*/
.btn{background-color: var(--mrColor);border-color: var(--mrColor);}
.btn:hover{background-color: var(--hoColor);border-color: var(--hoColor);}
/*面包屑 */
.p_breadcrumbItem *{color:var(--mrColor);}
.p_breadcrumbItem *:hover{color:var(--hoColor);}
.p_breadcrumbItem:last-child *{color:var(--co_grayBlack);}
.p_breadcrumbItem:last-child *:hover{color:var(--co_grayBlack);}
.p_breadcrumbItem::before{color:var(--co_grayBlack);}
/*点击加载按钮*/
.btn.page_clickLoad{width: 100%;line-height: 40px;background-color: var(--mrColor);}
/*列表分页颜色 */
.page_a.current {background-color: var(--mrColor);color: var(--co_white);border-color: var(--mrColor);}
.page_a:hover {color: var(--mrColor);border-color: var(--mrColor);}
.page_input:hover{border-color: var(--mrColor);}
/*访客转换*/
.chat-advisory {display: inline-block;background: var(--mrColor);position: fixed;z-index: 999;right: 0;bottom: 40px;padding:10px;width: 60px;height: 60px;text-align: center;}
.chat-advisory-img {width: 100%;height: 100%;margin-top: 0;}
.chat-box{width: 320px;z-index: 1000;}
@media only screen and (max-width: 768px){
.chat-advisory {right: 15px;bottom: 70px;width: 50px;height: 50px;border-radius: 50px;}
.chat-box{width: 90%;}
.chat-content{height: 250px;}
.chat-input .chat-textarea{height: 60px;}
}
/*侧边客服*/
.pl_service1 .service_btn{display:block;}
.pl_service1 .service_group>a{display:block;}
.pl_service1:hover .sevice_flex_con {height: calc(100% - 40px);}
.UpTop1{display: flex;margin-top:1px;align-items: center;justify-content: center;text-align: center;width: 40px;height: 40px;background-color: #898989;color: #fff;}
@media only screen and (max-width: 768px){
/*侧边客服手机端按钮颜色*/
.p_defaultIocn {color: var(--mrColor) !important;}
}
/* 英文单词换行 */
*{word-break:break-word;}
/* 富文本文字样式 */
div[class^="e_richText-"]{font-size:16px;line-height:2;color:var(--co_grayBlack);}
div[class^="e_richText-"] video{max-width:100% !important;height: auto !important;}
/* 富文本表格自适应 */
div[class^="e_richText-"] table{max-width:100% !important;height:auto !important;}
/* 富文本图片自适应 */
div[class^="e_richText-"] p img{max-width:100% !important;height:auto !important;}
@media only screen and (max-width: 768px){
/* 富文本文字样式 */
div[class^="e_richText-"]{font-size:14px;line-height:1.5;}
}
/*背景效果-02*/
.waves {position: relative;width: 100%;height: 60px;min-height: 60px;}
.parallax>use {animation: move-forever 25s cubic-bezier(.55, .5, .45, .5) infinite;}
.parallax>use:nth-child(1) {animation-delay: -2s;animation-duration: 7s;}
.parallax>use:nth-child(2) {animation-delay: -3s;animation-duration: 10s;}
.parallax>use:nth-child(3) {animation-delay: -4s;animation-duration: 13s;}
.parallax>use:nth-child(4) {animation-delay: -5s;animation-duration: 20s;}
@keyframes move-forever {
    0% {transform: translate3d(-90px, 0, 0);}
    100% {transform: translate3d(85px, 0, 0);}
}
@media (max-width:768px) {
.waves {height: 40px;min-height: 40px;}
}
/*循环体swiper按钮*/
.swiper-button-prev,
.swiper-button-next{transition: all ease .3s;background-color: var(--co_gray);z-index:2;}
.swiper-button-prev:hover,
.swiper-button-next:hover{background-color: var(--mrColor);}
.swiper-button-next:after,
.swiper-button-prev:after {color: var(--co_white);font-size: 20px;}
/*会员中心*/
#app .app-wrapper[data-v-4c87ef4b]{padding:150px 0 20px}/*PC间距*/
#app .app-wrapper[data-v-4c87ef4b]:after{content: "";clear: both;display: block;}
#app .s_sys_bgcolor{background-color:var(--mrColor) !important}
#app .s_sys_textcolor{color:var(--mrColor)}
#app .cestep .is-finish .el-step__icon, #app .cestep .is-process .el-step__icon{background-color:var(--mrColor)}
#app .cestep .is-finish .el-step__line{background:var(--mrColor) !important}
#app .cestep .hasIcon .is-finish .el-step__icon, #app .cestep .hasIcon .is-process .el-step__icon{color:var(--mrColor) !important}
#app .el-step__head.is-finish{color:var(--mrColor);border-color:var(--mrColor)}
#app .cestep .hasIcon .is-finish .el-step__icon, .cestep .hasIcon .is-process .el-step__icon{color:var(--mrColor) !important}
#app .menu .item:hover, #app .menu .item.active{background-color:var(--co_white) !important;color:var(--mrColor) !important;border-left: 5px solid var(--mrColor) !important;}
#app .el-pagination.is-background .el-pager li:not(.disabled).active{background-color:var(--mrColor)}
#app .el-tabs__item.is-active{color:var(--mrColor)}
#app .el-tabs__active-bar{background-color:var(--mrColor)}
#app .el-tabs__item:hover{color:var(--mrColor)}
#app .icon{color:var(--mrColor)}
#app .el-radio__input.is-checked+.el-radio__label{color:var(--mrColor)}
#app .wrapper .is-checked::after{background-color:var(--mrColor)}
#app .wrapper .is-checked{border: 1px solid          var(--mrColor);}
#app .el-button--primary.is-plain{color:var(--mrColor);border-color:var(--mrColor);}
#app .el-button--text{color:var(--mrColor)}
#app .el-button--primary{background-color:var(--mrColor);border-color:var(--mrColor);}
#app .el-button--primary:focus, #app .el-button--primary:hover,.el-button--primary.is-plain:focus, #app .el-button--primary.is-plain:hover{background:var(--mrColor);border-color:var(--mrColor)}
#app .address-item.active .name{border:1px solid var(--mrColor)}
#app .address-item.active .name:after,default-address-icon,.address-container li .default{background-color:var(--mrColor)}
#app .address-container li .default{background-color:var(--mrColor) !important}
#app .el-button--text:focus, #app .el-button--text:hover{color:var(--mrColor) !important}
#app .default-address-icon{background:var(--mrColor) !important}
#app .address-item.active .name,#app .wrapper .is-checked,#app .paylist .active,#app .el-checkbox__inner:hover{border-color:var(--mrColor) !important}
#app .address-item.active .name::after,#app .paylist .active::after{background-color:var(--mrColor) !important}
#app .address-item.active,#app .el-button--primary.is-plain{background-color:var(--co_white) !important}
#app .wrapper .is-checked::after,#app .cestep .is-finish .el-step__icon, #app .cestep .is-process .el-step__icon{background-color:var(--mrColor) !important}
#app .text-blue,#app .el-checkbox__input.is-checked+.el-checkbox__label{color:var(--mrColor) !important}
#app .el-checkbox__input.is-checked .el-checkbox__inner, #app .el-checkbox__input.is-indeterminate .el-checkbox__inner{background-color:var(--mrColor) !important;border-color:var(--mrColor) !important}
#app .el-button--primary.is-plain:focus, #app .el-button--primary.is-plain:hover{color:var(--mrColor) !important}
#app .el-button--default:focus, #app .el-button--default:hover{color:var(--mrColor) !important;background-color:var(--co_white) !important;border-color:var(--mrColor) !important}
/*鼠标跟随动画*/
.saf-cursor {height: 10px;width: 10px;border-radius: 50%;background-color: rgba(220,220,220,1);position: fixed;left: -5px;top: -5px;z-index: 9999996;pointer-events: none !important;mix-blend-mode: difference;}
.saf-cursor:before {content: "";position: absolute;display: block;border-radius: 50%;width: 40px;height: 40px;left: 50%;top: 50%;transform: translate(-50%,-50%);color: #fff;font-size: 0.6rem;line-height: 1.6;transition: all 0.5s;opacity: 0;text-align: center;}
.saf-cursor.saf-on:before {content: "Click";opacity: 1;}
.saf-cursor .saf-wrapper {animation: cn-rotate 5s linear infinite;position: absolute;width: 50px;height: 50px;border-radius: 50%;top: 50%;left: 50%;transform: translate(-50%,-50%);pointer-events: none !important;mix-blend-mode: difference;transition: 1s;background: var(--mrColor);transition: all 0.8s;}
.saf-cursor.saf-on .saf-wrapper {width: 100px;height: 100px;transform: translate(-50%,-50%);}
.saf-cursor .saf-wrapper:before {content: "";display: block;width: 100%;height: 100%;border-radius: 50%;left: 0;top: 0;transform: scale(1.1);border: 1px rgba(220,220,220,1) dashed;}
@keyframes cn-rotate {
    0% {transform: translate(-50%,-50%) rotate(0deg)}
    100% {transform: translate(-50%,-50%) rotate(360deg)}
}