@charset "utf-8";

html,body{
    color: #333;
    width: 100%;
    height: 100%;
}


.login-box-body .form-control-feedback{
    left: 0px;
    top: 12px;
}
body .form-group label[class*=" icon-"]+input, body .form-group label[class*=" icon-"]~* input, body .form-group label[class^=icon-]+input, body .form-group label[class^=icon-]~* input {
    padding-left: 40px;
}
.form-control, output {
    font-size: 13px;
    line-height: 1.42857143;
    color: #555;
    display: block;
}
.login-box-body .form-control-feedback, .register-box-body .form-control-feedback {
    font-size: 15px;
}
.social-auth-links .networks {
    background: #f3f7fb;
    padding: 20px;
    text-align: center;
}
.social-auth-links .networks h3 {
    font-size: 14px;
    font-weight: 600;
    margin: 0 auto 10px;
}
.social-auth-links .networks .items {
    padding: 20px 0;
}
.social-auth-links .networks a.item {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    margin: 0 6%;
    border: 2px solid #008df3;
    display: inline-block;
    line-height: 43px;
    font-size: 20px;
}
.social-auth-links .networks a.item:hover {
    background: #008df3;
    color: #fff;
}

.login-box-body, .register-box-body{
    padding-bottom:0px;
}
.login-page, .register-page{
    background-color:#008df3;
}
.login-logo a, .register-logo a {
    color: #FFFFFF;
}

.bi-content .content-wrapper, .bi-view .right-side, .bi-view .main-footer{
    margin-left: 0px!important;
}
.bi-view > .row {
    margin-bottom:6px;
}
.nav-pills>li.active>a{
    font-weight:400;
    font-size:15px;
}
.r3-box-list{
    min-height:600px;
}
.r3-box{
    width:230px;
    float:left;
    margin:10px 5px;
}
.box.box-solid.box-white {
    border: 1px solid #DEDEDE;
}
.box.box-solid.box-white>.box-header {
    border-bottom: 1px solid #DEDEDE;
}
.r3-box .box-body{
    position: relative;
}
.r3-box .small-box{
    margin-bottom:0px;
    padding:0px;
}
.r3-box .inner {
    padding: 14px;
}
.r3-box .small-box-footer{
    color:#000000;
}
.small-box:hover{
    color: #000000;
}
.small-box > .small-box-footer:hover {
    color: #000000;
}
.r3-box .box-title{
    width:180px;
    overflow:hidden;
    text-overflow: ellipsis;
    white-space:nowrap;
}
.r3-box .icon{
    top:-10px;
}
.bi-view .box{
    border:1px solid #d2d6de;
}
.r3-title, .r3-prop-title{
    border-style: none;
}
.minSize{
    width: 1%;
    white-space: nowrap;
    word-break: keep-all;
    padding-right: 10px;
}
.btn-group {
    position: relative;
    display: inline-block;
    white-space: nowrap;
    vertical-align: middle;
}
.minSize a {
    color: #08c;
    font-size: 15px;
}
.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small{
    font-size:45% !important;
}
.r3-user-panel .info{
    padding-left:0px;
}
.r3-user-panel >.image>img{
    max-width:32px;
}
.skin-blue-light .left-footer {
    border-top: 1px solid #d2d6de;
    position: absolute;
    bottom: 0px;
    background-color:#FFFFFF;
    padding-top:10px;
    padding-bottom:10px;
}
.r3-nav{
    font-size:18px;
}
.nav-stacked >li a{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space:nowrap;
}

