﻿/*
    created 2018-6-7
    register.html
*/
body{
    background-color: #f0f3f5;
}
.nav{
    height: 150px;
    text-align: center;
    padding-top: 49px;
}
.registerbox{
    width: 100%;
}
.register{
    width: 1200px;
    margin: 0 auto;
    background-color: #fff;
    padding:15px 50px 33px;
}
.register-head{
    height: 96px;
    line-height: 96px;
    border-bottom: 1px solid #f0f3f5;
}
.register-head span{
    float: left;
}
.register-head span.fr{
    float: right;
    font-size: 14px;
    color: #5e6e82;
}
.fr a{
    color: #FF6666;
    margin-left: 8px;
}
.imgspan{
    width: 32px;
    height: 32px;
    background: url("../image/login_sprite_img.png") no-repeat -10px -10px;
    margin: 32px 20px 0px 0px;
}
.weltext{
    font-size: 26px;
    color: #2d3137;
}
.register-content{
    width: 450px;
    padding-top: 49px;
    margin: 0 auto;
}
.register-title{
    position: relative;
    height: 19px;
    line-height: 19px;
    font-size: 16px;
    color: #FF6666;
    padding-left: 77px;
    margin-bottom: 36px;
}
.register-title i{
    position: absolute;
    left: 48px;
    top: 1px;
    width: 19px;
    height: 17px;
    background: url("../image/login_sprite_img.png") no-repeat -51px -10px;
}
input::-webkit-input-placeholder{
    font-size: 16px;
    color: #9ea8b4;
}
input::-moz-placeholder{
    font-size: 16px;
    color: #9ea8b4;
}
input:-ms-input-placeholder{
    font-size: 16px;
    color: #9ea8b4;
}
.user-prompt ul li{
    margin-bottom: 14px;
}
.user-prompt ul li input{
    width: 428px;
    height: 44px;
    line-height: 44px;
    padding-left: 20px;
    border:1px solid #dbe2e8;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    outline: none;
}
.user-prompt input:focus,.verify-number:focus{
    border-color: #FF6666;
}
.user-prompt ul li p{
    font-size: 14px;
    color: #FF6666;
    margin-top: 5px;
}
.verify input{
    float: left;
    width: 258px;
    height: 44px;
    line-height: 44px;
    padding-left: 20px;
    border:1px solid #dae2e8;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    outline: none;
}
.verify-number{
    float: right;
    width: 150px;
    height: 48px;
    border:1px solid #dae2e8;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.verify-number img{
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.nextstep{
    margin-top: 24px;
}
.nextstep button{
    width: 100%;
    height: 46px;
    line-height: 46px;
    font-size: 16px;
    color: #ffffff;
    background-color: #FF6666;
    border:1px solid #FF6666;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    outline: none;
    cursor: pointer;
}
.tips{
    height: 58px;
    line-height: 58px;
    font-size: 14px;
    color: #5e6e82;
}
.tips a{
    color: #FF6666;
}
.footer-bottom{
    height: 100px;
    text-align: center;
    padding-top: 27px;
    border-top: 1px solid rgba(255,255,255,.1);
}
.footer-bottom p{
    line-height: 26px;
    font-size: 14px;
    color: #9ea8b4;
}
.footer-bottom p span{
    margin-left: 17px;
}
.footer-bottom p span.police-icon{
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../image/index_sprite_img.png) no-repeat -400px -537px;
    vertical-align: top;
}

