/*
*	Unknown
*	v1.0
*/
/*body::-webkit-scrollbar{width:0}*/
/* @font-face{
    font-family: XYBaseFont;
    font-display: swap;
    src: url('/static/plugin/Ttf/PingFang SC.ttf')
}
body{
    font-family: XYBaseFont,sans-serif !important;
}
@font-face{
	font-family: BoldFont;
    font-display: swap;
	src: url('/static/plugin/Ttf/Alibaba_PuHuiTi_2.0_75_SemiBold_75_SemiBold.ttf')
}
.Font-BoldFont{
	font-family: BoldFont,sans-serif !important;
} */
.text-hover-048CFC:hover{color:#048CFC !important;}
.border-bottom-f1f2f6{border-bottom:1px solid #f1f2f6;}
.bg-color-ff9610{background-color:#ff9610 !important;color:#ffffff !important;}
.bg-color-F56C6C{background-color:#F56C6C !important;color:#ffffff !important;}
.bg-color-028DFB{background-color:#028DFB !important;color:#ffffff !important;}
.bg-color-16C262{background-color:#16C262 !important;color:#ffffff !important;}
.bg-color-FFB400{background-color:#FFB400 !important;color:#ffffff !important;}
.bg-color-CCCCCC{background-color:#CCCCCC !important;color:#ffffff !important;}


.border-color-028DFB{border-color:#028DFB !important;color:#028DFB;}
.border-color-16C262{border-color:#16C262 !important;color:#16C262;}
.border-color-FFB400{border-color:#FFB400 !important;color:#FFB400;}
.border-color-CCCCCC{border-color:#CCCCCC !important;color:#CCCCCC;}
.border-color-F56C6C{border-color:#F56C6C !important;color:#F56C6C;}
.bg-hover-F5F7FA:hover{background-color:#F5F7FA !important;}
/*.bg-hover:hover{background-color:#F5F7FA !important;}*/
.bg-hover:hover{background-color:#FCFCFC !important;}

.bg-hover-f2f5fa:hover{background-color:#f2f5fa !important;}
.border-color-F56C6C:hover{background-color:#F56C6C !important;color:#ffffff !important;}
.border-color-028DFB:hover{background-color:#028DFB !important;color:#ffffff !important;}
.border-color-16C262:hover{background-color:#16C262 !important;color:#ffffff !important;}
.border-color-FFB400:hover{background-color:#FFB400 !important;color:#ffffff !important;}
.border-color-CCCCCC:hover{background-color:#CCCCCC !important;color:#ffffff !important;}



.z-index-99{z-index:99;}
.bg-100{background-size:100% 100%;background-repeat: no-repeat;}
.nav-left{background-color:#ffffff !important;}
.nav-left-box .el-menu-item,.nav-left .el-menu-item a{height:56px !important;font-size:16px;}
.resume .el-menu-item,.nav-left .el-menu-item a{height:56px !important;font-size:16px;}
.resume .el-menu-item.is-active .user-menu-item-link{background-color:#028DFB !important;color:#ffffff!important;border-radius:14px!important;width:150px!important;height:56px!important;}
.nav-left-box  .el-menu-item.is-active .user-menu-item-link{background-color:#028DFB !important;color:#ffffff!important;border-radius:14px!important;width:150px!important;height:56px!important;}
.pointer{cursor: pointer;}
.text-nowrap{white-space:nowrap;}

.line-height-0{line-height:0 !important;}
.line-height-34{line-height:34px;}

.nav-list{height:56px;line-height:56px;}

.text-10{font-size:10px !important;}
.text-11{font-size:11px !important;}
.text-12{font-size:12px !important;}
.text-13{font-size:13px !important;}
.text-14{font-size:14px !important;}
.text-15{font-size:15px !important;}
.text-16{font-size:16px !important;}
.text-18{font-size:18px !important;}
.text-20{font-size:20px !important;}
.text-24{font-size:24px !important}
.text-26{font-size:26px !important;}
.text-28{font-size:28px;line-height:28px;}
.text-30{font-size:30px !important;line-height:30px;}
.text-48{font-size:48px !important}

.radius-2{border-radius:2px;}
.radius-4{border-radius:4px;}
.radius-6{border-radius:6px;}
.radius-10{border-radius:10px;}
.radius-12{border-radius:12px;}
.radius-14{border-radius:14px;}
.radius-20{border-radius:20px;}
.radius-30{border-radius:30px;}
.radius-50{border-radius:50%;}
.radius-first-0:nth-child(1){border-top-left-radius: 0px;border-top-right-radius: 0px;}
.radius-top-12{border-top-left-radius: 12px;border-top-right-radius: 12px;}
.radius-bottom-12{border-bottom-right-radius: 12px;border-bottom-left-radius: 12px;}
.radius-top-left-right-8{border-radius: 8px 8px 0px 0px;}
.radius-0{border-radius:0 !important;}


.flex-end{align-items: flex-end !important;}
.flex-start{align-items: flex-start !important;}
.flex-x-end{justify-content: flex-end !important;}
.flex-x-center{justify-content: center;}
.flex-y-center{align-items: center !important;}
.flex-column{flex-direction: column !important;}
.flex-wrap{flex-wrap: wrap !important;}
.y-space-between{align-items: space-between;}
.y-content-between{align-content:space-between}
.x-space-around{justify-content:space-around;}
.x-space-between{justify-content: space-between;}
.y-flex-end{align-items: flex-end;}

.position-relative{position: relative;}
.position-absolute{position: absolute;}
.position-fixed{position: fixed;}
.position-left{left: 0;}
.position-right{right: 0;}
.position-top{top: 0;}
.position-bottom{bottom: 0;}


.border-box{box-sizing: border-box;}
.border-D2D6DC{border:1px solid #D2D6DC;}
.text-right{text-align:right !important;}
.text-center{text-align:center !important;}

.text-FF586C{color: #FF586C;}
.text-FF8221{color: #FF8221;}
.text-grey{color: #ADB1C3 !important;}
.text-white{color:#ffffff !important;}
.text-9fa3b0{color:#9fa3b0 !important;}
.text-414a60{color:#414a60 !important;}
.text-FBB941{color:#FBB941 !important;}
.text-A6ABBE{color:#A6ABBE !important;}
.text-D2D6DC{color:#D2D6DC !important;}
.text-568DF7{color:#568DF7 !important;}
.text-A1A1BF{color:#A1A1BF !important;}
.text-1F1C3D{color:#1F1C3D !important;}
.text-16C262{color:#16C262 !important;}
.text-242424{color:#242424 !important;}
.text-cccccc{color:#cccccc !important;}
.text-028DFB{color:#028DFB !important;}
.text-A8A8A8{color:#A8A8A8 !important;}
.text-FF8121{color:#FF8121 !important;}
.text-111111{color:#111111 !important;}
.text-FBB328{color:#FBB328 !important;}
.text-333333{color:#333333 !important;}
.text-F56C6C{color:#F56C6C !important;}
.text-FF8221{color:#FF8221 !important;}
.text-4E5470{color:#4E5470 !important;}
.text-A6A6A6{color:#A6A6A6 !important;}
.text-F5E0C9{color:#F5E0C9 !important;}
.text-048CFC{color:#048CFC !important;}
.text-C0C4CC{color:#C0C4CC !important;}
.text-FD5F62{color:#FD5F62 !important;}
.text-EEEEEE{color:#EEEEEE !important;}
.text-D1D5E5{color:#D1D5E5 !important;}
.text-5B3A2F{color: #5B3A2F !important;}
.text-bcac84{color: #bcac84 !important;}
.text-f4dca9{color: #f4dca9 !important;}
.text-e0ccbe{color: #e0ccbe !important;}
.text-ff4753{color: #ff4753 !important;}
.text-88613d{color: #88613d !important;}
.font-weight-300{font-weight:300;}
.font-weight-400{font-weight:400;}
.font-weight-500{font-weight:500;}
.font-weight-600{font-weight:600;font-family: BoldFont !important;}
.font-weight-700{font-weight:700;font-family: BoldFont !important;}
.font-weight-800{font-weight:800;font-family: BoldFont !important;}
.font-weight-900{font-weight:900;font-family: BoldFont !important;}
.font-weight-bold{font-weight:700;font-family: BoldFont !important;}

.bg-F2F5FA{background-color:#F2F5FA;}
.bg-FBB941{background-color:#FBB941;}
.bg-F6F6F6{background-color:#F6F6F6;}
.bg-FBF7F1{background-color:#FBF7F1;}
.bg-F5F7FA{background-color:#F5F7FA;}
.bg-FDEFEE{background-color:#FDEFEE;}
.bg-FFB300{background-color:#FFB300;}
.bg-F56C6C{background-color:#F56C6C;}
.bg-F5F6FA{background-color:#F5F6FA;}
.bg-DDECFF{background-color:#DDECFF;}
.bg-F8F9FF{background-color:#F8F9FF;}
.bg-FF8221{background-color:#FF8221;}
.bg-FF8121{background-color:#FF8121;}
.bg-1E1C3D{background-color:#1E1C3D;}
.bg-028DFB{background-color:#028DFB;}
.bg-D1D5E5{background-color:#D1D5E5;}
.bg-F4F4F5{background-color:#F4F4F5;}
.bg-EAF2FF{background-color:#EAF2FF;}
.bg-16C262{background-color:#16C262;}
.bg-048CFC{background-color:#048CFC;}
.bg-F5E0C9{background-color:#F5E0C9;}
.bg-CCCCCC{background-color:#CCCCCC;}
.bg-ff4753{background-color: #ff4753;}
.bg-A6ABBE{background-color: #A6ABBE;}
.bg-ececf4{background-color: #ececf4;}
.bg-f0ecf4{background-color: #f0ecf4;}
.bg-primary{background-color: #048CFC !important;}
.bg-32373E{background-color:#32373E !important;}
.bg-F7F9FC{background-color: #F7F9FC !important;}
.bg-F9FAFC {background-color:#F9FAFC;box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.03);}
.border-none{border:none;}
.border-F56C6C{border:1px solid #F56C6C;}
.border-028DFB{border:1px solid #028DFB;}
.border-dashed-C0C4CC{border: 1px dashed #C0C4CC;}
.border-E9E9E9{width:100%; height:1px; box-shadow: 0px 0px 9px 0px rgba(4, 1, 118, 0.03);}
.border-b-E6E6E6{border-bottom:1px solid #E6E6E6 !important;}

.ml-10,.mx-10{margin-left:10px !important;}
.mr-10,.mx-10{margin-right:10px !important;}
.mt-10,.my-10{margin-top:10px !important;}
.mb-10,.my-10{margin-bottom:10px !important;}
.m-10{margin:10px !important;}

.ml-20,.mx-20{margin-left:20px !important;}
.mr-20,.mx-20{margin-right:20px !important;}
.mt-20,.my-20{margin-top:20px !important;}
.mb-20,.my-20{margin-bottom:20px !important;}
.m-20{margin:20px !important;}

.ml-30,.mx-30{margin-left:30px !important;}
.mr-30,.mx-30{margin-right:30px !important;}
.mt-30,.my-30{margin-top:30px !important;}
.mb-30,.my-30{margin-bottom:30px !important;}
.m-30{margin:30px !important;}

.pl-5px,.px-5px{padding-left:5px !important;}
.pr-5px,.px-5px{padding-right:5px !important;}
.pt-5px,.py-5px{padding-top:5px !important;}
.pb-5px,.py-5px{padding-bottom:5px !important;}
.p-5px{padding:5px !important;}

.pl-10,.px-10{padding-left:10px !important;}
.pr-10,.px-10{padding-right:10px !important;}
.pt-10,.py-10{padding-top:10px !important;}
.pb-10,.py-10{padding-bottom:10px !important;}
.p-10{padding:10px !important;}

.pl-12,.px-12{padding-left:12px !important;}
.pr-12,.px-12{padding-right:12px !important;}
.pt-12,.py-12{padding-top:12px !important;}
.pb-12,.py-12{padding-bottom:12px !important;}
.p-12{padding:12px !important;}

.pl-14,.px-14{padding-left:14px !important;}
.pr-14,.px-14{padding-right:14px !important;}
.pt-14,.py-14{padding-top:14px !important;}
.pb-14,.py-14{padding-bottom:14px !important;}
.p-14{padding:14px !important;}

.pl-15,.px-15{padding-left:15px !important;}
.pr-15,.px-15{padding-right:15px !important;}
.pt-15,.py-15{padding-top:15px !important;}
.pb-15,.py-15{padding-bottom:15px !important;}
.p-15{padding:15px !important;}


.pl-20,.px-20{padding-left:20px !important;}
.pr-20,.px-20{padding-right:20px !important;}
.pt-20,.py-20{padding-top:20px !important;}
.pb-20,.py-20{padding-bottom:20px !important;}
.p-20{padding:20px !important;}

.pl-24,.px-24{padding-left:24px !important;}
.pr-24,.px-24{padding-right:24px !important;}
.pt-24,.py-24{padding-top:24px !important;}
.pb-24,.py-24{padding-bottom:24px !important;}
.p-24{padding:24px !important;}

.pl-30,.px-30{padding-left:30px !important;}
.pr-30,.px-30{padding-right:30px !important;}
.pt-30,.py-30{padding-top:30px !important;}
.pb-30,.py-30{padding-bottom:30px !important;}
.p-30{padding:30px !important;}

.pl-35,.px-35{padding-left:35px !important;}
.pr-35,.px-35{padding-right:35px !important;}
.pt-35,.py-35{padding-top:35px !important;}
.pb-35,.py-35{padding-bottom:35px !important;}
.p-35{padding:35px !important;}

.pl-35,.px-35{padding-left:35px !important;}
.pr-35,.px-35{padding-right:35px !important;}
.pt-35,.py-35{padding-top:35px !important;}
.pb-35,.py-35{padding-bottom:35px !important;}
.p-35{padding:35px !important;}

.pl-40,.px-40{padding-left:40px !important;}
.pr-40,.px-40{padding-right:40px !important;}
.pt-40,.py-40{padding-top:40px !important;}
.pb-40,.py-40{padding-bottom:40px !important;}
.p-40{padding:40px !important;}

.pl-50,.px-50{padding-left:50px !important;}
.pr-50,.px-50{padding-right:50px !important;}
.pt-50,.py-50{padding-top:50px !important;}
.pb-50,.py-50{padding-bottom:50px !important;}
.p-50{padding:50px !important;}

.ml-120{margin-left:120px;}

.display-block{display:block}

.footer{background-color:#26344B !important;}
.footer h6{color:#FFFFFF !important;}
.footer .small{color:#07B3FF !important;}
.text-secondary{color:#A6ABBE !important;}
.footer .copyright {background-color:#26344B !important;}
.footer-position{background-color:#26344B !important; opacity: 0.8 !important;}
.footer-position .after{
    position: relative;
}
.footer-position .after::after{
    content: "+";
    position: absolute;
    top: 0;
    right: -15px;
    font-size:18px;
}
:root{
    --primary: #048CFC;
    --secondary: #4E5470;
}
html {
    min-height: 100%;
    min-width: 1140px;
}
body {
    min-height: 100%;
    font-size: 14px;
    background-color: #f6f6f8;
}
a{color: #048CFC;}
a:hover{text-decoration:none;color: #048CFC;}
vue-mask{position: fixed;left: 0;right: 0;top: 0;bottom: 0;z-index: 999999;background-color: #fff;}
.wrap { display: -webkit-box; -webkit-box-orient: vertical; -webkit-flex-flow: column; }
.flex{display: -webkit-box; display: -webkit-flex; display: flex;}
.flex-start{-webkit-box-pack: flex-start; -ms-flex-pack: flex-start; -webkit-justify-content: flex-start; justify-content: flex-start;}
.flex-top{-webkit-box-align: flex-start; -webkit-align-items: flex-start; align-items: flex-start;}
.flex-bottom{-webkit-box-align: flex-end; -webkit-align-items: flex-end; align-items: flex-end;}
.flex-center{-webkit-box-align: center; -webkit-align-items: center; align-items: center;}
.flex-v-center{-webkit-box-align: center; -webkit-align-items: center; align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;}
.flex-baseline{-webkit-box-align: baseline; -webkit-align-items: baseline; align-items: baseline;}
.flex-1 {-webkit-box-flex: 1; -webkit-flex: 1; flex: 1; width: 0%;}
.flex-2 {-webkit-box-flex: 2; -webkit-flex: 2; flex: 2; width: 0%;}
.flex1 {-webkit-box-flex: 1; -webkit-flex: 1; flex: 1; }
.overflow-y-auto{overflow-y:auto;}
.overflow-x-auto{overflow-x:auto;}
.overflow-hidden{overflow:hidden;}
.row-flex .cell{display: -webkit-box; display: -webkit-flex; display: flex;-webkit-box-align: center; -webkit-align-items: center; align-items: center;}
.el-loading-parent--hidden{padding-right: 17px;}
.xy-el-loading .el-loading-spinner i{font-size: 3rem; color: #048CFC; }
.xy-el-loading .el-loading-spinner .el-loading-text{font-weight: 400; font-size: 1.4rem; color: #048CFC; }
.el-button--minism{padding: 4px 6px;font-size: .6rem;}
.el-button.is-round.el-button--minism{padding: 4px 6px;font-size: .6rem;}
.el-image-viewer__close{color: #FFFFFF;}
.item-center{align-items: center;display: inline-flex;}
.container-xl{position: relative;max-width: 1320px;min-width: 1140px;}
.rounded-0 .el-input__inner,.rounded-0 .el-textarea__inner{border-radius: 0 !important;}
.bg-gray{background-color: #F9F9F9;}
.font-size-sm{font-size: .8rem;}
.text-0143B1,a.text-0143B1{color: #0143B1;}
.text-666666{color: #666666;}
.text-999999,.text-999999 a{color: #999999 !important;}
.text-D8B077{color: #D8B077;}
.bg-D8B077{background-color: #D8B077;}
.border-D8B077{border-color: #D8B077 !important;}
.border-D8B077-hover:hover{border-color: #D8B077 !important;}
.w-25{width: 25%;}
.w-40{width: 40%;}
.w-60{width: 60%;}
.w-85{width: 85%;}


.w-10px{width: 10px;}
.w-14px{width: 14px;}
.w-16px{width: 16px;}
.w-20px{width: 20px;}
.w-30px{width: 30px;}
.w-40px{width: 40px;}
.w-50px{width: 50px;}
.w-60px{width: 60px;}
.w-70px{width: 70px;}
.w-75px{width: 75px;}
.w-78px{width: 78px;}
.w-80px{width: 80px;}
.w-100px{width: 100px;}
.w-110px{width: 110px;}
.w-110px{width:110px !important;}
.w-120px{width: 120px;}
.w-125px{width: 125px;}
.w-130px{width: 130px;}
.w-135px{width: 135px;}
.w-150px{width: 150px;}
.w-155px{width: 155px;}
.w-160px{width: 160px;}
.w-180px{width: 180px;}
.w-190px{width:190px;}
.w-200px{width: 200px;}
.w-240px{width: 240px;}
.w-250px{width: 250px;}
.w-285px{width: 285px;}
.w-300px{width: 300px;}
.w-328px{width: 328px;}
.w-350px{width: 350px;}
.w-400px{width: 400px;}
.w-430px{width: 430px;}
.w-500px{width: 500px;}
.w-620px{width: 620px;}
.w-755px{width: 755px;}
.h-6px{height:6px;}
.h-10px{height: 10px;}
.h-14px{height: 14px;}
.h-16px{height: 16px;}
.h-20px{height: 20px;}
.h-24px{height: 24px;}
.h-26px{height: 26px;}
.h-28px{height: 28px;}
.h-32px{height: 32px !important;}
.h-34px{height: 34px;}
.h-35px{height: 35px;}
.h-40px{height: 40px;}
.h-44px{height: 44px;line-height:44px}
.h-50px{height: 50px;}
.h-56px{height: 56px; line-height:56px;}
.h-60px{height: 60px;}
.h-75px{height: 75px;}
.h-78px{height: 78px;}
.h-80px{height: 80px;}
.h-100px{height: 100px;}
.h-120px{height: 120px;}
.h-150px{height: 150px;}
.h-160px{height:160px;}
.h-200px{height: 200px;}
.h-210px{height: 210px;}
.h-250px{height: 250px;}
.h-300px{height: 300px;}
.h-350px{height: 350px;}
.h-400px{height: 400px;}
.h-500px{height: 500px;}
.h-790px{height: 790px;}
.min-h-790{min-height:790px;}
.min-h-100{min-height:100% !important;}

.text-primary-hover:hover{color: #048CFC !important;}
.text-primary{color: #048CFC !important;}
.border-primary{border-color: #048CFC !important;}
.border-lg{border-width: 1px !important;}
.border-xl{border-width: 2px !important;}
.rounded-xl{border-radius: .5rem;}
.pointer{cursor: pointer;}
.border-grey{border-color: #F4F6F8 !important;}
label{margin-bottom: 0px !important;}
input:focus,
button:focus,
button:active{
webkit-box-shadow:none !important;
box-shadow: none !important;
outline: none !important;
}
.grayscale{filter: grayscale(100%);}
.shadow{box-shadow: 0px 0px 10px -5px rgba(0, 0, 0, 0.1)!important;}
.shadow-lg{box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1)!important;}
.mw-200px{max-width: 200px !important;}
.mh-200px{max-height: 200px !important;}
.text-theme-icon{
    background-image: -webkit-linear-gradient(left, #ffc107, #f56c6c 10%, #048CFC 20%, #FF8323 30%, #048CFC 40%, #ffc107 50%, #f56c6c 60%, #048CFC 70%, #FF8323 80%, #048CFC 90%, #ffc107);
    color: transparent;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-size: 200% 100%;
    animation: text-theme-icon-animation 4s infinite linear;
}
@keyframes text-theme-icon-animation {
    0% {background-position: 0 0; }
    100% {background-position: -100% 0; }
}
.el-drawer__body{height: 100%;}
.el-drawer__wrapper{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    margin: 0;
}
.el-input-number--minism{
    width: 80px;
    line-height: 20px;
}
.el-input-number--minism .el-input-number__decrease, .el-input-number--minism .el-input-number__increase{width: 20px;}
.el-input--minism .el-input__inner{height: 20px;line-height: 20px;padding: 0 20px;}
.el-input-number--minism{line-height: 18px;}
.swiper-slide-active{z-index: 1;}

.top-nav{background-color: #202329; color: #FFFFFF; top: 0; position: -webkit-sticky; position: sticky; z-index: 2000; }
.top-nav .el-link{color: #FFFFFF; }

.top-nav-el-dropdown-menu .el-dropdown-menu__item{padding: 0; }
.top-nav-el-dropdown-menu .el-dropdown-menu__item .el-link--info{padding: 0 1.5rem; }
.top-nav-el-dropdown-menu .el-dropdown-menu__item:hover .el-link--info{color: #048cfc; }
.top-nav .nav{}
.top-nav .nav .nav-item{padding: 0 !important;margin-right: 39px;}
.top-nav .nav .nav-link{font-weight: 500;color: #FFFFFF;position: relative;padding: 0.4rem 0rem !important;}
.top-nav .nav .nav-link:hover{font-weight: bold !important;}
.top-nav .nav .nav-link.text-primary{color: #FFFFFF;}
.top-nav .nav .nav-link.text-primary:hover{color: #048CFC !important;}
.top-nav .nav .nav-link:before{content: " ";height: 3px;position: absolute; left: 30%;right: 30%;bottom: 0;border-radius: 2px;}
.top-nav .nav .nav-link.active{color: #fff;}
.top-nav .nav .nav-link.active:before{background-color: #fff;}
/* .top-nav .font-family{
    font-family: -apple-system,PingFang SC,BlinkMacSystemFont,Segoe UI,Roboto,Hiragino Sans GB,Microsoft YaHei UI,Microsoft YaHei,Source Han Sans CN,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
} */
.nav-top-logo img {
    max-width: none !important;
    max-height: none !important;
    width: 200px !important;
    height: 45px !important;
}
.nav-top-logo2 img {
    max-width: none !important;
    max-height: none !important;
    width: 128px !important;
    height: 24px !important;
}
.top-nav-blue{background-color: #048CFC; color: #CCE1FE; }
.top-nav-blue .text-primary{color: #CCE1FE !important; }
.top-nav-blue .el-link{color: #CCE1FE; }
.top-nav-blue .el-link:hover{color: #CCE1FE; }
.top-nav-blue .nav .nav-link{color: #CCE1FE;}
.top-nav-blue .nav .nav-link.text-primary{color: #CCE1FE;}
.top-nav-blue .el-link.text-primary{color: #CCE1FE !important;}
.top-nav-blue .nav .nav-link.active{color: #FFFFFF;}
.top-nav-blue .nav .nav-link.active:before{background-color: #FFFFFF;}
.top-nav-blue .nav .nav-link:hover{color: #FFFFFF !important;}
.top-nav-blue .nav .nav-link.text-primary:hover{color: #FFFFFF !important;}
.top-nav .nav-top-login{
  display: inline-block;
  border-radius: 8px;
  text-align: center;
  font-size: 14px;
  height: 26px;
  line-height: 26px;
  padding: 0 11px;
  margin-left: 10px;
  color: #fff;
  position: relative;
  border: 1px #fff solid;
  letter-spacing: 1px;
  font-family: arial,verdana,helvetica,'PingFang SC','HanHei SC',STHeitiSC-Light,Microsoft Yahei,sans-serif;
}
.top-nav .nav-top-login:hover{
    color: #048cfc;
    background: #fff;
}
.nav-top-popper{
    cursor: pointer;
}
.header{background-color: #fff;
box-shadow: 0px 0px 10px -5px rgba(0, 0, 0, 0.1);}
/* .header{
    background-color: #3084ff;
    background-image: url(/static/default1/index/index-header-bg.png);
    background-size: 1920px 100px;
    background-position: center;
    background-repeat: no-repeat;
} */
.header .logo{}
.logo img{width:200px;height: 65px;}
.search .el-select .el-input {width: 100px;}
.search .el-input-group__prepend {border-color: #FFFFFF;border-radius: 0;}
.search .el-input-group__append {border-color: #048cfc;border-radius: 0;}
.search .input-with-select .el-input-group__prepend {background-color: #fff;color: #333333;}
.search .input-with-select .el-input-group__append {background-color: #048cfc;color: #ffffff;}
.search .input-with-select .el-input-group__append:hover {opacity: .8;}
.search .el-input__inner,.search .el-input__inner:hover{border-color: #FFFFFF;}
.input-with-select .el-input-group__append,
.input-with-select .el-input-group__prepend{border-width: 2px;}
/*.input-with-select .el-input-group__prepend:after{content: " ";position: absolute;right: 0;width: 1px;background-color: #eee;top: 20%;bottom: 20%;}*/
.input-with-select .el-input__inner{border-top-width: 2px;border-bottom-width: 2px;border-left-width: 2px;height: 50px;line-height: 50px;}
.el-input__inner-left-none .el-input__inner{border-left-width: 0;}
.input-with-select .el-button{padding: 12px 40px;}
.input-with-select .el-input__icon.el-icon-arrow-up:before{content: "\e78f";}
.input-with-select .el-input__icon.el-icon-arrow-down:before{content: "\e790";}

.top-nav .nav.nav-concise{border-bottom: 0;}
.top-nav .nav.nav-concise .nav-link{padding:.5rem 1rem;}

.login-win .login-window{width: 728px;height: 580px;border-radius: 30px;}
.login-win .left-box{
	padding: 72px 28px 28px;
	box-sizing: border-box;
	width: 240px;
	height: 580px;
	background: url('/static/default1/index/icon/bg_login.png');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.right-radius-0 .el-input__inner{
    border-bottom-right-radius: 0 !important;
    border-top-right-radius: 0 !important;
}
.login-win .left-box-list{
	margin-top: 52px;
}
.login-win .left-box-item{
	display: flex;
	margin-bottom: 47px;
}
.login-win .left-box-item .pl-2 div:first-child{
	font-size: 14px;
	color: #666666;
}
.login-win .left-box-item .pl-2 div:last-child{
	font-size: 13px;
	color: #999999;
}
.login-win .right-title{
	font-size: 22px;
	color: #222222;
	margin-bottom: 34px;
}
.login-win .register-head{
	background-color: #F5F6FA;
	color: #333;
	border-radius: 10px;
	padding: 4px;
    font-size: 16px;
    width: 368px;
    height: 48px;
}
.login-win .register-head div{
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.login-win .transition{transition: .3s all;}

.login-win .search .el-input-group--append .el-input__inner{border: 0px;}
.login-win .el-input-group--append .el-input__inner{border-right: 0px;}
.login-win .el-input-group--append .el-input-group__append{border-radius: 0;}
.login-win .el-input__inner{border-color: #DCDFE6!important;height: 49px;border-radius: 8px;font-size: 16px;}
.login-win .h-435px{
    height: 435px;
}
.login-win .mb-23{
    margin-bottom: 23px !important;
}
.login-win .mt-23{
    margin-top: 23px !important;
}
.login-win .login-popper{
	left: 50px;
	cursor: pointer;
	min-width: 100px !important;
	height: 32px;
	line-height: 32px;
	font-size: 12px;
	text-align: center;
	padding: 0;
}
.login-win .login-close{
	position: absolute;
	right: 25px;
	top: 25px;
	cursor: pointer;
}
.login-win .login-close i{
	padding: 2px;
	font-size: 18px;
	color: #dedede;
	transition: all .3s;
}
.login-win .login-close i:hover{
	color: #717171;
	background-color: #ddd;
}


.footer{
    background-color: #FFFFFF;
    color: #A6ABBE;
}
.footer a{color: #4E5470;}
.footer h6{color: #111734;font-weight: 600;font-family: BoldFont !important;}
.footer .qr-down{position: relative;}
.footer .qr-down .h6 .el-link--inner{font-size: 1rem;}
.footer .copyright{
    background-color: #FFFFFF;
    color: #A6ABBE;
}
.footer .copyright a{color: #A6ABBE;}
.footer .copyright img{max-width: 200px;max-height: 40px;}

.footer{background-color:#26344B !important;}
.footer h6{color:#FFFFFF !important;}
.footer .small{color:#07B3FF !important;}
.text-secondary{color:#A6ABBE !important;}
.footer .copyright {background-color:#26344B !important;}
.footer-position{background-color:#26344B !important; opacity: 0.8 !important;}
.footer-position .after{
    position: relative;
}
.footer-position .after::after{
    content: "+";
    position: absolute;
    top: 0;
    right: -15px;
    font-size:18px;
}

.el-link{vertical-align:initial;font-weight: 400;}

.jobs-cate{width: 230px;height: 470px;background-color: #fff;}
.jobs-cate .jobs-cate-list{height: 430px;color: #333333;font-weight: 500;overflow: hidden;background-color: #FFFFFF;}
.jobs-cate .jobs-cate-list .jobs-cate-item{height: 46px;line-height: 46px;}
.jobs-cate .jobs-cate-list .jobs-cate-item:hover{color: #048CFC;cursor: pointer;box-shadow: 0 0 10px 5px #f6f6f8;}
.jobs-cate .jobs-cate-list .jobs-cate-item .jobs-cate-body{min-height: 470px;position: absolute;top:0;right: 100%;left: 230px;background-color: #fff;z-index: 999;cursor: auto;display: none;}
.jobs-cate .jobs-cate-list .jobs-cate-item .jobs-cate-body::-webkit-scrollbar{display: none !important;}
.jobs-cate .jobs-cate-list .jobs-cate-item .jobs-cate-body::-moz-scrollbar{display: none !important;}
.jobs-cate .jobs-cate-list .jobs-cate-item .jobs-cate-body::-ms-scrollbar{display: none !important;}
.jobs-cate .jobs-cate-list .jobs-cate-item .jobs-cate-body::-scrollbar{display: none !important;}
.jobs-cate .jobs-cate-list .jobs-cate-item .jobs-cate-body h6{color: #333333;font-weight: bold;font-family: BoldFont !important;}
.jobs-cate .jobs-cate-list .jobs-cate-item .jobs-cate-body a{line-height: 28px;}
.jobs-cate .jobs-cate-list .jobs-cate-item .jobs-cate-body a:hover{color: #048CFC;}
.jobs-cate .jobs-cate-list .jobs-cate-item:hover>.jobs-cate-body{right: 0%;box-shadow: 0 0 10px 5px #f6f6f8;padding: 1.5rem;display: block;}
.jobs-cate .jobs-cate-list .jobs-cate-item:hover .el-icon-arrow-right{color: #048CFC !important;}
.jobs-cate .jobs-all{height: 40px;background-color: #FFFFFF;}
.jobs-cate .jobs-all a{display: block;line-height: 20px;}

.login-tabs{
    width: 368px;
    background-color: #fff;
    display: -webkit-box; -webkit-box-orient: vertical; -webkit-flex-flow: column;
}
.login-tabs .el-form{display: -webkit-box; -webkit-box-orient: vertical; -webkit-flex-flow: column;height: 100%;}
.geetest_holder.geetest_wind{min-width: auto!important;}
.login-tabs .login-tabs__nav{
	-webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    display: -webkit-box; -webkit-box-orient: vertical; -webkit-flex-flow: column;
    height: 100%;
}
.login-tabs .el-tabs__item{padding: 0; height: 50px;line-height: 50px;}
.login-tabs .el-tabs__header{margin-bottom: 0;}
.login-tabs .el-input__inner{height: 49px;
    border-color: #DCDFE6!important;
    border-bottom-color: #DCDFE6!important; }
.login-tabs .el-input-group__append, 
.login-tabs .el-input-group__prepend{border-left:0;}
.login-tabs .el-form-item{margin-bottom: 8px;}
.login-window .el-form-item .el-input-group__prepend,
.login-window .el-form-item .el-input-group__append
{background-color: #fff;}
.login-tabs .el-form-item .el-input-group__prepend,
.login-tabs .el-form-item .el-input-group__append{background-color: #fff;
    padding: 0 10px;
    border-radius: 0 8px 8px 0;}
.login-tabs .el-input__suffix{height: 49px;}
.login-tabs .el-form-item .el-input-group__append .el-link--inner{}
/*.login-modal .login-tabs .login-tabs__nav .input-item{margin-bottom: 22px;}*/

.article-notice{height: 189px; text-align: center; background-color: #fff; overflow: hidden;}
.article-notice img{max-width:100%;}
.article-notice .tabs-nav{border-bottom: solid 1px #F4F6F8;}
.article-notice .tabs-item{padding:.75rem 0;position: relative;font-weight: 500;cursor: pointer;}
.article-notice .tabs-item.active{font-weight: bold;font-family: BoldFont !important;}
.article-notice .tabs-item.active:after{position: absolute;content: " ";bottom:0;left: 40%;right: 40%;height: 4px;background-color: #048CFC;border-radius: 2px;}
.article-notice .article-notice-content{height: 146px;}
.article-notice .article-notice-content a{color: #4E5470;}
.article-notice .article-notice-content a:hover{color: #048cfc;}
.article-notice-content,.style-none{list-style: none;}
.article-notice-content li{position: relative;}
.article-notice-content.style-none{padding-left: 0;}
.article-notice-content.style-none li:before{content: none;}
.article-notice-content li.style-none:before{content: none;}
.article-notice-content li:before{
  content: " ";
  width: 5px;
  height: 5px;
  background-color: #C7CAD5;
  border-radius: 5px;
  position: absolute;
  left: -15px;
  top: 12px;
}
.article-notice-icon{width: 15px;height: 15px; background-color: #D5D5D5; color: #FFFFFF; text-align: center; line-height: 15px; font-size: 80%; }
.article-notice-content>li:nth-of-type(1) .article-notice-icon{background-color: #FF6600;}
.article-notice-content>li:nth-of-type(2) .article-notice-icon{background-color: #FF8B3E;}
.article-notice-content>li:nth-of-type(3) .article-notice-icon{background-color: #F4AB2B;}
.article-notice .article-notice-content li:nth-child(n+6){display: none;}

.text-ellipsis{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.text-ellipsis-2{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.text-ellipsis-3{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.text-v-center {
  text-align: center;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.article-ad{width: 270px;height: 137px; background-color: #fff; overflow: hidden;}
.article-ad a{display: block;}
.article-ad img{height: 137px;}
.empty-text{text-align: center; color: #6c757d;}
.company-icon-list{text-align: center;margin: -8px;}
.company-icon-list .col-3{padding: 8px;}
.company-icon-list .col-3 .company-icon-item{background-color: #FFFFFF;
box-shadow: 0px 0px 10px -5px rgba(0, 0, 0, 0.1);}
.company-icon-list .col-3 .company-icon-item:hover{
box-shadow: 0px 0px 10px -3px rgba(0,0,0,0.2);}
.company-icon-list .col-3 .company-icon-item a{display: block;}
.company-icon-list .col-3 .company-icon-item a.text-white.flex-1:hover{color: #048cfc !important;}
.company-icon-list img{height: 70px;width: 70px;object-fit: contain;}

.block-article .article-notice-content{height: 326px;}
.block-article .article-notice-content a{color: #343a40;}
.block-article .article-notice-content a:hover{color: #048cfc;}
.block-article .article-notice-content li:nth-child(n+13){display: none;}

.block-title-before{font-weight: bold;position: relative;font-family: BoldFont !important;}
.block-title-before:before{content:" ";position: absolute;width: 30px;height:4px;left:0;bottom: -2px;background-color: #048CFC;border-radius: 2px;}
.block-title{}
.block-title .el-divider__text {background-color: #f6f6f8;color: #111734;font-size: 1.2rem;font-weight: 600;font-family: BoldFont !important;}
.block-title .el-link {vertical-align: top;}
.block-title .block-title-text{position: relative;font-size: 1rem;font-weight: bold;padding-left: 1rem;font-family: BoldFont !important;}
.block-title .block-title-text:before{content: " ";position:absolute;width: 4px;top:0;bottom: 0;left: 0;background-color: #048CFC;}
.block-title .block-title-text:after{content: " ";position:absolute;width: 2px;top:0;bottom: 0;left: 6px;background-color: #9cb7ff;}
.block-title .flex-1{position: relative;}
.block-title .flex-1:after{content: " ";position:absolute;height: 1px;left: 0;right: 0;background-color: #dadada;}

.resume-seniority{list-style: none;padding: 0;margin: 0;}
.resume-seniority li{position: relative;padding: 0 .5rem;}
.resume-seniority li:nth-of-type(1){padding: 0 .5rem 0 0;}
.resume-seniority li:before{content: " ";position: absolute;left: 0;top:20%;bottom: 10%;width: 2px;background-color: #dadada;}
.resume-seniority li:nth-of-type(1):before{width: 0;}
.home-jobs-list{margin: -8px;}
.home-jobs-list .col-4{padding: 8px;}
.home-jobs-list .col-4 .home-jobs-item{background-color: #FFFFFF;box-shadow: 0px 0px 10px -5px rgba(0, 0, 0, 0.1);}
.home-jobs-list .col-4 .home-jobs-item a{display: block}
.home-jobs-list .col-4 .home-jobs-item:hover{box-shadow: 0px 0px 10px -3px rgba(0,0,0,0.2);}

.home-resume-list{margin: -8px;}
.home-resume-list .col-4{padding: 8px; }
.home-resume-list .col-4 a{display: block; box-shadow: 0px 0px 10px -5px rgba(0, 0, 0, 0.1);}
.home-resume-list .col-4 a:hover{box-shadow: 0px 0px 10px -3px rgba(0,0,0,0.2);}
.mx--1{margin: -.25rem;}
.mx--1 .col-3{padding: .25rem; }

.user-vip-box{
    background: url('/static/default1/index/vip-card-bg.png');
    background-size: 100% 100%;
    height: 65px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 10px 15px;
}
.user-vip-box p{
    margin: 0;
    color: #7f5748;
}
.user-vip-box>p{
    font-size: 16px;
    font-weight: 600;
    font-family: BoldFont !important;
}
.user-vip-box>div{
    justify-content: space-between;
}
.user-vip-box>div>p{
    font-size: 12px;
}
.text-7f5748{color: #7f5748;}
.user-vip-dialog{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 99999 !important;
    display: flex;
}
.user-vip-dialog p{
    margin:0;
}
.vip-card{
	width: 100%;
	height: 231px;
}
.vip-card .card-top{
    height: 195.5px;
    background-image: url('/static/default1/index/vip-card.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: relative;
    padding: 27px 17px 26px;
    box-sizing: border-box;
    position: relative;
}
.card-vip-time{
    position: absolute;
    right: 10px;
    top: 12px;
    font-size: 13px;
    color: #7e5749;
}
.vip-card .card-top .card-top-title{
    display: flex;
    align-items: center;
}
.vip-card .card-top .card-top-title img{
    width: 97px;
    height: 36.5px;
    margin-right: 13px;
}
.vip-card .card-top .card-top-title p{
    width: 50px;
    height: 20px;
    background-color: #181E36;
    border-radius: 3px;
    color: #E2BA86;
    font-weight: bold;
    font-family: BoldFont !important;
    font-size: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.card-top-active{
    color: #7e5749 !important;
    background-color: #fff !important;
}
.vip-card .card-tag{
    margin-top: 40px;
    width: 166.5px;
    padding: 5px 0;
    box-sizing: border-box;
    border-radius: 10px;
    border: 1.5px solid;
    font-size: 11px;
    color: #845A28;
    display: flex;
    justify-content: center;
    align-items: center;
}
.vip-card .card-bottom{
    margin-top: -10px;
    padding-top: 10px;
    box-sizing: border-box;
    height: 45px;
    background-color: #374162;
    border-radius: 7.5px;
    display: flex;
    justify-content: center;
    align-items: center;
    
}
.vip-card .card-bottom p{
    font-size: 12px;
    color: #fff;
}
.vip-title{
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 25px 0 17.5px;
}
.vip-title img{
    width: 110px;
    height: 4.5px;
}
.vip-title span{
    font-size: 15px;
    color: #D19A57;
    font-weight: bold;
    font-family: BoldFont !important;
    margin: 0 10px;
}
.vip-box{
	background-color: #fff;
	padding: 20px 16px;
	border-radius: 7.5px;
}
.vip-equity img{
	margin: 14px 0;
}
.vip-equity>div{
    line-height: 40px;
    font-size: 13px;
}
.text-8A8A8A{
	color: #8A8A8A;
}
.text-324583{
	color: #324583;
}
.vip-gird{
	display: grid;
	grid-template-columns: repeat(4,1fr);
	padding-bottom: 0;
}
.vip-gird .grid-item{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 25px;
}
.vip-gird .grid-item img{
    width: 45px;
    height: 45px;
}
.vip-gird .grid-item p{
    margin-top: 9.5px;
    font-size: 13px;
    color: #333;
} 
.vip-recharge{
	margin-top: 25px;
	height: 55px;
    position: fixed;
    bottom: 10px;
    width: 331px;
    cursor: pointer;
}
.vip-recharge .vip-recharge-left{
    width: 80%;
	color: #fff;
	display: flex;
	align-items: center;
	padding-left: 19px;
	border-radius: 27px;
	background: linear-gradient(to right,#2F3247,#3D415A);
}
.vip-recharge .vip-recharge-left span:nth-child(1){
    margin-top: 10px;
    font-size: 15px;
    font-weight: bold;
    font-family: BoldFont !important;
}
.vip-recharge .vip-recharge-left span:nth-child(2){
    font-size: 30px;
    font-weight: bold;
    font-family: BoldFont !important;
}
.vip-recharge .vip-recharge-left span:nth-child(3){
    margin-top: 8px;
    margin-left: 6.5px;
    font-size: 15px;
    font-weight: bold;
    font-family: BoldFont !important;
}
.vip-recharge .vip-recharge-right{
    width: 135px;
	height: 100%;
	border-radius: 27px;
	background:linear-gradient(to right,#ECBE84,#F8DAAE) ;
	line-height: 55px;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
    font-family: BoldFont !important;
	color: #634738;
    position: absolute;
    right: 0px;
}
.dialog-box{
    width: 380px;
    height: 100%;
    background-color: #FAFAFA;
    overflow-y: auto;
    overflow-x: hidden;
    position: relative;
}
.top-vip-bg{
    position: absolute;
    top: 0;
    width: 380px;
    height: 235px;
}

.user-resume-list{margin: 0 -.5rem;}
.user-resume-list .col-6{
  -ms-flex: 0 0 calc(50% - 1rem);
  flex: 0 0 calc(50% - 1rem);
  max-width: calc(50% - 1rem);
  margin: .5rem;
  border:solid 1px #ddd;
}

.ads{position: relative;}
.ads .el-icon-close{position: absolute;right: 10px;top: 10px;background-color: rgba(255, 255, 255, .75);width: 20px;height: 20px;border-radius: 20px;line-height: 20px;text-align: center;color: #666;cursor: pointer;z-index: 10;}
.ads.ads-side{position: fixed;top: 50%;left: 5px;z-index: 2001;transform: translateY(-60%);}
.ads.ads-side-right{position: fixed;top: 50%;right: 5px;z-index: 2001;transform: translateY(-60%);}
.ads.home-img{margin-left: -.5rem;margin-right: -.5rem;}
.ads.home-img div[class*=col-]{padding-right: .5rem;padding-left: .5rem;padding-bottom: .5rem;}
.ads.home-img div a{border-radius: 12px;overflow: hidden;}
.ads.home-img div[class*=col-] img{width: 100%;height: 60px;}
.ads-icon{position: relative;display: block;}
.ads-icon:after{content: "广告";position: absolute;right: 0;bottom: 0;background-color: #000000;opacity:.15;color: #FFFFFF;font-size: .6rem;border-top-left-radius: 10px;padding:0 2px 0 6px;}
.header .ads img{max-width:300px;max-height: 100px;}
.ads a{display: block;overflow: hidden;}
.ads a img{width: 100%;}

@media (max-width: 1200px){
    .ads.ads-side,.ads.ads-side-right{display: none; }
}

.el-form-item__content .el-link::after{display: none;}
.login-win .mask{position: fixed;left: 0;right: 0;top: 0;bottom: 0;z-index: 2000;background-color: rgba(0,0,0,.45);}
.login-win .login-body{position: fixed;left: 0;right: 0;top: 20%;bottom: 0;z-index: 2001;}

.text-bold-500{font-weight: 500 !important;}
.left-menu .el-link{position: relative;}
.left-menu .el-link.el-link--primary:before{content:" ";position: absolute;width: 2px;left:0;top: .5rem;bottom: .5rem;background-color: #048CFC;}
.hover-show-block .show-block{width: 100px;height:30px;}
.hover-show-block .show-block div{display: none;}
.hover-show-block:hover .show-block div{display: block;}
.bg-F5F6FB{background-color: #F5F6FB;}
.bg-F4F4F4{background-color: #F4F4F4 !important;}
.bg-F5F6F7{background-color: #F5F6F7 !important;}
.bg-FFF0E5{background-color: #FFF0E5 !important;}
.bg-D0D0D0{background-color: #D0D0D0;}
.bg-424456{background-color: #424456;}
.bg-444C5F{background-color: #444C5F;}
.bg-1E54E5{background-color: rgba(30, 84, 229, .15) !important;}
.bg-D8B077-01{background-color: rgba(216,176,119,0.1);}
.bg-0-gray-0{background-image: linear-gradient(transparent, #EEEEEE,transparent);}
.bg-fcf4ec{background-color: #fcf4ec;}
.bg-bc946c{background-color: #bc946c;}
.el-table__column-filter-trigger{line-height: 1 !important;}
.el-pagination a{display: block;color: #606266;}
.el-pagination .btn-next,.el-pagination .btn-prev, .el-pagination span:not([class*=suffix]){
    display: inline-block;
    font-size: 13px;
    min-width: 35.5px;
    height: 28px;
    line-height: 28px;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    align-items: flex-start;
}
.el-pagination a i.el-icon{line-height: inherit;}
.search-item{position: relative;}
.search-item .el-icon-caret-top{display: none;}
.search-item .el-icon-caret-bottom{display: inline-block;}
.search-item .search-item-content{display: none;position: absolute;white-space: nowrap;}

.search-item:hover .el-icon-caret-top{display: inline-block;}
.search-item:hover .el-icon-caret-bottom{display: none;}
.search-item:hover .search-item-content{display: block;top: 100%;left: 0;z-index: 99;}

.search-item-body{position: absolute;top: 95%;left: 0;right: 0;z-index: 99;}
.other-login-icon{height: 24px;}

.vip-list{}
.vip-list .vip-item{position: relative;}
.vip-list .vip-item .discount{position: absolute;background-color: #dee2e6;padding: 2.3px 15.1px;border-bottom-right-radius: 12px;border-top-left-radius: 12px;font-size: 13px;font-weight: 500;top:-12px;left: -2px;}
.vip-list .vip-item:hover{border-color: #D8B077 !important;}
.vip-list .vip-item:hover .discount{background-color: #D8B077;color: #FFFFFF;}
.vip-list .vip-item.is_sell_out:hover .discount{background-color: #dee2e6;color: #212529;}
.vip-list .vip-item.is_sell_out{border-color: #dee2e6 !important;}
.vip-list .vip-item .vip-btn{background: linear-gradient(90deg, #FF8A58 0%, #FF3804 100%);}
.vip-list .vip-item .vip-btn:hover{background: linear-gradient(270deg, #FF8A58 0%, #FF3804 100%);}
.vip-list .vip-item.is_sell_out .vip-btn{border-color: #dee2e6 !important;background-color: #dee2e6 !important;color: #212529 !important;}
.vip-list .vip-item .vip-rule-list{}
.vip-list .vip-item .vip-rule-item{padding: 17px 20px 0;color: #4E5268;}

.buy-win{position: fixed;left: 0;top:0;bottom: 0;right: 0;z-index: 1000;}
.buy-win .buy-mask{background-color: rgba(0,0,0,.75);position: fixed;left: 0;right: 0;top: 0;bottom: 0;z-index: 1000;}
.buy-win .buy-body{position: fixed;left: 0;right: 0;top: 0;bottom:0;z-index: 1001;overflow-y: scroll;padding: 4% 0;}
.buy-win .buy-body .buy-content{width:800px;margin:0 auto;background-color: #FFFFFF;}
.buy-win .buy-body .buy-title{border-top:solid 4px #048CFC;font-weight: bold;font-family: BoldFont !important;}
.buy-win .buy-body .buy-title i{font-size: 1.4rem;}
.buy-win .buy-body .is_selected,
.buy-win-pro .is_selected{overflow: hidden;}
.buy-win .buy-body .coupon-icon-check,
.buy-win-pro .coupon-icon-check{
    position: absolute;
    bottom: -8px;
    right: -22px;
    z-index: 10;
    display: none;
    width: 50px;
    height: 25px;
    transform: rotate(-45deg);
    text-align: center;
    line-height: 10px;
}
.buy-win .buy-body .coupon-icon-check i,
.buy-win-pro .coupon-icon-check i{transform: rotate(35deg);}
.buy-win .buy-body .is_selected .coupon-icon-check,
.buy-win-pro .is_selected .coupon-icon-check{display: block;}

.buy-win .currency-list{display: grid;gap: 14px;grid-template-columns: repeat(3,1fr);}
.buy-win .currency-item{
    height: 40px;
    background: #F0F2F5;
    border-radius: 4px;
    font-size: 16px;
    color: #3B3C3E;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.buy-win .currency-item-active{background-color: #048CFC !important;color: #fff !important;}
.buy-win .buy-body .buy-content-currency{width:480px;margin:0 auto;background: linear-gradient(180deg, #CCE1FF 0%, #FFFFFF 15%);border-radius: 10px;}
.buy-title-currency div:first-child{font-size: 20px;color: #111734;font-weight: bold;font-family: BoldFont !important;}
.buy-win .currency-num .el-input-group__append{background-color: transparent !important;font-size: 15px;color: #3B3C3E;}
.buy-win .currency-num .el-input__inner{border-right: 0;}
.buy-win .currency-num .el-input__inner:hover{border-color: #dcdfe6;}
.buy-win .currency-num .el-input__inner:focus{border-color: #dcdfe6 !important;}
.buy-win .buy-body .title-text{font-size: 15px;color: #3B3C3E;width: 80px !important;}
.buy-win .buy-body .coupon-currency .el-input__inner{color: #FA7C19 !important;font-size: 12px;width: 351.5px;}
.coupon-currency .el-select-dropdown__item.selected{color: #FA7C19 !important;font-size: 12px;}
.coupon-currency .el-select-dropdown__item{font-size: 12px;}
.bg-F7FCFF{background-color: #F7FCFF;}
.buy-win .buy-body .currency-pay-btn{display: flex;justify-content: center;align-items: center;flex-direction: column;padding: 20px 0 15px;}
.buy-win .buy-body .currency-pay-btn .el-button{
    width: 240px;
    height: 44px;
    background: linear-gradient(90deg, #6CC3FC 0%, #048CFC 100%);
    box-shadow: 2px 3px 16px 0px rgba(0,142,242,0.26);
    border-radius: 6px !important;
    border: 0 !important;
    margin-bottom: 24px;
}
.buy-win .buy-body .currency-pay-btn p{color: #7D8592;font-size: 14px;}
.buy-win .buy-body .currency-xxx-pay{
    text-align: center;
    line-height: 40px;
    height: 40px;
    background: #E0EBFF;
    border-radius: 0px 0px 10px 10px;
    overflow: hidden;

    /* display: flex;
    justify-content: center;
    align-items: center; */
}
@keyframes move {
    0% {
      transform: translate(0, 0);
    }
    100% {
      transform: translate(0, calc(6 * 40 * -1px));
    }
  }
@keyframes liMove {
    0% {
      transform: translate(0, 0);
    }
    80%,
    100%  {
      transform: translate(0, calc(40 * -1px));
    }
  }
.buy-win .buy-body .currency-xxx-pay .hidden-box{
  animation: move calc(2s * 6) steps(6) infinite;
}
.buy-win .buy-body .currency-xxx-pay .hidden-box div{
    animation: liMove calc(2s) infinite;
}
.buy-win .buy-body .currency-xxx-pay p{
    font-size: 13px;
    color: #0C264D;
}
.currency-num input::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
   
}
 
.currency-num input::-webkit-outer-spin-button{
  -webkit-appearance: none !important;
 
}
 
.currency-num input[type="number"]{
  -moz-appearance: textfield;
 
}


@media print {
  #think_page_trace_open,#think_page_trace{display: none!important}
}
.feedback-win{position: fixed;top:20%;left:60%;right: 0;bottom: 0;z-index: 9999;background-color: #ffffff;box-shadow: #8e8e8e 0 0 5px 0px;}
.feedback-win:hover{box-shadow: #8e8e8e 0 0 10px 0px;}
.feedback-win .flex1{overflow-y: auto;}
/*
*   屏幕宽度小于576px生效
*   用于手机端
*/
@media (max-width: 576px){
    .el-message{
        min-width: 90%;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
    }
    .el-message-box{max-width:90%;}
}
.login-tabs .item-action{
    font-weight: bold;
    font-family: BoldFont !important;
    position: relative;
}
.login-tabs .item-action:after{
    position: absolute;
    content: " ";
    left: 35%;
    background-color: #048CFC;
    width: 30.3px;
    height: 2.3px;
    bottom: 10px;
}
.login-tabs .rounded-0.el-input.el-input-group--append .el-input__inner{
    border-right: 0px;
    border-left: 0px;
}
.login-tabs .input-item{
    display: flex;
    align-items: center;
}
.login-tabs .input-item .el-form-item__content{
    flex: 1;
}
.login-qrlogin-icon .qrlogin{
    width: 32px;
    height: 32px;
    background: url('/static/default1/index/icon/icon-login-qrcode2.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.login-qrlogin-icon .qrlogin:hover{
    background: url('/static/default1/index/icon/icon-login-qrcode2-active.png');
}

.login-qrlogin-icon .vcode-login{
    width: 32px;
    height: 32px;
    background: url('/static/default1/index/icon/icon-login2.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.login-qrlogin-icon .vcode-login:hover{
    background: url('/static/default1/index/icon/icon-login2-active.png');
}

.font-weight-600{
    font-weight: 600;
    font-family: BoldFont !important;
}

.active-item{position: relative;}
.active-item.active{font-weight: bold;font-family: BoldFont !important;}
.active-item.active:after{position: absolute;content: " ";bottom:0;left: 40%;right: 40%;height: 4px;background-color: #048CFC;border-radius: 2px;}
.el-button--success1,
.el-button--success1:hover{
    color: #fff;
    background-color: #00B389;
    border-color: #00B389;
}
.im-contacts-list::-webkit-scrollbar{
    width: 3px;   
}

.z-index-pop{
    z-index: 999999;
}

.common-pop{
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0,0,0, 0.6);
    /* z-index: 999999; */
}
.common-pop-box{
    width: 800px;
    margin: auto;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.common-pop img{
    width: 800px;
    height:500px;
    cursor: pointer;
}
.common-circle-close{
    text-align: right;
    font-size: 40px;
    color: #fff;
    cursor: pointer;
}

.switching_enterprises_dialog .el-icon-question{
    color: #b8bbcc;
}
.switching_enterprises_dialog .el-dialog__header{
    height: 50px;
    background-color: #f5f5f5;
    padding: 15px 0 15px 30px;
    color: #333333;
    font-weight: 600;
    margin: 0;
    box-shadow: 0 1px 0 0 #e9e9f0;
    border-radius: 4px 4px 0 0;
}
.switching_enterprises_dialog .el-dialog__header .el-dialog__headerbtn{
    top: 16px;
}
.switching_enterprises_dialog .all-company-item--acitve{
    background: rgba(233,239,251,.5);
}
.switching_enterprises_dialog .all-company-item{
    border-bottom: 1px solid #e8ebf3;
    cursor: pointer;
    padding: 22px;
    display: flex;
    align-items: center;
}
.switching_enterprises_dialog .all-company-item:hover{
    background: rgba(233,239,251,.5);
}
.switching_enterprises_dialog .all-company-item:hover .company-name{
    color: #587cf7;
}
.switching_enterprises_dialog .all-company-item img{
    width: 46px;
    height: 46px;
    margin-right: 24px;
    border: 1px solid #e8ebf3;
    border-radius: 6px;
}
.switching_enterprises_dialog .company-item-info{
    display: flex;
    flex-direction: column;
    flex: 1;
}
.switching_enterprises_dialog .all-company-item .company-item-login-btn{
    display: none;
    width: 90px;
}
.switching_enterprises_dialog .all-company-item:hover .company-item-login-btn{
    display: block;
}
.switching_enterprises_dialog .no-data-box{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0 70px;
}

.air-view{
    position: absolute;
    width: 250px;
    height: 250px;
    background-color: #eee;
    z-index: 1000;
}
.air-view img{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
}
.air-view div{
    position: relative;
    top: 0px;
    height: 40px;
    padding: 0 15px 0 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
    font-size: 18px;
    z-index: 1;
    background: linear-gradient(to bottom,rgba(0,0,0,.4),rgba(0,0,0,0));
}
.air-view div i{
    cursor: pointer;
    font-size: 22px;
}

.buy-win-pro{
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
    background-color: rgba(0,0,0, 0.6);
    display: flex;
    justify-content: center;
    align-items: center;
}
.buy-win-box{
    width: 850px;
    height: 640px;
    background-color: #fff;
    display: flex;
    border-radius: 10px;
    overflow: hidden;
}
.buy-win-box-left{
    width:500px;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}
.buy-win-box-right{
    flex:1;
    height: 100%;
    background-color: #f5f6fa;
    padding: 10px 25px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.purchased-info{
    padding: 0 15px;
    display: flex;
    width: 100%;
    height: 33px;
    background: #f5f6fa;
    opacity: 0.6;
    border-radius: 17px;
    color: #999;
    line-height: 33px;
    overflow: hidden;
}
@keyframes move {
    0% {
      transform: translate(0, 0);
    }
    100% {
      transform: translate(0, calc(4 * 33 * -1px));
    }
  }
@keyframes liMove {
    0% {
      transform: translate(0, 0);
    }
    80%,
    100%  {
      transform: translate(0, calc(33 * -1px));
    }
  }
.hidden-box{
  animation: move calc(2s * 4) steps(4) infinite;
}
.hidden-box div{
    animation: liMove calc(2s) infinite;
}
.grid-vip-box{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 15px;
}
.grid-vip-item{
    position: relative;
    border-radius: 8px;
    cursor: pointer;
    height: 70px;
    border: 1px solid #e9ebee;
    font-size: 16px;
}
.grid-vip-item .discount{
    position: absolute;
    top: -9px;
    left: 0;
    height: 18px;
    line-height: 18px;
    padding: 0 5px;
    background:linear-gradient(90deg,#f04150 0%,#ff8154 100%);
    border-radius: 10px 10px 10px 0;
    font-size: 12px;
    color: #fff;
}
.grid-vip-box .active-vip{
    background-color: #feecdc !important;
    color: #7f552f !important;
}
.grid-vip-item .check{
    position: absolute;
    top: -20px;
    right: -20px;
    width: 40px;
    height: 40px;
    background-color: #7f552f;
    transform: rotate(45deg);
}
.grid-vip-item2{
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
}
.check .el-icon-check{
    position: absolute;
    left: 13px;
    bottom: 0px;
    color: #fff;
    font-size: 12px;
    transform: rotate(-45deg);
}
.buy-win-box-right .close{
    display: flex;
    justify-content: flex-end;
}
.buy-win-box-right .close .el-icon-close{
    font-size: 24px;
    color: #666;
    cursor: pointer;
}
.pro-vip .rights{
    margin-top: 20px;
    box-shadow: 0 0 10px 3px rgba(0,0,0,.09);
    border-radius: 8px;
    overflow: hidden;
}
.pro-vip .rights-bg{
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 13px;
    background: url('/static/default1/index/img/pc_vip_bg.png');
	background-size: auto 100%;
    background-position: 90%;
	background-repeat: no-repeat;
    background-color: #faf5f1;
    border-bottom: 1px solid #e9ebee;
}
.pro-vip .rights-list{
    height: 120px;
    overflow-y: auto;
}
.pro-vip .rights-item{
    height: 40px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #e9ebee;
}
.pro-vip .rights-item:nth-child(odd){
    background-color:#f5f6fa ;
}
.pro-vip .rights-item span{
    flex: 1;
    text-align: center;
}
.rights-icon-title{
    padding: 10px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.rights-icon-left{
    height: 1px;
    width: 160px;
    background:linear-gradient(90deg,rgba(255,255,255,0) 0%,#e6b68c 100%);

}
.rights-icon-right{
    height: 1px;
    width: 160px;
    background:linear-gradient(90deg,#e6b68c 0%,rgba(255,255,255,0) 100%);

}

.rights-icon-content{
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 0 0 20px;
}

.rights-icon-item{
    display: flex;
    align-items: center;
}
.rights-icon-item div{
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background:#c78c66 ;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 5px;
    background: linear-gradient(to top,#c48963 0%,#ebbc92 100%);
}

.rights-icon-item div img{
    width: 15px;
    height: 12px;
}
.win-right-box{
    background-color: #fff;
    border-radius: 8px;
    padding: 20px;
}
.win-right-box-top{
    padding-bottom: 20px;
    border-bottom: 1px dashed #ecf0f5;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.win-right-box-top .price{
    color: #ff895d;
}
.mt-40{
    margin-top: 40px;
}
.buy-win-pro-btn{
    width: 100%;
    height: 50px;
    margin-bottom: 20px;
}
.buy-win-pro-btn button{
    width: 100%;
    height: 100%;
    border-radius: 8px;
    background: linear-gradient(to right,#f04250,#fe7f53);
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 16px;
    border: 0;
}