.re-popbox {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    z-index: 1100;
    top: 0;
    left: 0
}

.login-new-child {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin: 0;
    padding-top: 68px;
    width: 650px;
    height: 500px;
    background: #fff;
    border-radius: 8px;
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .4);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .4)
}

.re-popbox .close-pop {
    width: 25px;
    height: 24px;
    background: url(/home-static/images/icon-close.png) no-repeat;
    background-size: contain;
    position: absolute;
    right: 26px;
    top: 26px;
    display: block
}

.login-new-child .login-ibaotu-logo {
    width: 255px;
    height: 66px;
    background: url(/templets/1m_img/logo1.png) no-repeat;
    background-size: contain;
    margin: 0 auto
}

.login-new-line {
    width: 529px;
    height: 1px;
    margin: 49px auto;
    background: -webkit-gradient(linear, left top, right top, from(hsla(0, 0%, 89.8%, 0)), color-stop(50%, #e5e5e5), to(hsla(0, 0%, 89.8%, 0)));
    background: linear-gradient(90deg, hsla(0, 0%, 89.8%, 0), #e5e5e5 50%, hsla(0, 0%, 89.8%, 0));
    position: relative
}

.login-new-line > span {
    display: block;
    width: 170px;
    height: 20px;
    line-height: 20px;
    background: #fff;
    position: absolute;
    top: -10px;
    left: 0;
    right: 0;
    margin: 0 auto;
    font-size: 12px;
    color: #999;
    text-align: center;
    letter-spacing: 1px
}

.login-new-child .login-in-way {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: auto;
    text-align: center;
    /*margin-top: 59px*/
}

.login-in-way > a {
    position: relative;
    width: auto;
    height: auto
}

.login-in-way > a .sub-text-2 {
    position: absolute;
    font-size: 12px !important;
    margin-top: 4px !important;
    color: #d0d0d0 !important
}

.login-in-way > a:nth-of-type(2) {
    margin: 0 57px
}

.login-in-way > a > p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    border: 1px solid #e7e7e7;
    border-radius: 100%;
    overflow: hidden;
    background-color: #fff
}

.login-in-way .in-way-QQ > p {
    border: 1px solid rgba(35, 191, 54, .2)
	background-color: #23BF36;
}

.login-in-way .in-way-WX > p {
    border: 1px solid rgba(18, 150, 219, .2)
}

.login-in-way .in-way-SJ > p {
    border: 1px solid rgba(255, 145, 0, .2)
}

.login-in-way > a > p > i {
    display: inline-block;
    line-height: inherit;
    vertical-align: middle;
    width: auto;
    height: auto;
    background: unset
}

.login-in-way > a > p > i.icon-weixin {
    /*margin-top: -10px;*/
    color: #fff;
    font-size: 32px
}

.login-in-way > a > p > i.icon-qq {
    color: #fff;
    font-size: 32px
}



.in-way-QQ:hover p {
    background-color: #23bf36
}

.in-way-WX p {
    background-color: #1296db
}

.in-way-SJ {
    position: relative;
	cursor: pointer
}

/*.in-way-SJ:before {*/
/*    content: "";*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 50%;*/
/*    -webkit-transform: translate(-50%, -100%);*/
/*    transform: translate(-50%, -100%);*/
/*    width: 74px;*/
/*    height: 39px;*/
/*    background: url(/home-static/images/icon-tuijian.png) no-repeat;*/
/*    background-size: contain*/
/*}*/

.login-in-way .in-way-SJ p {
    background-color: #ee8800
}
.login-in-way .in-way-SJ p i{color:#fff;font-size:32px;}
.login-in-way a:hover.in-way-SJ p {
    background-color: #ee8800
}

.in-way-QQ:hover p i.icon-weixin, .in-way-SJ:hover p i.icon-shouji, .in-way-WX:hover p i.icon-qq {
    color: #fff
}

.login-in-way > a > span {
    display: block;
    width: 100%;
    font-size: 16px;
    color: #838383;
    letter-spacing: 1px;
    margin-top: 14px;
    text-align: center
}
.fast-reg .login-in-way{text-align:center;}
.fast-reg .login-in-way a{display: inline-block;}
.fast-reg .login-in-way a span{font-size:14pxl}
.mobile-new-child {
    padding-top: 32px;
    width: 600px;
    height: 526px;
    background: #fff;
    border-radius: 8px;
    -webkit-box-shadow: 0 0 15px rgba(4, 0, 0, .4);
    box-shadow: 0 0 15px rgba(4, 0, 0, .4);
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: -263px auto 0
}

.mobile-new-child .login-ibaotu-logo {
    width: 220px;
    height: 52px;
    margin: 0 auto;
    background: url(/templets/1m_img/logo1.png) no-repeat;
    background-size: contain;
}

.mobile-new-child .mobile-new-nav {
    width: 456px;
    height: 60px;
    margin: 10px auto 0;
    border-bottom: 2px solid #e4e4e4
}

.mobile-new-nav > li {
    width: 100%;
    float: left;
    font-size: 16px;
    color: #999;
    text-align: center;
    line-height: 58px;
    letter-spacing: 1px;
    cursor: pointer
}

.mobile-new-nav > li.mo-active, .mobile-new-nav > li:hover {
    color: #ff9100;
    border-bottom: 2px solid #ff9100
}

.cell-phone-box, .phone-veri-box {
    width: 456px;
    height: 48px;
    border-bottom: 1px solid #c9c9c9
}

.mobile-new-lore {
    margin-top: 26px;
    display: none
}

.mobile-new-child .new-lore-dis {
    display: block
}

.mobile-new-lore .cell-phone-box {
    position: relative;
    margin: 0 auto 28px
}

.cell-phone-box .icon-phone {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 12px;
    left: 0;
    background: url(/home-static/images/mobile-icon.png) no-repeat 50%;
    background-size: cover
}

.cell-phone-box .danger {
    width: 456px;
    height: 24px;
    border: none;
    font-size: 14px;
    color: #222;
    padding-left: 36px;
    margin-top: 11px
}

.cell-phone-box .warning-text {
    position: absolute;
    left: 0;
    bottom: -22px;
    font-size: 14px;
    color: #fd6a6a;
    letter-spacing: 1px;
    display: none
}

.mobile-new-lore .slide-veri-box {
    width: 456px;
    height: 40px;
    margin: 0 auto;
    background: #000
}

.mobile-new-lore .phone-veri-box {
    position: relative;
    margin: 15px auto 0
}

.phone-veri-box .icon-veri {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 12px;
    left: 0;
    background: url(/home-static/images/yzm-icon.png) no-repeat 50%;
    background-size: cover
}

.phone-veri-box .danger3 {
    width: 456px;
    height: 24px;
    border: none;
    font-size: 14px;
    color: #222;
    padding-left: 36px;
    margin-top: 11px
}

.phone-veri-box .warning-text3 {
    position: absolute;
    left: 0;
    bottom: -22px;
    font-size: 14px;
    color: #fd6a6a;
    text-indent: 5px;
    letter-spacing: 1px;
    display: none
}

.phone-veri-box .veri-btn {
    border: none;
    position: absolute;
    font-size: 14px;
    color: #ff9100;
    top: 13px;
    right: 0;
    background: none;
    cursor: pointer
}

.phone-veri-box .warning-text2 {
    position: absolute;
    left: 0;
    bottom: -22px;
    font-size: 14px;
    color: #fd6a6a;
    letter-spacing: 1px;
    display: none
}

.mobile-new-lore .resi-text {
    width: 456px;
    font-size: 12px;
    color: #ccc;
    letter-spacing: 1px;
    margin: 24px auto 0
}

.mobile-new-lore .resi-text > a {
    color: #ccc
}

.mobile-new-lore .resi-text2 {
    width: 456px;
    font-size: 14px;
    color: #ff9100;
    letter-spacing: 1px;
    margin: 22px auto 0;
    height: 19px;
    line-height: 19px
}

.mobile-new-lore .resi-text2 > input {
    margin-right: 2px;
    margin-top: -2px;
    vertical-align: middle
}

.phone-login-but:hover {
    opacity: .8
}

.mobile-new-lore .phone-login-but {
    display: block;
    margin: 20px auto 0;
    width: 270px;
    height: 45px;
    font-size: 18px;
    color: #fff;
    text-align: center;
    line-height: 45px;
    border-radius: 23px;
    -webkit-transition: all .2s;
    transition: all .2s
}

.mobile-new-lore .mobile-other-log {
    width: 456px;
    height: 21px;
    margin: 30px auto 0
}

.mobile-other-log > span {
    float: left;
    width: 50%;
    line-height: 21px;
    color: #ccc;
    display: block;
    text-align: left;
    font-size: 14px
}

.mobile-other-log > div {
    height: 21px;
    float: left;
    width: 50%;
    text-align: right
}

.mobile-other-log > div > a {
    display: inline-block;
    height: 21px;
    margin-left: 20px
}

.mobile-other-log > div > a > i {
    height: 21px;
    display: inline-block;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%
}

.mobile-other-log > div > a > i.icon-wechat {
    width: 27px;
    background-image: url(/home-static/images/icon_whui.png)
}

.mobile-other-log > div > a > i.icon-wechat:hover {
    background-image: url(/home-static/images/icon_wcai.png)
}

.mobile-other-log > div > a > i.icon-qqs {
    width: 20px;
    background-image: url(/home-static/images/icon_qhui.png)
}

.mobile-other-log > div > a > i.icon-qqs:hover {
    width: 20px;
    background-image: url(/home-static/images/icon_qcai.png)
}

.login-new-child .hongbao {
    font-size: 12px;
    color: #999;
    display: block;
    text-align: center;
    margin-top: 44px
}

.login-new-child .protocol-link {
    font-size: 16px;
    color: #ccc;
    display: block;
    text-align: center;
    /*margin-top: 39px*/
}

.protocol-link > a {
    color: #999;
	font-size: 16px;
}
.protocol-link > a i{padding-right:2px;}
.re-popbox.sem {
    background: rgba(0, 0, 0, .78)
}

.re-popbox.sem .close-pop {
    display: none
}

.login-new-line > span.sem {
    width: 216px;
    font-size: 14px
}


.protocol-link .icon-gouxuan1, .protocol-link .icon-weigouxuan, .resi-text .icon-gouxuan1 {
    font-size: 12px;
    cursor: pointer
}

.protocol-link .icon-gouxuan1, .resi-text .icon-gouxuan1 {
    color: #ff9100
}

.resi-text .icon-gouxuan1 {
    margin-right: 3px
}

.protocol-link .icon-weigouxuan {
    color: #ccc
}

.login-Toast {
    display: none;
    width: 276px;
    height: 80px;
    background: rgba(0, 0, 0, .6);
    border-radius: 10px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 1111;
    text-align: center;
    line-height: 80px;
    font-size: 14px;
    color: #fff
}

.login-Toast i {
    color: #ff9100;
    font-weight: 100;
    font-size: 36px;
    line-height: 0;
    display: inline-block;
    vertical-align: middle
}

.bd-login-1 .login-new-line, .bd-login-2 .login-new-line {
    margin: 36px auto 0
}

.bd-login-1 .mobile-new-lore {
    margin-top: 36px
}

.bd-login-1 .mobile-new-child {
    margin: auto !important;
    padding-top: 50px !important;
    width: 500px !important;
    height: 630px !important;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.bd-login-1 .cell-phone-box, .bd-login-1 .phone-veri-box, .bd-login-1 .resi-text, .bd-login-1 .slide-veri-box {
    width: 360px !important
}

.bd-login-1 .slide-veri-box {
    height: 40px !important
}

.bd-login-1 .cell-phone-box, .bd-login-1 .phone-veri-box {
    margin: 24px auto !important;
    height: 50px !important;
    border: 1px solid #ececf0 !important
}

.bd-login-1 .phone-veri-box:before {
    content: "";
    position: absolute;
    top: 13px;
    right: 130px;
    width: 1px;
    height: 20px;
    background: #ececf0
}

.bd-login-1 .cell-phone-box .icon-phone, .bd-login-1 .phone-veri-box .icon-veri {
    left: 8px
}

.bd-login-1 .cell-phone-box .danger, .bd-login-1 .phone-veri-box .danger3 {
    width: 350px !important
}

.bd-login-1 .phone-veri-box .veri-btn {
    margin: auto 14px
}

.bd-login-1 .mobile-new-lore .phone-login-but {
    margin-top: 35px;
    width: 200px !important;
    height: 45px !important;
    line-height: 45px !important
}

.other-login-method .method-list {
    margin-top: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.method-list .method-item {
    margin: auto 15px;
    display: block;
    width: 46px;
    height: 46px;
    text-align: center;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}



    .re-popbox .login-new-child {
        padding-top: 45px;
        width: 676px;
        height: 450px
    }

    .re-popbox .login-new-child .close-pop {
        top: 22px;
        right: 22px;
        width: 22px;
        height: 21px
    }

    .re-popbox .login-new-child .login-ibaotu-logo {
        width: 225px;
        height: 58px
    }

    .re-popbox .login-new-child .login-new-line {
        width: 467px;
        margin-top: 43px
    }

    .re-popbox .login-new-child .login-in-way {
        margin-top: 52px;
		margin-bottom:40px;
    }

    .re-popbox .login-new-child .login-in-way > a > p {
        width: 100px;
        height: 100px;
    }

    .re-popbox .login-new-child .login-in-way > a > p > i {
        font-size: 50px
    }

  
    .re-popbox .login-new-child .login-in-way > a > span {
        margin-top: 12.5px;
        font-size: 14px
    }

    .re-popbox .login-new-child .login-in-way > a:nth-of-type(2) {
        margin: 0 80px
    }

    .re-popbox .login-new-child .login-in-way .in-way-SJ:before {
        width: 65px;
        height: 34.5px
    }

    .re-popbox .login-new-child .protocol-link {
        /*margin-top: 34px*/
    }

    .re-popbox .mobile-new-child {
        width: 500px;
        height: 420px;
        margin-top: -200px
    }

    .cell-phone-box, .mobile-new-lore .slide-veri-box, .phone-veri-box {
        width: 356px;
        height: 38px
    }

    .cell-phone-box .danger, .phone-veri-box .danger3 {
        width: 356px
    }

    .mobile-new-child .mobile-new-nav {
        width: 356px;
        height: 40px
    }

    .mobile-new-nav > li {
        height: 40px;
        line-height: 38px
    }

    .mobile-new-lore .mobile-other-log, .mobile-new-lore .resi-text, .mobile-new-lore .resi-text2 {
        width: 356px
    }

    .mobile-new-lore .phone-login-but {
        width: 200px;
        height: 45px;
        line-height: 45px
    }


.gradient-hor-og {
    background: #ffae12;
    background: -moz-linear-gradient(left, #ffae12 0, #f07d17 100%);
    /*background: -webkit-gradient(linear, left, right, color-stop(0, #ffae12), color-stop(100%, #f07d17));*/
    background: -webkit-linear-gradient(left, #ffae12 0, #f07d17 100%);
    background: -o-linear-gradient(left, #ffae12 0, #f07d17 100%);
    background: -ms-linear-gradient(left, #ffae12 0, #f07d17 100%);
    background: -webkit-gradient(linear, left top, right top, from(#ffae12),
    to(#f07d17));
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #ffae12), to(#f07d17));
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #ffae12), to(#f07d17));
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #ffae12), to(#f07d17));
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #ffae12), to(#f07d17));
    background: linear-gradient(to right, #ffae12 0, #f07d17 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#ffae12, endColorstr=#f07d17);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=1, startColorstr=#ffae12, endColorstr=#f07d17)";
}


.login-in-way .wx-bang p{background-color:#23BF36;}
.login-in-way a:hover.wx-bang p{background-color:#23bb22;}
.login-in-way .auth-type-QQ p{background-color:#1296DB}
.login-in-way a:hover.auth-type-QQ p{background-color:#2299dd}

.re-popbox .login-new-child .fl{float:left;}
.re-popbox .login-new-child .fr{float:right;}
.mima-login{margin-right:80px;}
.auth-type-reg span{color:#EE8800;}


@media screen and (max-width: 680px) {
   .re-popbox .login-new-child {
        width:95%;
    }
.re-popbox .login-new-child .login-in-way > a:nth-of-type(2) {
    margin: 0 50px;
}

.re-popbox .login-new-child .login-in-way > a > p {
    width: 60px;
    height: 60px;
}
.re-popbox .login-new-child .login-in-way > a > p > i {
    font-size: 30px;
}
.mima-login {
    margin-right: 50px;
}

.re-popbox .login-new-child{height:400px;}

.re-popbox .mobile-new-child {
    width: 95%;
    height: 420px;
    margin-top: -200px;
}

}