<!doctype html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>registration</title>
    <link rel="stylesheet" href="/uploads/css/style.css">
    <style>
        @charset "utf-8";
        /*@font-face{*/
        /*    font-family:'nc_iconfont';*/
        /*    src:url("//at.alicdn.com/t/font_1465353706_4784257.eot");*/
        /*    src:url("//at.alicdn.com/t/font_1465353706_4784257.eot?#iefix")*/
        /*    format('embedded-opentype'),url("//at.alicdn.com/t/font_1465353706_4784257.woff")*/
        /*    format('woff'),url("//at.alicdn.com/t/font_1465353706_4784257.ttf")*/
        /*    format('truetype'),url("//at.alicdn.com/t/font_1465353706_4784257.svg#iconfont")*/
        /*    format('svg')}@font-face{font-family:'ncpc_iconfont';*/
        /*    src:url("//at.alicdn.com/t/font_384029_rhzpmteb25oecdi.eot");*/
        /*    src:url("//at.alicdn.com/t/font_384029_rhzpmteb25oecdi.eot?#iefix")*/
        /*    format('embedded-opentype'),url("//at.alicdn.com/t/font_384029_rhzpmteb25oecdi.woff")*/
        /*    format('woff'),url("//at.alicdn.com/t/font_384029_rhzpmteb25oecdi.ttf")*/
        /*    format('truetype'),url("//at.alicdn.com/t/font_384029_rhzpmteb25oecdi.svg#ncpc_iconfont")*/
        /*    format('svg')*/
        /*}*/
        .nc-container div#nc-loading-circle {
            background: transparent;
            width: 20px;
            height: 20px;
            display: inline-block;
            position: relative;
            vertical-align: middle
        }

        .nc-container div#nc-loading-circle .sk-circle {
            background: transparent;
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0
        }

        .nc-container #nc-loading-circle .sk-circle:before {
            content: '';
            display: block;
            margin: 0 auto;
            width: 15%;
            height: 15%;
            background-color: #818181;
            border-radius: 100%;
            -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
            animation: sk-circleFadeDelay 1.2s infinite ease-in-out both
        }

        .nc-container #nc-loading-circle .sk-circle2 {
            -webkit-transform: rotate(30deg);
            -ms-transform: rotate(30deg);
            transform: rotate(30deg)
        }

        .nc-container #nc-loading-circle .sk-circle3 {
            -webkit-transform: rotate(60deg);
            -ms-transform: rotate(60deg);
            transform: rotate(60deg)
        }

        .nc-container #nc-loading-circle .sk-circle4 {
            -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            transform: rotate(90deg)
        }

        .nc-container #nc-loading-circle .sk-circle5 {
            -webkit-transform: rotate(120deg);
            -ms-transform: rotate(120deg);
            transform: rotate(120deg)
        }

        .nc-container #nc-loading-circle .sk-circle6 {
            -webkit-transform: rotate(150deg);
            -ms-transform: rotate(150deg);
            transform: rotate(150deg)
        }

        .nc-container #nc-loading-circle .sk-circle7 {
            -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            transform: rotate(180deg)
        }

        .nc-container #nc-loading-circle .sk-circle8 {
            -webkit-transform: rotate(210deg);
            -ms-transform: rotate(210deg);
            transform: rotate(210deg)
        }

        .nc-container #nc-loading-circle .sk-circle9 {
            -webkit-transform: rotate(240deg);
            -ms-transform: rotate(240deg);
            transform: rotate(240deg)
        }

        .nc-container #nc-loading-circle .sk-circle10 {
            -webkit-transform: rotate(270deg);
            -ms-transform: rotate(270deg);
            transform: rotate(270deg)
        }

        .nc-container #nc-loading-circle .sk-circle11 {
            -webkit-transform: rotate(300deg);
            -ms-transform: rotate(300deg);
            transform: rotate(300deg)
        }

        .nc-container #nc-loading-circle .sk-circle12 {
            -webkit-transform: rotate(330deg);
            -ms-transform: rotate(330deg);
            transform: rotate(330deg)
        }

        .nc-container #nc-loading-circle .sk-circle2:before {
            -webkit-animation-delay: -1.1s;
            animation-delay: -1.1s
        }

        .nc-container #nc-loading-circle .sk-circle3:before {
            -webkit-animation-delay: -1s;
            animation-delay: -1s
        }

        .nc-container #nc-loading-circle .sk-circle4:before {
            -webkit-animation-delay: -.9s;
            animation-delay: -.9s
        }

        .nc-container #nc-loading-circle .sk-circle5:before {
            -webkit-animation-delay: -.8s;
            animation-delay: -.8s
        }

        .nc-container #nc-loading-circle .sk-circle6:before {
            -webkit-animation-delay: -.7s;
            animation-delay: -.7s
        }

        .nc-container #nc-loading-circle .sk-circle7:before {
            -webkit-animation-delay: -.6s;
            animation-delay: -.6s
        }

        .nc-container #nc-loading-circle .sk-circle8:before {
            -webkit-animation-delay: -.5s;
            animation-delay: -.5s
        }

        .nc-container #nc-loading-circle .sk-circle9:before {
            -webkit-animation-delay: -.4s;
            animation-delay: -.4s
        }

        .nc-container #nc-loading-circle .sk-circle10:before {
            -webkit-animation-delay: -.3s;
            animation-delay: -.3s
        }

        .nc-container #nc-loading-circle .sk-circle11:before {
            -webkit-animation-delay: -.2s;
            animation-delay: -.2s
        }

        .nc-container #nc-loading-circle .sk-circle12:before {
            -webkit-animation-delay: -.1s;
            animation-delay: -.1s
        }

        @-webkit-keyframes sk-circleFadeDelay {
            0%, 39%, 100% {
                opacity: 0
            }
            40% {
                opacity: 1
            }
        }

        @-webkit-keyframes sk-circleFadeDelay {
            0%, 39%, 100% {
                opacity: 0
            }
            40% {
                opacity: 1
            }
        }

        @keyframes sk-circleFadeDelay {
            0%, 39%, 100% {
                opacity: 0
            }
            40% {
                opacity: 1
            }
        }

        .nc-container .scale_text2 #nc-loading-circle .sk-circle:before {
            background-color: #fff
        }

        .nc_iconfont {
            font-family: "nc_iconfont";
            color: #ff3f08;
            font-size: 16px;
            font-style: normal
        }

        .ncpc_iconfont {
            font-family: "ncpc_iconfont";
            color: #ff3f08;
            font-size: 16px;
            font-style: normal
        }

        .captcha-error .icon_ban {
            float: left;
            font-size: 16px;
            padding-right: 5px;
            line-height: 14px
        }

        .clickCaptcha_text .btn_refresh {
            font-style: normal;
            cursor: pointer;
            background: #fff;
            color: #737383
        }

        .imgCaptcha .btn_refresh {
            font-size: 20px;
            cursor: pointer;
            background: #fff;
            color: #737383
        }

        .nc_voice {
            display: none;
            position: relative;
            margin-top: -34px;
            z-index: 99;
            width: auto;
            height: 34px;
            background: #fff
        }

        .omeo-code-img, .omeo-code-audio {
            font-size: 0;
            text-align: left
        }

        .omeo-code-audiobox, .omeo-code-img a, .omeo-code-audio a, .omeo-code-state {
            display: inline-block;
            *display: inline;
            zoom: 1;
            height: 32px;
            vertical-align: top;
            font-size: 12px
        }

        .omeo-code .omeo-code-refresh {
            background: transparent;
            width: 32px;
            height: 32px;
            font-size: 20px;
            color: #888;
            text-align: center;
            text-decoration: none;
            padding-left: 4px;
            line-height: 32px
        }

        .omeo-code .omeo-switch {
            display: none;
            width: 32px;
            height: 32px;
            border-left: 1px solid #e1e1e1;
            background-image: url("//g.alicdn.com/sd/ncpc/images/checkcode.png");
            background-repeat: no-repeat
        }

        .omeo-img-active .omeo-code-img {
            display: block
        }

        .omeo-img-active .omeo-code-audio {
            display: none
        }

        .omeo-code-img img {
            border: 1px solid #cdcdcd;
            cursor: pointer
        }

        .omeo-code-img .omeo-switch {
            background-position: 9px -41px
        }

        .omeo-audio-active .omeo-code-audio {
            display: block
        }

        .omeo-audio-active .omeo-code-img {
            display: none
        }

        .omeo-code-refresh {
            position: relative;
            left: 95px
        }

        .omeo-code-audiobox {
            position: relative;
            height: 30px;
            line-height: 32px;
            border: 1px solid #e1e1e1;
            text-align: center;
            overflow: hidden;
            left: 100px;
            top: 1px;
            width: 45%;
            min-width: 80px;
            background-color: #eee
        }

        .omeo-code-audiobox a {
            display: block;
            text-decoration: none;
            color: #06c
        }

        .omeo-code-audiobox-playing a {
            visibility: hidden
        }

        .omeo-code-audiobox span, .omeo-code-audiobox b {
            visibility: hidden;
            position: absolute;
            top: 0;
            left: 0;
            height: 30px;
            font-weight: 100;
            overflow: hidden
        }

        .omeo-code-audiobox-playing span, .omeo-code-audiobox-playing b {
            visibility: visible
        }

        .omeo-code-audiobox span {
            z-index: 0;
            width: 0;
            background: #186bca
        }

        .omeo-code-audiobox b {
            width: 100%;
            z-index: 1;
            text-align: left;
            text-indent: 30px;
            color: #999;
            background: url("//g.alicdn.com/sd/ncpc/images/checkcode.png") no-repeat 14px -89px
        }

        .omeo-code-audio .omeo-switch {
            background-position: 5px 10px
        }

        input[type=text]::-ms-clear {
            display: none
        }

        .omeo-box {
            position: relative;
            background-color: #fff
        }

        .omeo-code-echo {
            position: absolute;
            top: 2px;
            left: 2px
        }

        .omeo-code-echo input {
            padding: 5px;
            height: 18px;
            line-height: 18px;
            border: 1px solid #ddd;
            width: 80px;
            outline: 0
        }

        .omeo-code-state {
            height: 30px;
            line-height: 30px;
            text-indent: 25px;
            white-space: nowrap;
            background-image: url("//g.alicdn.com/sd/ncpc/images/checkcode.png");
            background-repeat: no-repeat;
            background-position: 100px 100px
        }

        .omeo-code-echo .omeo-code-state-error {
            width: auto;
            background-position: 7px -193px
        }

        .omeo-code-echo .omeo-code-state-success {
            position: absolute;
            width: 30px;
            background-position: 7px -243px
        }

        .omeo-code-state {
            position: absolute;
            left: 0;
            top: 28px
        }

        .nc_voice_close {
            display: inline-block;
            position: relative;
            cursor: pointer;
            left: 95px;
            top: 0;
            border-left: #ddd 2px solid;
            padding: 0 0 0 7px;
            background-color: #fff;
            font-size: 20px;
            color: #888;
            line-height: 32px
        }

        .nc_help {
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            z-index: 99999
        }

        .nc_help .mask {
            background-color: #000;
            opacity: .5;
            filter: alpha(opacity=50);
            width: 100%;
            height: 100%;
            top: 0;
            left: 0
        }

        .nc_btn_close {
            position: absolute;
            height: 20px;
            left: 500px;
            border-radius: 20px;
            padding: 10px 30px;
            background-color: #aaa;
            color: #fff;
            cursor: pointer;
            z-index: 10
        }

        .nc_btn_close:hover {
            background-color: #afafaf
        }

        .nc_hand {
            position: absolute;
            width: 68px;
            height: 53px;
            background-image: url("//g.alicdn.com/sd/ncpc/images/hand.png");
            z-index: 3
        }

        .nc_slide_bg {
            z-index: 3;
            font-size: 12px;
            text-align: center;
            color: #fff;
            line-height: 34px
        }

        .nc_voicebtn {
            position: absolute;
            padding: 0;
            right: -25px;
            font-size: 23px;
            color: #888;
            cursor: pointer;
            line-height: 34px
        }

        .nc_helpbtn {
            position: absolute;
            cursor: pointer;
            right: -95px;
            top: 4px;
            font-size: 12px;
            background-color: #ffb668;
            color: #fff;
            padding: 4px;
            border-radius: 2px;
            line-height: 18px;
            display: none
        }

        .nc_helpbtn:before {
            width: 0;
            height: 0;
            content: "";
            position: absolute;
            left: -2px;
            top: 6px;
            border-top: 4px solid transparent;
            border-bottom: 4px solid transparent;
            border-right: 4px solid #ffb668
        }

        .nc-container .errloading {
            border: #faf1d5 1px solid;
            text-indent: 3px;
            background-image: none;
            font-size: 12px;
            width: 290px;
            line-height: 20px;
            padding: 7px 5px 8px 5px;
            color: #ef9f06;
        }

        .nc-container .errloading a {
            color: #30a7fc
        }

        .nc_captcha_text .nc_err {
            float: left;
            text-indent: 0
        }

        .button_move {
            transition: left .5s;
            -moz-transition: left .5s;
            -webkit-transition: left .5s;
            -o-transition: left .5s
        }

        .bg_move {
            transition: width .5s;
            -moz-transition: width .5s;
            -webkit-transition: width .5s;
            -o-transition: width .5s
        }

        .nc_slide_box {
            position: absolute
        }

        .nc_captcha_text {
            height: auto;
            line-height: 20px;
            visibility: hidden;
            font-size: 12px;
            color: #999;
            font-weight: normal
        }

        .nc-container .nc_captcha_img_text {
            width: auto;
            height: auto;
            line-height: 20px;
            visibility: hidden;
            font-size: 12px;
            color: #999;
            font-weight: normal;
            display: none;
            padding: 0 0 10px 0;
            background-position: 0 0;
        }

        .nc-container .nc_captcha_img_text span.nc-lang-cnt {
            line-height: inherit
        }

        .nc-container .imgCaptcha .nc_captcha_img_text {
            width: auto
        }

        .nc_captcha_img_text {
            height: auto;
            line-height: 20px;
            visibility: hidden;
            font-size: 12px;
            color: #999;
            font-weight: normal;
            display: none;
            padding: 0 0 10px 3px;
            background-position: 0 0
        }

        .nc-container .nc_wrapper {
            width: auto
        }

        .nc_scale {
            width: auto;
            height: 34px;
            background: #e8e8e8;
            position: relative;
            margin: 0;
            padding: 0
        }

        .nc_scale.is_audio {
            margin-right: 25px
        }

        .nc-container .nc_scale div {
            height: auto
        }

        .nc-container .nc_scale ul {
            list-style: none
        }

        .nc-container .nc_scale .btn_slide {
            color: #737383;
            background-image: none;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale
        }

        .nc-container .nc_scale span {
            text-align: center;
            width: 40px;
            height: 32px;
            line-height: 32px;
            border: 1px solid #ccc;
            position: absolute;
            left: 0;
            cursor: move;
            background: #fff;
            z-index: 2
        }

        .nc-container .nc_scale span.nc-lang-cnt {
            *line-height: 34px;
            float: none;
            width: auto;
            height: auto;
            *height: 34px;
            border: none;
            position: static;
            cursor: inherit;
            background: none;
            z-index: 0;
            display: inline
        }

        .nc_slide_button {
            width: 40px;
            height: 32px;
            border: 1px solid #ccc;
            position: absolute;
            left: 0;
            cursor: move;
            background: #fff url("//g.alicdn.com/sd/ncpc/images/rt.png") no-repeat center;
            z-index: 2
        }

        @media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {
            .nc_scale span {
                height: 32px
            }
        }

        .nc-container .nc_scale .btnok {
            cursor: default;
            background: #fff url("//g.alicdn.com/sd/ncpc/images/yes.png") no-repeat center;
            z-index: 3
        }

        .nc-container .nc_scale .btnok2 {
            cursor: default;
            font-size: 20px;
            background: #fff url("//g.alicdn.com/sd/ncpc/images/no.png") no-repeat center;
            z-index: 3
        }

        .nc-container .nc_scale .btn_warn {
            cursor: default;
            color: #ff3f08;
            line-height: 34px;
            text-align: center;
            font-size: 20px;
            background: #fff;
            z-index: 3
        }

        .nc-container .clickCaptcha_text .btn_refresh {
            font-size: 20px
        }

        .nc-container .clickCaptcha_text .icon_close {
            line-height: 30px;
            margin-left: 8px;
            cursor: default;
            color: #ff3f08;
            font-size: 16px;
            float: left;
            margin-right: 2px;
            background: transparent;
            z-index: 3
        }

        .nc-container .nc_captcha_img_text .icon_close {
            cursor: default;
            color: #ff3f08;
            font-size: 16px;
            float: left;
            margin-right: 4px;
            background: transparent;
            z-index: 3;
            line-height: 18px
        }

        .nc-container .errloading .icon_warn {
            cursor: default;
            color: #ff3f08;
            font-size: 18px;
            float: left;
            background: transparent;
            z-index: 3
        }

        .nc-container .nc_scale .btn_ok {
            cursor: default;
            line-height: 34px;
            text-align: center;
            font-size: 20px;
            background: #fff;
            z-index: 3;
            color: #76c61d
        }

        .nc-container .nc_scale .nc_ok, .nc-container .nc_scale .nc_bg {
            background: #7ac23c
        }

        .nc-container .nc_scale .nc_bg {
            position: absolute;
            height: 100%;
            _height: 34px;
            left: 0;
            width: 10px
        }

        .nc-container .nc_scale div.redbar {
            background: #fc461e;
            opacity: .5;
            filter: alpha(opacity=50)
        }

        .nc-container .nc_scale div.orange {
            background: #f00
        }

        .nc-container .nc_scale .scale_text {
            width: 100%;
            height: 100%;
            text-align: center;
            position: absolute;
            z-index: 1;
            background: transparent;
            color: #9c9c9c;
            line-height: 34px;
            font-size: 12px;
            cursor: pointer
        }

        .nc-container .nc_scale .scale_text2 {
            text-align: left;
            color: #fff;
            font-size: 12px;
            text-indent: 10px
        }

        .nc-container .nc_scale .scale_text2 b {
            padding-left: 0;
            font-weight: normal
        }

        .nc-container .nc_scale .scale_text.scale_loading_text {
            text-align: center
        }

        .nc-container .nc_scale .imgCaptcha, .nc-container .nc_scale .clickCaptcha {
            display: none;
            overflow: hidden;
            border: 1px solid #ccc;
            background: #fff;
            z-index: 20000;
        }

        .nc-container .nc_scale .imgCaptcha p.error span, .nc-container .nc_scale .clickCaptcha p.error span {
            line-height: normal
        }

        .nc-container .nc_scale .imgCaptcha {
            height: auto
        }

        .nc-container .nc_scale .clickCaptcha {
            position: absolute;
            left: 0;
            top: 35px;
            height: 270px;
            background: #fff;
            display: none;
        }

        .nc-container .nc_scale .clickCaptcha p.error i {
            color: #ff3f08;
            font-style: normal
        }

        .nc-container .nc_scale .clickCaptcha div {
            position: static;
            clear: both;
            width: 100%;
            background: #fff;
            height: auto
        }

        .nc-container .nc_scale .clickCaptcha .clickCaptcha_text {
            height: 30px;
            line-height: 30px;
            font-size: 12px;
            color: #999;
        }

        .nc-container .nc_scale .clickCaptcha .clickCaptcha_text b {
            font-weight: normal
        }

        .nc_btn_2 {
            position: absolute;
            right: 0;
            top: 0;
            cursor: pointer;
            margin: 2px 9px 0 0
        }

        .nc_iconfont.nc_btn_2 {
            position: absolute;
            right: 0;
            top: 0;
            cursor: pointer
        }

        .nc_iconfont.nc_btn_1 {
            position: absolute;
            top: 10px;
            right: 5px
        }

        .nc_btn_1 {
            top: 10px;
            right: 10px
        }

        .scale_text i {
            font-style: normal;
            border: none;
            position: static;
            cursor: default;
            color: #fffc00;
            background: none;
            display: inline;
            width: 100%
        }

        .nc-container .clickCaptcha .clickCaptcha_img {
            margin: 0 auto;
            clear: both;
            position: relative;
        }

        .nc-container .clickCaptcha .clickCaptcha_img img {
            width: 230px;
            height: 230px;
            margin-left: 10px;
            margin-top: 5px
        }

        .nc-container .clickCaptcha .clickCaptcha_btn {
            margin: 10px 0 0 15px;
            position: relative;
            text-align: left;
        }

        .nc-container .clickCaptcha .clickCaptcha_btn img {
            cursor: pointer
        }

        .nc-container .imgCaptcha {
            position: absolute;
            left: 0;
            top: 35px;
            height: auto;
            padding-bottom: 15px;
            border: 1px solid #ccc;
            background: #fff;
        }

        .nc-container .imgCaptcha div {
            position: static;
            width: 90%;
            background-color: #fff
        }

        .nc-container .imgCaptcha, .nc-container .clickCaptcha {
            text-align: left;
        }

        .nc-container .imgCaptcha a, .nc-container .clickCaptcha a {
            color: #ff3f08
        }

        .nc-container .imgCaptcha .imgCaptcha_text {
            height: 42px;
            line-height: 42px;
            width: 120px;
            background: #fff;
            font-size: 14px;
            text-align: left;
            color: #747474;
            float: left;
            margin-left: 10px;
        }

        .nc-container .imgCaptcha .imgCaptcha_text input {
            margin-top: 5px;
            height: 30px;
            line-height: 30px;
            font-size: 14px;
            width: 90px;
            background: #fff
        }

        .nc-container .imgCaptcha .imgCaptcha_text input:focus {
            outline: none;
            color: #bbb
        }

        .nc-container .imgCaptcha .imgCaptcha_btn {
            margin: 0 0 0 12px;
            *margin-left: 0;
            clear: both;
            padding-top: 5px;
            width: 90%;
        }

        .nc-container .imgCaptcha .imgCaptcha_btn img {
            cursor: pointer
        }

        .nc-container .imgCaptcha .nc_scale_submit {
            margin: 0 auto;
            cursor: pointer;
            background-color: #fc461e;
            width: 120px;
            height: 32px;
            line-height: 32px;
            color: #fff;
            text-align: center
        }

        .nc-container .imgCaptcha .imgCaptcha_img {
            margin: 4px 0 0 100px;
            height: 40px;
            width: 130px;
            overflow: hidden;
            cursor: pointer;
        }

        .nc-container .imgCaptcha .imgCaptcha_img img {
            width: 130px
        }

        .nc-container .imgCaptcha .imgCaptcha_img input {
            border: solid 1px #ccc
        }

        .nc-lang-ar_MA, .nc-lang-ar_SA, .nc-lang-iw_HE, .nc-lang-iw_IL {
            text-align: right;
            *text-align: left;
        }

        .nc-lang-ar_MA .nc_scale .scale_text2, .nc-lang-ar_SA .nc_scale .scale_text2, .nc-lang-iw_HE .nc_scale .scale_text2, .nc-lang-iw_IL .nc_scale .scale_text2 {
            text-align: right;
        }

        .nc-lang-ar_MA .nc_scale .scale_text2 span, .nc-lang-ar_SA .nc_scale .scale_text2 span, .nc-lang-iw_HE .nc_scale .scale_text2 span, .nc-lang-iw_IL .nc_scale .scale_text2 span {
            *display: inline-block;
            padding: 0 56px 0 0
        }

        .nc-lang-ar_MA .nc_captcha_img_text, .nc-lang-ar_SA .nc_captcha_img_text, .nc-lang-iw_HE .nc_captcha_img_text, .nc-lang-iw_IL .nc_captcha_img_text {
            *text-align: right
        }

        .nc-lang-ar_MA span.nc-lang-cnt, .nc-lang-ar_SA span.nc-lang-cnt, .nc-lang-iw_HE span.nc-lang-cnt, .nc-lang-iw_IL span.nc-lang-cnt {
            text-align: right;
            direction: rtl
        }

        .nocaptcha span.nc-lang-cnt {
            float: none;
            height: auto;
            line-height: 30px
        }

        .nc-container {
            font-size: 12px;
            -ms-touch-action: none;
            touch-action: none;
        }

        .nc-container p {
            margin: 0;
            padding: 0;
            display: inline
        }

        .nc-container .scale_text.scale_text span[data-nc-lang="_startTEXT"] {
            display: inline-block;
            width: 100%
        }

        .nc-container .scale_text.scale_text.slidetounlock span[data-nc-lang="_startTEXT"] {
            background: -webkit-gradient(linear, left top, right top, color-stop(0, #4d4d4d), color-stop(.4, #4d4d4d), color-stop(.5, #fff), color-stop(.6, #4d4d4d), color-stop(1, #4d4d4d));
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            -webkit-animation: slidetounlock 3s infinite;
            -webkit-text-size-adjust: none
        }

        .nc-container .nc_scale .nc-align-center.scale_text2 {
            text-align: center;
            text-indent: -42px
        }

        @-webkit-keyframes slidetounlock {
            0% {
                background-position: -200px 0
            }
            100% {
                background-position: 200px 0
            }
        }

        .nc-container.tb-login .clickCaptcha_text .icon_close {
            line-height: 30px;
            margin-left: 0;
            cursor: default;
            color: #ff3f08;
            font-size: 16px;
            float: left;
            margin-right: 0;
            background: transparent;
            z-index: 3
        }

        .nc-container.tb-login {
            position: relative;
            margin-top: 20px;
            display: none;
        }

        .nc-container.tb-login .nc_scale {
            width: auto;
        }

        .nc-container.tb-login .nc_scale .scale_text2 {
            text-indent: -42px;
            text-align: center;
        }

        .nc-container.tb-login .nc_scale .scale_text2 b {
            padding: 0
        }

        .nc-container.tb-login .nc_scale.nc_err div.scale_text {
            background: #f79977
        }

        .nc-container.tb-login .errloading {
            width: auto
        }

        .nc-container.tb-login .imgCaptcha, .nc-container.tb-login .clickCaptcha {
            width: 252px;
            *width: 256px;
            border: 0;
            *height: 300px;
            min-height: 300px;
            max-height: inherit !important;
        }

        .nc-container.tb-login .imgCaptcha div.login-msg.error, .nc-container.tb-login .clickCaptcha div.login-msg.error {
            background: #fff2f2
        }

        .nc-container.tb-login .imgCaptcha .captcha-error, .nc-container.tb-login .clickCaptcha .captcha-error {
            position: absolute;
            top: 0;
            width: 244px;
            height: auto;
            margin-bottom: 15px;
            padding: 3px;
            border: solid 1px #ff8e8e;
            line-height: 18px
        }

        .nc-container.tb-login .imgCaptcha .captcha-inform, .nc-container.tb-login .clickCaptcha .captcha-inform {
            font-size: 110%;
            margin-left: 20px
        }

        .nc-container.tb-login .imgCaptcha {
            padding-top: 66px;
        }

        .nc-container.tb-login .imgCaptcha .imgCaptcha_text {
            width: 100px;
            margin-left: 0;
        }

        .nc-container.tb-login .imgCaptcha .imgCaptcha_text input:focus {
            color: #000
        }

        .nc-container.tb-login .imgCaptcha .imgCaptcha_img {
            width: 120px;
            _width: 100px
        }

        .nc-container.tb-login .imgCaptcha .imgCaptcha_btn {
            width: 100%;
            margin-left: 0
        }

        .nc-container.tb-login .imgCaptcha .nc_scale_submit {
            width: 100%;
            height: 36px;
            line-height: 36px;
            margin-top: 20px;
            margin-left: 0;
            border-radius: 3px;
            font-size: 16px;
            font-family: Tahoma, Helvetica, Arial, sans-serif;
            background: #ff3f08
        }

        .nc-container.tb-login .clickCaptcha {
            padding-top: 40px;
        }

        .nc-container.tb-login .clickCaptcha .clickCaptcha_text {
            text-indent: 4px
        }

        .nc-container.tb-login .clickCaptcha .clickCaptcha_img img {
            margin-left: 10px
        }

        .nc-container.tb-login .nc_btn_1 {
            top: 77px;
            _top: 57px
        }

        .nc-container.tb-login .nc_btn_2 {
            top: 36px
        }

        .login .nc-container.tb-login .login-msg p, .login-box .nc-container.tb-login .login-msg p {
            width: auto;
            float: left
        }

        .nc-container.tb-login.nc-old-login {
            margin: 20px 0 10px 0;
            width: 250px;
        }

        .nc-container.tb-login.nc-old-login .nc_wrapper {
            width: 250px
        }

        .nc-container.tb-login.nc-old-login .imgCaptcha, .nc-container.tb-login.nc-old-login .clickCaptcha {
            width: 250px;
            min-height: auto;
        }

        .nc-container.tb-login.nc-old-login .imgCaptcha .captcha-error, .nc-container.tb-login.nc-old-login .clickCaptcha .captcha-error {
            line-height: 16px
        }

        .nc-container.tb-login.nc-old-login .clickCaptcha {
            padding-top: 28px;
        }

        .nc-container.tb-login.nc-old-login .clickCaptcha .clickCaptcha_img img {
            width: 200px;
            height: 200px
        }

        .nc-container.nc-old-login.show-click-captcha {
            padding-bottom: 60px
        }

        .nc-container.nc-old-login.show-click-captcha.nc-tm-min-fix {
            padding-bottom: 40px
        }

        .nc-container.tb-login.nc-tm-min-fix .clickCaptcha {
            max-height: 340px !important
        }

        #content .login-box .bd .nc-container.tb-login .login-msg {
            margin: 10px auto 15px auto
        }

        #content .login-box .bd .nc-container.tb-login.nc-old-login.show-click-captcha .login-msg {
            margin: 2px 0 0 0
        }

        .nc-container .nc_scale .nc-cc {
            display: none;
            position: absolute;
            left: 0;
            top: 35px;
            z-index: 20000;
            width: 360px;
            height: 570px;
            border: 1px solid #5eaef1;
            border-radius: 4px;
            background: #fff;
            font-size: 14px;
            line-height: 18px;
            color: #333;
        }

        .nc-container .nc_scale .nc-cc.nc-cc-status-loading .nc-cc-btn, .nc-container .nc_scale .nc-cc.nc-cc-status-verifing .nc-cc-btn {
            background-color: #90c1eb
        }

        .nc-container .nc_scale .nc-cc.nc-cc-status-loading .nc-cc-btn, .nc-container .nc_scale .nc-cc.nc-cc-status-verifing .nc-cc-btn, .nc-container .nc_scale .nc-cc.nc-cc-status-loading .nc-cc-refresh, .nc-container .nc_scale .nc-cc.nc-cc-status-verifing .nc-cc-refresh {
            cursor: default
        }

        .nc-container .nc_scale .nc-cc.nc-cc-status-loading .nc-cc-refresh, .nc-container .nc_scale .nc-cc.nc-cc-status-verifing .nc-cc-refresh {
            color: #999
        }

        .nc-container .nc_scale .nc-cc a {
            color: #3199f4;
            text-decoration: none
        }

        .nc-container .nc_scale .nc-cc .nc_iconfont {
            vertical-align: top;
            margin-right: 8px
        }

        .nc-container .nc_scale .nc-cc-btn {
            display: inline-block;
            *display: inline;
            *zoom: 1;
            vertical-align: top;
            letter-spacing: normal;
            word-spacing: normal;
            width: 100px;
            line-height: 30px;
            text-align: center;
            background-color: #3199f4;
            color: #fff;
            border-radius: 4px;
            cursor: pointer;
        }

        .nc-container .nc_scale .nc-cc-btn.nc-cc-disabled {
            background-color: #90c1eb;
            cursor: default
        }

        .nc-container .nc_scale .nc-cc-btn .nc-lang-cnt {
            line-height: 18px
        }

        .nc-container .nc_scale .nc-cc-header {
            padding: 20px 20px 19px 20px;
            height: 100px;
            background: #f4f8fa;
            border-bottom: 1px solid #ccc
        }

        .nc-container .nc_scale .nc-cc-img1-box {
            float: left;
            width: 100px;
            height: 100px;
            margin-right: 16px
        }

        .nc-container .nc_scale .nc-cc-txt {
            overflow: hidden;
            *zoom: 1;
            line-height: 30px;
            padding-top: 11px
        }

        .nc-container .nc_scale .nc-cc-img2-box {
            position: relative;
            padding: 0 20px;
            margin-top: 20px
        }

        .nc-container .nc_scale .nc-cc-items {
            position: absolute;
            left: 20px;
            _left: 0;
            top: 0;
            width: 320px;
            overflow: hidden
        }

        .nc-container .nc_scale .nc-cc-items-inner {
            margin-right: -20px
        }

        .nc-container .nc_scale .nc-cc-item {
            position: relative;
            display: inline-block;
            *display: inline;
            *zoom: 1;
            vertical-align: top;
            letter-spacing: normal;
            word-spacing: normal;
            margin-right: 10px;
            margin-bottom: 10px;
            border: 1px solid #ccc;
            width: 98px;
            height: 98px;
            background: url("//gtms02.alicdn.com/tps/i2/T1ty2QFNNXXXc6Yc2r-1-1.gif");
        }

        .nc-container .nc_scale .nc-cc-item:hover {
            border-color: #3199f4
        }

        .nc-container .nc_scale .nc-cc-item .nc_iconfont {
            display: none;
            position: absolute;
            right: 0;
            bottom: 0;
            color: #3199f4;
            font-size: 22px;
            margin-right: 0
        }

        .nc-container .nc_scale .nc-cc-item.nc-cc-selected .nc_iconfont {
            display: block
        }

        .nc-container .nc_scale .nc-cc-tip {
            display: none;
            position: absolute;
            left: 0;
            bottom: 60px;
            width: 360px;
            line-height: 18px;
            text-align: center;
            color: #eb4f38;
        }

        .nc-container .nc_scale .nc-cc-tip span {
            line-height: normal
        }

        .nc-container .nc_scale .nc-cc-footer {
            position: absolute;
            left: 0;
            bottom: 20px;
            width: 360px;
            height: 30px;
            line-height: 30px;
            text-align: center;
        }

        .nc-container .nc_scale .nc-cc-footer .nc_iconfont {
            color: #c4cbd0
        }

        .nc-container .nc_scale .nc-cc-refresh, .nc-container .nc_scale .nc-cc-wait {
            position: absolute;
            left: 20px;
            top: 0;
            color: #3199f4;
            cursor: pointer
        }

        .nc-container .nc_scale .nc-cc-wait {
            display: none
        }

        .nc-container .nc_scale .nc-cc-cancel {
            position: absolute;
            right: 20px;
            top: 0;
            color: #3199f4;
            cursor: pointer;
        }

        .nc-container .nc_scale .nc-cc-cancel .nc_iconfont {
            position: relative;
            top: -1px
        }

        .nc-container .nc_scale .nc-cc-loading {
            margin-top: 247px;
            text-align: center;
            line-height: 14px
        }

        .nc-container .nc_scale .nc-cc-loading-img {
            display: inline-block;
            *display: inline;
            *zoom: 1;
            vertical-align: top;
            letter-spacing: normal;
            word-spacing: normal;
            vertical-align: middle;
            background: url("//img.alicdn.com/tps/TB1OdxsKpXXXXcgXFXXXXXXXXXX-14-14.gif") no-repeat;
            width: 14px;
            height: 14px;
            position: relative;
            top: -1px;
            margin-right: 9px
        }

        .nc-container .nc_scale .nc-cc-fail {
            position: absolute;
            left: 50%;
            top: 50%;
            width: 320px;
            height: 180px;
            margin-left: -160px;
            margin-top: -90px;
            background: #fff;
            border-radius: 4px
        }

        .nc-container .nc_scale .nc-cc-fail-inner {
            text-align: center;
            padding: 55px 10px 10px
        }

        .nc-container .nc_scale .nc-cc-fail-action {
            margin: 28px 0 18px;
        }

        .nc-container .nc_scale .nc-cc-fail-action a {
            display: inline-block;
            *display: inline;
            *zoom: 1;
            vertical-align: top;
            letter-spacing: normal;
            word-spacing: normal;
            line-height: 30px;
            margin-left: 16px
        }

        .nc-container .nc_scale .nc-cc-contact {
            text-align: right;
            color: #666;
            padding-right: 9px
        }

        .nc-container .nc_scale .nc-cc-mask {
            display: none;
            position: absolute;
            left: 0;
            top: 0;
            width: 360px;
            height: 570px;
            background: rgba(0, 0, 0, 0.3);
            filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#4C000000', endColorstr='#4C000000');
        }

        :root .nc-container .nc_scale .nc-cc-mask {
            -webkit-filter: none;
            filter: none
        }

        .nc-container .nc_scale .nc-cc-arrow-1, .nc-container .nc_scale .nc-cc-arrow-2 {
            display: none;
            position: absolute;
            top: 340px;
            border: solid transparent;
            height: 0;
            width: 0
        }

        .nc-container .nc_scale .nc-cc-arrow-1 {
            border-width: 16px;
            margin-top: -1px
        }

        .nc-container .nc_scale .nc-cc-arrow-2 {
            border-width: 15px
        }

        .nc-container .nc_scale .nc-cc-right .nc-cc-arrow-1, .nc-container .nc_scale .nc-cc-left .nc-cc-arrow-1, .nc-container .nc_scale .nc-cc-right .nc-cc-arrow-2, .nc-container .nc_scale .nc-cc-left .nc-cc-arrow-2 {
            display: block;
            _display: none
        }

        .nc-container .nc_scale .nc-cc-right {
            left: 180px;
            top: -339px;
        }

        .nc-container .nc_scale .nc-cc-right .nc-cc-arrow-1 {
            border-right-color: #5eaef1;
            left: -32px
        }

        .nc-container .nc_scale .nc-cc-right .nc-cc-arrow-2 {
            border-right-color: #fff;
            left: -30px
        }

        .nc-container .nc_scale .nc-cc-left {
            left: -335px;
            top: -339px;
        }

        .nc-container .nc_scale .nc-cc-left .nc-cc-arrow-1 {
            border-left-color: #5eaef1;
            right: -32px
        }

        .nc-container .nc_scale .nc-cc-left .nc-cc-arrow-2 {
            border-left-color: #fff;
            right: -30px
        }</style>
