.module-guarantee {
    background: #F9DECD;
    margin-top: 0;
}

.warp-0 .module-guarantee {
    background: #F9DECD;
}

.warp-1 .module-guarantee {
    background: #DDEAFC;
}

.warp-2 .module-guarantee {
    background: #FFE4C2;
}

.warp-3 .module-guarantee {
    background: #E3DBF5;
}

.warp-4 .module-guarantee {
    background: #0A1134;
}

.warp-8 .module-guarantee {
    background: #0C081B;
}


.guarantee-container {
    background: linear-gradient(38deg, #FFF2E9 0%, rgba(255, 255, 255, 0.64) 35%, rgba(255, 247, 242, 0.81) 70%, rgba(255, 250, 226, 0.61) 100%);
    width: 7.14rem;
    height: 4.13rem;
    margin: 0 auto;
    margin-top: 0.08rem;
    border-radius: 0.18rem;
    display: flex;
    position: relative;
}

.warp-0 .guarantee-container {
    background: linear-gradient(38deg, #FFF2E9 0%, rgba(255, 255, 255, 0.64) 35%, rgba(255, 247, 242, 0.81) 70%, rgba(255, 250, 226, 0.61) 100%);
}

.warp-1 .guarantee-container {
    background: linear-gradient(40deg, rgba(240, 245, 255, 0.82) 0%, rgba(255, 255, 255, 0.64) 35%, rgba(246, 255, 255, 0.65) 88%, rgba(226, 247, 255, 0.2) 100%);
}

.warp-2 .guarantee-container {
    background: linear-gradient(41deg, rgba(255, 255, 255, 0.79) 0%, rgba(255, 255, 255, 0.75) 37%, #FFF2DE 74%, rgba(255, 248, 226, 0.5) 100%);
}

.warp-3 .guarantee-container {
    background: linear-gradient(42deg, rgba(237, 231, 255, 0.55) 0%, rgba(255, 255, 255, 0.48) 18%, rgba(255, 254, 255, 0.78) 35%, rgba(255, 252, 254, 0.51) 67%, rgba(255, 238, 252, 0.67) 89%, rgba(255, 248, 226, 0.5) 100%);
}

.warp-4 .guarantee-container,
.warp-8 .guarantee-container {
    background: url('https://qqt-res.cmicrwx.cn/2016tyjf/xhmqqthy/res/wap/newZq/img/guarantee/4bg.png') no-repeat;
    background-size: 7.14rem 4.13rem;
}

.guarantee-left {
    width: 2.64rem;
    height: 4.13rem;
    background: url('https://qqt-res.cmicrwx.cn/2016tyjf/xhmqqthy/res/wap/newZq/img/guarantee/bg-border.png') no-repeat;
    background-size: 0.03rem 3.75rem;
    background-position-x: 2.61rem;
    background-position-y: 0.19rem;
    overflow: hidden;
    /* display: flex;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    position: relative; */
}

.warp-4 .guarantee-left,
.warp-8 .guarantee-left {
    width: 2.64rem;
    height: 4.13rem;
    background: url('https://qqt-res.cmicrwx.cn/2016tyjf/xhmqqthy/res/wap/newZq/img/guarantee/bg4-border.png') no-repeat;
    background-size: 0.03rem 3.75rem;
    background-position-x: 2.61rem;
    background-position-y: 0.19rem;
    overflow: hidden;
}

.guarantee-left-list-slide {
    width: 100%;
    height: 100%;
}

.guarantee-left-list {
    width: 2.64rem;
    height: 4.13rem;
    font-size: 0.24rem;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.guarantee-left-list-img-box {
    width: 1.36rem;
    height: 1.36rem;
    /* background: gainsboro; */
    margin-top: 0.79rem;
    position: relative;
}

.guarantee-left-list-img-box .icon-jiaoBiao,
.guarantee-left-list-img-box .icon-jiaoBiao-img {
    left: 0.85rem;
    top: 0.09rem;
}

.guarantee-left-list-img-box .icon-jiaoBiao-dian {
    right: 0;
    top: 0;
}

.guarantee-left-list-img {
    width: 100%;
    height: 100%;
}

.guarantee-left-list-title {
    font-size: 0.28rem;
    color: #333333;
    margin-top: 0.28rem;
    font-weight: 500;
}

.warp-4 .guarantee-left-list-title,
.warp-8 .guarantee-left-list-title {
    color: white;
}

.guarantee-left-list-desc {
    color: #666666;
    font-size: 0.22rem;
    margin-top: 0.06rem;
}

.warp-4 .guarantee-left-list-desc,
.warp-8 .guarantee-left-list-desc {
    color: white;
    opacity: 0.5;
}

/* 清除滚动条 */
.guarantee-left::-webkit-scrollbar {
    width: 4px;
}

.guarantee-left::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: rgba(0, 0, 0, 0);
}

.guarantee-left::-moz-scrollbar {
    width: 4px;
}

.guarantee-left::-moz-scrollbar-thumb {
    border-radius: 5px;
    background-color: rgba(0, 0, 0, 0);
}

.guarantee-right {
    width: 4.5rem;
    height: 100%;
    display: flex;
    display: flex;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
}

/* 清除滚动条 */
.guarantee-right::-webkit-scrollbar {
    width: 4px;
    display: none;
}

.guarantee-right::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: rgba(0, 0, 0, 0);
    display: none;
}

.guarantee-right::-moz-scrollbar {
    width: 4px;
    display: none;
}

.guarantee-right::-moz-scrollbar-thumb {
    border-radius: 5px;
    background-color: rgba(0, 0, 0, 0);
    display: none;
}

.guarantee-right-list-box {
    width: 1.92rem;
    height: 100%;
    flex: 0 0 auto;
}

.guarantee-right-list-box:first-child {
    margin-left: 0.33rem;
}

.guarantee-right-list-box:last-child {
    margin-right: 0.34rem;
}

.guarantee-right-list {
    width: 100%;
    height: 1.74rem;
    display: flex;
    align-items: center;
    flex-direction: column;
    flex: 0 0 auto;
    margin-bottom: 0.1rem;
}

/* .guarantee-right-list:nth-child(1) {
    background: forestgreen;
} */

.guarantee-right-list-icon {
    width: 0.84rem;
    height: 0.84rem;
    /* background: gainsboro; */
    margin-top: 0.31rem;
    flex: 0 0 auto;
    position: relative;
}

.guarantee-right-list-icon .icon-jiaoBiao-img,
.guarantee-right-list-icon .icon-jiaoBiao {
    top: -0.12rem;
    left: 0.6rem;
}

.guarantee-right-list-icon .icon-jiaoBiao-dian {
    right: 0;
    top: 0;
}

.guarantee-right-list-icon-img {
    width: auto !important;
    height: 100% !important;
}

.guarantee-right-list-title {
    font-size: 0.28rem;
    color: #333;
    font-weight: 500;
    margin-top: 0.06rem;
}

.guarantee-right-list-desc {
    font-size: 0.22rem;
    color: #666;
    /* margin-top: 0.04rem; */
}

.warp-4 .guarantee-right-list-title {
    color: #fff;
}

.warp-8 .guarantee-right-list-title {
    color: #fff;
}

.warp-4 .guarantee-right-list-desc {
    color: #fff;
    opacity: 0.5;
}

.warp-8 .guarantee-right-list-desc {
    color: #fff;
    opacity: 0.5;
}

.guarantee-left-row-box {
    width: 2.64rem;
    height: 0.06rem;
    /* display: flex; */
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 0.18rem;
    display: none;
}

.guarantee-left-row {
    width: 0.08rem;
    height: 100%;
    background: #919191;
    opacity: 0.18;
    border-radius: 0.16rem;
    margin-right: 0.04rem;
    transition: 0.2s;
}

.guarantee-left-row-active {
    background: #E2A488;
    opacity: 1;
    width: 0.14rem;
}

.warp-1 .guarantee-left-row-active {
    background: #6396DD;
    opacity: 0.72;
}

.warp-2 .guarantee-left-row-active {
    background: #D79F5D;
    opacity: 0.72;
}

.warp-3 .guarantee-left-row-active {
    background: #9A72D5;
    opacity: 0.72;
}

.warp-4 .guarantee-left-row-active,
.warp-8 .guarantee-left-row-active {
    background: #FFFFFF;
    opacity: 0.72;
}

.guarantee-right-row-box {
    width: 0.24rem;
    height: 0.06rem;
    border-radius: 0.16rem;
    position: absolute;
    bottom: 0.2rem;
    right: 2.14rem;
}

.guarantee-right-row-bar {
    width: 0.14rem;
    height: 0.06rem;
    border-radius: 0.16rem;
}