/* 合作伙伴页样式表 */

/* 公共部分 */
.section {
    position: relative;
    text-align: center;
}
.bg {
    position: absolute !important;
    top: 0;
    left: 0;
    z-index: -1;
}
.section-title {
    line-height: .4rem;
    font-size: .25rem;
    font-weight: bolder;
    padding: .3rem;
    background: linear-gradient(to bottom, #598ff9, #417ef7);
    -webkit-background-clip: text;
    color: transparent;
}
.section-content {
    line-height: .24rem;
}
.desc-p {
    color: var(--content--text--color);
    padding: 0 0 0.2rem;
    font-size: 0.15rem;
}
.receiveforFreeBtn {
    width: 3.2rem;
    height: 0.4rem;
    line-height: 0.4rem;
    margin: auto;
    background: #CD0C0D;
    border-radius: 0.05rem;
    color: #ffffff;
    font-size: 0.17rem;
    display: block;
}
input {
    outline-style: none;
}
.partner {
    font-size: .14rem;
}
/* banner */
.section-1 {
    width: 100%;
    height: 5.17rem;
    font-size: .16rem;
    position:relative
}
.section-1-bg {
    width: 100%;
    height: 5.17rem;
}
.banner-content {
    width: 100%;
    position: absolute;
    top: 41%;
}
.banner-title p:first-child {
    line-height: .6rem;
    text-align: center;
    font-size: .24rem;
    font-weight: bolder;
    padding-top: .44rem;
    background: linear-gradient(to bottom, #fff,#fff, #fff,#33F1FF);
    -webkit-background-clip: text;
    color: transparent;
}
.banner-title-num {
    font-size: .4rem;
}
.banner-title p:last-child {
    text-align: center;
    font-size: .24rem;
    background: linear-gradient(to bottom, #fff,#fff, #fff,#33F1FF);
    -webkit-background-clip: text;
    color: transparent;
}

.banner-btn {
    display: flex;
    justify-content: space-between;
    width: 58%;
    margin: .2rem auto 0;
}
.banner-btn div {
    display: flex;
    margin: auto;
    align-items: center;
    width: 1rem;
    height: .3rem;
    font-weight: bolder;
    border-radius: .16rem;
    box-sizing: border-box;
}
.banner-btn div:first-child {
    background: #fff;
    border: .01rem solid #fff;
}
.banner-btn div:first-child:active {
    background: none;
}
.banner-btn div:last-child {
    border: .01rem solid #7dfcff;
}
.banner-btn div:last-child:active {
    background: #fff;
    border: .01rem solid #fff;
}
.banner-btn div a {
    display: block;
    width: 100%;
    height: 100%;
    line-height: .3rem;
    text-align: center;
}
.banner-btn div:first-child a {
    color: var(--theme--color) !important;
}
.banner-btn div:first-child a:active {
    color: #fff !important;
}
.banner-btn div:last-child a {
    color: #fff;
}
.banner-btn div:last-child a:active {
    color: var(--theme--color);
}

/* all-bg  */
.all-bg {
    position: relative;
    overflow: hidden;
}

.all-bg-son {
    width: 4.6rem;
    height: 4.6rem;
    border-radius: 50%;
    background: rgba(255,255,255,.5);
}

.bg-son1 {
    position: absolute;
    top: -13%;
    left: -15%;
}

.bg-son2 {
    position: absolute;
    top: 15.5%;
    left: -50%;
}

.bg-son3 {
    position: absolute;
    top: 45%;
    left: -50%;
}

.bg-son4 {
    position: absolute;
    top: 75%;
    left: -50%;
}

/* section-2 */
.section-4,
.section-3,
.section-2 {
    position: relative;
    width: 100%;
    /*height: 4.61rem;*/
    text-align: center;
}
.section-2-desc {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    width: 100%;
    margin-top: .3rem;
}
.section-2-desc-div {
    display: flex;
    align-items: center;
    position: relative;
    width: 43%;
    height: .6rem;
    text-align: center;
    font-size: .13rem;
    color: var(--theme--color);
    margin-bottom: .3rem;
}
.section-2-desc-div-img {
    position: relative;
    width: 100%;
    height: .6rem;
    z-index: 2 !important;
}
.section-2-desc-div-p {
    margin: auto;
    font-weight: bolder;
}
.section-2-desc-center {
    width: 100%;
    margin-bottom: .3rem;
}
.section-2-desc-center div {
    margin: 0 auto;
}
/* section-3 */
.section-3-img {
    width: 100%;
    /*height: 2.87rem;*/
}

/* section-4 */
.section-4-content {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 3.28rem;
    margin: 0 auto;
}
.section-4-content img {
    width: 1.64rem;
    height: 1.01rem;
    z-index: 4;
}
/* section-shouyi */
.section-shouyi .shouyi-content,
.section-fuchi .fuchi-content {
    display: flex;
    flex-wrap: wrap;
    width: 90%;
    margin: 0 auto 0;
}
.section-shouyi .shouyi-content .item,
.section-fuchi .fuchi-content .item {
    width: 50%;
    text-align: center;
    margin: 0 0 0.2rem;
    color: var(--content--text--color);
}
.section-shouyi img {
    width: 0.34rem;
    height: 0.32rem;
    margin: 0 auto 0.1rem;
}

/* section-fuchi */
.section-shouyi .shouyi-fuchi {
    width: 100%;
}
.section-fuchi .fuchi-content {
    width: 94%;
    margin-top: 0.1rem;
}
.section-fuchi .fuchi-content .item {
    display: flex;
    flex-direction: column;
    position: relative;
    margin-top: 0.1rem;
    min-height: 1.45rem;
}
.section-fuchi .icon {
    width: 0.6rem;
    height: 0.6rem;
    margin: -0.25rem auto;
}
.section-fuchi .item-content {
    margin-top: 0.23rem;
    font-size: 0.12rem;
    line-height: 0.19rem;
    transform: scale(.9);
}
.section-fuchi .item-content .item {
    position: relative;
}
.section-fuchi .item-content-wraper {
    position: absolute;
    top: 0;
    left: 0;
}
.section-fuchi .content-title {
    font-size: 0.16rem;
    margin-bottom: 0.05rem;
    color: #4D4D4D;
}
.section-fuchi .content-desc {
    text-align: left;
    padding: 0 0.1rem;
    color: var(--content--text--color);
}

/* section-process */
.section-process .process-wraper {
    display: flex;
    margin: 0.2rem auto;
    width: 100%;
    margin-left: 8%;
}
.section-process .process-item {
    width: 25%;
}
.section-process .item-top {
    display: flex;
    align-items: center;
    position: relative;
}
.section-process .item-txt {
    color: var(--content--text--color);
    margin: 0.1rem 0 0.1rem -65%;
    font-size: 0.14rem;
}
.section-process .ball {
    width: 0.3rem;
    height: 0.3rem;
    border-radius: 50%;
    background-image: linear-gradient(#3fd1ff,#1C6AFE);
    text-align: center;
    line-height: 0.3rem;
    color: #ffffff;
}
.section-process .dash {
    width: 100%;
    border-bottom: 1px dashed;
    height: 1px;
    color: #2880FF;
    position: absolute;
    z-index: -1;
    top: 50%;
    transform: translateY(-50%);
}
/* section-5 */
.section-5 {
    padding-top: 0.3rem;
    width: 100%;
    position: relative;
    text-align: center;
    margin-bottom: .5rem;
}
.section-5 p {
    padding-top: 0 !important;
}

.form {
    width: 90%;
    margin: 0 auto;
}
.input-one {
    display: flex;
    align-items: center;
    width: 100%;
    height: .37rem;
    margin-bottom: .05rem;
    line-height: .37rem;
    text-align: left;
    border-radius: .05rem;
    border: .01rem solid #d2d2d2;
    background: #fff;
}
.input-v p,
.input-one p {
    width: 1.13rem;
    margin-top: .03rem;
    color: var(--content--text--color);
}
.input-v p span,
.input-one p span {
    color: red;
    padding: 0 .1rem;
}
.input-one input {
    width: 2.2rem;
    margin-top: .03rem;
    font-size: .14rem;
}
input::-webkit-input-placeholder {
    font-size: .14rem;
}
input:-moz-placeholder {
    font-size: .14rem;
}
input::-moz-placeholder {
    font-size: .14rem;
}
input:-ms-input-placeholder {
    font-size: .14rem;
}
.v-code {
    display: flex;
    justify-content: flex-start;
    width: 100%;
    line-height: .38rem;
}
.input-v {
    display: flex;
    align-items: center;
    width: 1.13rem;
    height: .37rem;
    margin-bottom: .05rem;
    margin-right: .05rem;
    line-height: .37rem;
    text-align: left;
    border-radius: .05rem;
    border: .01rem solid #d2d2d2;
    background: #fff;
    box-sizing: border-box;
}
.v-code p {
    width: 15%;
}
.v-code input {
    width: 70%;
    margin-left: .1rem;
    margin-top: .03rem;
}
.v-code button {
    width: 1.5rem;
    height: .38rem;
    border: none;
    outline-style: none;
    background: var(--theme--color);
    color: #fff;
    font-size: .12rem;
    text-align: center;
    border-radius: .05rem;
}
.v-code button:active {
    background-image: linear-gradient(0deg, #417ef7 0%, #598ff9 100%), linear-gradient( #ffffff, #ffffff);
}

.pic-safe {
    width: 100%;
    height: 2rem;
    margin-bottom: .05rem;
    background: #eee;
}

.button {
    width: 100%;
    height: .38rem;
    margin-top: .2rem;
    color: #fff;
    font-size: .16rem;
    border: none;
    outline-style: none;
    border-radius: .05rem;
    background: #999;
}

.button:active {
    background: var(--theme--color);
}

.button-block {
    background-image: linear-gradient(0deg, #417ef7 0%, #598ff9 100%), linear-gradient( #ffffff, #ffffff);
}
.redborder {
    border: .01rem solid red;
}
.coed-bg {
    background: #999 !important;
} 

/* 弹窗 */
.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100vw;
    height: 100vh;
    background: rgba(0,0,0,.7);
}
.modal-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 70%;
    border-radius: .05rem;
    font-size: .16rem;
    background: #fff;
    text-align: center;
}
.modal-content p:first-child {
    width: 80%;
    word-break: break-all;
    padding-top: .2rem;
    margin: 0 auto;
    color: var(--content--text--color);
}
.modal-content p:last-child {
    padding-top: .1rem;
    padding-bottom: .1rem;
    color: var(--theme--color);
}