html,body{font-family: Microsoft YaHei;font-weight: 400;font-size: 16px;padding: 0;margin: 0;}
a{text-decoration: none;}
a:hover{text-decoration: none;}
.pointer{cursor: pointer;}
*, ::after, ::before {
    box-sizing: border-box;
}
img {
    vertical-align: middle;
    border-style: none;
}
input::-webkit-input-placeholder { color: #BFBFBF; }
input::-moz-placeholder { color: #BFBFBF; }
input:-moz-placeholder { color: #BFBFBF; }
input:-ms-input-placeholder { color: #BFBFBF; }
.container-xl {
    position: relative;
    max-width: 1200px;
    min-width: 1140px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.p-0 {padding: 0px !important;}
.pt-0, .py-0 {padding-top: 0px !important; }
.pb-0, .py-0 {padding-bottom: 0px !important; }
.pl-0, .px-0 {padding-left: 0px !important; }
.pr-0, .px-0 {padding-right: 0px !important; }
.p-1 {padding: 6px;}
.pt-1, .py-1 {padding-top: 6px; }
.pb-1, .py-1 {padding-bottom: 6px; }
.pl-1, .px-1 {padding-left: 6px; }
.pr-1, .px-1 {padding-right: 6px; }
.p-2 {padding: 10px;}
.pt-2, .py-2 {padding-top: 10px; }
.pb-2, .py-2 {padding-bottom: 10px; }
.pl-2, .px-2 {padding-left: 10px; }
.pr-2, .px-2 {padding-right: 10px; }
.p-3 {padding: 20px;}
.pt-3, .py-3 {padding-top: 20px; }
.pb-3, .py-3 {padding-bottom: 20px; }
.pl-3, .px-3 {padding-left: 20px; }
.pr-3, .px-3 {padding-right: 20px; }
.p-4 {padding: 30px;}
.pt-4, .py-4 {padding-top: 30px; }
.pb-4, .py-4 {padding-bottom: 30px; }
.pl-4, .px-4 {padding-left: 30px; }
.pr-4, .px-4 {padding-right: 30px; }
.p-5 {padding: 40px;}
.pt-5, .py-5 {padding-top: 40px;}
.pb-5, .py-5 {padding-bottom: 40px; }
.pl-5, .px-5 {padding-left: 40px; }
.pr-5, .px-5 {padding-right: 40px; }
.m-0 {margin: 0 !important;}
.mt-0, .my-0 {margin-top: 0px !important; }
.mb-0, .my-0 {margin-bottom: 0px !important; }
.ml-0, .mx-0 {margin-left: 0px !important; }
.mr-0, .mx-0 {margin-right: 0px !important; }
.m-1 {
margin-top: 6px;
margin-bottom: 6px;
margin-left: 6px;
margin-right: 6px;
}
.p-item{
    padding: 25px 30px 14px;
}
.p-other{
    padding: 27px 20px 23px;
}
.mt-1, .my-1 {margin-top: 6px; }
.mb-1, .my-1 {margin-bottom: 6px; }
.ml-1, .mx-1 {margin-left: 6px; }
.mr-1, .mx-1 {margin-right: 6px; }
.m-2 {
margin-top: 10px;
margin-bottom: 10px;
margin-left: 10px;
margin-right: 10px;
}
.mt-2, .my-2 {margin-top: 10px; }
.mb-2, .my-2 {margin-bottom: 10px; }
.ml-2, .mx-2 {margin-left: 10px; }
.mr-2, .mx-2 {margin-right: 10px; }
.m-3 {
margin-top: 20px;
margin-bottom: 20px;
margin-left: 20px;
margin-right: 20px;
}
.mt-3, .my-3 {margin-top: 20px; }
.mb-3, .my-3 {margin-bottom: 20px; }
.ml-3, .mx-3 {margin-left: 20px; }
.mr-3, .mx-3 {margin-right: 20px; }
.m-4 {
margin-top: 30px;
margin-bottom: 30px;
margin-left: 30px;
margin-right: 30px;
}
.mt-4, .my-4 {margin-top: 30px; }
.mb-4, .my-4 {margin-bottom: 30px; }
.ml-4, .mx-4 {margin-left: 30px; }
.mr-4, .mx-4 {margin-right: 30px; }
.m-5 {
margin-top: 40px;
margin-bottom: 40px;
margin-left: 40px;
margin-right: 40px;
}
.mt-5, .my-5 {margin-top: 40px; }
.mb-5, .my-5 {margin-bottom: 40px; }
.ml-5, .mx-5 {margin-left: 40px; }
.mr-5, .mx-5 {margin-right: 40px; }

.border-0{border:0;}
.border{border-width: 1px !important;border-style: solid !important;border-color: #DDDDDD !important;}
.border-E4E7ED{border-width: 1px !important;border-style: solid !important;border-color: #E4E7ED !important;}
.border-top{border-top-width: 1px !important;border-top-style: solid !important;border-color: #DDDDDD !important;}
.border-left{border-left-width: 1px !important;border-left-style: solid !important;border-color: #DDDDDD !important;}
.border-bottom{border-bottom-width: 1px !important;border-bottom-style: solid !important;border-color: #DDDDDD !important;}
.border-right{border-right-width: 1px !important;border-right-style: solid !important;border-color: #DDDDDD !important;}
.border-lg{border-width: 2px !important;}
.border-top-lg{border-top-width: 2px !important;}
.border-left-lg{border-left-width: 2px !important;}
.border-right-lg{border-right-width: 2px !important;}
.border-bottom-lg{border-bottom-width: 2px !important;}
.border-primary{border-color: #3E9DFF !important;}
.border-success{border-color: #1E77FF !important;}
.border-warning{border-color: #1E77FF !important;}
.border-error{border-color: #1E77FF !important;}
.border-dark{border-color: #1E77FF !important;}
.border-info{border-color: #1E77FF !important;}
.border-grey{border-color: #F8F8F8 !important;}
.border-F0F3F7{border-color: #F0F3F7 !important;}
.border-white{border-color: #FFFFFF !important;}
.border-dashed{border-style: dashed !important;}
.border-top-dashed{border-top-style: dashed !important;}
.border-left-dashed{border-left-style: dashed !important;}
.border-right-dashed{border-right-style: dashed !important;}
.border-bottom-dashed{border-bottom-style: dashed !important;}
.border-dotted{border-style: dotted !important;}
.border-top-dotted{border-top-style: dotted !important;}
.border-left-dotted{border-left-style: dotted !important;}
.border-right-dotted{border-right-style: dotted !important;}
.border-bottom-dotted{border-bottom-style: dotted !important;}
.border-top-F0F3F7{border-top: 1px solid #F0F3F7 !important;}
.border-bottom-F0F3F7{border-bottom: 1px solid #F0F3F7 !important;}
.rounded-sm{border-radius: 4px;}
.rounded{border-radius: 6px;}
.rounded-lg{border-radius: 10px;}
.rounded-0,.rounded-0:after{border-radius: 0!important;}
.rounded-circle{border-radius: 100px;}
.rounded-top-left{border-top-left-radius:6px;}
.rounded-top-right{border-top-right-radius:6px;}
.rounded-bottom-left{border-bottom-left-radius:6px;}
.rounded-bottom-right{border-bottom-right-radius:6px;}
.rounded-top-left-lg{border-top-left-radius:10px;}
.rounded-top-right-lg{border-top-right-radius:10px;}
.rounded-bottom-left-lg{border-bottom-left-radius:10px;}
.rounded-bottom-right-lg{border-bottom-right-radius:10px;}
.radius-50{border-radius: 50%;}
.ml-20{margin-left: 20px;}
.small{font-size: 12px;}
.text-grey{color: #666;}
.shadow{
    box-shadow: 0px 3px 7px 0px rgba(0,0,0,0.01);
}
.bg{
    width: 100%;
    height: 800px;
    background-image: url(__TEMPLATE_STATIC__/img/index-bg.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
}
.text-ellipsis{
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.wrap{ 
	display: flex;
	flex-direction: column;
	height: 100%;
}
.row{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin-left: -6px;
	margin-right: -6px;
	box-sizing: border-box;
}
.row [class*="col-"]{
    width: 100%;
    padding-left: 6px;
    padding-right: 6px;
    box-sizing: border-box;
}
.row-2{
    margin-left: -10px;
    margin-right: -10px;
}
.row-2 [class*="col-"]{
    padding-left: 10px;
    padding-right: 10px;
}
.row-3{
    margin-left: -20px;
    margin-right: -20px;
}
.row-3 [class*="col-"]{
    padding-left: 20px;
    padding-right: 20px;
}
.col-1{
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
}
.col-2{
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
}
.col-3{
    flex: 0 0 25%;
    max-width: 25%;
}
.col-4{
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}
.col-5{
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
}
.col-6{
    flex: 0 0 50%;
    max-width: 50%;
}
.col-7{
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
}
.col-8{
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
}
.col-9{
    flex: 0 0 75%;
    max-width: 75%;
}
.col-10{
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
}
.col-11{
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
}
.col-12{
    flex: 0 0 100%;
    max-width: 100%;
}
.col-auto{
    flex: 0 0 auto;
    width: auto !important;
    max-width: 100%;
}
.flex-center{justify-content: center !important;align-items: center !important;}
.flex-y-center{align-items: center !important;}
.flex-y-end{align-items: flex-end !important;}
.flex-x-center{justify-content: center !important;}
.flex-x-between{justify-content: space-between !important;}
.flex-start{align-items: flex-start !important;}
.flex-self-end{align-self: flex-end !important;}
.flex-y-baseline{align-items: baseline;}
.flex-x-end{justify-content: flex-end !important;}
.flex-wrap{flex-wrap: wrap !important;}
.flex-row{flex-direction: row !important;}
.flex-column{flex-direction: column !important;}
.flex-nowrap {flex-wrap: nowrap !important;}
.flex{
	display: flex;
}
.flex-1{
	flex: 1 !important;
	max-width: 100%;
	/* overflow: hidden; */
}
.flex-1-nvue{
	flex: 1 !important;
}
.position-relative{position: relative;}
.position-absolute{position: absolute;}
.position-sticky-top{
	position: -webkit-sticky;
	top: 0;
	position: sticky;
	z-index: 99;
	background-color: #FFFFFF;
}
.position{
	position: fixed;
	top:0;
	left: 0;
	right: 0;
	bottom:0;
	z-index: 100;
}
.position-top{
	position: fixed;
	top:0;
	left: 0;
	right: 0;
	z-index: 100;
	background-color: #FFFFFF;
}
.position-bottom{
	position: fixed;
	bottom:0;
	left: 0;
	right: 0;
	z-index: 100;
	background-color: #FFFFFF;
}
.transition{
	transition-property: all;
	transition-duration: .3s;
}
.overflow-y{overflow-y: auto;overflow-x: hidden;}
.overflow-x{overflow-x: auto;overflow-y: hidden;}
.overflow{overflow: auto;}
.overflow-hidden{overflow: hidden;}

.text-12{font-size: 12px !important;}
.text-13{font-size: 13px;}
.text-14{font-size: 14px;}
.text-15{font-size: 15px;}
.text-16{font-size: 16px;}
.text-17{font-size: 17px;}
.text-18{font-size: 18px;}
.text-19{font-size: 19px;}
.text-20{font-size: 20px;}
.text-32{font-size: 32px;}

.text-white{color: #FFFFFF;}
.text-4F4F4F{color:#4F4F4F !important;}
.text-418CFF{color:#418CFF !important;}
.text-333333{color: #333333;}
.text-303135{color: #303135;}
.text-FF586C{color: #FF586C;}
.text-999999{color: #999999;}
.text-666666{color: #666666;}
.text-D7D7D7{color: #D7D7D7;}
.text-4E5470{color: #4E5470;}
.text-61667C{color: #61667C;}
.text-8D5B24{color: #8D5B24;}
.text-664630{color: #664630;}
.text-57340F{color: #57340F;}
.text-67483E{color: #67483E;}
.text-primary{color: #3E9DFF;}
.text-danger{color: #F74742;}
.text-success{color: #16C262;}

.font-weight-400{font-weight: 400;}
.font-weight-bold{font-weight: bold;}

.bg-white{background-color: #FFFFFF;}
.bg-primary{background-color: #3E9DFF;}
.bg-1E77FF{background-color: #1E77FF;}
.bg-418CFF{background-color: #418CFF;}
.bg-333333{background-color: #333333;}
.bg-999999{background-color: #999999;}
.bg-F7F8FA{background-color: #F7F8FA;}
.bg-danger{background-color: #F74742;}
.bg-FCE6BF{background-color: #FCE6BF;}
.bg-F4F8FE{background-color: #F4F8FE;}
.s{text-decoration: line-through;}
.text-center{text-align: center;}
.text-right{text-align: right;}
.top-nav{
    position: sticky;
    top: 0;
    left: 0;
    right: 0;
    background-color: #FFFFFF;
    z-index: 1000;
}
.nav-item{position: relative;color: #4F4F4F;}
.nav-item.active::after{content:" ";position: absolute;left: 50%;transform: translate(-50%);bottom: 0px;width: 30px; height: 4px; background: #418CFF; border-radius: 2px;}
.nav-item.active--1::after{content:" ";position: absolute;left: 0;bottom: -1px;right:0px; height: 4px; background: #418CFF; border-radius: 2px;}
.logo{}
.logo img{
    width: auto;
    height: 30px;
}

.user-left-nav .userinfo{
    background-image: url(./img/user-bg.png);
    background-position: top center;
    background-size: 100% 96px;
    background-repeat: no-repeat;
}
.user-nav-item-active{
    background-color: #F7FCFF;
}
.user-nav-item-active .text-303135{
    color: #418CFF;
}
.user-nav-item-active::after{content:" ";position: absolute;left: 0;top:0px;bottom: 0px;width: 4px; background: #418CFF; border-radius: 2px;}

.d-block{display: block !important;}
.d-none{display: none !important;}

.input{
    outline: none;
}

.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[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; }
}

.x-tag{
    background: #EAF2FF;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 400;
    color: #418CFF;
    padding:5px 7px;
}
.impowerBox .title{color: #333333;font-size: 20px;}
.impowerBox .qrcode{width: 200px;border:0;}

#wechatQrcodeEl iframe{width: 100%;height: 320px !important;}

.login-win-mask{
    z-index:1001;
    background-color: rgba(0,0,0,0.2);
    transition: all .35s;
    left: 100%;
    right: 100%;
    top: 100%;
    bottom: 100%;
    overflow: hidden;
}
.show-login-win{
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}.geetest_holder.geetest_wind .geetest_radar_btn {
    border: 1px solid #DDDDDD !important;
    background-image: none !important;
}

.tencent-captcha {
    color: #6c757d;
}

.tencent-captcha-success {
    color: #409118;
    background-color: #d8fbc6;
    border: solid 1px #409118;
}

.tencent-captcha-success .text-1E77FF {
    color: #409118;
}
.el-input__inner{border:solid 1px #E8E8E9;}
.el-drawer__wrapper{position: fixed;left: 0;right: 0;top: 0;bottom: 0;}
.infinite-list{padding-left: 0;list-style: none;margin: 0;}
.el-popconfirm__action{text-align: right;}
.scaleX{transform: scaleX(-1);}
.scaleY{transform: scaleY(-1);}
.rotate-90{transform: rotate(90deg);}
.rotate--90{transform: rotate(-90deg);}

.icon-down{background-image: url(./icon/icon-down.png);background-repeat: no-repeat;width: 12px;height: 6px;display: inline-block;}
.icon-search-white{background-image: url(./icon/icon-search-white.png);background-repeat: no-repeat;width: 20px;height: 20px;display: inline-block;}
.icon-wechat{background-image: url(./icon/icon-wechat.png);background-repeat: no-repeat;width: 16px;height: 14px;display: inline-block;}
.icon-share{background-image: url(./icon/icon-share.png);background-repeat: no-repeat;width: 16px;height: 16px;display: inline-block;}
.icon-red-dot{background-color: #F74742;width: 6px;height: 6px;border-radius: 6px;display: inline-block;}
.icon-score{background-image: url(./icon/icon-score.png);background-repeat: no-repeat;width: 20px;height:20px;display: inline-block;}
.icon-alipay{background-image: url(./icon/icon-alipay.png);background-repeat: no-repeat;width: 20px;height:20px;display: inline-block;}
.icon-wxpay{background-image: url(./icon/icon-wxpay.png);background-repeat: no-repeat;width: 20px;height:20px;display: inline-block;}
.icon-1{background-image: url(./icon/icon-1.png);background-repeat: no-repeat;width: 105px;height:11px;display: inline-block;}
.icon-2{background-image: url(./icon/icon-2.png);background-repeat: no-repeat;width: 16px;height:16px;display: inline-block;}
.icon-3{background-image: url(./icon/icon-3.png);background-repeat: no-repeat;width: 6px;height:12px;display: inline-block;}
.icon-4{background-image: url(./icon/icon-4.png);background-repeat: no-repeat;width: 12px;height:14px;display: inline-block;}
.icon-5{background-image: url(./icon/icon-5.png);background-repeat: no-repeat;width: 15px;height:16px;display: inline-block;}
.icon-10{background-image: url(./icon/icon-10.png);background-repeat: no-repeat;width: 60px;height:60px;display: inline-block;}
.icon-11{background-image: url(./icon/icon-11.png);background-repeat: no-repeat;width: 60px;height:60px;display: inline-block;}
.icon-13{background-image: url(./icon/icon-13.png);background-repeat: no-repeat;width: 13px;height:15px;display: inline-block;}
.icon-14{background-image: url(./icon/icon-14.png);background-repeat: no-repeat;width: 16px;height:16px;display: inline-block;}
.icon-15{background-image: url(./icon/icon-15.png);background-repeat: no-repeat;width: 18px;height:18px;display: inline-block;}
.icon-16{background-image: url(./icon/icon-16.png);background-repeat: no-repeat;width: 18px;height:18px;display: inline-block;}
.icon-17{background-image: url(./icon/icon-17.png);background-repeat: no-repeat;width: 18px;height:18px;display: inline-block;}
.icon-18{background-image: url(./icon/icon-18.png);background-repeat: no-repeat;width: 18px;height:18px;display: inline-block;}
.icon-19{background-image: url(./icon/icon-19.png);background-repeat: no-repeat;width: 18px;height:18px;display: inline-block;}
.icon-20{background-image: url(./icon/icon-20.png);background-repeat: no-repeat;width: 18px;height:18px;display: inline-block;}
.icon-21{background-image: url(./icon/icon-21.png);background-repeat: no-repeat;width: 18px;height:18px;display: inline-block;}
.icon-22{background-image: url(./icon/icon-22.png);background-repeat: no-repeat;width: 18px;height:18px;display: inline-block;}
.icon-23{background-image: url(./icon/icon-23.png);background-repeat: no-repeat;width: 18px;height:18px;display: inline-block;}
.icon-24{background-image: url(./icon/icon-24.png);background-repeat: no-repeat;width: 18px;height:18px;display: inline-block;}
.icon-25{background-image: url(./icon/icon-25.png);background-repeat: no-repeat;width: 16px;height:16px;display: inline-block;}
.icon-26{background-image: url(./icon/icon-26.png);background-repeat: no-repeat;width: 20px;height:20px;display: inline-block;}
.icon-31{background-image: url(./icon/icon-31.png);background-repeat: no-repeat;width: 14px;height:15px;display: inline-block;}
.icon-vip-1{background-image: url(./icon/icon-vip-1.png);background-repeat: no-repeat;width: 18px;height:15px;display: inline-block;}
.icon-vip-2{background-image: url(./icon/icon-vip-2.png);background-repeat: no-repeat;width: 16px;height:16px;display: inline-block;}
.icon-vip-3{background-image: url(./icon/icon-vip-3.png);background-repeat: no-repeat;width: 16px;height:16px;display: inline-block;}
.icon-vip-4{background-image: url(./icon/icon-vip-4.png);background-repeat: no-repeat;width: 16px;height:16px;display: inline-block;}
.icon-vip-5{background-image: url(./icon/icon-vip-5.png);background-repeat: no-repeat;width: 16px;height:16px;display: inline-block;}
.icon-vip-6{background-image: url(./icon/icon-vip-6.png);background-repeat: no-repeat;width: 16px;height:16px;display: inline-block;}
.icon-vip-7{background-image: url(./icon/icon-vip-7.png);background-repeat: no-repeat;width: 16px;height:16px;display: inline-block;}
.icon-vip-8{background-image: url(./icon/icon-vip-8.png);background-repeat: no-repeat;width: 16px;height:16px;display: inline-block;}
.icon-vip-9{background-image: url(./icon/icon-vip-9.png);background-repeat: no-repeat;width: 16px;height:16px;display: inline-block;}
.icon-vip-10{background-image: url(./icon/icon-vip-10.png);background-repeat: no-repeat;width: 16px;height:16px;display: inline-block;}
.icon-vip-11{background-image: url(./icon/icon-vip-11.png);background-repeat: no-repeat;width: 16px;height:16px;display: inline-block;}
.icon-vip-12{background-image: url(./icon/icon-vip-12.png);background-repeat: no-repeat;width: 16px;height:16px;display: inline-block;}
.icon-vip-13{background-image: url(./icon/icon-vip-13.png);background-repeat: no-repeat;width: 16px;height:16px;display: inline-block;}
.xycms-im .im-win .im-message-body .im-message-item.is_send .im-message-msg .im-message-msg-text{
    background-color: #449FFF !important;
}
/* 第三方UI */

.el-pagination.is-background .el-pager li:not(.disabled).active{
    background-color: #418CFF !important;
}
.el-button--primary.is-plain,.el-button--danger.is-plain{
    background-color: #fff;
}

.el-pagination.is-background .el-pager li{
    background-color: unset !important;
    border: 1px solid #E4E7ED;
    color: #C5C9D6;
    border-radius: 4px;
}
.el-pagination.is-background .btn-next, .el-pagination.is-background .btn-prev{
    background-color: unset !important;
    color: #E4E7ED;
}
.el-pagination.is-background .el-pager li:not(.disabled).active{
    border: 0;
}