img{
	width: 100%;
	height: auto;
}
.container-fluid .bg {
    width: 100%;
    height: auto;
}
.top-box{
	position: relative;
}
.top-box .container{
    position: absolute;
    top: 0;
    left:0;
    right: 0;
    height: 100%;
}
.top_content{    
    padding: 10px 0;
    box-sizing: border-box;
    z-index: 99;
    display: flex;
    justify-content: space-between;

}
.top_content .title{
    font-family: Roboto;
    font-weight: 700;
    font-size: 30px;
    color: #3e7dff;
    line-height: 56px;
}
.main_content .text_info {
    padding-top: 3rem;
    width: 50%;
}
.container .main_content {
    display: flex;
    justify-content: space-between;
}
.img_info{
	width: 45%;
}
.main_content .text_info .title{
    line-height: 60px;
    font-weight: 700;
    font-size: 48px;
    color: #1e266d;
}
.main_content .text_info .content {
    margin-top: 20px;
    color: rgba(30,38,109,.7);
    line-height: 24px;
}
.button{
    display: inline-block;
    color: #fff;
    background: #3e7dff;
    border-radius: 6px;
    margin-top: 15px;
    min-width: 140px;
    padding: 6px 12px;
    text-align: center;
}

.numbers_content .numbers .item{
    text-align: center;
}
.numbers_content .numbers .item img{
    width: 95px;
    height: 95px;
}
.container .numbers_content .numbers .item .sub_name{
    font-size: .24rem;
}
.container .numbers_content .content {
    position: relative;
    padding: 0 .5rem;
}
.container .numbers_content .content .citys {
    position: absolute;
    top: 0;
    left: .5rem;
    right: .5rem;
}

.nav-item{
	text-align: center;
}



