﻿:root{
	--color:42, 132, 233;
	--color01:240,145,0;
	--color02:51,51,51;
	--color03:102,102,102;
	--themeColor:rgba(var(--color),1);
	--themeColor80:rgba(var(--color),.8);
	--themeColor70:rgba(var(--color),.7);
	--themeColor50:rgba(var(--color),.5);
	--themeColor30:rgba(var(--color),.3);
	--themeColor10:rgba(var(--color),.1);
	--themeHoverColor:rgba(var(--color),1);
	--themeHoverColor80:rgba(var(--color),.8);
	--x-themeColor:linear-gradient(90deg,var(--themeColor80) 0%,var(--themeColor) 100%);
	--y-themeColor:linear-gradient(180deg,var(--themeColor80) 0%,var(--themeColor) 100%);
	--hx-themeColor:linear-gradient(90deg,var(--themeHoverColor80) 0%,var(--themeColor) 100%);
	--hy-themeColor:linear-gradient(180deg,var(--themeHoverColor80) 0%,var(--themeColor) 100%);
	--xh-themeColor:linear-gradient(90deg,var(--themeColor) 0%,var(--themeHoverColor80) 100%);
	--yh-themeColor:linear-gradient(180deg,var(--themeColor) 0%,var(--themeHoverColor80) 100%);
	--jom_black:rgba(var(--color02),1);
	--jom_gray: rgba(var(--color02),0.2);
	--jom_grayBlack:rgba(var(--color02),0.7);
	--jom_white: white;
}
[jom-popup-click]{cursor: pointer;}
html,body{
	font-size: 16px;
	
	font-family: "Noto Sans SC", "Noto Sans", sans-serif, Arial, Verdana, "Trebuchet MS", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol","Microsoft YaHei","pingfang medium";
	font-weight:normal;
	color:var(--jom_black);
}
.jom_hidden{overflow: hidden;}

*{word-break:break-word !important;}
b, strong {font-weight: bold;}
b *, strong * {font-weight: inherit;}
a{font-weight: inherit;}

::-webkit-input-placeholder{color:rgba(currentColor,0.5) !important};
::-moz-placeholder{color:rgba(currentColor,0.5) !important};
::-moz-placeholder{color:rgba(currentColor,0.5) !important};
::-ms-input-placeholder{color:rgba(currentColor,0.5) !important};
::-ms-input-placeholder{color:rgba(currentColor,0.5) !important};
::placeholder{color:rgba(currentColor,0.5) !important};

.s_img:before {content: "";position: absolute;left: -120%;top: 0;width: 100%;height: 100%;mix-blend-mode: overlay;background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));transform: skewx(-25deg);z-index: 1;}
.s_img:hover:before {left: 120%;-moz-transition: 1s;-o-transition: 1s;-webkit-transition: 1s;transition: 1s;}

::-webkit-scrollbar {width: 5px;background-color: rgba(242,242,242,1);border-radius: 4px;}
::-webkit-scrollbar-thumb {border: solid 0px var(--jom_white);width: 0px;border-radius: 4px;background-color: var(--themeColor50);}
::-webkit-scrollbar-thumb:hover {background-color: var(--themeColor);}
::-webkit-scrollbar-corner {background-color: rgba(242,242,242,1);}
::-webkit-scrollbar:horizontal {height: 0px;}

::-webkit-selection {background: var(--themeColor);color: var(--jom_white);}
::-moz-selection {background: var(--themeColor);color: var(--jom_white);}
::selection {background: var(--themeColor);color: var(--jom_white);}

div[id^="c_magiccube_"] .p_tablist.top .tab-item.p_active{background-color: var(--themeColor) !important;}


.p_breadcrumbItem *{color:var(--themeColor);}
.p_breadcrumbItem *:hover{color:var(--themeHoverColor);}
.p_breadcrumbItem:last-child *{color:var(--jom_grayBlack);}
.p_breadcrumbItem:last-child *:hover{color:var(--jom_grayBlack);}
.p_breadcrumbItem::before{color:var(--jom_grayBlack);}

