html, body {
    width: 100%;
    /* height: 100%; */
}

/*公共样式*/
.img {
    width: 100%;
    height: 100%;
}
.overHide{
    overflow: hidden;
    /* height: 49.9rem; */
    background: #2758a5;
}
/*css样式*/
a{
    color: #222;
}
.clientContent {
    display: block;
    position: absolute;
    width: 1rem;
    height: 1rem;
    top: .5rem;
    right: .2rem;
    z-index: 91;
}
.bannerUser {
    position: absolute;
    /* top: 0.1rem; */
    /* right: .32rem; */
}
.bannerUserImg {
    background: #fff;
    width: .7rem;
    height: .7rem;
    border-radius: 50%;
    overflow: hidden;
}
.header-logined-list {
    display: none;
    position: absolute;
    z-index: 100;
    top: 1rem;
    right: 0;
    width: 2.4rem;
    height: auto;
    background: #fff;
    border-radius: .1rem;
    -webkit-border-radius: .1rem;
    -o-border-radius: .1rem;
    -moz-border-radius: .1rem;
    -ms-border-radius: .1rem;
}
.header-logined-list li {
    width: 1.7rem;
    height: .9rem;
    margin: 0 auto;
    border-bottom: 1px solid #e6e6e6;
    font-size: .28rem;
    text-align: center;
    line-height: .9rem;
}
.dropdown {
    width: .38rem;
    height: .26rem;
    line-height: 0;
    position: absolute;
    top: -.26rem;
    right: .6rem;
}

.home {
    width: 100%;
    /* height: 56.5rem; */
    position: relative;
    padding-bottom: 1.1rem;
    /* background: url("https://uimg.gximg.cn/v/res/202007/09-14/cetbg.jpg") no-repeat center center; */
    background-size: contain;
}
.home-posi{
    padding-top: 6.75rem;
}
.one {
    width: 100%;
    height: 12.29rem;
}
.two {
    position: relative;
    width: 6.75rem;
    display: none;
    margin: 0 auto .5rem;
}
.manOne,.manTwo,.manThree {
    width: 1.16rem;
    height: 1.16rem;
    position: absolute;
    top: 1.46rem;
    border-radius: 50%;
    overflow: hidden;
}
.manOne{
    left: .39rem;
}
.manTwo {
    left: 2rem;
}
.manThree {
    left: 3.56rem;
}
.light-open{
    width: .8rem;
    position: absolute;
    top: 1.5rem;
    right: 2.2em;
}

.friend-help{
    font-size: .23rem;
    color: #FFFFFF;
    letter-spacing: 0.02rem;
    /*width: 3.75rem;*/
    position: absolute;
    top: 0.8rem;
    left: .39rem;
}
.three {
    width: 100%;
    height: 4.37rem;
}

.four {
    width: 100%;
    height: 5.99rem;
}

.five {
    width: 100%;
    height: 4.16rem;
}

.six {
    width: 100%;
    height: 4.9rem;
}

.seven {
    width: 100%;
    height: 6.59rem;
}

.eight {
    width: 100%;
    height: 8.97rem;
}

/*底部按钮*/
.button-bot {
    font-size: 0;
    display: block;
    width: 100%;
    height: 1.1rem;
    line-height: 1.1rem;
    position: fixed;
    bottom: 0;
}

.left-box, .right-box {
    display: inline-block;
    width: 50%;
    height: 100%;
    background: #FFFFFF;
    font-family: SourceHanSansCN-Normal;
    font-size: .35rem;
    color: #DB5359;
    letter-spacing: 0;
    text-align: center;
}

.right-box {
    background: #DB5359;;
    color: #ffffff;
}

.success-button{
    display: none;
    text-align: center;
    width: 100%;
    height: 1.1rem;
    line-height: 1.1rem;
    position: fixed;
    bottom: 0;
    font-size: .35rem;
    background:#DB5359;
    color: #ffffff;
}
/*弹窗*/
.mask-box {
    display: none;
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(28, 22, 22, 0.69);
    border: 1px solid #979797;
}

.mask-box .filp-box {
    width: 5.39rem;
    /*height: 6.97rem;*/
    /*background: #FFFFFF;*/
    border-radius: 10px;
    position: absolute;
    top: 2rem;
    left: 50%;
    margin-left: -2.685rem;
}

.filp-pic {
    width: 100%;
    height: 3.6rem;
}

.filp-title, .filp-pro {
    ont-family: SourceHanSansCN-Normal;
    font-size: .255rem;
    color: #373946;
    letter-spacing: 0;
    text-align: center;
    line-height: .476rem;
}

.filp-title {
    margin-top: .43rem;
}

.filp-pro {
    font-weight: bold;
}

.filp-button {
    display: block;
    margin: .5rem auto 0;
    width: 3.45rem;
    height: .765rem;
    background: transparent;
    font-size: .2975rem;
    color: #FFFFFF;
    letter-spacing: 0;
    text-align: center;
    border: none;
    outline: none;
    border-radius: 50px;
    position: absolute;
    top: 6.4rem;
    left: 1rem;
}

.exit {
    border: 1px solid #ffffff;
    position: absolute;
    top: 9.5rem;
    left: 50%;
    margin-left: -.38rem;
    width: .765rem;
    height: .765rem;
    line-height: .7rem;
    text-align: center;
    border-radius: 50%;
    font-size: .6rem;
    color: #ffffff;
}
/*alert*/
.mask-alert,.mask{
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
    position: absolute;
    top: 0;
    left: 0;
}
.mask-alert{
    z-index: 91;
}
.alert{
    width: 6rem;
    height: 2.47rem;
    position: fixed;
    top: 5%;
    left: 16%;
    z-index: 999;
}
/*助力成功*/
.success{
    display: none;
    line-height: .8rem;
    text-align: center;
    width:2.5rem;
    height: .8rem;
    margin-left: -1.25rem;
    margin-top: -.4rem;
    font-size: .35rem;
    background: rgba(0,0,0,0.5);
    position: fixed;
    top: 50%;
    left: 50%;
    color: #ffffff;
    border-radius: 5px;
}
.success-two{
    width: 5.5rem;
    margin-left: -2.75rem;
}
.success-three{
    width: 5.5rem;
    height: 1.3rem;
    margin-left: -2.75rem;
    line-height: .6rem;
    text-align: center;
}