* {
    margin: 0;
    padding: 0;
    outline: none;
}

body {
    line-height: 1.5;
    font-family: Arial, Helvetica, STHeiTi, sans-serif;
    background: #fff;
}

ul,
ol,
li {
    list-style: none;
}

a {
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

a:hover {
    text-decoration: none;
}

html {
    font-size: 50px
}

body {
    font-size: 24px
}

@media screen and (min-width:320px) {
    html {
        font-size: 21.33px
    }
    body {
        font-size: 12px
    }
}

@media screen and (min-width:360px) {
    html {
        font-size: 24px
    }
    body {
        font-size: 12px
    }
}

@media screen and (min-width:375px) {
    html {
        font-size: 25px
    }
    body {
        font-size: 12px
    }
}

@media screen and (min-width:384px) {
    html {
        font-size: 25.6px
    }
    body {
        font-size: 14px
    }
}

@media screen and (min-width:400px) {
    html {
        font-size: 26.67px
    }
    body {
        font-size: 14px
    }
}

@media screen and (min-width:414px) {
    html {
        font-size: 27.6px
    }
    body {
        font-size: 14px
    }
}

@media screen and (min-width:424px) {
    html {
        font-size: 28.27px
    }
    body {
        font-size: 14px
    }
}

@media screen and (min-width:480px) {
    html {
        font-size: 32px
    }
    body {
        font-size: 15.36px
    }
}

@media screen and (min-width:540px) {
    html {
        font-size: 36px
    }
    body {
        font-size: 17.28px
    }
}

@media screen and (min-width:720px) {
    html {
        font-size: 48px
    }
    body {
        font-size: 23.04px
    }
}

@media screen and (min-width:750px) {
    html {
        font-size: 50px
    }
    body {
        font-size: 24px
    }
}

.container {
    width: 100%;
    max-width: 750px;
    height: 100%;
    margin: 0 auto;
    background: #fff;
    padding-bottom: 2.8rem;
}

.header {
    width: 100%;
    height: 4.08rem;
    background-color: #3667CD;
    padding-top: 1rem;
}

.head-portrait {
    float: left;
    width: 2.96rem;
    height: 2.96rem;
    border-radius: 50%;
    overflow: hidden;
    margin-left: .8rem;
}

.head-portrait img {
    width: 2.96rem;
    width: 2.96rem;
}

.head-login {
    float: left;
    width: 10.5rem;
    height: 2.96rem;
    overflow: hidden;
    margin-left: .4rem;
}

.click-login {
    line-height: 2.96rem;
    font-size: .72rem;
    font-weight: 400;
}

.click-login a {
    color: #FFFFFF;
}

.login-success {
    position: relative;
}

.login-success .head-name {
    font-size: .72rem;
    font-weight: 400;
    color: #FFFFFF;
    padding-top: .56rem;
}

.login-success .head-phone {
    font-size: .48rem;
    font-weight: 400;
    color: #B2CFFF;
    margin-top: .16rem;
}

.login-success .head-phone i img {
    display: inline-block;
    width: .64rem;
    height: .64rem;
    vertical-align: middle;
    margin-top: -.1rem;
}

.login-success .head-arrow {
    position: absolute;
    top: 1rem;
    right: 0;
}

.login-success .head-arrow img {
    width: .96rem;
    height: .96rem;
}

.power {
    width: 100%;
    height: 4.08rem;
    text-align: center;
}

.power img {
    width: 100%;
    height: auto;
}

.main {
    width: 90%;
    height: auto;
    margin: 0 auto;
}

.info-list {
    padding-bottom: .5rem;
    border-bottom: 1px solid #F1F1F1;
}

.info-list ul li {
    font-size: .6rem;
    font-weight: 400;
    color: #1C1C1C;
    margin-top: 1.16rem;
}

.info-list ul li a {
    display:block;
    width:100%;
    color: #1C1C1C;
}

.info-list ul li a i {
    display: inline-block;
    width: .96rem;
    height: .96rem;
    vertical-align: middle;
    margin: -.1rem .2rem 0 0;
}

.info-list ul li a i img {
    width: .96rem;
    height: .96rem;
}

    .info-list ul li a span {
        float: right;
        width: .64rem;
        height: .64rem;
        vertical-align: middle;
        /*margin: -.1rem .2rem 0 0;*/
        margin: .1rem .2rem 0 0;
    }

.info-list ul li a span img {
    width: .64rem;
    height: .64rem;
}

.customer {
    font-size: .6rem;
    font-weight: 400;
    color: #1C1C1C;
    margin-top: .68rem;
}

.customer a {
    color: #3667CD;
}

.customer i {
    display: inline-block;
    width: .96rem;
    height: .96rem;
    vertical-align: middle;
    margin: -.1rem .2rem 0 0;
}

.customer i img {
    width: .96rem;
    height: .96rem;
}

.mask {
    position: absolute;
    width: 100%;
    height: 100%;
   
}
    .mask a {
        width: 100%;
        height: 100%;
        display: block;
    }
.customer-phone {
    position: absolute;
    z-index: 9999;
}