</head>

<body>
<header>
    <img src="/uploads/sign/1.png">
</header>
<div class="tel">
    <svg t="1574666664432" class="icon" viewBox="0 0 1200 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
         p-id="1961" width="200" height="200">
        <path
            d="M353.7609 781.237718l-0.188774-581.515716c0-14.91308 11.420776-27.655268 20.859435-27.655268H807.94912c10.193751 0 23.407872 13.308508 23.502258 27.466495l-0.471933 581.704489h42.285188l0.471933-581.610103c0-34.639875-30.203705-66.259379-64.560421-67.014471H373.204535c-33.129689 0.660706-59.935478 30.298092-61.82321 63.427781v46.815744l0.094387 538.381049h42.285188z"
            p-id="1962" fill="#858585"></path>
        <path
            d="M353.666513 755.470182l-0.188773 81.266844c0 14.91308 11.420776 27.655268 20.859434 27.655268h433.517559c10.193751 0 23.407872-13.308508 23.502258-27.466494l-0.471932-81.455618H873.07586l0.471932 81.361231c0 34.639875-30.203705 66.259379-64.56042 67.014471H373.110148c-33.129689-0.660706-59.935478-30.298092-61.823209-63.427781v-46.815743l0.094386-38.132178h42.285188zM331.580053 263.904876h521.957785v42.379574h-521.957785zM331.485667 682.603742h521.957784v42.379574h-521.957784z"
            p-id="1963" fill="#858585"></path>
        <path
            d="M592.464559 796.33957m-37.754632 0a37.754632 37.754632 0 1 0 75.509264 0 37.754632 37.754632 0 1 0-75.509264 0Z"
            p-id="1964" fill="#858585"></path>
    </svg>
    <input id="txtTelNumber" type="text" class="telNumber" maxlength="11"
           oninput="value=value.replace(/[^\d]/g,&#39;&#39;)" placeholder="Phone number ">