.wrapper_container .container .title{
	font-weight: 700;
	font-size: 48px;
	text-align: center;
	color: #1e266d
}
.container .sub_title{
    text-align: center;
    padding: 0 15px;
    margin-top: 10px;
    font-size: 16px;
    color: rgba(30, 38, 109, .7);
}
.container .numbers_content{
position: relative;
    padding-top: 10rem;
    padding-bottom: 1rem;
    background: linear-gradient(180deg, #fff, #f3f7fe);
    border-radius: 1rem;
}
.container .numbers_content .numbers{
	position: absolute;
	top: 4rem;
	left: 0;
	right: 0;
	z-index: 3;
	display: flex;
	justify-content: space-between;
	padding: 0 10%
}
.container .numbers_content .numbers .item{
	text-align: center
}
.container .numbers_content .numbers .item img{
	width: 120px;
	height: 120px
}
.container .numbers_content .numbers .item .main_name{
	margin-top: 10px;
	font-weight: 700;
	font-size: 48px;
	color: #1e266d
}
.container .numbers_content .numbers .item .sub_name{
	font-size: 21px
}
.container .numbers_content .map_content{
	position: relative;
	padding: 0 .5rem
}
.container .numbers_content .map_content .map_img{
	width: 100%;
	height: auto
}
.container .numbers_content .map_content .citys .city_item{
	position: absolute;
	z-index: 10;
	display: inline-block;
	background-color: #fff;
	padding: 12px 16px;
	border-radius: .08rem;
	box-shadow: 0 8px 28px 0 rgba(0, 0, 0, .09)
}
.container .numbers_content .map_content .citys .city_item .item_content{
	position: relative;
	display: flex;
	justify-content: space-between;
	align-content: center;
	align-items: center
}
.container .numbers_content .map_content .citys .city_item .item_content .icon {
	margin-right: 6px;
    position: relative;
    background: #ff7e7e;
    border-radius: 5px;
    width: 36px;
    height: 38px;
    color: #fff;
}
.container .numbers_content .map_content .citys .city_item .item_content .icon .city_icon {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 24px;
    height: 24px;
}

.container .numbers_content .map_content .citys .city_item .item_content .info .city_name{
	color: rgba(30, 38, 109, .6);
	font-size: 14px
}
.container .numbers_content .map_content .citys .city_item .item_content .info .city_num{
	font-weight: 700;
	font-size: 18px;
	color: #1e266d
}
.container .numbers_content .map_content .citys .city_item.city1{
	left: 8%;
    top: 32%;
}
.container .numbers_content .map_content .citys .city_item.city1 .icon{
	background: #ff7e7e
}
.container .numbers_content .map_content .citys .city_item.city2{
	left: 19%;
    top: 21%;
}
.container .numbers_content .map_content .citys .city_item.city2 .icon{
	background: #7cdda3
}
.container .numbers_content .map_content .citys .city_item.city3{
	left: 44%;
	top: 23%
}
.container .numbers_content .map_content .citys .city_item.city3 .icon{
	background: #669aff
}
.container .numbers_content .map_content .citys .city_item.city4{
	left: 28%;
    bottom: 26%;
}
.container .numbers_content .map_content .citys .city_item.city4 .icon{
	background: #e7a6ff
}
.container .numbers_content .map_content .citys .city_item.city5{
	right: 8%;
    top: 28%;
}
.container .numbers_content .map_content .citys .city_item.city5 .icon{
	background: #f9a243
}
.container .numbers_content .map_content .citys .city_item.city6{
	right: 14%;
    bottom: 51%;
}
.container .numbers_content .map_content .citys .city_item.city6 .icon{
	background: #66c8ff
}
.container .numbers_content .map_content .citys .city_item.city7{
	right: 5%;
    bottom: 17%;
}
.container .numbers_content .map_content .citys .city_item.city7 .icon{
	background: #9069ff
}
.question_container{
	margin-top: 1.2rem
}
.partner_container{
	margin-top: .6rem;
	display: flex;
	justify-content: space-between
}
.partner_container .intro{
	margin-top: .8rem
}
.partner_container .intro .title{
	color: #1e266d;
	font-size: .48rem;
	font-weight: 700
}
.partner_container .intro .sub_title{
	margin-top: .08rem;
	font-size: .16rem;
	color: rgba(30, 38, 109, .6)
}
.partner_container .intro .partners{
	display: flex;
	flex-wrap: wrap
}
.partner_container .intro .partners img{
	margin-top: .34rem;
	margin-right: .56rem;
	height: .4rem;
	width: auto
}
.partner_container .image{
	width: 2.56rem
}
.partner_container .image img{
	width: 100%;
	height: auto
}
.map_content .citys .city_item .item_content:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -27px;
    margin: auto;
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 16px solid #fff;
}
.steps_content {
	position: relative;
	margin-top: 50px;

}
.steps_content .bg_cover {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    top: 36px;
    height: auto;
}
.steps_content .title {
	position: relative;
	font-weight: 700;
	font-size: 48px;
	text-align: center;
	color: #1e266d
}
.steps_content .sub_title {
	text-align: center;
    padding: 0 15px;
    margin-top: 10px;
    font-size: 16px;
    color: rgba(30, 38, 109, .7);
}
.steps_content .step_content {
	margin-top: 30px;
	position: relative;
	display: flex;
	justify-content: space-between;
	align-content: center;
	align-items: center;
	padding: 0 6%;
}
.steps_content .step_content .step_item {
	background: #fff;
	box-shadow: 0 8px 24px hsla(0, 0%, 60%, .2);
	border-radius: 5px;
	padding: 10px 20px 20px 20px;
	width: 28%;
}
.steps_content .step_content .step_item .step_no {
	color: #3e7dff;
	font-size: 48px;
	line-height: 60px;
	font-weight: 700
}
.steps_content .step_content .step_item .step_title {
	position: relative;
	color: #1e266d;
	font-size: 24px;
	font-weight: 700
}
.steps_content .step_content .step_item .step_title:after {
	content: "";
    position: absolute;
    left: 0;
    bottom: -6px;
    width: 15%;
    height: 1px;
    background: #3e7dff;
}
.steps_content .step_content .step_item .step_item_content {
	margin-top: 15px;
	color: rgba(30, 38, 109, .6);
	font-size:16px
}
.steps_content .step_content .arrow {
	width: 24px;
    height: 24px;
}
.steps_content .step_content .arrow img {
	width: 100%;
	height: 100%
}