.nav-pills>li.r3-active>a {
    font-weight: 400;
    font-size: 15px;
}
.nav-stacked>li.r3-active>a, .nav-stacked>li.r3-active>a:hover {
    background: #FFFFFF;
    color: #444;
    border-top: 0;
    border-left-color: #008df3;
}
.nav-pills>li.r3-active>a {
    font-weight: 600;
}
.r3-dataset-title{
    overflow: hidden;
    font-size: 18px;
    color: #333333;
    line-height: 22px;
    text-overflow: ellipsis;
    margin-bottom:0px;
    padding-top:5px;
}
.r3-dataset-desc{
    font-size: 16px;
    color: #999999;
    line-height: 16px;
    margin-top: 10px;
    float: left;
}
.r3-dataset-stats{
    color:#999999;
}
.r3-dataset-icon{
    font-size:30px;
}
.bi-view , .design{
    padding-bottom:40px;
}
.content-view {
    padding-bottom:5px !important;
}
.r3-dataset-row{
    border-bottom:1px solid #DEDEDE;
}
.r3-layout{
    overflow:hidden;
}
.d-content .box{
    margin-bottom:0px;
    border-top:1px;
}
.r3-box .box-title{
    font-size:16px;
}
.r3-box .small-box h3{
    font-size:22px;
}
.r3-dataset-icon{
    text-align: center;
    padding-top: 2px;
    width: 80px;
    padding-right: 0px;
}
.chartdesign{
    overflow:auto;
    background-color:#FFFFFF;
    margin:9px 0 !important;
    border-top:1px solid #d2d6de;
}
.title-panel{
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 40px;
}
.r3-field{
    text-align:left !important;
    margin-bottom:3px;
}
.r3-tool{
    color:#CCCCCC;
}
.r3-field:hover .r3-tool{
    color:#444444;
}
.r3-dropdown-menu{
    border-color: #dddddd;
}
.r3-dropdown-menu>li>a {
    color: #777 !important;
}
.skin-blue-light .r3-dropdown-menu{
    border-top:1px solid #dddddd;
    position: fixed;
    top:136px;
    left:222px;
}
.skin-blue-light .dropdown-menu>li>a:hover {
    background-color: #eeeeee;
    color: #444444;
}
.skin-blue-light .r3-tip-menu>li>a:hover {
    background-color: #FFFFFF !important;
    color: #444444;
}


.r3-design-btn{
    display:none;
}
.r3-title:hover .r3-design-btn{
    display:block;
}
.r3-team-design .r3-title{
    background-image: url(../img/titlehandle.png);
    background-repeat: repeat-x;
}
.r3-team-design .box-body{
    min-height:100px;
}
.r3-design-del{
    display:none;
}
.r3-title:hover .r3-design-del{
    display:block;
}
.box-body{
    color:#444444;
}
.r3-team-field-list{
    min-height:100px;
    max-height:200px;
    overflow-y:auto;
}
.r3-team-field{
    list-style: none;
    padding:0px;
}
.r3-team-field li{
    line-height:30px;
    font-size:15px;
    font-weight:400;
    padding:0 0 0 35px;
}
.r3-team-field li i{
    border:1px solid #cccccc;
    padding:2px;
    font-weight:normal;
    font-size:12px;
    width:30px;
    text-align:center;
}
.r3-team-field li:hover{
    background-color:#DEDEDE;
}
.r3-col .r3-model .r3-chart{
    min-height:240px;
}
.r3-chart{
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    line-height: normal;
}
.box{
    border-top:1px solid #d2d6de;
    box-shadow: 0 0px 0px rgba(0,0,0,0);
    margin-bottom:0px;
}
.r3-text-pos .r3-text-item:first-child {
    border-radius: 5px 0 0 5px;
}
.r3-text-pos .r3-text-item:last-child {
    border-radius: 0 5px 5px 0;
}
.r3-text-pos{

}
.r3-text-pos .r3-text-item {
    display: inline-block;
    cursor: pointer;
    width: 50%;
    height: 74px;
    background: #ffffff;
    margin-right: 0px;
    text-align: center;
    text-align: -webkit-center;
    vertical-align: middle;
}
.r3-text-pos .r3-text-item {
    border: 1px solid #DDDDDD;
    background-color: #f6f6f6;
    position: relative;
    z-index: 0;
    margin-left: -5px;
}
.r3-text-pos .r3-text-item .r3-inner-text {
    margin: 28px 0px 0px 0px;
    text-align: center;
}
.r3-text-pos .r3-text-item .r3-inner-text .r3-text-underline {
    height: 1px;
    background: #DEDEDE;
    width: 36px;
    margin: 0 auto;
}
.r3-text-pos .r3-text-item.selected {
    border: 1px solid #888888;
    background-color: #fff;
    z-index: 1;
}
.r3-text-pos .r3-text-item.selected .r3-inner-text .r3-text-underline {
    background: #272a34;
}
.r3-text-pos .r3-text-item:hover{
    border: 1px solid #888888;
    background-color: #fff;
    z-index: 10;
}
.r3-text-pos .r3-text-item:hover .r3-inner-text .r3-text-underline{
    background: #272a34;
}
.r3-team-design .form-group label{
    font-weight:normal;
}
.r3-team-design .form-group {
    margin-bottom:0px;
}
.r3-selected-text {
    height: 27px;
    margin-top: 1px;
    background: #ffffff;
}
.r3-selected-text .r3-tip-text {
    color: #272a34;
    font-size: 12px;
    padding-top: 7px;
    text-align: center;
}
.r3-title .checkbox{
    margin-top:0px;
}