</div>
<!--滑块-->

<div id="slidingBlock" class=" tel nc-container " style="display:none;" data-nc-idx="1">
    <div id="nc_1_wrapper" class="nc_wrapper">
        <div id="nc_1_n1t" class="nc_scale">
            <div id="nc_1__bg" class="nc_bg"></div>
            <span id="nc_1_n1z" class="nc_iconfont btn_slide"></span>
            <div id="nc_1__scale_text" class="scale_text slidetounlock"><span class="nc-lang-cnt"
                                                                              data-nc-lang="_startTEXT">Press and hold the slider and drag to the far right</span>
            </div>
            <div id="nc_1_clickCaptcha" class="clickCaptcha">
                <div class="clickCaptcha_text">
                    <b id="nc_1__captcha_text" class="nc_captch_text"></b>
                    <i id="nc_1__btn_2" class="nc_iconfont nc_btn_2 btn_refresh"></i>
                </div>
                <div class="clickCaptcha_img"></div>
                <div class="clickCaptcha_btn"></div>
            </div>
            <div id="nc_1_imgCaptcha" class="imgCaptcha">
                <div class="imgCaptcha_text"><input id="nc_1_captcha_input" maxlength="6" type="text"
                                                    style="ime-mode:disabled"></div>
                <div class="imgCaptcha_img" id="nc_1__imgCaptcha_img"></div>
                <i id="nc_1__btn_1" class="nc_iconfont nc_btn_1 btn_refresh"
                   onclick="document.getElementById(&#39;nc_1__imgCaptcha_img&#39;).children[0].click()"></i>
                <div class="imgCaptcha_btn">
                    <div id="nc_1__captcha_img_text" class="nc_captcha_img_text"></div>
                    <div id="nc_1_scale_submit" class="nc_scale_submit"></div>
                </div>
            </div>
            <div id="nc_1_cc" class="nc-cc"></div>
            <i id="nc_1__voicebtn" tabindex="0" role="button" class="nc_voicebtn nc_iconfont" style="display:none"></i>
            <b id="nc_1__helpbtn" class="nc_helpbtn"><span class="nc-lang-cnt" data-nc-lang="_learning">Learn about new features</span></b>
        </div>
        <div id="nc_1__voice" class="nc_voice"></div>
    </div>
