.xq-banner{
    width: 100%;
    height: 9.8rem;
    background-image: url('https://oss.xhsqy.com/web/image/all/202408/650ccb4bb4e44aa481fbd1dd4d65f869.png');
    background-repeat: no-repeat;
    background-size: 100%;
    margin-top: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.xq-logo{
    width: 35%;
    margin: auto;
}
.xq-logo img{
    width: 100%;
    vertical-align: middle;
}
.xq-banner-text{
    font-size: .6rem;
    font-weight: bold;
    color: #fff;
    text-align: center;
    margin: .6rem auto;
}
.xq-banner-enter{
    width: 5rem;
    height: 1.3rem;
    line-height: 1.3rem;
    font-size: .55rem;
    text-align: center;
    background-color: #D21A24;
    letter-spacing: 1px;
    margin: auto;
}
.xq-banner-enter a{
    color: #fff;
}
.mt-1rem{
    margin-top: -1rem;
}
.xq-num-box{
    width: 100%;
    height: 3rem;
    background-color: #D21A24;
    display: flex;
    align-items: center;
}
.xq-num-box ul{
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: .1rem;
}
.xq-num,.xq-num-text{
    color: #fff;
    text-align: center;
}
.xq-num{
    line-height: .9rem;
    font-size: .75rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.xq-num span{
    font-size: .65rem;
}
.xq-num-text{
    font-size: .5rem;
}
.xq-num-line1,.xq-num-line2,.xq-num-line3{
    position: relative;
}
.xq-num-line3::before,.xq-num-line1::before,.xq-num-line2::before{
    content: '';
    width: 1px;
    height: 100%;
    background-color: #fff;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    opacity: .47;
}
.xq-num-line1::before{
    right: -.3rem;
}
.xq-num-line2::before{
    right: .2rem;
}
.xq-num-line3::before{
    right: -.1rem;
}
.title-box{
	width: 90%;
	padding: 2rem 0;
	text-align: center;
    margin: auto;
}
.title-box span{
	font-size: .875rem;
	font-weight: bold;
	color: #333;
	letter-spacing: 1px;
	position: relative;
}
.title-box span::before{
	content: '';
	width: 1.5rem;
	height: .12rem;
	background: #C7000A;
	position: absolute;
	bottom: -.3rem;
	left: 49%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
}
/* 小麒乖乖介绍 */
.xq-introduce{
    width: 100%;
    height: 100%;
    background-image: url('https://oss.xhsqy.com/test/image/all/202408/552c97dc0be74d588ea3bc9e59c2381b.png');
    background-repeat: no-repeat;
    background-size: 100%;
}
.xq-introduce-info{
    width: 65%;
    padding: 1.5rem 1rem;
    box-sizing: border-box;
}
.xq-introduce-text{
    line-height: .8rem;
    font-size: .5rem;
    color: #fff;
    text-indent: 1rem;
    /* letter-spacing: 1px; */
}
.xq-introduce-box{
    width: 100%;
    display: flex;
    justify-content: space-between;
    color: #fff;
    margin-top: .8rem;
}
.xq-introduce-num{
    font-size: 1rem;
    font-weight: 600;
    display: flex;
    align-items: center
}
.xq-introduce-num span{
    font-size: .8rem;
}
.xq-introduce-num-text{
    line-height: .7rem;
    font-size: .45rem;
}
.xq-introduce-box div{
    position: relative;
    padding-left: .5rem;
    box-sizing: border-box;
}
.xq-introduce-box div::before{
    content: '';
    width: .2rem;
    height: 85%;
    background-color: #C41B21;
    border: 1px solid #414141;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.xq-introduce-block{
    width: 100%;
    background-color: #C82428;
    display: flex;
}
.xq-img-text{
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1rem 0;
}
.xq-introduce-img{
    width: 28%;
}
.xq-introduce-img img{
    width: 100%;
    vertical-align: middle;
}
.xq-introduce-describe{
    line-height: .75rem;
    font-size: .55rem;
    color: #fff;
    padding-left: .3rem;
    box-sizing: border-box;
}
/* 科技赋能 */
.technology-box{
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: .5rem;
    padding: 0 .5rem;
    box-sizing: border-box;
}
.xq-01{
    background-image: url(../img/xq-03.png);
}
.xq-02{
    background-image: url(../img/xq-04.png);
}
.xq-03{
    background-image: url(../img/xq-05.png);
}
.xq-04{
    background-image: url(../img/xq-06.png);
}
.xq-01,.xq-02,.xq-03,.xq-04{
    width: 100%;
    height: 5rem;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    color: #fff;
    padding: .7rem;
    box-sizing: border-box;
}
.technology-title{
    font-size: .65rem;
    margin: .2rem 0 .4rem;
}
.technology-text{
    line-height: .8rem;
    font-size: .55rem;
}
/* 十大优势 */
.advantage-tip{
    width: 100%;
}
.advantage-tip p{
    line-height: .8rem;
    font-size: .5rem;
    color: #333;
    text-align: center;
}
.advantage-box{
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: .5rem 0;
    padding: 1rem .7rem 0;
    box-sizing: border-box;
}
.advantage-block{
    width: 100%;
    display: flex;
    border-bottom: 1px solid rgba(31, 31, 31, .3);
    padding-bottom: .6rem;
}
.advantage-icon{
    width: 22%;
    padding-right: .3rem;
    box-sizing: border-box;
}
.advantage-icon img{
    width: 100%;
    vertical-align: middle;
}
.advantage-right{
    width: 78%;
    color: #333;
    padding-right: .4rem;
    box-sizing: border-box;
}
.advantage-title{
    line-height: 1.3rem;
    font-size: .7rem;
    font-weight: bold;
}
.advantage-text{
    line-height: .8rem;
    font-size: .5rem;
}
/* 产品赋能 */
.product-box{
    width: 100%;
    height: auto;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: .5rem;
    padding: 0 .5rem;
    box-sizing: border-box;
}
.product-block{
    border: 1px solid #C9C9C9;
    border-radius: .25rem;
    padding-bottom: .7rem;
}
.product-img{
    width: 100%;
    height: 2.98rem;
    position: relative;
}
.product-img::before{
    content: '';
    width: 2rem;
    height: .2rem;
    background-color: #C41B21;
    position: absolute;
    bottom: -.18rem;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}
.product-img img{
    width: 100%;
    height: 100%;
    vertical-align: middle;
}
.product-title,.product-text{
    padding:  0 .5rem;
    box-sizing: border-box;
}
.product-title{
    font-size: .65rem;
    font-weight: 600;
    color: #1F1F1F;
    text-align: center;
    padding: .7rem 0 .3rem;
}
.product-text{
    line-height: .75rem;
    font-size: .5rem;
    color: #000;
    opacity: .85;
}
/* 部分合作银行/金融机构 */
.xq-bank-box{
    width: 100%;
    background-color: #1F1F1F;
    margin-top: 1.2rem;
}
.colorfff{
    color: #fff !important;
}
.xq-bank-text{
    width: 80%;
    line-height: .8rem;
    font-size: .5rem;
    color: #fff;
    margin: auto;
}
.xq-bank-img{
    width: 90%;
    margin: .8rem auto 0;
    padding-bottom: 1.2rem;
}
.xq-bank-img img{
    width: 100%;
    vertical-align: middle;
}
.xq-bank-box .title-box{
    padding: 1.5rem 0 1rem;
}
/* 赋能服务 */
.xq-server-box{
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 0 0 0 .7rem;
    box-sizing: border-box;
}
.xq-server{
    border-bottom: 1px solid rgba(98, 98, 98, .55);
    padding: 0 0 .6rem;
}
.xq-server-title,.xq-server-text{
    color: #1F1F1F;
}   
.xq-server-left{
    width: 65%;
}
.xq-server-title{
    font-size: .7rem;
    font-weight: 600;
    padding-bottom: .3rem;
}
.xq-server-text{
    line-height: .8rem;
    font-size: .5rem;
    padding-top: .3rem;
}
.xq-server-right{
    width: 30%;
    height: 100%;
    background-image: url('https://oss.xhsqy.com/test/image/all/202408/581016bba5e349b2b1f297e9f852bdcc.png');
    background-repeat: no-repeat;
    background-size: cover;
}
.xq-server-right img{
    width: 100%;
    vertical-align: middle;
}
.mb-5rem{
    margin-bottom: .6rem;
}
.xq-icon1,.xq-icon2,.xq-icon3{
    position: relative;
    padding-left: 1.2rem;
    box-sizing: border-box;
}
.xq-icon1::before,.xq-icon2::before,.xq-icon3::before{
    content: '';
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.xq-icon1::before{
    content: '';
    width: 1rem;
    height: 1rem;
    background-image: url(../img/xq-icon1.png);
}
.xq-icon2::before{
    content: '';
    width: 1rem;
    height: 1rem;
    background-image: url(../img/xq-icon2.png);
    top: 41%;
}
.xq-icon3::before{
    content: '';
    width: 1rem;
    height: 1rem;
    background-image: url(../img/xq-icon3.png);
    top: 41%;
}
.xqxy{
    width: 100%;
    padding: .7rem;
    box-sizing: border-box;
}
/* 下载流程 */
.xq-download{
    width: calc(100% - 1.5rem);
    font-size: .7rem;
    font-weight: 600;
    color: #1F1F1F;
    margin: 0 auto .6rem;
    position: relative;
    padding-left: .5rem;
    box-sizing: border-box;
}
.xq-download::before{
    content: '';
    width: .3rem;
    height: 70%;
    background-color: #C41B21;
    position: absolute;
    left: 0;
    top: 55%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.xq-download-box{
    width: 100%;
    height: auto;
    background-color: rgba(228, 228, 228, .89);
    display: flex;
    position: relative;
}
.xq-download-left{
    width: 52%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: .3rem;
    box-sizing: border-box;
}
.xq-download-text{
    width: 5.8rem;
    line-height: 1.2rem;
    font-size: .57rem;
    color: #1C1C1C;
    text-align: center;
    border: 1px solid;
    background: linear-gradient(0deg, #C8C8C8, #FFFFFF);
    box-shadow: 3px 4px 8px 0px rgba(0, 0, 0, 0.2);
    border-radius: .2rem;
    border: 1px solid #787878;
    margin: 0 auto .7rem;
}
.xq-down-arrow{
    position: relative;
}
.xq-down-arrow::before{
    content: '';
    width: .5rem;
    height: .5rem;
    background-image: url(../img/xq-down-arrow.png);
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    bottom: -.7rem;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}
.xq-download-success{
    background: #CB1C22 !important;
    color: #fff !important;
    border: 1px solid #CBCBCB !important;
    margin: 0 auto;
}
.xq-download-right{
    width: 48%;
    margin-top: -1rem;
}
.xq-download-right img{
    width: 100%;
    /* height: 100%; */
    vertical-align: middle;
}