.r3-text-pos .r3-text-item .r3-inner-image {
    line-height:72px;
    text-align: center;
}
.r3-text-pos .r3-text-item:hover .r3-text-image {
    color:#666666;
}
.r3-text-pos .r3-text-item .r3-text-image {
    font-size:48px;
    color:#DDDDDD;
}
.r3-text-pos .r3-text-item.selected .r3-text-image {
    color:#666666;
}
.login-box, .register-box {
    margin: 5% auto !important;
}

.login-logo, .register-logo {
    font-size: 27px;
    text-align: center;
    margin-bottom: 25px;
    font-weight: 300;
}
.login-box-body, .register-box-body {
    padding: 20px;
    border-top: 0;
    color: #666;
}
.login-reg{
    position: absolute;
    top: 30px;
    right: 20px;
}
.has-feedback {
    margin-bottom: 20px;
}
.has-feedback {
    position: relative;
}
.form-control, output {
    font-size: 13px;
    line-height: 1.42857143;
    color: #555;
    display: block;
}
.login-box-body, .register-box-body {
    padding: 20px;
    border-top: 0;
    color: #666;
}
.error {
    color: red;
}

.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.btn-primary {
    background-color: #008df3;
    border-color: #006fc0;
}

.btn {
    border-radius: 3px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid transparent;
}
.btn-block {
    display: block;
    width: 100%;
}
.btn, .btn-lg {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
}
.btn-primary {
    color: #fff;
}

.form-control-feedback{
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    pointer-events: none;
}
.btm-text{
    text-align:center;
    margin-top:10px;
}


<!-- register  -->
.login-register {
    padding-top: 70px;
    background: #fff url(../images/login_bj.png) no-repeat bottom;
    background-size: 100% auto;
    height: 100%
}

.login-register .logo {
    width: 103px;
    margin: 0 auto;
    margin-bottom: 67px
}

.login-register .logo img {
    width: 100%
}

.login-register ul {
    width: 360px;
    margin: 0 auto
}

.login-register .p-text {
    margin-bottom: 10px;
    color: red;
    display: none
}

.login-register li {
    margin-bottom: 28px;
    position: relative
}

.login-register li .eye {
    display: block;
    width: 50px;
    height: 50px;
    background: #fff url(../images/icon_eye_closed.png) no-repeat 50%;
    position: absolute;
    top: 1px;
    right: 1px
}

.login-register li .eye.m {
    background: #fff url(../images/icon_eye_open.png) no-repeat 50%
}

.login-register input {
    display: block;
    width: 338px;
    height: 51px;
    padding: 0 10px;
    border: 1px solid #e1e1e1;
    border-radius: 3px
}

.login-register select {
    width: 360px;
    height: 51px;
    padding: 0 10px;
    border: 1px solid #e1e1e1;
    -webkit-appearance: none;
    background: #fff url(../img/jt-b.png) no-repeat 98%
}

.login-register button {
    width: 360px;
    height: 51px;
    display: block;
    background-color: #53da9d;
    color: #fff;
    margin: 0 auto;
    font-size: 16px;
    border: none;
    padding: 0;
    border-radius: 3px
}

.login-register p.btm-text {
    text-align: center;
    color: #999;
    margin-top: 22px
}

.login-register p.btm-text a {
    color: #24b8fd;
    font-size: 14px
}

.form-control-code{
    position: absolute;
    z-index: 2;
    display: block;
    line-height: 34px;
    text-align: center;
    left:228px;
    top:3px;
    width:100px;
    height:40px;
    border:1px solid #ccc;
}


