@charset "utf-8";

body {
    background: #fff
}

.hide {
    display: none
}

.main {
    width: 8.53333333rem;
    margin: 0 auto;
    overflow: hidden
}

.banner,.banner img {
    width: 100%
}

.nav {
    font-size: 0;
    padding: .53333333rem 0 .26666667rem;
    text-align: center;

}

.nav .nav-item {
    display: inline-block;
    text-decoration: none;
    width: 33.33333333%;
    text-align: center;
    margin-bottom: .26666667rem
}

.nav .nav-item i {
    display: block;
    margin: 0 auto;
    width: 1.33333333rem;
    height: 1.33333333rem;
    background: url(../images/icon.png) no-repeat;
    background-size: 100%;
    transform: scale(.95)
}

.nav .nav-item:nth-child(1) i {
    background-position: 0 -1.33333333rem
}

.nav .nav-item:nth-child(2) i {
    background-position: 0 -4rem
}

.nav .nav-item:nth-child(3) i {
    background-position: 0 -6.66666667rem
}

.nav .nav-item p {
    font-size: .32rem;
    color: #bfbfbf
}

.nav .nav-current:nth-child(1) i,.nav .nav-item:active:nth-child(1) i {
    background-position: 0 0
}

.nav .nav-current:nth-child(2) i,.nav .nav-item:active:nth-child(2) i {
    background-position: 0 -2.66666667rem
}

.nav .nav-current:nth-child(3) i,.nav .nav-item:active:nth-child(3) i {
    background-position: 0 -5.33333333rem
}

.nav .nav-current p,.nav .nav-item:active p {
    color: #daa363
}

.content-wrap {
    position: relative
}

.content {
    display: none
}

.content .content-item {
    margin-bottom: .4rem
}

.cjm-btn {
    background: #daa363
}

.cjm-input {
    background: #eee;
    color: #999;
    border: 1px solid #aaa
}

.cjm-input::-webkit-input-placeholder {
    color: #999
}

.cjm-input:-ms-input-placeholder {
    color: #999
}

.cjm-input::placeholder {
    color: #999
}

.cjm-footer,.cjm-footer a {
    color: #ccc
}

.register-success-title {
    font-size: .50666667rem
}

.register-success-account,.register-success-warn {
    font-size: .46666667rem;
    text-align: left
}

.register-success-warn {
    color: orange
}

.content-wrap .wx-content {
    width: 100%;
    position: relative;
    height: 5.33333333rem
}

.content-wrap .wx-content img {
    height: 4.8rem;
    width: 9.4rem;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto
}