.hide {
    display: none;
}

.g-fl {
    float: left;
}

.g-fr {
    float: right;
}

.flex {
    display: flex;
    flex-flow: row inwrap;
    justify-content: flex-start;
}

.c:before, .c:after {
    content: "";
    display: table;
}

.c:after {
    clear: both;
}

.c {
    zoom: 1;
}

.flex {
    display: flex;
    flex-flow: row inwrap;
    justify-content: flex-start;
}

.flex.spb {
    justify-content: space-between;
}

.chi-item.flex.spb{
    justify-content: flex-start;
    height: 0.85rem;
}

.up-letter.flex.spb{
    justify-content: center;
}

.t {
    text-indent: -9999rem;
    display: block;
}
.privilege-guide-bg{
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background:rgba(0, 0, 0, 0.7);
    z-index: 200;
}

.sur{
    background: url(https://image-1251917893.file.myqcloud.com/2021/act/gp/a20210702privilegeAct/sur.png) no-repeat center;
    background-size: 4.28rem auto;
}
.pop-bg-box{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.pop1-dw{
    width: 11.42rem;
    height: 6.18rem;
    background: url(https://image-1251917893.file.myqcloud.com/2021/act/gp/a20210702privilegeAct/pop1.png) no-repeat center;
    background-size: 11.42rem auto;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -5.71rem;
    margin-top: -3.09rem;
}

.close-btn{
    width: .8rem;
    height: .8rem;
    background-position: -.35rem -.7rem;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
}
.pad-nei{
    padding: 1.14rem 1.08rem 0 1.99rem;
    box-sizing: border-box;
    margin-bottom: .1rem;
}
.pad-nei ul{
    margin-bottom: .1rem;
}
.chi-item{
    padding: .11rem 0;
}
.chi-item li{
    display: flex;
    flex-flow: row inwrap;
    justify-content: flex-start;
    position: relative;
    width: 33.33%;
    padding: 0 .16rem;
    align-items: center;
}
.chi-item li:after{
    content: '';
    width: 1px;
    height: .24rem;
    background: #cdd1e6;
    position: absolute;
    right: 0;
}
.chi-item li:nth-child(3n):after{
    background: none;
}
.chi-item li img{
    width: .64rem;
    height: .64rem;
}
.chi-font{
    padding: 0.05rem 0;
    margin-left: 0.08rem;
}
.chi-font h4{
    font-size: .2rem;
    color: #4e5fa2;
    width: 1.38rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
}
.chi-font p{
    font-size: .18rem;
    color: #787b89;
    width: 1.38rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
}
.chi-item li i{
    width: .3rem;
    height: .3rem;
    display: inline-block;
    background-position: 0 -1.37rem;
}
.chi-item li i.not{
    background-position: 0 -.89rem;
}
.qx-btm-box{
    position: absolute;
    right: 1.06rem;
    bottom: 0.88rem;
    text-align: right;
    z-index: 10;
}
.qx-btm-box a{
    width: 1.1rem;
    height: .3rem;
    line-height: .3rem;
    font-size: .18rem;
    display: inline-block;
    text-align: center;
    color: #50669f;
    background: #ccd3e2;
}
.hy-btm-box{
    position: absolute;
    bottom: .15rem;
    width: 100%;
    left: 0;
}
.hy-btm-box a{
    width: 2.1rem;
    height: .61rem;
    display: block;
    margin: 0 auto 0.13rem;
    background-position: -0.08rem -0.09rem;
}
.hy-btm-box p{
    font-size: .18rem;
    color: #b6bed2;
    text-align: center;
}

.pop2-dw{
    width: 6.85rem;
    height: 4.24rem;
    background: url(https://image-1251917893.file.myqcloud.com/2021/act/gp/a20210702privilegeAct/pop2.png) no-repeat center;
    background-size: 6.85rem auto;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -3.425rem;
    margin-top: -2.125rem;
}
.pop2-dw .close-btn{
    right: -1rem;
}
.up-letter{
    width: 4.65rem;
    margin: 0 auto;
}
.up-letter li{
    text-align: center;
}
.up-letter li h4{
    font-size: .2rem;
    margin-top: .05rem;
    color: #4e5fa2;
    width: 1.53rem;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    -webkit-line-clamp:1;
}
.up-letter li p{
    font-size: .18rem;
    color: #787b89;
}
.up-letter li img{
    width: .64rem;
    height: .64rem;
}
.n-pop2{
    padding: 1.07rem 0  0 1rem;
    box-sizing: border-box;
}
.n-pop2>p{
    text-align: center;
    color: #777671;
    margin-top: .2rem;
}
.n-pop2 span{
    color: #51659d;
}
.n-pop2 a{
    width: 1.94rem;
    height: .59rem;
    display: block;
    margin: 0.1rem auto 0;
    background-position: -2.32rem -.12rem;
}