.btn.page_clickLoad{width: 100%;line-height: 40px;background-color: var(--themeColor);}

.page_a.current {background-color: var(--themeColor);color: var(--jom_white);border-color: var(--themeColor);}
.page_a:hover {color: var(--themeColor);border-color: var(--themeColor);}
.page_input:hover{border-color: var(--themeColor);}

.jom_icon{width:auto;height:auto;margin:-3px 0px 0px 0px;color:currentColor !important;}
.icon{color:currentColor !important;}

.chat-advisory {display: flex !important;background: var(--themeColor) !important;position: fixed !important;z-index: 8 !important;right: 0 !important;bottom: 40px !important;padding:0px !important;width: 60px !important;height: 60px !important;text-align: center !important;align-content: center;justify-content: center;align-items: center;}
.chat-advisory-img {width: 80% !important;height: 80% !important;margin-top: 0 !important;}
.chat-box{width: 320px !important;z-index: 1000 !important;}
@media only screen and (max-width: 768px){
.chat-advisory {right: 0px !important;bottom: 100px !important;width: 32px !important;height: 32px !important;border-radius: 50px !important;}
.chat-box{width: 90% !important;}
.chat-content{height: 250px !important;}
.chat-input .chat-textarea{height: 60px !important;}
}

.smartIcon{z-index: 9 !important;line-height:1;}
.smartService .sm_title{padding-top: 0px!important;}
.smartService .sm_admin{display: flex;align-items: center;padding: 20px;}
.smartService .sm_admin img {width: 50px !important;height: 50px !important;}
.smartService .sm_dialog{border-radius: 0 !important;}
.smartService .sm_output{border-radius: 0 !important;padding: 20px !important;}
.smartService .sm_dialog .sm_input{padding:10px 20px !important;display: flex;align-items: center;justify-content: space-between;width: 100%;}
.smartService .sm_dialog .cEditor-content{padding: 0 10px;background-color: #fff;border-radius: 50px;}
.smallWindow .cEditor-content .cEditor-area{height: 40px !important;line-height: 40px !important;}
.smallWindow .sm_sendBtn{margin-top: 0px !important;}
@media only screen and (max-width: 768px){
.smartIcon{width: 32px !important;height: 32px !important;padding: 0px !important;right:0 !important;bottom: 90px !important;}
}

.pl_service1 .service_con{min-height: 150px;}
.pl_service1>.service_btn{height:100%;border-top-left-radius: 50px;border-bottom-left-radius: 50px;overflow: hidden;}
.pl_service1>.service_btn>.sevice_flex_con{height:100%;flex-direction: column;padding: 10px;background-color: var(--themeColor);}
.pl_service1>.service_btn>.sevice_flex_con:after {content: "联系我们";font-size:14px;writing-mode: vertical-rl;letter-spacing: 0.3em;margin-top: 5px;}
.pl_service4 .item_con {height: 45px !important;}
.pl_service4 .service_item {padding-left: 45px !important;width: 45px !important;min-width: 45px !important;max-width: 45px !important;height: 45px !important;display: flex;align-items: center;}
.pl_service4 .service_item.showLang:hover {width: fit-content !important;min-width: 230px !important;max-width: 600px !important;}
.pl_service4 .service_icon {width: 45px !important;height: 45px !important;}
.pl_service4 .service_icon .icon{width: 25px !important;height: 25px !important;margin: 10px 10px 0 10px !important;}
.pl_service4 .service_value {padding: 0px 5px 0px 0 !important;font-size: clamp(0.75rem, 0.713rem + 0.19vw, 0.875rem);}
@media only screen and (max-width: 768px){

.custom-service-background{z-index: 8 !important;}
.pl_service {right: 0 !important;bottom: 50px !important;z-index: 9 !important;}
.p_defaultIocn {color: var(--themeColor) !important;width: 32px !important;height: 32px !important;}
.p_defaultIocn .icon{width: 80% !important;height: 80% !important;}
}

.pl_service4,.pl_service2{width: 45px;}
.pl_service3{padding-bottom:45px;z-index:19;}
.pl_service4 [class*="jom_js_"],.pl_service2 [class*="jom_js_"]{width: 45px;height: 45px;margin-right:0;background: rgba(0, 0, 0, 0.4);color: #fff;display: flex;justify-content: center;align-items: center;cursor: pointer;}
.pl_service4 .jom_js_upTop,.pl_service2 .jom_js_upTop{margin-bottom:2px;}
.pl_service3 .jom_js_upTop{width: 45px;height: 45px;margin-right:0;background: rgba(0, 0, 0, 0.4);color: #fff;display: flex;justify-content: center;align-items: center;cursor: pointer;border-radius: 30px;position: absolute;bottom: 0;right: 0;}
.pl_service2 [class*="jom_js_"]{background: #f3f3f3;color: #999;}
.pl_service1 .service_con{float:none !important;}
.pl_service1 .jom_js_upTop{background: rgba(0, 0, 0, 0.4);color: #fff;position: absolute;left: -45px;width: 45px;bottom: -45px;transition: all 0.4s ease;display: flex;justify-content: center;align-items: center;border-top-left-radius: 50px;border-bottom-left-radius: 50px;}
.pl_service1:hover .jom_js_upTop{left: calc(100% - 45px);}
[class*="jom_js_"] .icon,.pl_service2 [class*="jom_js_"] .icon{width: 70%;height: 70%;margin:0;}
.jom_js_upTop{height:0px !important;transition: height ease .3s;cursor: pointer;}
.jom_js_upTop.open{height:45px !important;}

[class*="e_productTabList-"] .p_tabContent{font-size:clamp(0.875rem, 0.852rem + 0.12vw, 1rem);line-height:2;color:rgba(0,0,0,0.6);}
[class*="e_productTabList-"] .p_tabContent img{height:auto !important;max-width:100% !important;}
[class*="e_productTabList-"] .p_tabContent h3{border-left: 5px solid var(--themeColor);font-size: clamp(1.125rem, 1.05rem + 0.38vw, 1.5rem) !important;font-weight: 500;background: #f4f4f4;padding:10px 10px 10px 20px;margin:10px auto;position: relative;}
[class*="e_productTabList-"] .p_tabContent h3::before{content: "";position: absolute;width: 3px;height: 100%;background-color: var(--themeColor);top: 0px;left: 4px;}
[class*="e_productTabList-"] .p_tabContent h3 *{font-size: inherit !important;color: inherit !important;}
[class*="e_productTabList-"] .p_tabContent figure.table{max-width: 100%;display: block;margin: auto;}
[class*="e_productTabList-"] .p_tabContent table td{white-space: normal !important;min-width: 6em !important;}
div[class^="e_productTabList"] .p_tabContent .table table td{padding: 0px;}

div[class^="e_richText-"] h3{border-left: 5px solid var(--themeColor);font-size: clamp(1.125rem, 1.05rem + 0.38vw, 1.5rem) !important;font-weight: 500;background: #f4f4f4;padding:10px 10px 10px 20px;margin:10px auto;position: relative;}
div[class^="e_richText-"] h3::before{content: "";position: absolute;width: 3px;height: 100%;background-color: var(--themeColor);top: 0px;left: 4px;}
div[class^="e_richText-"] h3 *{font-size: inherit !important;}
div[class^="e_richText-"] .jom_tableDiv{overflow-x: auto;line-height:1.5;font-size:clamp(0.75rem, 0.725rem + 0.13vw, 0.875rem);}
div[class^="e_richText-"]{font-size:clamp(0.875rem, 0.85rem + 0.13vw, 1rem);line-height:2;color:var(--jom_grayBlack);overflow: hidden;text-align: justify;font-weight: normal;}
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-"] table tbody{max-width:100% !important;height:auto !important;overflow-x: auto;}
div[class^="e_richText-"] table td{white-space: normal !important;min-width: 6em !important;}
div[class^="e_richText-"] figure img{max-width:100% !important;height:auto !important;}
div[class^="e_richText-"] p img{max-width:100% !important;height:auto !important;}
div[class^="e_richText-"] a{color: var(--themeColor);}
div[class^="e_richText-"] b, div[class^="e_richText-"] strong{font-weight: bold;}

div.jom_tableDiv{max-width: 100%;overflow-x: auto;}
div[class^="e_richText-"] div.jom_colBox{display: flex;flex-wrap: wrap;width: 100%;}
div[class^="e_richText-"] div.jom_col-4{width: 25%;flex: 0 0 25%;}

@media only screen and (max-width: 768px){
div[class^="e_richText-"] p img{height:auto !important;}
div[class^="e_richText-"] table td img{height:auto !important;}
div[class^="e_richText-"] div.jom_col-4{width: 100%;flex: 0 0 100%;}
}

.pl_toast {top: 0%;display: flex;justify-content: center;align-items: center;width: 100%;min-width: 300px;height: 100%;}

.jom_nodataBox .jom_nodataIcon{width:50%;max-width:150px;margin:auto;}
.jom_nodataBox .jom_nodataText{text-align:center;margin-top:20px;font-size:clamp(0.875rem, 0.85rem + 0.13vw, 1rem);color: rgba(0,0,0,0.6);}
.jom_nodataBox .jom_nodataText span{display:block;margin-bottom:15px;}
.jom_nodataBox .jom_nodataText a{color: red;text-decoration: underline;}

.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;opacity: 0.7;}
.parallax>use:nth-child(2) {animation-delay: -3s;animation-duration: 10s;opacity: 0.5;}
.parallax>use:nth-child(3) {animation-delay: -4s;animation-duration: 13s;opacity: 0.3;}
.parallax>use:nth-child(4) {animation-delay: -5s;animation-duration: 20s;opacity: 1;}
@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;}
}

.jom_picGallery{position: relative;}
.jom_picGallery::after {content: "+";position: absolute;font-size:2vw;color:#fff;width:100%;height:100%;background-color: var(--jom_grayBlack);transition: all ease .35s;opacity: 0;pointer-events: none;display: flex;justify-content: center;align-items: center;}
.jom_picGallery:hover::after{opacity: 1;}

.jom-mark div[id^="c_popbox"]{height:0px !important;}
.jom-mark div[id^="c_popbox"]>.pop_wrapper{height:auto !important;max-height:85vh !important;}
.jom-mark div[id^="c_popbox"] .p_container{max-height:inherit !important;}
.jom-mark div[id^="c_popbox"] .p_content{max-height:inherit !important;}
.jom-mark div[id^="c_popbox"] .p_container .p_close{display:block;background-color:var(--themeColor);color:var(--jom_white);}
.jom-mark div[id^="c_popbox"] .p_container .p_close:hover{background-color:var(--themeHoverColor);}
.jom-mark div[id^="c_popbox"] .p_container .p_close .icon{width:24px;height:24px;}

.jom_dialog_loopitem{cursor: pointer;}
.jom-dialogBox {width: 100%;height: 100%;position: fixed;left: 0;top: 0;z-index: 10000;background: rgba(0,0,0,.8);opacity: 0;visibility: hidden;transition: all .4s;display: flex;align-items: center}
.jom-dialogBox.showBox {opacity: 1;visibility: visible}
.jom-dialogBox>.close {display: block;width: 100%;height: 100%;right: 0;top: 0;position: absolute;cursor: pointer}
.jom-dialogBox>.close>span {display: flex;align-items: center;justify-content: center;width: 5vh;height: 5vh;right: 5%;top: 3vh;border-radius: 50%;border: 1px #fff solid;position: absolute;cursor: pointer;opacity: 1;transition: all ease .3s;color: #fff;}
.jom-dialogBox>.close>span::before {content: "×";font-size: 20px;color: inherit;display: block;line-height: 1}
.jom-dialogBox>.close>span.closeSpan:hover{background-color: var(--themeColor);border-color: var(--themeColor);color: #fff;}
.jom-dialogBox>div.jom-dialogCont {width: 90%;max-width: 1000px;margin: 0 auto;transform: translate(0,100%);opacity: 0;transition: all .4s ease .3s;background: #fff;border-radius: clamp(0.625rem, 0.255rem + 1.85vw, 1.875rem);max-height: 80vh;position: relative;z-index: 2;padding-top:clamp(1.25rem, 0.694rem + 2.78vw, 3.125rem);padding-bottom:clamp(1.25rem, 0.694rem + 2.78vw, 3.125rem);padding-left:clamp(0.625rem, 0.347rem + 1.39vw, 1.563rem);padding-right:clamp(0.625rem, 0.347rem + 1.39vw, 1.563rem);}
.jom-dialogBox.showBox>div.jom-dialogCont {transform: translate(0,0);opacity: 1}
.jom-dialogBox>div.jom-dialogCont>div {max-height: calc(80vh - 100px);overflow-y: auto;padding-left:clamp(0.625rem, 0.347rem + 1.39vw, 1.563rem);padding-right:clamp(0.625rem, 0.347rem + 1.39vw, 1.563rem);}
.jom-dialogBox .jom_keywordBox{display: flex;flex-wrap: wrap;align-items: center;display-radio: flex;margin-top:10px;}
.jom-dialogBox .jom_keywordBox .p_loopItem .s_title{font-size: 13px;color: #1e1e1e;line-height: 1;border: 1px solid rgba(0, 0, 0, 0.2);padding:5px;}
.jom-dialogBox .jom_keywordTitle {font-size: 14px;color: #1e1e1e;line-height: 1.5}
.jom-dialogBox .jom_keyword em {padding: 0 5px;font-style: inherit;font-size: 14px;color: #1e1e1e;line-height: 1.5}
.jom-dialogBox>div.jom-dialogCont>div::-webkit-scrollbar {width: 5px;background-color: var(--jom_gray)}
.jom-dialogBox>div.jom-dialogCont>div::-webkit-scrollbar-thumb {border: solid 0 var(--jom_white);width: 0;border-radius: 4px;background-color: var(--themeColor)}
.jom-dialogBox>div.jom-dialogCont>div::-webkit-scrollbar-thumb:hover {background-color: var(--themeHoverColor)}
.jom-dialogBox>div.jom-dialogCont>div::-webkit-scrollbar-corner {background-color: var(--jom_white)}
.jom-dialogBox>div.jom-dialogCont>div::-webkit-scrollbar:horizontal {height: 3px}
@media only screen and (max-width: 768px) {
.jom-dialogBox>div.jom-dialogCont>div {max-height: calc(80vh - 40px);overflow-y: auto;}
}

.swiper-button-prev,
.swiper-button-next{transition: all ease .3s;background-color: var(--themeColor50);z-index:2;width: 40px;height: 40px;border-radius: 100%;}
.swiper-button-prev:hover,
.swiper-button-next:hover{background-color: var(--themeColor);}
.swiper-button-next:after,
.swiper-button-prev:after {color: var(--jom_white);font-size: 20px;}
.swiper-button-prev .icon, .swiper-button-next .icon{width:55%;margin:auto;}

.btn-icon{display:flex;justify-content: space-between;}
.btn{background-color: var(--themeColor);border-color: var(--themeColor);}
.btn:hover{background-color: var(--themeColor);border-color: var(--themeColor);}
.btn.focus, .btn:focus {outline: 0;box-shadow: 0 0 0.2rem var(--themeColor);}
.btn.disabled,.btn:disabled{opacity:0.5;}
[class*="jomBtn_theme"]{display: flex !important;position: relative;overflow: hidden;align-items: center;justify-content: space-between;}
[class*="jomBtn_theme"]>span {width:auto !important;transition: all 0.6s ease;}
[class*="jomBtn_theme"]>i {display: block;position: relative;transition: all 0.6s ease-in-out;border-style:solid;border-color:transparent;}
[class*="jomBtn_theme"]>i::after {content: '';display: block;width: 30px;height: 1px;top: 50%;right: 3px;position: absolute;transform: translateY(-50%);transition: all 0.6s;}
[class*="jomBtn_theme"]:hover>span{letter-spacing: 2px;}
[class*="jomBtn_theme"]:hover>i::after {width: 0px;}
[class*="jomBtn_theme01_"]{color: var(--jom_white);background-color: transparent !important;border-color:var(--jom_white) !important;}
[class*="jomBtn_theme01_"]>i::after{background-color: var(--jom_white);}
[class*="jomBtn_theme01_"]:hover{color: var(--jom_white) !important;background-color: transparent !important;}
[class*="jomBtn_theme02_"]{color: var(--themeColor);background-color: transparent !important;border-color:var(--themeColor) !important;}
[class*="jomBtn_theme02_"]>i::after{background-color: var(--themeColor);}
[class*="jomBtn_theme02_"]:hover{color: var(--themeColor) !important;background-color: transparent !important;}
[class*="jomBtn_theme03_"]{color: var(--themeHoverColor);background-color: transparent !important;border-color:var(--themeHoverColor) !important;}
[class*="jomBtn_theme03_"]>i::after{background-color: var(--themeHoverColor);}
[class*="jomBtn_theme03_"]:hover{color: var(--themeHoverColor) !important;background-color: transparent !important;}
[class*="jomBtn_theme04_"]{color: var(--jom_white);background-color: var(--themeColor) !important;border-color:var(--themeColor) !important;}
[class*="jomBtn_theme04_"]>i::after{background-color: var(--jom_white);}
[class*="jomBtn_theme04_"]:hover{color: var(--jom_white) !important;background-color: var(--themeColor) !important;}
[class*="jomBtn_theme05_"]{color: var(--jom_white);background-color: var(--themeHoverColor) !important;border-color:var(--themeHoverColor) !important;}
[class*="jomBtn_theme05_"]>i::after{background-color: var(--jom_white);}
[class*="jomBtn_theme05_"]:hover{color: var(--jom_white) !important;background-color: var(--themeHoverColor) !important;}
.jomBtn_theme01_l>i,.jomBtn_theme04_l>i,.jomBtn_theme05_l>i{border-left-color:var(--jom_white) !important;}
.jomBtn_theme02_l>i{border-left-color:var(--themeColor) !important;}
.jomBtn_theme03_l>i{border-left-color:var(--themeHoverColor) !important;}
.jomBtn_theme01_l>i,.jomBtn_theme02_l>i,.jomBtn_theme03_l>i,.jomBtn_theme04_l>i,.jomBtn_theme05_l>i{width: 0px;height: 0px;border-width:6px;}
.jomBtn_theme01_l:hover>i,.jomBtn_theme02_l:hover>i,.jomBtn_theme03_l:hover>i,.jomBtn_theme04_l:hover>i,.jomBtn_theme05_l:hover>i{border-left-width:10px;}
.jomBtn_theme01_o>i,.jomBtn_theme02_o>i,.jomBtn_theme03_o>i,.jomBtn_theme04_o>i,.jomBtn_theme05_o>i{width: 24px;height: 24px;border-width:1px;border-radius: 100%;}
.jomBtn_theme01_o>i::before ,.jomBtn_theme02_o>i::before ,.jomBtn_theme03_o>i::before ,.jomBtn_theme04_o>i::before ,.jomBtn_theme05_o>i::before {content: '';display: block;width: 5px;height: 5px;border-radius: 50%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);transition: all 0.6s ease;}
.jomBtn_theme01_o>i::after,.jomBtn_theme02_o>i::after,.jomBtn_theme03_o>i::after,.jomBtn_theme04_o>i::after,.jomBtn_theme05_o>i::after {right: 12px;}
.jomBtn_theme01_o>i,.jomBtn_theme04_o>i,.jomBtn_theme05_o>i{border-color:var(--jom_white);}
.jomBtn_theme02_o>i{border-color:var(--themeColor);}
.jomBtn_theme03_o>i{border-color:var(--themeHoverColor);}
.jomBtn_theme01_o:hover>i::before,.jomBtn_theme02_o:hover>i::before,.jomBtn_theme03_o:hover>i::before,.jomBtn_theme04_o:hover>i::before,.jomBtn_theme05_o:hover>i::before{width: 10px;height: 10px;}
.jomBtn_theme01_o>i::before,.jomBtn_theme04_o>i::before,.jomBtn_theme05_o>i::before{background-color: var(--jom_white);}
.jomBtn_theme02_o>i::before{background-color: var(--themeColor);}
.jomBtn_theme03_o>i::before{background-color: var(--themeHoverColor);}
.jomBtn_yao01_l{background-color: transparent !important;border-color:var(--themeColor) !important;color:var(--themeColor);display: flex !important;position: relative;overflow: hidden;align-items: center;justify-content: space-between;text-align: left !important;}
.jomBtn_yao01_l::after {content: "";position: absolute;width: 40% !important;height: 100%;transition: all .3s;z-index: 1 !important;top: 0 !important;left: auto !important;right:0px !important;background-color: var(--themeColor);opacity: 1 !important;}
.jomBtn_yao01_l>i{display: block;position: relative;transition: all 0.6s ease-in-out;border: 6px solid transparent;border-left-color: var(--jom_white) !important;z-index: 2;}
.jomBtn_yao01_l>i::after{content: '';display: block;width: 30px;height: 1px;top: 50%;right: 3px;position: absolute;transform: translateY(-50%);transition: all 0.6s;background-color: var(--jom_white);}
.jomBtn_yao01_l>span{width: auto !important;transition: all 0.3s ease;position: relative;z-index: 2 !important;}
.jomBtn_yao01_l:hover{color: var(--jom_white) !important;}
.jomBtn_yao01_l:hover::after{left: 0px !important;right:auto !important;width: 60% !important;}
.jomBtn_yao01_l:hover>i{border-left-color: var(--themeColor) !important;}
.jomBtn_yao01_l:hover>i::after{background-color: var(--themeColor);}

#app .app-wrapper[data-v-4c87ef4b]:after{content: "";clear: both;display: block;}
#app .s_sys_bgcolor{background-color:var(--themeColor) !important}
#app .s_sys_textcolor{color:var(--themeColor)}
#app .cestep .is-finish .el-step__icon, #app .cestep .is-process .el-step__icon{background-color:var(--themeColor)}
#app .cestep .is-finish .el-step__line{background:var(--themeColor) !important}
#app .cestep .hasIcon .is-finish .el-step__icon, #app .cestep .hasIcon .is-process .el-step__icon{color:var(--themeColor) !important}
#app .el-step__head.is-finish{color:var(--themeColor);border-color:var(--themeColor)}
#app .cestep .hasIcon .is-finish .el-step__icon, .cestep .hasIcon .is-process .el-step__icon{color:var(--themeColor) !important}
#app .menu .item:hover, #app .menu .item.active{background-color:var(--jom_white) !important;color:var(--themeColor) !important;border-left: 5px solid var(--themeColor) !important;}
#app .el-pagination.is-background .el-pager li:not(.disabled).active{background-color:var(--themeColor)}
#app .el-tabs__item.is-active{color:var(--themeColor)}
#app .el-tabs__active-bar{background-color:var(--themeColor)}
#app .el-tabs__item:hover{color:var(--themeColor)}
#app .icon{color:var(--themeColor)}
#app .el-radio__input.is-checked+.el-radio__label{color:var(--themeColor)}
#app .wrapper .is-checked::after{background-color:var(--themeColor)}
#app .wrapper .is-checked{border: 1px solid          var(--themeColor);}
#app .el-button--primary.is-plain{color:var(--themeColor);border-color:var(--themeColor);}
#app .el-button--text{color:var(--themeColor)}
#app .el-button--primary{background-color:var(--themeColor);border-color:var(--themeColor);}
#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(--themeColor);border-color:var(--themeColor)}
#app .address-item.active .name{border:1px solid var(--themeColor)}
#app .address-item.active .name:after,default-address-icon,.address-container li .default{background-color:var(--themeColor)}
#app .address-container li .default{background-color:var(--themeColor) !important}
#app .el-button--text:focus, #app .el-button--text:hover{color:var(--themeColor) !important}
#app .default-address-icon{background:var(--themeColor) !important}
#app .address-item.active .name,#app .wrapper .is-checked,#app .paylist .active,#app .el-checkbox__inner:hover{border-color:var(--themeColor) !important}
#app .address-item.active .name::after,#app .paylist .active::after{background-color:var(--themeColor) !important}
#app .address-item.active,#app .el-button--primary.is-plain{background-color:var(--jom_white) !important}
#app .wrapper .is-checked::after,#app .cestep .is-finish .el-step__icon, #app .cestep .is-process .el-step__icon{background-color:var(--themeColor) !important}
#app .text-blue,#app .el-checkbox__input.is-checked+.el-checkbox__label{color:var(--themeColor) !important}
#app .el-checkbox__input.is-checked .el-checkbox__inner, #app .el-checkbox__input.is-indeterminate .el-checkbox__inner{background-color:var(--themeColor) !important;border-color:var(--themeColor) !important}
#app .el-button--primary.is-plain:focus, #app .el-button--primary.is-plain:hover{color:var(--themeColor) !important}
#app .el-button--default:focus, #app .el-button--default:hover{color:var(--themeColor) !important;background-color:var(--jom_white) !important;border-color:var(--themeColor) !important}
#app .icon[data-v-2bc58ab4]{width:20px;height:20px;margin:0;}
#app .icon[data-v-7887c354]{display: inline;margin-right:5px;}
#app .icon[data-v-6d5218b2]{width:80px;height:80px;marign:0;display:block;}
#app .icon[data-v-6d5218b2]>span{width:100%;height:100%;marign:0;display:flex;}
#app .icon[data-v-6d5218b2] svg.icon{width:100%;height:100%;transform: scale(1.5);}


.jom-cursor {position: fixed;left: -4px;top: -4px;height: 8px;width: 8px;border-radius: 50%;color: var(--themeColor);background-color: var(--themeColor);z-index: 9999996;pointer-events: none !important;mix-blend-mode: multiply;}
.jom-cursor .jom-wrapper {position: absolute;width: 120px;height: 120px;border-radius: 50%;top: 50%;left: 50%;margin-left: -60px;margin-top: -60px;transition: all 0.6s ease-in-out;transform: scale(1);}
.jom-cursor .jom_circleTxt{position: absolute;width:100%;height:100%;animation: jom-rotate 20s linear infinite;}
.jom-cursor .jom_circleTxt span{position: absolute;width:100%;height:100%;text-align:center;font-size:14px;}
.jom-cursor.active .jom-wrapper{transform: scale(0.6);}
@media (max-width:768px) {
	.jom-cursor {display:none;}
}



@keyframes jom-rotate {0% {transform: rotate(0deg);}100% {transform: rotate(360deg);}}
@keyframes jom-Y0Y20 {0% {transform: translateY(0px);}100% {transform: translateY(20px);}}
@keyframes jom-X0X20 {0% {transform: translateX(0px);}100% {transform: translateX(20px);}}

.ExAnimation .animation-fade-top {
	opacity: 0;
	transform: translateY(150px);
}
.ExAnimation .animation-noscoll-fade-top {
	opacity: 0;
	transform: translateY(150px);
}
.ExAnimation .animation-clip-left {
	clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
}
.ExAnimation .animation-clip-right {
	clip-path: polygon(100% 0%, 100% 0%, 100% 100%, 100% 100%);
}
.ExAnimation [data-timing] [data-scroll-speed] {
    transition: transform linear .1s !important;
}
.ExAnimation [data-timing] [data-scroll-section] {
    transition: transform linear .1s !important;
}