</div>
<input id="hidcsessionid" name="hidcsessionid" type="hidden" value="">

<div class="verificationCode" style="height:3rem;">
    <div class="verification">
        <svg t="1574666920744" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
             p-id="12708" width="200" height="200">
            <path
                d="M791.589047 224.121527l-567.979212 0c-30.189886 0-54.751149 24.561263-54.751149 54.751149l0 369.442335c0 30.189886 24.561263 54.751149 54.751149 54.751149l361.357585 0 140.203878 101.008195c5.423946 4.605237 12.178293 6.959025 19.034979 6.959025 3.786528 0 7.675395-0.71637 11.359584-2.251449 11.052568-4.605237 18.113932-15.248451 18.113932-27.222067L773.679792 703.06616l17.909254 0c30.189886 0 54.751149-24.561263 54.751149-54.751149l0-369.442335C846.340196 248.68279 821.778933 224.121527 791.589047 224.121527zM801.311213 648.315011c0 5.219268-4.502898 9.722167-9.722167 9.722167L728.65081 658.037178l0 45.028983 0 0 0 47.996802-129.560664-93.3328-0.409354 0.511693L598.680792 658.037178 223.609834 658.037178c-5.219268 0-9.722167-4.502898-9.722167-9.722167l0-369.442335c0-5.219268 4.502898-9.722167 9.722167-9.722167l567.979212 0c5.219268 0 9.722167 4.502898 9.722167 9.722167L801.311213 648.315011z"
                p-id="12709" fill="#858585"></path>
            <path
                d="M380.69958 429.822107l-40.935439 0c-5.628623 0-10.23386 4.605237-10.23386 10.23386l0 40.935439c0 5.628623 4.605237 10.23386 10.23386 10.23386l40.935439 0c5.628623 0 10.23386-4.605237 10.23386-10.23386l0-40.935439C390.93344 434.427344 386.328203 429.822107 380.69958 429.822107z"
                p-id="12710" fill="#858585"></path>
            <path
                d="M536.254247 439.03258c0-5.628623-4.605237-10.23386-10.23386-10.23386l-40.935439 0c-5.628623 0-10.23386 4.605237-10.23386 10.23386l0 40.935439c0 5.628623 4.605237 10.23386 10.23386 10.23386l40.935439 0c5.628623 0 10.23386-4.605237 10.23386-10.23386L536.254247 439.03258z"
                p-id="12711" fill="#858585"></path>
            <path
                d="M683.621827 439.03258c0-5.628623-4.605237-10.23386-10.23386-10.23386l-40.935439 0c-5.628623 0-10.23386 4.605237-10.23386 10.23386l0 40.935439c0 5.628623 4.605237 10.23386 10.23386 10.23386l40.935439 0c5.628623 0 10.23386-4.605237 10.23386-10.23386L683.621827 439.03258z"
                p-id="12712" fill="#858585"></path>
        </svg>
        <input id="txtPhoneCode" type="text" placeholder=" Input OTP">
    </div>
    <div class="button">
        <button id="numbtn" style="background-color: rgb(227, 193, 132);">OTP</button>
    </div>
