/*定义颜色*/
:root{
	--themeColor:#007800;
	--themeHoverColor:#faa845;
	--jom_gray: rgba(0,0,0,0.2);
	--jom_grayBlack:rgba(0,0,0,0.6);
	--jom_white: #fff;
}
/*SVG图标自适应*/
p[class^="e_text-"] .icon,
a[class^="e_button-"] .icon{width:auto;height:auto;}
/* 页面滚动条 */
::-webkit-scrollbar {width: 9px;background-color: var(--jom_white);}
::-webkit-scrollbar-thumb {border: solid 2px var(--jom_white);width: 5px;border-radius: 4px;background-color: var(--themeColor);}
::-webkit-scrollbar-thumb:hover {background-color: var(--themeHoverColor);}
::-webkit-scrollbar-corner {background-color: var(--jom_white);}
::-webkit-scrollbar:horizontal {height: 9px;}
/*所有按钮*/
.btn{background-color: var(--themeColor);border-color: var(--themeColor);}
.btn:hover{background-color: var(--themeHoverColor);border-color: var(--themeHoverColor);}
/*面包屑 */
.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);}
/*返回顶部*/
.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(--themeColor);}
}
/* 英文单词换行 */
*{word-break:break-word;}
/* 富文本文字样式 */
div[class^="e_richText-"]{font-size:16px;line-height:2;color:var(--jom_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;}
}
/*循环体swiper按钮*/
.swiper-button-prev,
.swiper-button-next{transition: all ease .3s;background-color: var(--jom_gray);z-index:2;}
.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;}
/*会员中心*/
#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(--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}