body {
    background-color: #1a1a1a;
}

.m-wrap {
    width: 100%;
    padding-bottom: 135px;
    background-color: #1a1a1a;
}

.m-wrap .m-middle {
    margin: 0 auto
}
.m-wrap .banner-img {
    width: 100%;
    margin-bottom: 30px
}

.m-wrap .m-top {
    width: 100%;
    height: 115px;
    background-color: #fff;
    font-size: 28px
}
.m-wrap .m-top .m-middle{
    width: 1180px;
    margin: 0 auto;
}
.m-wrap .m-top .m-logo, .m-wrap .m-top .m-sign, .m-wrap .m-top .m-tab {
    float: left
}

.m-wrap .m-top .m-logo {
    margin-top: 32px;
    margin-left: 12px
}

.m-wrap .m-top .m-logo .logo-img {
    /* width: 190px */
}

.m-wrap .m-top .tab-btn {
    cursor: pointer
}

.m-wrap .m-top .m-tab {
    margin-left: 30px
}

.m-wrap .m-top .m-tab .tab {
    float: left;
    margin: 35px 0;
    padding: 0 32px;
    color: #626262;
    line-height: 45px
}
.m-wrap .m-top .m-tab .li-first{
    border-right:1px solid #acacac;
}


.m-wrap .m-top .m-tab .selected {
    background-color: #5a8fd0;
    color: #fff
}

.m-wrap .m-top .m-sign {
    margin-left: 300px
}

.m-wrap .m-top .m-sign .sign {
    float: left;
    margin: 38px 8px;
    width: 110px;
    height: 36px;
    border: 1px solid #5a8fd0;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #5a8fd0;
    line-height: 36px;
    text-align: center
}

.m-wrap .m-top .m-sign .selected {
    background-color: #5a8fd0;
    color: #fff
}
.m-wrap .m-banner {
    width: 100%;
    min-width: 1180px
}

.m-wrap #home .m-main,.m-wrap #about .m-about {
    width: 1180px;
    margin: 0 auto;
}
.m-wrap #home .m-main .main-list {
    margin: 0 40px;
    overflow: hidden;
    -webkit-background-size: 100% 100%;
    background-size: 100%
}

.m-wrap #home .m-main .text {
    color: #fff;
    font-size: 22px;
    text-indent: 38px;
    line-height: 40px
}

.m-wrap #home .m-main .link {
    display: block;
    margin-top: 30px;
    color: #019fe8;
    font-size: 24px;
    cursor: pointer
}

.m-wrap #home .m-main .first {
    margin-top: 50px;
    padding-bottom: 90px;
    background-image: url(images/2.png);
    border-bottom: 1px dotted #0379b2
}

.m-wrap #home .m-main .first .m-text {
    margin-left: 270px;
    margin-top: 130px
}

.m-wrap #home .m-main .first .link {
    margin-left: 850px
}

.m-wrap #home .m-main .second {
    margin-top: 78px;
    padding-bottom: 40px;
    background-image: url(images/3.png);
    border-bottom: 1px dotted #0379b2
}

.m-wrap #home .m-main .second .m-text {
    margin-top: 110px;
    margin-right: 528px
}

.m-wrap #home .m-main .third {
    overflow: hidden;
    margin-top: 50px;
    padding-bottom: 200px;
    background-image: url(images/4.png)
}

.m-wrap #home .m-main .third .m-text {
    margin-left: 440px;
    margin-top: 155px
}

.m-wrap #home .m-main .third .link {
    margin-left: 850px
}
.m-wrap #about {
    color: #fff;
    font-size: 22px;
    line-height: 42px;
}

.m-wrap #about .m-about {
    padding: 0 48px
}

.m-wrap #about .about-title {
    font-size: 28px;
    line-height:80px;
}

.m-wrap #about .about-text {
    text-indent: 38px;
}

.m-wrap #about .specific {
    margin-top: 70px
}

.m-wrap #login {
    position: relative;
    min-width: 1180px;
    background-color: #141414
}

.m-wrap #login .m-login {
    position: absolute;
    top: 145px;
    left: 67%;
    width: 266px
}

.m-wrap #login .m-login .title {
    margin-bottom: 26px;
    color: #fff;
    font-size: 26px;
    line-height: 32px
}

.m-wrap #login .m-login .input {
    display: block;
    width: 100%;
    height: 32px;
    margin-top: 13px;
    border: 1px solid #c9c9c9;
    font-size: 16px;
    line-height: 32px;
    text-indent: 8px
}

.m-wrap #login .m-login .go-login {
    width: 100%;
    margin-top: 27px;
    margin-bottom: 55px;
    border: none;
    color: #fff;
    font-size: 24px;
    line-height: 43px;
    text-align: center;
    background-color: #2f67c3
}

.m-wrap #login .m-login .go-regist {
    display: block;
    width: 100%;
    color: #019fe8;
    font-size: 20px;
    text-align: center;
    text-decoration: none;
    cursor: pointer
}

.m-wrap #regist .m-regist {
    padding: 0 200px
}

.m-wrap #regist .explain {
    margin-bottom: 45px;
    color: #737373;
    font-size: 22px;
    line-height: 42px
}

.m-wrap #regist .explain .title {
    font-size: 26px
}

.m-wrap #regist .input-title {
    margin-top: 35px;
    margin-bottom: 22px;
    color: #fff;
    font-size: 22px;
    line-height: 32px
}

.m-wrap #regist .input-box {
    display: block
}

.m-wrap #regist .input-box input {
    width: 266px;
    height: 42px;
    margin-bottom: 15px;
    font-size: 20px;
    line-height: 42px;
    text-indent: 8px;
    border: 1px solid #949494
}

.m-wrap #regist .input-box .yanzhengma {
    width: 126px;
    height: 42px;
    margin-left: 14px;
    color: #fff;
    font-size: 20px;
    text-align: center;
    background-color: #2f67c3;
    border: none
}

.m-wrap #regist .pay .toggle-click {
    display: inline-block;
    width: 32px;
    height: 32px;
    line-height: 32px;
    background-image: url(//img.rrzcp8.cn/cp/desktop/activity/88caijin_20161206/temporary/images/noclick.5d894c465b.png)
}

.m-wrap #regist .pay .click {
    line-height: 32px;
    background-image: url(//img.rrzcp8.cn/cp/desktop/activity/88caijin_20161206/temporary/images/click.bf5b38626c.png)
}

.m-wrap #regist .regist-box {
    margin-top: 45px;
    margin-left: 45px
}

.m-wrap #regist .regist-box .regist {
    display: block;
    width: 178px;
    height: 47px;
    color: #fff;
    font-size: 22px;
    line-height: 47px;
    background-color: #2f67c3;
    border: none
}

.m-wrap .holderBox {
    position: relative;
    display: block
}

.m-wrap .holderBox .placeholder {
    position: absolute;
    z-index: 2;
    left: 15px;
    top: 5px;
    color: #979797;
    font-size: 16px
}