</div>
<div class="pswd" style="margin-top:20px;">
    <svg t="1574817177368" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
         p-id="1874" width="48" height="48">
        <path
            d="M860.8 448l-9.6 0c3.2-19.2 6.4-41.6 6.4-64 0-188.8-153.6-336-345.6-336s-345.6 147.2-345.6 336c0 22.4 3.2 41.6 6.4 64l-12.8 0c-54.4 0-96 41.6-96 96l0 320c0 54.4 41.6 96 96 96l700.8 0c54.4 0 96-41.6 96-96l0-320C956.8 489.6 915.2 448 860.8 448zM220.8 444.8c-3.2-19.2-6.4-38.4-6.4-60.8 0-163.2 131.2-288 294.4-288s294.4 128 294.4 288c0 22.4-3.2 44.8-6.4 64l-32 0L224 448 220.8 444.8zM908.8 864c0 25.6-22.4 48-48 48L160 912c-25.6 0-48-22.4-48-48l0-320c0-25.6 22.4-48 48-48l608 0 89.6 0c25.6 0 48 22.4 48 48L905.6 864z"
            p-id="1875" fill="#858585"></path>
        <path
            d="M512 592c-12.8 0-25.6 9.6-25.6 25.6l0 195.2c0 12.8 9.6 25.6 25.6 25.6s25.6-9.6 25.6-25.6l0-195.2C537.6 604.8 524.8 592 512 592z"
            p-id="1876" fill="#858585"></path>
    </svg>
    <input id="txtPswdNumber" type="password" class="pswdNumber" placeholder="Please input a password">
