body{
    font-family: PingFangSC, PingFangSC-Regular;
}
/*外部盒子*/
.outside-container{
    width: 100%;
    position: relative;
    /*overflow: hidden;*/
    /*overflow-x: hidden;*/
}
img{
    object-fit: cover;
}
/*版心,所有的内容放在这里面*/
.container{
    width: 1200px;
    margin: 0 auto;
    /*overflow: visible;*/
    overflow: hidden;
}
/*清楚浮动
	Name:			style_clearfix
	Example:		class="clearfix|cl"
	Explain:		clearfix（简写cl）避免因子元素浮动而导致的父元素高度缺失能问题
*/
.cl:after,.cl:before,.clearfix:after,.clearfix:before{content:"\20";display:block;height:0;clear:both;visibility:hidden}.cl,.clearfix{zoom:1}
.f-l{float: left;}
.f-r{float: right;}
.flex-jsac{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.fs-18{font-size: 18px;}
.fs-16{font-size: 16px;}
.fs-14{font-size: 14px;}
.fs-22{font-size: 22px;}
.fs-34{font-size: 34px;}
.fs-28{font-size: 28px;}
.h100p{height:100%}
.w100p{width:100%}
.pointer{cursor:pointer;}
.fw-400{font-weight: 400}
.fw-b{font-weight: bold}
.mt-5{margin-top: 5px}
.ml-5{margin-left: 5px;}
.ml-10{margin-left: 10px;}
.ml-20{margin-left: 20px;}
.ml-50{margin-left: 50px;}
.mt-12{margin-top: 12px;}
.mt-19{margin-top: 19px;}
.mt-21{margin-top: 21px;}
.ml-16{margin-left: 16px;}
.mt-48{margin-top: 48px;}
.mt-40{margin-top: 40px;}
.mt-14{margin-top: 14px;}
.mr-25{margin-right: 25px;}
.ml-30{margin-left: 30px;}
.ml-60{margin-left: 60px;}
.mr-100{margin-right: 100px !important;}
.pd-20{padding:20px;}
.text-l{text-align: left !important;}
.text-r{text-align: right}
.mt-10{margin-top: 10px;}
.fw-600{font-weight: 600}
.blue-btn{
    display: block;
    background: linear-gradient(270deg,#2ab0ff, #288dff);
    border-radius: 24px;
    color:#fff;
    transition: all linear 0.2s;
}

.blue-btn:hover{
    box-shadow: 0px 3px 12px 0 #288dff;
}
.blue-color{
    color:#288DFF;
}
.title-color{
    color:#202328;
}
.light-gray{
    color:#5C636D;
}
.darkgray{
    color:#5E6B7A;
}
.block{
    display: block;
}

.nav-box{
    height:60px;
    z-index: 101;
    position: fixed;
    top:0;
    left:0;
    background: rgba(255,255,255,0.8);

}
.red{
    color:red;
}
.will-box{
    height:60px;
}
.nav-logo{
    width: 127px;
    height: 42px;
    margin-top: 9px;
}
.nav-item-box{
    margin-left: 60px;
    height: 100%;
}
.nav-item{
    line-height: 60px;
    color:#2F353D;
    font-weight:400;
    margin-right: 40px;
    position: relative;
}
.nav-item:hover{
    color: #288DFF;
}
.nav-item:hover .nav-item-indicator{
    display: block;
}
.nav-item-indicator{
    position: absolute;
    left:0;
    bottom:0;
    width: 100%;
    height: 3px;
    background: #288dff;
    display: none;
    animation: headShake 1s linear;
}
.try-btn{
    width: 110px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    margin-top: 12px;
}
.login{
    line-height: 36px;
    margin-right: 12px;
    width: 88px;
    height: 36px;
    box-shadow: 0px 2px 6px 0px rgba(12, 41, 74, 0.1);
    border-radius: 18px;
    border: 1px solid rgba(161,173,193,0.4);
    box-sizing: border-box;
    text-align: center;
    margin-top: 12px;
    display: block;
    transition: all linear 0.2s;
}
.login:hover{
    box-shadow: 0px 3px 12px 0 rgb(161,173,193);
}

.base-shadow{
    box-shadow: 0px 0px 12px 0px rgba(12,53,94,0.11);
}
.relative{
    position: relative;
}
.inline-block{
    display: inline-block;
}
.block{
    display: block;
}
.flex-c{
    display: flex;
    justify-content: center;
    align-items: center;
}
.text-c{
    text-align: center;
}
.h100p{
    height: 100%;
}
.w100p{
    width:100%;
}
.hide{
    display: none;
}

.ls-2{
    letter-spacing: 2px;
}

.product-scheme-box{
    /*display: none;*/
    position: fixed;
    top:60px;
    left:0;
    height:0;
    overflow: hidden;
    /*height: 353px;*/
    background: #ffffff;
    /*border-top:1px solid #DEE0E3;*/
    box-shadow: 0px 2px 6px 0px rgba(12, 41, 74, 0.1);
}
.mr-300{
    margin-right: 300px;
}
.scheme-item{
    width: 150px;
}
.scheme-item-title{
    display: flex;
    align-items: center;
    height: 68px;
    border-bottom:1px solid #DEE0E3;
    margin-top: 20px;
    color: #646A73;
}
.scheme-item-box{
    display: flex;
}
.scheme-item-icon{
    width: 20px;
    height: 21px;
}
.scheme-item-link{
    box-sizing: border-box;
    padding-left: 5px;
    height: 40px;
    line-height: 40px;
    cursor: pointer;
    display: block;
    color: #2F353D;
}
.scheme-item-link:hover{
    background: #EFF4F9;
    border-radius: 2px;
    color: #288DFF;
}

/*3.4.6 表单验证*/
/*文本框的错误状态*/
.Validform_error,input.error,select.error, textarea.error{background-color:#fbe2e2; border-color:#c66161; color:#c00}
.Validform_wrong,.Validform_right,.Validform_warning{display:inline-block;height:20px;font-size:12px;vertical-align:middle; padding-left:25px}
label.error{ position: initial; right: 18px; top: 5px;color:#ef392b; font-size: 12px}

.bg-f5f{
    background: #F5FAFF !important;
}
.flex-ac{
    display: flex;
    align-items: center;
}
a {
    text-decoration: none;
}
/*正常的未被访问过的链接*/
a:link {
    text-decoration: none;
}
/*已经访问过的链接*/
a:visited {
    text-decoration: none;
}
/*鼠标划过(停留)的链接*/
a:hover {
    text-decoration: none;
}
/* 正在点击的链接*/
a:active {
    text-decoration: none;
}