.card-header .btn-link img{
	width: 24px;
	height: 24px;
	float: right;
}

.qa-btn{
	width: 100%;
    text-align: left;
    color: #3e7dff;
}
.qa-btn.collapsed{
	color: #333;
}
.qa-btn.collapsed:hover{
	color: #3e7dff;
}
.qa-btn.collapsed img{
-moz-transform:rotate(-180deg);
-webkit-transform:rotate(-180deg);
}
.bank-list{
	margin-top: 12px;
    display: flex;
    justify-content: space-between;
}
.container .intro .partners{
    display: flex;
    flex-wrap: wrap;
}
.container .intro {
    margin-top: 60px;
}
.container .intro .partners img{
    margin-top: 30px;
    margin-right: 3%;
    height: 36px;
    width: auto;
}
.container .intro .title,.sub_title{
	text-align: left;
}
.container .intro .sub_title{
	text-align: left;
}
.container .image {
    width: 14%;
}
.container .footer_content{
    border-bottom: 1px solid rgba(62,125,255,.2);
    padding-top: 30px;
    display: flex;
    justify-content: space-between;
}
.container .footer_content .sites{
    display: flex;
    align-items: center;
}
.container .footer_content .sites .site_item{
    margin-right: 4vw;
    font-weight: 700;
    color: #1e266d;
}
.bottom_info .container .footer_content .sites .line_item{
    position: relative;
    top: .16rem;
    margin-right: .4rem;
    width: 1px;
    height: .12rem;
    opacity: .2;
    background: #3e7dff;
    transform: rotate(-135deg);
}
.container .footer_content .input-group{
	width: 300px;
}
.container .footer_content .input-group .form-control{
    border: 1px solid #3e7dff;
}
.container .footer_content .input-group .btn-outline-secondary{
	background: #3e7dff;
	color: #fff;
}
.container .bottom_content{
    display: flex;
    justify-content: space-between;
    color: rgba(30,38,109,.7);
    font-size: 13px;
    padding: 12px 0 24px 0;
}
.container .bottom_content .item{
    display: flex;
}
.container .bottom_content .item{
    display: flex;
}
.bank-list .sub_title{
	padding: 0;
}
.top-img-about{
    width: 36%;
}
.container .intro_container{
    padding: 60px;
    background: linear-gradient(
180deg
,#fff,#f3f7fe);
    border-radius: 20px;
}
.intro_container .item .title{
    font-size: 36px;
    color: #1e266d;
    font-weight: 700;
    text-align: left;
}
.intro_container .item .content{
    font-size: 16px;
    color: rgba(30,38,109,.7);
}
.value_container{
	margin-top: 50px;
}
.value_container .value_content .section{
    display: flex;
    justify-content: space-between;
}
.value_container .value_content .section .item{
    width: 300px;
    padding: 0 15px;
}
.value_container .value_content .section.section2{
    margin-top: 6%;
    padding: 0 10%;
}
.value_container .value_content{
	text-align: center;
	padding: 6%;
}
.value_container .value_content .section .item .value_text{
    margin-top: 10px;
    font-size: 14px;
    color: rgba(30,38,109,.7);
}
.wrapper_container .value_container .title{
    text-align: center;
    font-size: 48px;
    color: #1e266d;
    font-weight: 700;
}
.value_container .value_content .section .item img{
    height: 60px;
    width: auto;
}
.wrapper_container .issue_container{
    margin-top: 50px;
    text-align: center;
}
.wrapper_container .issue_container .section{
    display: flex;
    justify-content: space-between;
}
.wrapper_container .issue_container .section .issue_item{
    width: 23%;
    padding: 2%
}
.wrapper_container .issue_container .section .issue_item img{
    height:60px;
    width: auto;
}
.issue_container .section .issue_item .item_text{
    margin-top: 10px;
    font-size: 14px;
    color: rgba(30,38,109,.7);
}
.chart_container .chart_content{
    margin-top: 30px;

}


.wrapper_container .chart_container .chart_content .city_change .city_item .item_content {
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
	padding: 24px 12px;
    border-radius: 10px;
    box-shadow: 0 8px 24px hsl(0deg 0% 60% / 20%);
}
.chart_content .chart_change .chart_img{
    width: 7rem;
}
.wrapper_container .chart_container .chart_content .chart_change .chart_img .years{
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    color: rgba(0,0,0,.6);
    padding-top:6px;
    border-top: 1px solid rgba(30,38,109,.2);
}
.wrapper_container .chart_container .chart_content .city_change .city_item .item_content .count{
    display: flex;
}

.wrapper_container .chart_container .chart_content .city_change .city_item .item_content .count .num{
    margin-right: 6px;
    font-size: 40px;
    color: #1e266d;
    font-weight: 700;
    line-height: 48px;
}
.wrapper_container .chart_container .chart_content .city_change .city_item .count_tips{
	font-size: 14px;
}
.wrapper_container .chart_container .chart_content .city_change .city_item .item_content .count .arrow{
    color: #1e266d;
    font-size: 14px;
}
.wrapper_container .chart_container .chart_content .city_change .city_item .item_content.city1_active .arrow{
    color: #fff;
}
.wrapper_container .chart_container .chart_content .city_change .city_item .item_content.city1_active .num{
	color: #fff;
}
.wrapper_container .chart_container .chart_content .city_change .city_item .item_content .count .arrow img{
    width: 12px;
    height: auto;
}
.wrapper_container .chart_container .chart_content .city_change .city_item .item_content.city1_active .count_tips{
    color: hsla(0,0%,100%,.6);
}
.wrapper_container .chart_container .chart_content .city_change .city_item .item_content .curve{
    margin-left: 12px;
    width: 80%;
    height: auto;
}
.wrapper_container .chart_container .chart_content .chart_change{
    display: flex;
    flex-direction: column;
    justify-content: space-between;

}
.wrapper_container .chart_container .chart_content .chart_change .tuli {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 20px;
}
.wrapper_container .chart_container .chart_content .chart_change .tuli .item{
    margin-left: 30px;
    display: flex;
    align-content: center;
    align-items: center;
}
.wrapper_container .chart_container .chart_content .chart_change .tuli .item i.c1{
    background: #3e7dff;
}

.wrapper_container .chart_container .chart_content .chart_change .tuli .item i{
    display: inline-block;
    width: 20px;
    height:3px;
    border-radius: 3px;
    margin-right: 15px;
}
.wrapper_container .chart_container .chart_content .chart_change .tuli .item i.c2{
    background: #1aad19;
}
.wrapper_container .chart_container .chart_content .chart_change .chart_img{
    width: 100%;
}
.wrapper_container .step.right_img{
    background: linear-gradient(180deg,#fff,#f3f7fe);
}
.wrapper_container .step{
    position: relative;
    padding: 0 15%;
    height: 650px;
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: center;
}
.wrapper_container .step .intro .no{
    font-family: Roboto;
    font-weight: 700;
    font-size: 36px;
    line-height: 36px;
    color: rgba(30,38,109,.07);
}
.wrapper_container .step .intro .title{
    font-weight: 700;
    font-size: 48px;
    line-height: 48px;
    margin-top: 6px;
    color: #1e266d;
}
.wrapper_container .step .intro .content{
    margin-top: 12px;
    font-size: 14px;
    color: rgba(30,38,109,.6);
}
.wrapper_container .step.right_img .image{
    margin-left: 1.9rem;
    width: 21%;
}

.wrapper_container .step .image{
    position: relative;
    z-index: 2;
}
.wrapper_container .step .image.image1 .dot{
	left: -7px;
    top: 50%;

}

.wrapper_container .step .image .dot{
    position: absolute;
    width: 18px;
    height: 18px;
    background: #3e7dff;
    border-radius: 50%;
    display: none;
}
.wrapper_container .step .intro{
	margin-top: 0;
}
.wrapper_container .line{
    position: absolute;
    z-index: 1;
    top: 4rem;
    left: 6.4rem;
}
.wrapper_container .line img{
    position: relative;
    z-index: 13;
    width: 415px;
    height: auto;
}
.wrapper_container .step.left_img .image {
    margin-right: 30px;
    width: 21%;
}
.wrapper_container .step .image.image2 .dot{
    right: -7px;
    top: 50%;
}
.wrapper_container .step .image.image3 .dot{
	left: -7px;
    top: 50%;
}
.wrapper_container .step .image.image4 .dot{
    right: -7px;
    top: 50%;
}
.dis-767-block{
	display: none;
}
.wrapper_container .download_container{
    display: flex;
    justify-content: space-between;
    padding: 50px 10%;
}
.wrapper_container .download_container .load_item{
    padding: 2rem;
    width: 25%;
    text-align: center;
    background: linear-gradient( 180deg ,#fff,#f3f7fe);
    border-radius: 1rem;
}
.wrapper_container .download_container .load_item img{
    width: 160px;
    height: auto;
}
.wrapper_container .download_container .load_item .title{
	margin-top: 15px;
    color: #1e266d;
    font-size: 30px;
}
.wrapper_container .download_container .load_item .button:hover{
    color: #fff;
    opacity: .7;
}
.wrapper_container .container .contact_content{
    margin-top: 36px;
}
.wrapper_container .container .contact_content .contact_title{
    font-size: 21px;
    color: #1e266d;
}
.wrapper_container .container .contact_content .select_content{
    position: relative;
    margin-top: 20px;
    display: flex;
    align-content: center;
    align-items: center;
}
.wrapper_container .container .contact_content .select_content .value{
    font-size: 16px;
    color: #1e266d;
    font-weight: 700;
    width: 120px;
}
.wrapper_container .container .contact_content .info_content .info_item{
    margin-top: 20px;
    display: flex;
}
.wrapper_container .container .contact_content .info_content .info_item .name{
    font-size: 16px;
    color: #1e266d;
    font-weight: 700;
    width: 120px;
}
.wrapper_container .container .contact_content .info_content .info_item .value{
    color: rgba(30,38,109,.6);
    font-size: 16px;
}
@media (max-width: 1439px) {
	.main_content .text_info {
    padding-top: 2.5rem;
    width: 50%;
}
	.main_content .text_info .title {
    line-height: 48px;
    font-weight: 700;
    font-size: 36px;
    color: #1e266d;
}
.main_content .text_info .title {
    line-height: 48px;
    font-weight: 700;
    font-size: 36px;
    color: #1e266d;
}
.main_content .text_info .content {
    margin-top: 15px;
    color: rgba(30,38,109,.7);
    line-height: 21px;
    font-size: 14px;
}
.container .image {
    width: 20%;
}
}
@media (max-width: 1199px) {
	.main_content .text_info {
    padding-top: 1.5rem;
    width: 50%;
}
	.main_content .text_info .title {
    line-height: 42px;
    font-weight: 700;
    font-size: 30px;
    color: #1e266d;
}
.main_content .text_info .title {
    line-height: 42px;
    font-weight: 700;
    font-size: 28px;
    color: #1e266d;
}
.main_content .text_info .content {
    margin-top: 10px;
}
.wrapper_container{
	padding-top: 30px;
}
.container .numbers_content .numbers {
    position: absolute;
    top: 2.5rem;
}
.container .numbers_content .numbers .item img {
    width: 85px;
    height: 85px;
}
.container .numbers_content .numbers .item .main_name {
    font-size: 36px;
}
.container .numbers_content .numbers .item .sub_name {
    font-size: 18px;
}
.container .numbers_content .map_content .citys .city_item {
    padding: 4px 8px;
    border-radius: .08rem;
    box-shadow: 0 6px 20px 0 rgb(0 0 0 / 9%);
}

.container .numbers_content .map_content .citys .city_item .item_content .info .city_name {
    font-size: 12px;
}
.container .numbers_content .map_content .citys .city_item .item_content .info .city_num {
    font-size: 14px;
}
.map_content .citys .city_item .item_content:after {
    bottom: -15px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 12px solid #fff;
}
.steps_content .step_content .step_item {
    width: 100%;
    margin-top: 20px;
}
.steps_content .step_content .arrow {
	display: none;
}
.container .image {
    width: 30%;
}
.wrapper_container .download_container .load_item {
    width: 30%;
}
}
@media (max-width: 991px) {

.container .main_content {
    display: block;
    margin-top: 3rem;
}
.main_content .text_info {
    width: 100%;
}
.img_info {
    width: 100%;
}
.wrapper_container {
    padding-top: 500px;
}
.position-relative {
    padding-top: 450px;
}
.wrapper_container.market-container {
    padding-top: 400px;
}
.top_content{    
    display: block;
    padding: 15px 0;
}
.top_content .title {
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 6px;
}
.wrapper_container .container .title {
    font-size: 42px;

}
.steps_content .container .title {
    font-size: 42px;
}
.top_content .navbar {
    padding: 0;
    display: none;
}
.container .numbers_content .map_content .citys .city_item.city5 {
    right: 6%;
    top: 23%;
}
.container .image {
    width: 40%;
}
.wrapper_container .issue_container .section .issue_item {
	width: auto;
	max-width: 48%;
    padding: 2%;
    flex: 0 0 48%;
}
.wrapper_container .issue_container .section {
    flex-wrap: wrap;
}
.chart_container .chart_content{
    margin-top: 30px;
    display: block;
    justify-content: space-between;
    flex-wrap: wrap;
}
.wrapper_container .chart_container .chart_content .chart_change {
	margin-top: 30px;
    width: 100%;
}
.wrapper_container .chart_container .chart_content .chart_change .chart_img {
    margin-top: 30px;
}
.wrapper_container .step {
    padding: 0 8%;
    height: 450px;
}
.wrapper_container .download_container {
    display: flex;
    justify-content: space-between;
    padding: 0 15px;
}
}
@media (max-width: 767px) {
.container .numbers_content .map_content .citys .city_item {
	display: none;
}
.container .numbers_content {
    padding-top: 0rem;

}
.wrapper_container .container .title {
    font-size: 28px;

}
.steps_content .container .title {
    font-size: 28px;
}
.container .sub_title {
    font-size: 14px;
    z-index: 999;
    position: relative;
}
.steps_content .step_content .step_item .step_no {
    font-size: 36px;
    line-height: 48px;
}
.steps_content .step_content .step_item .step_title {
    position: relative;
    color: #1e266d;
    font-size: 21px;
    font-weight: 700;
}
.container .footer_content {
    display: block;
}
.container .footer_content .input-group {
    width: 100%;
    margin-top: 15px;
}
.container .footer_content .sites .site_item {
    margin-right: 0;
}
.container .footer_content .sites {
    justify-content: space-between;
}
.container .footer_content {
	padding: 50px 0 10px 0;
    margin-bottom: 6px;
}
.container .bottom_content {
    display: block;
}
.container .bottom_content .item {
    margin-top: 3px;
}
.container .image {
    display: none;
}
.container .intro {
    margin-top: 0;
}
.container .intro_container {
    padding: 30px;
}
.value_container .value_content {
    padding: 0;
}
.value_container .value_content .section .item {
	width: 100%;
    padding: 0 10px;
}
.intro_container .item .content {
    font-size: 14px;
}
.wrapper_container .step.right_img .image {
    display: block;
}
.wrapper_container .step {
    position: relative;
    padding: 5% 10%;
    height: auto;
    border-radius: 10px;
	display: block;

}
.wrapper_container .step.right_img .image {
    width: 50%;
    margin: 20px auto;
}
.wrapper_container .step.left_img .image {
    display: block;
    width: 50%;
    margin: 20px auto;
}
.dis-767-none{
	display: none!important;
}
.dis-767-block{
	display: block!important;
}
.position-relative {
    padding-top: 400px;
}
.wrapper_container .step .intro .no {
    font-size: 24px;
    line-height: 24px;
}
.wrapper_container .step .intro .title {
    font-size: 36px;
    line-height: 36px;
}
.wrapper_container .download_container .load_item img {
    width: 100px;
}
.wrapper_container .download_container .load_item .title {
    font-size: 21px;
}
.wrapper_container .download_container .load_item .button {
     min-width: 75px;
}
.nav-tabs .nav-link {
    border: 0 solid transparent;
    background: #f3f7fe;
    display: block;
    padding: 0.5rem 0.3rem;
    width: 25%;
}
.nav-tabs {
     border-bottom: 0 solid #dee2e6; 
}
.nav-tabs .nav-link.active{
    color: #fff;
    background-color: #1e266d;
}
.wrapper_container .download_container {
    flex-wrap: wrap;
    justify-content: center;
}
.wrapper_container .download_container .load_item {
    width: 75%;
    margin-bottom: 2rem;
}
.wrapper_container .download_container .load_item img {
    width: 50%;
}
}
@media (max-width: 480px) {
.container .numbers_content .numbers {
    padding: 0 6%;
}
.container .numbers_content .numbers .item img {
    width: 60px;
    height: 60px;
}
.container .numbers_content .numbers .item .main_name {
    font-size: 24px;
}
.container .numbers_content .numbers .item .sub_name {
    font-size: 14px;
}
.steps_content .step_content .step_item .step_item_content {
    font-size: 14px;
}
.card-body {
	font-size: 14px;
}
.container .intro_container {
    padding: 15px;
}
.wrapper_container .chart_container .chart_content .city_change .city_item .item_content {
    padding: 12px;
}

.wrapper_container .download_container .load_item .title {
    font-size: 18px;
}
.wrapper_container .container .contact_content .info_content .info_item .value {
    flex: 0 0 200px;
}
.wrapper_container .download_container .load_item img {
    width: 100%;
}
}





.mobile_close{
    display: inline-block;
    font-size: 16px;
    padding: 5px;
    position: absolute;
    z-index: 888888;
    background: #1e266d;
    width: 32px;
    top: 0;
    right: 0;
}
.mobile_open {
  display: none;
    padding: 6px 12px;
    position: absolute;
    z-index: 888888;
    border: 1px solid #9ba5ff;
    border-radius: 5px;
    width: 50px;
}
.aside_menu a{
    display: block;
    text-align: center;
    padding: 6px 10px;
    border-bottom: dashed 1px #ddd;
    color: #333;
}
.mobile_open {
  display: none;
}
@media (max-width: 991px) {
  .mobile_open {
    display: inline-block;
  }
}

.fas {
  padding: 1em;
}

.aside {
  overflow: hidden;
  width: 269px;
  background-color: #f3f7fe;
  transform: translateX(-270px);
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 999999;
  padding-top: 34px;
}
@media (max-width: 991px) {
  .aside {
    display: block;
    border-right: 3px solid #1e266d;
    transition: all 0.5s;
  }
  .aside li {
    margin: 1em;
  }
  .aside li a {
    display: block;
    color: #ffbe0b;
    border-bottom: 1px dashed #ffbe0b;
    padding: 1em;
  }
  .aside li a:hover {
    background-color: #ffbe0b;
    color: #333;
    transition: 0.3s;
  }
}

.main {
  transform: translateX(0px);
  transition: all 0.5s;
}

.header .menu {
  float: right;
  margin-right: 1em;
}
.header .menu li {
  float: left;
}
.header .menu li a {
  color: #ffbe0b;
  font-size: 16px;
  padding-right: 1em;
  padding-left: 1em;
  line-height: 50px;
}
.header .menu li a:hover {
  background-color: #ffbe0b;
  padding-top: 17px;
  padding-bottom: 15px;
  color: #333;
  transition: all 0.3s;
}
@media (max-width: 768px) {
  .header .menu {
    display: none;
    transition: all 0.5s;
  }
  .header .menu li {
    float: left;
  }
  .header .menu li a {
    display: block;
    color: #ffbe0b;
    line-height: 50px;
    border-bottom: 1px dashed #ffbe0b;
    transition: all 0.5s;
  }
  .header .menu li a:hover {
    background-color: #ffbe0b;
    color: #333;
  }
}

.open .main {
  transform: translateX(270px);
  transition: all 0.5s;
}
.open .aside {
  transform: translateX(0);
  transition: all 0.5s;
}

body.open .mobile_open{
  @include pad {
        display: none;
    }
}