</div>
<div class="pswd pwagain">
    <svg t="1574817177368" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
         p-id="1874" width="48" height="48">
        <path
            d="M860.8 448l-9.6 0c3.2-19.2 6.4-41.6 6.4-64 0-188.8-153.6-336-345.6-336s-345.6 147.2-345.6 336c0 22.4 3.2 41.6 6.4 64l-12.8 0c-54.4 0-96 41.6-96 96l0 320c0 54.4 41.6 96 96 96l700.8 0c54.4 0 96-41.6 96-96l0-320C956.8 489.6 915.2 448 860.8 448zM220.8 444.8c-3.2-19.2-6.4-38.4-6.4-60.8 0-163.2 131.2-288 294.4-288s294.4 128 294.4 288c0 22.4-3.2 44.8-6.4 64l-32 0L224 448 220.8 444.8zM908.8 864c0 25.6-22.4 48-48 48L160 912c-25.6 0-48-22.4-48-48l0-320c0-25.6 22.4-48 48-48l608 0 89.6 0c25.6 0 48 22.4 48 48L905.6 864z"
            p-id="1875" fill="#858585"></path>
        <path
            d="M512 592c-12.8 0-25.6 9.6-25.6 25.6l0 195.2c0 12.8 9.6 25.6 25.6 25.6s25.6-9.6 25.6-25.6l0-195.2C537.6 604.8 524.8 592 512 592z"
            p-id="1876" fill="#858585"></path>
    </svg>
    <input id="txtPswdNumberAgain" type="password" class="pswdNumberAgain"
           placeholder="Please enter the password again">