@font-face {font-family: "Icon";
    src: url('//at.alicdn.com/t/font_1387863_kfy56plo2fm.eot?t=1567652980963'); /* IE9 */
    src: url('//at.alicdn.com/t/font_1387863_kfy56plo2fm.eot?t=1567652980963#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAVUAAsAAAAACbQAAAUHAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDHAqHJIV/ATYCJAMQCwoABCAFhD0HQhs7CFGUTU6S7AtsG/akyECmo4F+eFfCM/BmuA8AAAAALOCFAxABNcbaE0ykWSh4I5FIJolGUw2NSEhEUmDo8v/5M1trmacCCpvxJVaECv1C9o6z3HkhRI1lJTo83fx7zWHz1YRqAFD/uxucJuBTyIGv//7DEQb/P9fkuzXeG/C3A4BFNmVR096EkiAqKFJ0byA4pJmCV66D2EkPbiagVKc1g9nrxxeYk7m9AsJBVQiYq6jlHiwolhUyE7PwDAWK483wDPCUfD/8sxN4iQoSd+Dy1pWG0699z1VQ/o+tRlo4Wc8IeRoJ40Am7LDmNaPMN26k1IwcmwaKvU8iX/uebT1XeeLeiriYLMTZP14o5IrLQZpUJg+ME+BEvrZwEt8q3BcgziQpJlqYlh6B1L50lMUD2sHueDk+S5GSa9cCSTA8sEAiZctcvx509WoAZUpZtBlqGUbw+OuAGXTlij/FZvyiSf88cd6gvz8cbrJ8VYcpLo+hDCOjgJpLE+1VN0MVIWZ6GKAD6khSEH5djY4fPU0OB9MxiMm8yvBV6ZYhNK0V7lAFdcNx0IJ+n/KSOoPAgCAcorLc8w7oKiZhzLgPjR0gDWxIsCQBW41NHiTHoPuUmwkBTGILEYeojQJAhVmkVlJws2izb+qDW2tNBzYmeiTZk6vkQWL/OkPb1Rlrgcz1o5u9G7S1GFrgFZpMXAO91/VmrTatDtMQ0y/eQmAoXbkCUa66VOT6MHD9WuCARCsbTydj6GLrjFGO4n+ps18JpcGtLMBBxdMHMcgwhGKI9plegIXLWIu55BOPP9tu2/h6YGNzgCcIKsgPQnmMaEEQpOAubmDIixWSOqSvYxeGymUwclFggBHezgGrUCSictomP9q6hXHu8G0n7+jFkj7ALyQpxM8Z4ckXH6FVOSyQxsHZ+IcBLjKzwY8MTgjhhCDcE5KqhHvd2GpixbfHH6axWlO4+Ruq1vutYEH0a5V9FSkH7SQ/fRCeNGsMvM9QUEixk/w1dEwNC6UigTdB9cmEm9kuJc5lNuC9APpFrXksZPLuImEMgn6m+Uf7priQnvQjHm5nq9/Wp0WxGL71BuH1ALQIpzY9O0v4UMGnnpgeZpIgf7gB6lh2cQ6fgra2vqOBPfRLdBAxgEjdQ/RXEYzW5cVn1eeEqDy65svLK/RwkgOWcDF0Z0d4miFxCTQL1iGLxAQLxBMKD+h2MZQQltR22VREX7j1yM1fL14qjzeBFKAURKEGEqMUoj6KbRZaYwZF3xvyoEXfiQ5zbKopwAL8zuTIEpC2h//lgPQgUf6DnVz+pUKr5v+LMb9B2Udre0ycvzI0TuKPxBnN+cdxRhZli+dqcjb4Adu2ZPcl9hrCUk/H/yxErU+yNoDCGGSFA4iKtECSdSOZ1A8FygxDoWwCSo05tJSp+++m5RKMShAGU/oCiCq9QlLsDcmkdyjQ6AMKFfuEUiv+FiwzGExK7TyJSBrlFCvFvfGNccEljX6iIrXCK6zA/UY+VHDh9sZWOXhDPfk5Q0IudmI0aDx3eD15O2pbRuu5JhU3yhjtyeam4W60obiDBTM8IkREQ9IUqiisZ6JAtGCp0f8JKSQtwTO8xPiGQA+qVLRtw1YPciPuewvuFRlkhR0Bi0w3w2MddL27kbSejyHLt6sRJdpQzvBYJzaplBkr3thX2r2TdVDKPT2HGFLIoUA6pH4uW4Twzl7PplYUyrQNAAA=') format('woff2'),
    url('//at.alicdn.com/t/font_1387863_kfy56plo2fm.woff?t=1567652980963') format('woff'),
    url('//at.alicdn.com/t/font_1387863_kfy56plo2fm.ttf?t=1567652980963') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
    url('//at.alicdn.com/t/font_1387863_kfy56plo2fm.svg?t=1567652980963#Icon') format('svg'); /* iOS 4.1- */
}