/*new _se */
.ver-set-input{
    font-size: 14px;
    color: #FF6666;
    margin-top: 5px;
}
.inCon{ width:700px; padding-bottom:70px; margin:0 auto; overflow:hidden; background:#fff; margin-top:3px}
.tit{ display:block; border-bottom:1px solid #f5f5f5; height:70px; line-height:70px; color:#2d2d2d; font-size:19px; text-align:center}
.ins{ width:380px; margin:0 auto; /*padding:50px 0 10px 0;*/ overflow:hidden}
.erInfo{ display:block; height:26px; line-height:26px; text-align:left; color:#ff4539; font-size:14px; _background:url(about:blank);}
.erInfo a{ color:#2b7de1; transition:all linear .2s; line-height:26px; font-size:14px}
.erInfo a:hover{ color:#025ecc}
.rows{ overflow:hidden; position:relative; padding:10px 0 0 0}
.rows .ipts{ border:1px solid #c1c1c1; height:42px; border-radius:3px; overflow:hidden; position:relative; left:0; top:0; transition:all linear .2s}
.rows .ipts .ipt{ position:absolute; left:45px; top:10px; height:20px; right:20px; overflow:hidden}
.rows .ipts input{ display:block; height:22px; line-height:22px; width:80%; border:0; position:absolute; left:0; top:0; outline:none; font-size:14px; color:#7d7d7d}
.xyRow{ height:26px; line-height:26px; text-align:center; overflow:hidden; display:block; color:#7e7e7e;font-size:12px;}
.xyRow a{ font-size:12px; color:#ff6900; line-height:26px}
.xyRow a:hover{ text-decoration:underline}
.secC{ height:26px; line-height:26px; text-align:left; color:#7d7d7d; font-size:14px; padding-bottom:15px}
.secC span{ color:#ff6900}
.codes .sendBtn{ display:block; border-radius:3px; color:#ff6900; border:1px solid #ff6900; width:130px; height:40px; line-height:40px; text-align:left; transition:all linear .2s; position:absolute; right:0; top:10px; cursor:pointer; text-align:center; font-size:14px}
.msd{ height:26px; text-align:left; overflow:hidden; display:block; padding:2px 0 0 0}
.msd a{ font-size:13px; color:#ff6900; line-height:26px}
.msd a:hover{ text-decoration:underline}
.sucIcon{ display:block; padding:20px 0 30px 0; height:32px; background:url(https://cache.ziyun.com/www/images/sucIcon.jpg) no-repeat center 20px;}
.txtCons{ display:block; text-align:center; line-height:160%; color:#7d7d7d; font-size:14px; font-weight:bold}
.txtCons a{ line-height:160%; color:#ff6900; font-size:14px; font-weight:bold; text-decoration:underline}
.getting{ padding:0; font:16px/62px microsoft yahei; color:#fff; height:62px; background:#c6c7c8;}
.xy_info{ border:1px solid #DBDADA; height:300px; overflow-y:scroll; padding:10px 20px; display: none; line-height:20px;text-align: left; font-size:13px;margin-top:10px;}
.regBtn{ border-radius:3px; display:block; border:0; width:100%; overflow:hidden; cursor:pointer; outline:none; height:40px; line-height:40px; font-size:14px; color:#fff; background:#ff6666; transition:all linear .2s; margin:50px 0 0 0}
.regBtn:hover{ background:#e56061}
.getcode {
    margin-top: 24px;
}
.getcode .codeBtn {
    border-radius: 3px;
    display: block;
    border: 0;
    width: 100%;
    overflow: hidden;
    cursor: pointer;
    outline: none;
    height: 46px;
    color: #5E6D81;
    line-height: 46px;
    font-size: 16px;
    background-color: #fff;
    border: 1px solid #DBE1E8;
}
.getcode .codeBtn:hover {
    color: #FF6666;
    border: 1px solid #FF6666;
}
.get_number {
    position: absolute;
    right: 1px;
    top: 1px;
    color: #BDC5D3;
    font-size: 16px;
    color: #FF6666;
}

.ipts{
    position: relative;
}

.sendBtn {
    border-radius: 0 3px 3px 0;
    display: block;
    border: 0;
    padding: 0 16px;
    overflow: hidden;
    cursor: pointer;
    outline: none;
    height: 44px;
    color: #5E6D81;
    line-height: 44px;
    font-size: 16px;

}
.sendBtn:hover{
    color: #ff6666;
}
.getting{
    color: #ff6666;
    background-color: #c6c7c8;
}


/* ÐÂ°æ rightBar 2023-6-13 start */
.contact-bar {
    position: fixed;
    right: 24px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 48px;
    z-index: 1000;
}
.contact-bar .contact-bar-top {
    padding: 12px 0px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    -o-border-radius: 24px;
    border-radius: 24px;
    background-color: #FFF;
    border: 1px solid #FFF;
    box-shadow: 0px 8px 40px 0px rgba(30, 35, 45, 0.08);
}
.contact-bar .contact-bar-top:hover{
    background: linear-gradient(0deg, #FFFFFF,#F0F2F5);
}
.contact-bar .contact-bar-item {
    position: relative;
    margin-bottom: 4px;
}
.contact-bar .contact-bar-item:last-child {
    margin-bottom: 0px;
}
.contact-bar .contact-bar-item .item-icon {
    width: 100%;
    height: 48px;
}
.contact-bar .contact-bar-item .item-icon.item-icon-phone {
    background: url(../image/right-bar-phone.png) no-repeat center;
}
.contact-bar .contact-bar-item .item-icon.item-icon-phone:hover {
    background: url(../image/right-bar-phone-active.png) no-repeat center;
}
.contact-bar .contact-bar-item .item-icon.item-icon-wechat {
    cursor: pointer;
    background: url(../image/right-bar-wechat.png) no-repeat center;
}
.contact-bar .contact-bar-item .item-icon.item-icon-wechat:hover {
    background: url(../image/right-bar-wechat-active.png) no-repeat center;
}
.contact-bar .contact-bar-item .item-icon.item-icon-service a {
    display: block;
    width: 100%;
    height: 100%;
    background: url(../image/right-bar-form.png) no-repeat center;
}
.contact-bar .contact-bar-item .item-icon.item-icon-service a:hover {
    background: url(../image/right-bar-form-active.png) no-repeat center;
}
.contact-bar .contact-bar-item .item-bubble {
    display: none;
}
.contact-bar .contact-bar-item:hover .item-bubble {
    display: block;
}
.contact-bar .contact-bar-item.active .item-icon.item-icon-phone {
    background: url(../image/right-bar-phone-active.png) no-repeat center;
}
.contact-bar .contact-bar-item.active .item-icon.item-icon-wechat {
    background: url(../image/right-bar-wechat-active.png) no-repeat center;
}
.contact-bar .contact-bar-item.active .item-icon.item-icon-service a {
    background: url(../image/right-bar-form-active.png) no-repeat center;
}
.contact-bar .contact-bar-item .item-bubble-phone,
.contact-bar .contact-bar-item .item-bubble-zixun {
    position: absolute;
    right: 64px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #FFF;
    width: 180px;
    height: 72px;
    padding: 10px 0px 0px 16px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    box-shadow: 0px 8px 48px 0px rgba(27,13,73,0.16);
}
.contact-bar .contact-bar-item .item-bubble-phone::before,
.contact-bar .contact-bar-item .item-bubble-zixun::before {
    content: "";
    position: absolute;
    left: 100%;
    top: 0px;
    width: 18px;
    height: 100%;
}
.contact-bar .contact-bar-item .item-bubble-phone::after,
.contact-bar .contact-bar-item .item-bubble-zixun::after {
    content: "";
    position: absolute;
    left: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    border: 8px solid transparent;
    border-left-color: #FFF;
}
.contact-bar .contact-bar-item .item-bubble-phone div,
.contact-bar .contact-bar-item .item-bubble-zixun div {
    line-height: 26px;
    font-size: 16px;
    color: #2D3037;
}
.contact-bar .contact-bar-item .item-bubble-phone p,
.contact-bar .contact-bar-item .item-bubble-zixun p {
    line-height: 26px;
    font-size: 16px;
    color: #6435FC;
    margin-top: 2px;
}
.contact-bar .contact-bar-item .item-bubble-zixun p {
    font-size: 14px;
}
.contact-bar .contact-bar-item .item-bubble-service {
    position: absolute;
    right: 64px;
    top: -306px;
    width: 320px;
    background-color: #FFF;
    padding-top: 18px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    box-shadow: 0px 8px 48px 0px rgba(27,13,73,0.16);
}
.contact-bar .contact-bar-item .item-bubble-service::before {
    content: "";
    position: absolute;
    left: 100%;
    top: 0px;
    width: 18px;
    height: 100%;
}
.contact-bar .contact-bar-item .item-bubble-service::after {
    content: "";
    position: absolute;
    left: 100%;
    top: 50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    border: 8px solid transparent;
    border-left-color: #FFF;
}
.contact-bar .contact-bar-item .item-bubble-service .zx-tit {
    line-height: 26px;
    font-size: 16px;
    color: #2D3037;
    padding-left: 24px;
}
.contact-bar .contact-bar-item .item-bubble-service .contact-list {
    padding-top: 11px;
}
.contact-bar .contact-bar-item .item-bubble-service .contact-list .contact-item {
    position: relative;
    float: left;
    width: 50%;
}
.contact-bar .contact-bar-item .item-bubble-service .contact-list .contact-item .contact-item-name {
    height: 48px;
    line-height: 48px;
    font-size: 14px;
    padding-left: 24px;
    cursor: pointer;
}
.contact-bar .contact-bar-item .item-bubble-service .contact-list .contact-item .contact-item-name span {
    float: left;
    color: #5E6D81;
}
.contact-bar .contact-bar-item .item-bubble-service .contact-list .contact-item .contact-item-name > img {
    float: right;
    vertical-align: top;
    margin-top: 16px;
    margin-right: 20px;
}
.contact-bar .contact-bar-item .item-bubble-service .contact-list .contact-item .contact-item-name .contact-qq {
    position: relative;
    float: right;
    width: 23px;
    height: 16px;
    line-height: 16px;
    vertical-align: top;
    margin-top: 16px;
    margin-right: 20px;
}
.contact-bar .contact-bar-item .item-bubble-service .contact-list .contact-item .contact-item-name .contact-qq .contact-qq-bubble {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 32px;
    min-width: 112px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 12px;
    color: #FFFFFF;
    background-color: rgba(1, 14, 35, .9);
    padding: 0px 10px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    z-index: 10;
    display: none;
}
.contact-bar .contact-bar-item .item-bubble-service .contact-list .contact-item .contact-item-name .contact-qq .contact-qq-bubble::after {
    content: "";
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 100%;
    margin-left: 4px;
    border: 8px solid transparent;
    border-top-color: #1E232D;
}
.contact-bar .contact-bar-item .item-bubble-service .contact-list .contact-item .contact-item-erweima {
    position: absolute;
    left: 0px;
    top: 48px;
    width: 320px;
    background-color: #F0F2F5;
    z-index: 999;
    display: none;
}
.contact-bar .contact-bar-item .item-bubble-service .contact-list .contact-item .contact-item-erweima .erweima-column {
    float: left;
    width: 50%;
    text-align: center;
    padding-top: 16px;
    padding-bottom: 17px;
}
.contact-bar .contact-bar-item .item-bubble-service .contact-list .contact-item .contact-item-erweima .erweima-column img {
    display: inline-block;
    width: 100px;
    height: 100px;
    vertical-align: top;
}
.contact-bar .contact-bar-item .item-bubble-service .contact-list .contact-item .contact-item-erweima .erweima-column p {
    line-height: 24px;
    font-size: 14px;
    color: #5E6D81;
    margin-top: 10px;
}
.contact-bar .contact-bar-item .item-bubble-service .contact-list .contact-item:nth-child(even) .contact-item-erweima {
    left: inherit;
    right: 0px;
}
.contact-bar .contact-bar-item .item-bubble-service .contact-list .contact-item:hover .contact-item-name {
    background-color: #F0F2F5;
}
.contact-bar .contact-bar-item .item-bubble-service .contact-list .contact-item:hover .contact-qq .contact-qq-bubble {
    display: block;
}
.contact-bar .contact-bar-item .item-bubble-service .background-tit {
    position: relative;
    line-height: 26px;
    font-size: 16px;
    color: #2D3037;
    padding-left: 24px;
    padding-top: 35px;
&::before{
     content: "";
     position: absolute;
     top: 16px;
     left: 24px;
     width: 288px;
     height: 1px;
     background: #F0F2F5;
 }
}
.contact-bar .contact-bar-item .item-bubble-service .support {
    position: relative;
    margin-top: 3px;
}
.contact-bar .contact-bar-item .item-bubble-service .support .support-tit {
    display: flex;
    justify-content: flex-start;
    height: 48px;
    line-height: 48px;
    font-size: 16px;
    color: #6435FC;
    padding-left: 24px;
    cursor: inherit;
}
.contact-bar .contact-bar-item .item-bubble-service .support .support-tit span {
    float: left;
    color: #5E6D81;
}
.contact-bar .contact-bar-item .item-bubble-service .support .support-tit > img {
    float: left;
    vertical-align: top;
    margin-top: 16px;
    margin-left: 36px;
}
.contact-bar .contact-bar-item .item-bubble-service .support .support-tit .contact-qq {
    position: relative;
    height: 48px;
    line-height: 48px;
    vertical-align: top;
}
.contact-bar .contact-bar-item .item-bubble-service .support .support-tit .contact-qq .contact-qq-bubble {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 50px;
    min-width: 112px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 12px;
    color: #FFFFFF;
    background-color: #1E232D;
    padding: 0px 10px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    z-index: 10;
    display: none;
}
.contact-bar .contact-bar-item .item-bubble-service .support .support-tit .contact-qq .contact-qq-bubble::after {
    content: "";
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 100%;
    margin-left: 4px;
    border: 8px solid transparent;
    border-bottom-color: #1E232D;
}
.contact-bar .contact-bar-item .item-bubble-service .support .support-erweima {
    position: relative;
    left: 0px;
    width: 320px;
    background-color: #FFF;
    text-align: center;
    margin-top: 8px;
    z-index: 2;
}
.contact-bar .contact-bar-item .item-bubble-service .support .support-erweima .erweima-column {
    float: left;
    width: 50%;
    text-align: center;
    padding-top: 0px;
}
.contact-bar .contact-bar-item .item-bubble-service .support .support-erweima .erweima-column img {
    display: inline-block;
    width: 100px;
    height: 100px;
    vertical-align: top;
}
.contact-bar .contact-bar-item .item-bubble-service .support .support-erweima .erweima-column p {
    line-height: 24px;
    font-size: 14px;
    color: #5E6D81;
    margin-top: 6px;
}
.common-backtop-link {
    position: fixed;
    right: 24px;
    bottom: 40px;
    width: 48px;
    height: 48px;
    background: #FFF;
    border: 1px solid #FFF;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    box-shadow: 0px 8px 40px 0px rgba(30, 35, 45, 0.08);
    cursor: pointer;
    z-index: 1000;
    display: none;
}
.common-backtop-link i{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-image: url(../image/right-bar-back-top.png);
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
    border-radius:50%;
}
.contact-bar .contact-bar-item .item-bubble-service .support .support-tit .support-phone {
    width: 50%;
}
.contact-bar .contact-bar-item .item-bubble-service .support .support-tit .support-phone img {
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: top;
    margin-top: 15px;
    margin-right: 8px;
}
.contact-bar .contact-bar-item .item-bubble-service .support .support-tit .contact-qq a {
    display: block;
    color: #6435FC;
}
.contact-bar .contact-bar-item .item-bubble-service .support .support-tit .contact-qq a img {
    display: inline-block;
    vertical-align: top;
    width: 23px;
    height: 16px;
    margin-right: 8px;
    margin-top: 15px;
}
.contact-bar .contact-bar-item .item-bubble-service .support .support-tit .contact-qq .contact-qq-bubble::after {
    content: "";
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 100%;
    border: 8px solid transparent;
    border-top-color: #1E232D;
}
.contact-bar .contact-bar-item .item-bubble-service .support .support-tit .contact-qq:hover .contact-qq-bubble {
    display: block;
}
.contact-bar .contact-bar-item .item-bubble-service .support .support-erweima .support-time-text {
    display: inline-block;
    height: 52px;
    line-height: 20px;
    font-size: 12px;
    color: #5E6D81;
    background-color: #EBEEFF;
    padding: 6px 36px 0px;
    border-radius: 52px 52px 0px 0px;
    margin-top: 15px;
}
.contact-bar .contact-bar-item .item-bubble-service .support:hover .support-tit {
    background-color: #FFF;
}
.common-backtop-link:hover {
    background: linear-gradient(0deg, #FFFFFF,#F0F2F5);
}
.common-backtop-link:hover i{
    background-image: url(../image/right-bar-back-top-active.png);
}
.contact-bar .contact-bar-item .item-bubble-service {
    top: -131px;
    width: 274px;
    padding: 14px;
}
.contact-bar .contact-bar-item .item-bubble-service .zx-tit {
    padding-left: 0px;
    margin-bottom: 10px;
}
.zixun-wechat-img img {
    display: block;
    width: 246px;
    height: 246px;
}