</div>
<div class="tel" id="RegisterDiv" style="display: none;margin-top:20px;">
    <input id="imgRegisterInput" type="text" placeholder="Registration verification code" style="height:45px">
    <img id="imgRegister" src="https://register007.fsprm.com/index.html?userid=752409436&amp;channelCode=007"
         height="45" style="margin-bottom: -17px; ">
</div>

<div class="recommendid">
    <input id="txtSpreadId" unselectable="on" onfocus="this.blur();" type="text" readonly="" value="recommend ID：0">
</div>


<button class="immediately" style="background-color: rgb(227, 193, 132);">register</button>
<div class="already" style="margin-bottom:30px;">Existing account players <a id="btnAlready"
                                                                             href="http://www.teenpattiqueen.com">Please
        click here</a></div>
{{--<div class="cover">{{ __('auto.请先移动滑块') }}</div>--}}
<div class="cover"></div>
<script src="/uploads/js/um.js" id="AWSC_umidPCModule"></script>
<script src="/uploads/js/collina.js" id="AWSC_uabModule"></script>
<script type="text/javascript" class="nc-required-js-1 nc-awsc-script" src="/uploads/js/awsc.js"></script>
<script src="/uploads/js/initialize.jsonp"></script>
<script src="/uploads/js/jquery-2.1.4.min.js"></script>
<script src="/uploads/js/mobile-detect.min.js"></script>
<script type="text/javascript" charset="utf-8" src="/uploads/js/nc.js"></script>
<style type="text/css" class="nc-style">.nc-container #nc_1_wrapper, .nc-container.tb-login #nc_1_wrapper {
        width: 300px
    }

    .nc-container .imgCaptcha, .nc-container .clickCaptcha {
        width: 298px;
    }

    .nc-container.tb-login .imgCaptcha, .nc-container.tb-login .clickCaptcha {
        width: 300px;
    }

    .nc-container.tb-login .imgCaptcha .captcha-error, .nc-container.tb-login .clickCaptcha .captcha-error {
        width: 292px;
    }

    .nc-container.tb-login .errloading, .nc-container .errloading {
        width: 290px;
    }</style>