.Icon {
    font-family: "Icon" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.iconren:before {
    content: "\e729";
}

.iconpassword:before {
    content: "\e684";
}

.iconjieshu1:before {
    content: "\e6c0";
}

.hit10{height: 100%}
.disib{display: inline-block}
.cur{cursor: pointer}

.serviceTerminal{
    width: 100%;
    height: 100%;
    background: #fff;
}

.terminal_item{
    max-width: 350px;
    max-height: 500px;
    height: 100%;
    width: 100%;
    background: url('/static/backlogin_FD/images/logo-bg.png?v=7.10.0') center no-repeat;
    overflow: hidden;
}

.terminal_item .item{
    width: 310px;
    height: 390px;
    background-color: #ffffff;
    box-shadow: 0px 10px 30px 0px
    rgba(16, 139, 147, 0.25);
    border-radius: 15px;
    margin: 20% auto;
    overflow: hidden;
    z-index: 9;
    position: relative;
    font-weight: 500;
}


.logo_img{
    width: 100%;
    text-align: center;
    margin-top: 45px;
}
.logo_img>img{
    width: 70px;
    height: 18px;
    margin: auto;
}


.form_item{
    margin: 23px auto 0;
    width: 268px;
    height: 44px;
    border-radius: 12px;
    border: solid 1px #bfbfbf;
    position: relative;
    background:#fff;
    top: 0;
}


.son-box{
    border: 0 solid transparent;
    top: 1px;
    height: 42px;
    width: 266px;
}

.son-box::after{
    position: absolute;
    content: '';
    top: -1px; bottom: -1px;
    left: -1px; right: -1px;
    background: linear-gradient(135deg,#2c6ee5,#119ae9);
    border-radius: 12px;
    z-index: -1;
}

.form_tip{
    background: #fff;
    font-family: MicrosoftYaHei;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 23px;
    letter-spacing: 1.2px;
    color: #313131;
    padding: 0 6px;
    position: absolute;
    top: -11px;
    left: 24px;
    z-index: 4;
    height: 12px;
    font-weight: 500;
}

.form_item input,.form_item select{
    width: 248px;
    margin-left: 13px;
    height: 33px;
    position: relative;
    top: 6px;
    border: 0;
    padding: 0 17px;
    box-sizing: border-box;
    font-size: 13px;
    z-index: 3;
    font-weight: 500;
}

.form_item select{ padding: 0 13px;}



input[type="checkbox"].switch_2{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 22px;
    height: 6px;
    background: #bfbfbf;
    border-radius: 5px;
    position: relative;
    outline: 0;
    cursor: pointer;
}

input[type="checkbox"].switch_2:before,
input[type="checkbox"].switch_2:after{
    position: absolute;
    content: "";
    -webkit-transition: all .25s;
    transition: all .25s;
}

input[type="checkbox"].switch_2:before{
    width: 13px;
    height: 13px;
    background: #dddede;
    border-radius: 50%;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

/*input[type="checkbox"].switch_2:after{*/
/*    width: 30px;*/
/*    height: 30px;*/
/*    background: #666;*/
/*    border-radius: 50%;*/
/*    top: 50%;*/
/*    left: 10px;*/
/*    -webkit-transform: scale(1) translateY(-50%);*/
/*    transform: scale(1) translateY(-50%);*/
/*    -webkit-transform-origin: 50% 50%;*/
/*    transform-origin: 50% 50%;*/
/*}*/

input[type="checkbox"].switch_2:checked:before{
    left: 9px;
    background: #2c6ee5;
}


/*input[type="checkbox"].switch_2:checked:after{*/
/*    left: 75px;*/
/*    -webkit-transform: scale(0);*/
/*    transform: scale(0);*/
/*}*/


.serviceTerminal .memory{
    width: 100%;
    position: absolute;
    box-shadow: 0px 13px 30px 0px
    rgba(0, 18, 36, 0.15);
    background: #fff;
    z-index: 9999;
    margin-top: 12px;
    max-height: 220px;
    overflow-y: auto;
}

.serviceTerminal .memory-item{
    height: 45px;
    line-height: 45px;
    width: 100%;
    padding: 0 20px;
    box-sizing: border-box;
    cursor: pointer;
}

.serviceTerminal .memory-item:hover{
    background: #ccdeff;
}

.serviceTerminal  .sign_in{
    width: 182px;
    height: 40px;
    background-image: linear-gradient(90deg,
    #00a2d6 0%,
    #38ebf5 100%);
    box-shadow: 0px 5px 15px 0px
    rgba(40, 149, 175, 0.3);
    border-radius: 20px;
    margin:15px auto;
    text-align: center;
    cursor: pointer;
    letter-spacing: 1.6px;
    color: #fff;
    font-size: 16px;
    line-height: 40px;
    font-size: 600;
}

.passImg{
    cursor: pointer;
    position: absolute;
    right: 15px;
    z-index: 10;
    top: 13px;
    width: 17px;
    height: 18px;
}



.verify-wrap{ height:40px;background-color:#e5e5e5;border:1px solid #e0e0e0;margin:5px 0;position:relative;}
.verify-wrap .drag-btn{position:absolute;left:-1px;top:-1px;width:50px;height:40px;background:#fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAiCAYAAAApkEs2AAAA/UlEQVRYhe3XLc9GYBjG8eN6dkdFIQuqoCiCbj6ob2CCIplRaJKqEHT3c/kAz66Xc/fLnvO3UY7N/jNmxDAMF77AQ57iOH53x5/GccTPuyNUcSg1DqXGodQ4lNr/CC3LEsuyaG8mrEKzLEPXdZjnWWszYRXq+z7yPMc0Tej7XnkzYf2Muq6LoiiwrivatsV1XUrby0Mlx3Huu7fvO5qmUd50kL31QgijTdXD+gq/zvNEVVXwPA9pmipvOqxDj+O4Q4IgQJIkypsuq9Bt21DXNaIoug/VzYRVqHw55J0Kw1BrMyHkXyj/3BHiUGocSo1DqXEota8Jvb/18hP16Z7qL3h/w53n4AAAAABJRU5ErkJggg==) no-repeat center center;background-size:100% 100%;z-index:2;cursor:move;}
.verify-wrap .suc-drag-btn{background:#fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAiCAYAAAApkEs2AAACA0lEQVRYhe2Y2yuDYRzHv7PJYc5zKspYSRMymStXu5NCs5W4csEfwJ+gSA53csg1F4R/gSu0OcWSmNIQkfMcEvu9tdpY79793leo91Nbbft993x6nj2/52kal8v1gX+Ajp4sFstve4jidrsR99sSUlFFlUYVVRpVVGl0SnyJ934VaxczOLpdwd3bufBeWnw+StLrYc1tQ3FqnewxZIk+vz9g7rAHO9dL3z67efXBfTkrPCqymtBqGkaiNoU9FnvpSXJyzx5R8itUQ7WU4cIWnT/qhe9xS3I91VKGC0uUfpPbV4uSajUhQ1CGshxYorRxpGDObECf1Ysm40DM2a+wNhPt7mhUZzvhMI1Aq9HBkFgUUzYSrBkNtiDCkGBES/Eg8pLKwiSdplFB8uRhEzMH3RGzsSC7j9oKe1CT4wi0oEZMeRzITy4XJOM0WkFy2uOE//1O7jA8UWrm1CeJ5dMxlGXYoI/PQrd5AQlavagkZTmwlt4UOHGCnPs9wkw+vl0jSZcWdSZDsz8uas1tD3t99rSL8b0W3Lz4cHy/LrrctYEjlQNr6Y2ptag0NIf10gv/Pvo3akRzlOGe++yTyV4yhAJ9leR6qqUMF7YoXTC6zPPChSMaVEO1ci4lstoTDdxROhE4Fjv/9jUvCIkoISPGv7nhq6JKo4oqjSqqNEIfpf8f/zqf+36643RPeo8AAAAASUVORK5CYII=) no-repeat center center;background-size:100% 100%}
.verify-wrap .drag-progress{position:absolute;left:0;top:-1px;height:40px;border-top:1px solid #2c6ee5;border-top:1px solid #2c6ee5;width:0;background-color:#2c6ee5;color:#fff;font-size:18px;text-align:center;line-height:40px}
.verify-wrap .fix-tips,.verify-msg{width:100%;position:absolute;right:0;left:1px;height:100%;color:#9e9e9e;z-index:1;line-height:38px;font-size:12px;text-align:center;    font-weight: 600;}
.verify-wrap .verify-msg{background-color:#2c6ee5;color:#fff;display:none}
.butp{
    width: 200px;
    height: 45px;
    background-image: linear-gradient(90deg,
    #005bea 0%,
    #00c6fb 100%),
    linear-gradient(
            #cecece,
            #cecece);
    background-blend-mode: normal,
    normal;
    border-radius: 48px;
    padding: 0;
    margin: 0;
    line-height: 45px;
    border: 0;
    font-size: 14px;
}