<script type="text/javascript">

    //获取验证码 按钮初始灰色
    $("#numbtn").attr("disabled", "true");
    $("#numbtn").css({'background-color': 'gray'});


    //注册按钮 初始灰色
    $(".immediately").attr("disabled", "true");
    $(".immediately").css({'background-color': 'gray'});

    var Index_Global = {
        goUrl: 'https://007.a27x5.com/index2.html',
        postUrl: '',
        webApiUrl: 'http://yindu.test/',
        agentTypeStr: '007',
        slideKey: '',
        isFirst: 1,
        sendValidCode: '123_456',
        JwtSmsData: {
            JwtSecret: '',
            JwtTimeStamp: 0,
            JwtRandomKey: ''
        },
        spreadId: 0,
        quDao: '',
        SendSms: null,
        GetUrlParameterVal: function (parname) {
            var href = "?" + decodeURI(window.location.search.substr(1)).toLowerCase();
            parname = parname.toLowerCase();
            var reg = new RegExp("[&|?]" + parname + "=[^&]*&?");
            var par = href.match(reg);
            if (par != null) {
                par = unescape(par);
                par = par.substr((par.indexOf('=') + 1), (par.length - (par.indexOf('=') + 1))).replace("&", "").replace("?", "");
                return par;
            } else {
                return "";
            }
        },
        Init: null
    }
    //初始化
    Index_Global.Init = function () {
        //$("#slidingBlock").hide();


        // $.ajax({
        //     url: Index_Global.webApiUrl + '/api/v1/SysCon/GetIsValidation',
        //     type: 'get',
        //     data: { "AgentName": Index_Global.agentTypeStr}
        // }).then(function (res) {
        //     console.log(res);
        //     if (res.Code=1 && res.IsValidation == "1") {
        //         $("#slidingBlock").show();
        //     } else {
        //设置发送短信验证码 按钮可用
        var obj = $('#numbtn');
        obj.removeAttr("disabled");
        obj.css({'background-color': '#e3c184'});

        //设置注册验证 按钮可用
        obj = $('.immediately');
        obj.removeAttr("disabled");
        obj.css({'background-color': '#e3c184'});
        //     }
        // });

        Index_Global.spreadId = Index_Global.GetUrlParameterVal('userId') || 0;
        // Index_Global.quDao = Index_Global.GetUrlParameterVal('channelCode');
        $('#txtSpreadId').val('recommend ID：' + Index_Global.spreadId);
    }
    //发短信
    Index_Global.SendSms = function () {
        var postData = {
            AgentName: Index_Global.agentTypeStr,
            JwtRandomKey: Index_Global.JwtSmsData.JwtRandomKey,
            JwtTimeStamp: Index_Global.JwtSmsData.JwtTimeStamp,
            JwtSecret: Index_Global.JwtSmsData.JwtSecret,
        };
        if (!Index_Global.sendValidCode) {
            showTip();
        }
        postData.Phone = $.trim($('#txtTelNumber').val());
        $.extend(postData, Index_Global.JwtSmsData);
        $.ajax({
            url: Index_Global.webApiUrl + '/api/send_code/send',
            type: 'post',
            headers: {agentTypeStr: Index_Global.agentTypeStr},
            data: postData,
            dataType: 'json'
        }).then(function (val) {

            if (val.code == 1) {
                Index_Global.JwtSmsData.JwtSecret = val.JwtSecret;
                Index_Global.JwtSmsData.JwtTimeStamp = val.JwtTimeStamp;
                Index_Global.JwtSmsData.JwtRandomKey = val.JwtRandomKey;
                var obj = $('#numbtn');
                //settime(obj);
            } else {
                showTip(val.msg);
            }
            settimeNumber = true;
        });
    }
    $('#btnAlready').click(function () {
        window.location.href = Index_Global.goUrl + '?userid=' + Index_Global.spreadId + '&channel=' + Index_Global.quDao;
    });
    // 立即注册按钮
    var istrue = true;
    $('.immediately').on('click', function () {
        var device_type = navigator.userAgent;//获取userAgent信息  ;
        var md = new MobileDetect(device_type);//实例化mobile-detect
        var MobileBrand = md.mobile();   //手机型号
        var MobileModel = md.phone();    //手机品牌
        var device_type = md.os();       //设备类型

        if (istrue) {
            var code = $.trim($("#hidcsessionid").val());
            var postData = {
                Phone: '',
                AgentName: Index_Global.agentTypeStr,
                PhoneCode: '',
                Password: '',
                SpreadID: Index_Global.spreadId,
                QuDao: Index_Global.quDao,
                JwtTimeStamp: Index_Global.JwtSmsData.JwtTimeStamp,
                JwtSecret: Index_Global.JwtSmsData.JwtSecret,
                MobileBrand: MobileBrand,   //手机型号
                MobileModel: MobileModel,   //手机品牌
                device_type: device_type    //设备类型
            };
            var tel = $.trim($('#txtTelNumber').val()),
                psw = $.trim($('#txtPswdNumber').val())
            pswa = $.trim($('#txtPswdNumberAgain').val()),
                securityCode = $.trim($('#txtPhoneCode').val());
            postData.Password = psw;
            postData.PhoneCode = securityCode;
            postData.Phone = tel;
            postData.validatecode = code;

            if (!(psw == pswa)) {
                showTip('The two passwords are inconsistent');
                return;
            }
            if (tel && psw && pswa) { //&& securityCode) {
                istrue = false;
                $.ajax({
                    url: Index_Global.webApiUrl + '/api/register/index',
                    type: 'post',
                    headers: {agentTypeStr: Index_Global.agentTypeStr},
                    data: postData,
                    dataType: "json"
                }).then(function (res) {
                    if (res.Code == 200) {
                        showTip(res.msg);
                        window.location.href = Index_Global.goUrl + '?userid=' + Index_Global.spreadId + '&channel=' + Index_Global.quDao + '&registerid=' + res.Value;
                    } else {
                        showTip(res.msg);
                    }
                    istrue = true;
                })
            } else {
                showTip('Please complete');
            }
        } else {
            showTip('Do not click repeatedly');
        }

    })

    // $('.cover').fadeIn(2000);
    // $('.cover').fadeOut(300);
    var countdown = 60;
    var settimeNumber = true;
    //获取验证码
    $('#numbtn').on('click', function () {

        $("#numbtn").attr("disabled", "true");
        $("#numbtn").css({'background-color': 'gray'});

        var obj = $('#numbtn');
        settime(obj);

        if (settimeNumber) {
            var postData = {

                phoneNum: $.trim($('#txtTelNumber').val()),

            };
            if (!Index_Global.sendValidCode) {

                showTip();
            }
            settimeNumber = false;

            $.ajax({
                url: Index_Global.webApiUrl + '/api/send_code/send',
                type: 'post',
                headers: {agentTypeStr: Index_Global.agentTypeStr},
                data: postData,
                dataType: 'json'
            }).then(function (val) {

                if (val.code == 200) {

                } else {
                    showTip(val.msg);
                }
                settimeNumber = true;

            })
        } else {
            showTip('Do not click repeatedly');
        }

    });

    function settime(obj) { //发送验证码倒计时
        if (countdown == 0) {
            Index_Global.isFirst = 1;
            obj.attr('disabled', false);
            obj.removeAttr("disabled");
            obj.css({'background-color': '#e3c184'});
            obj.html('Get verification code');

            countdown = 60;
            return;
        } else {
            //obj.attr('disabled', true);
            obj.html('Resend(' + countdown + ')');
            countdown--;
        }
        setTimeout(function () {
                settime(obj)
            }
            , 1000)
    }

    var timer;

    function showTip(msg) {
        clearTimeout(timer);
        $(".cover").text(msg);
        $(".cover").fadeIn(300);
        timer = setTimeout(
            function () {
                $(".cover").fadeOut(300);
            }, 2000)
    }

    $('.telNumber').on('input, focus, keyup', function (ev) {

        console.log($(this).val())
        ev.stopPropagation();
    });


    //滑块JS
    var csessionid = "";
    var sig = "";
    var nc_token = ["FFFF0N00000000009807", (new Date()).getTime(), Math.random()].join(':');
    var scene = "nc_message";


    var NC_Opt =
        {
            renderTo: "#slidingBlock",
            appkey: "FFFF0N00000000009807",
            scene: scene,
            token: nc_token,
            customWidth: 300,
            trans: {"key1": "code0"},
            elementID: ["usernameID"],
            is_Opt: 0,
            language: "cn",
            isEnabled: true,
            timeout: 3000,
            times: 5,
            apimap: {},
            callback: function (data) {
                // window.console && console.log(nc_token)
                // window.console && console.log(data.csessionid)
                // window.console && console.log(data.sig)
                // //阿里短信人机验证
                // $.post(Index_Global.webApiUrl + '/api/v1/ManMachineVerification/GetAliVerificationCode',
                //     {
                //         csessionid: data.csessionid,
                //         sig: data.sig,
                //         nc_token: nc_token,
                //         scene: scene,
                //         tel: $.trim($('#txtTelNumber').val())
                //     },
                //     function (data) {
                //         if (data.Code == 1) {
                //
                //             $('#hidcsessionid').val(data.AuthCode);
                //
                //             //设置发送短信验证码 按钮可用
                //             var obj = $('#numbtn');
                //             obj.removeAttr("disabled");
                //             obj.css({ 'background-color': '#e3c184' });
                //
                //             //设置注册验证 按钮可用
                //             obj = $('.immediately');
                //             obj.removeAttr("disabled");
                //             obj.css({ 'background-color': '#e3c184' });
                //         }
                //         else {
                //             showTip(data.Msg);
                //         }
                //     },
                //     "json"
                //
                // );
            }
        }
    var nc = new noCaptcha(NC_Opt)
    nc.upLang('cn', {
        _startTEXT: "Press and hold the slider and drag to the far right",
        _yesTEXT: "Verification passed",
        _error300: "Oh, there's a mistake. Click<a href=\"javascript:__nc.reset()\">Refresh</a>Once more",
        _errorNetwork: "The network suck up, please.<a href=\"javascript:__nc.reset()\">Refresh</a>",
    })


    Index_Global.Init();
</script>


<script></script>
</body>
</html>
