body{
    height: 100vh;
    min-height: 750px;
    overflow: auto;
    min-width: 765px;
    margin: auto;
}

/*头部*/
a{
    cursor: pointer;
    text-decoration: none;
    /*color:<%=acolor%>;*/
}
.banner-wrapper{
    /*height:100%;*/
    display: flex;
    justify-content:center;
    align-items: center;
    height: 70px;
    /*background-color:<%=bkcolor%>*/
}
.banner-wrapper>.content-warpper{
    width: 100%;
    height:100%;
    position: relative;
    display: flex;
    align-items: center;

}
.content-warpper>.logo{
    width:240px;
    height:80%;
    position: absolute;
    top:10px;
    left: 10%;
    background: url(../image/top/ai_logo_register.png);
    background-repeat: no-repeat !important;
}
.content-warpper>.phone{
    width:123px;
    height:14px;
    position: absolute;
    top:17px;
    right: 0;
    /*background-image: url(<%=softTypePhone%>);*/
    background-repeat: no-repeat;
    display: none;
}
.content-warpper>ul{
    margin-left:200px;
}
.content-warpper>ul li{
    display: inline-block;
    padding-left:30px;
    padding-right:30px;
    font-size: 12px;
    position: relative;
    height:34px;
    line-height: 34px;
}
.content-warpper>ul li:hover{

}
.content-warpper>ul li:hover .dropdown{
    display: block;
}
.content-warpper>ul li>.dropdown{
    width: 100%;
    padding-top: 8px;
    position: absolute;
    z-index: 9999;
    top: 37px;
    left: -50%;
    transform: translateX(50%);
    display: none;
}
.content-warpper>ul li>.dropdown .top-line{
    width: 60px;
    height: 2px;
    background: #ffffff;
    margin: 0 auto;
    margin-bottom: 5px;
}
.dropdownItemWrap{
    padding-top: 5px;
    background: #eaeaea;
    -moz-box-shadow: -1px 3px 6px #68686840;
    -webkit-box-shadow: 3px -1px 6px #68686840;
    box-shadow: -1px 3px 6px #68686840;
    box-shadow: -1px 3px 6px #686868\9;
    border-bottom: 2px solid;
   /* border-color:<%=bkcolor%>;*/
}
.content-warpper>ul li>.dropdown .dropdownItem{
    padding:0 2px;
    text-align: center;
    height:34px;
    background:#fff;
    line-height: 34px;
}
.content-warpper>ul li>.dropdown .dropdownItem:hover{
    padding-left:0px;
    /*border-left:2px solid #E7E7E7;*/
    /*background-color:<%=bkcolor%>;*/
    text-align: center;
    height:34px;
    line-height: 34px;
}
.content-warpper>ul li>.dropdown .dropdownItem:hover a{
    /*color:<%=acolor%>;*/
}
.content-warpper>ul li>.dropdown .dropdownItem a{
    color:#333333;
}
.phoneNum{
    width:123px;
    height: 16px;
    line-height: 16px;
    position: absolute;
    right: 0;
    top:9px\0;
    /*background-image: url("images/phone_icon.png");*/
    background-repeat: no-repeat;
    background-position-y: 3px;
    display: none;
    /* color:#fff; */
    font-size: 13px;
    font-family: STSong;
    font-weight: 600;
    padding-left: 17px;
}
.loginBtn{
    width:60px;
    height: 30px;
    line-height: 30px;
    position: absolute;
    right: 240px;
    top:3px\0;
    color:#fff;
    font-size: 13px;
    text-align: center;
    cursor: pointer;
    display: none;
}
.vip-top-icon{
    width: 230px;
    position: relative;
    top: 4px;
    right: 0px;
    height: 35px;
    /*display: none;*/
    background: url(../image/top/02.gif);
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
}


/*form部分*/
.register_title{
    /*margin-top: 15px;*/
    font-size: medium;
    font-weight: bold;
    padding-top: 15px;

}
.body-wrapper {
    height: 100%;
}
.body-wrapper>.main {
    display: flex;
    height:auto;
    align-items: center;
    min-height: calc(100% - 135px);
    background-color: #EAEAEA;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
}
.body-wrapper>.footer {
    height: 50px;
    background-color: #000;
    width: 100%;
}
.main-content{
    width: 565px;
    height: auto;
    background-color: #fff;
    border: 0.1px solid #AFAFAF;
    border-radius: 2px;
    margin: 0 auto;
    text-align: left;
    position: relative;
}
#productForm{
    position: relative;
    width:100%;
    height:auto;
}
#codeWrap{
    display: none;
}
#baseInfo{
    display: none;
    margin-top:14vh\0;
}
#userInfo{
    display: none;
    margin-top:7.2vh\0;
}
#otherconfig{
    display: none;
    margin-top:13vh\0;
}
#otheruserconfig{
    display: none;
    margin-top:13vh\0;
}
#doMainNname{
    display: none;
}
#userconfig{
    display: none;
    margin-top:13vh\0;
}
#baseInfo .help-center{
    margin-top: 20px;
    float: left;
}
#baseInfo .row input, #userInfo .row input,#userconfig .row input ,#doMainNname .row input{
    width: 235px;
    height: 30px;
    outline: none;
    border: 1px solid #ddd;
    padding-left: 10px;
    margin-left: 2px;
}
#baseInfo .row select, #userInfo .row select, #userconfig .row select{
    width: 247px;
    height: 30px;
    outline: none;
    border: 1px solid #ddd;
    padding-left: 10px;
    /* margin-left: 2px; */
}
#baseInfo .row input[type="checkbox"]{
    width: 15px;
    height: 15px;
    border: 1px solid #ddd;
}
.agreeDeal{
    font-size:12px;
    line-height: 15px;
    margin-left: 5px;
}
.parent {
    width: 247px;
    height: 30px;
    overflow: hidden;
    margin-left: 2px;
}
.parent select {
    /*background: url('images/select.png') no-repeat scroll right center transparent;*/
    border: 1px solid #ddd;
    padding-left: 10px;
    width: 247px;
    height: 30px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.main-content .title {
    /*width: 90%;*/
    /* height: 65px; */
    margin: 0 auto;
    font-size: 20px;
    letter-spacing: 2px;
    position: relative\9;
    top: 30px\9;
    /*margin-top: 5px;*/
    text-align: center;
    background-color: #f1f0f3;
}
.main-content .title .title-word{
    width: 135px;
    height: 20px;
    padding-top: 10px;
    margin: 0 auto;
}
.main-content .title .title-top{
    width:49px;
    height: 20px;
    padding-top: 10px;
}
.main-content .title .line{
    width:355px;
    height: 1px;
    /* background: #A0A0A0; */
    margin: 0 auto;
    margin-top: 20px;
}
.row{
    display: flex;
    flex-direction: row;
    display: -ms-flexbox;
}
.row .col input{
    /* width: 175px; */
    height: 30px;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding-left: 5px;
    background-color: #fff;
}
.row .col span{
    font-size: 14px;
}
.required{
    color:red;
    font-size: 12px !important;
    margin-left:15px;
}
#baseInfo .required, #userInfo .required, #userconfig .required,#doMainNname .required{
    height: 30px;
    line-height: 30px;
}
.content-wrap{
    width: 360px;
    margin: 0 auto;
    padding-top: 4px;
    position: relative;
}
/* #userInfo .content-wrap{
    padding-top: 15px;
} */
#baseInfo .row{
    margin-bottom: 20px;
}

#userconfig .row,#userInfo .row,#doMainNname .row{
    margin-bottom: 25px;
}
#baseInfo .agreeDealRow{
    margin-bottom: 5px;
    height: 15px;
}
#baseInfo .agreeDealRow a{
    color: #6FB5FF;
}
#baseInfo .row .msg, #userInfo .row .msg, #userconfig .row .msg, #doMainNname .row .msg{
    width: 83px;
    height: 32px;
    line-height: 32px;
    text-align: right;
    letter-spacing: 1px;
    display:block;
    font-family: STSong;
    font-size: 13px;
    float: left;
}
.txt{
    font-size: 14px;
    width: 23px;
    text-align: center;
    line-height: 30px;
}
.select{
    width: 100px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #ddd;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-align: center;
    text-align-last: center;
    cursor: pointer;
    margin-left: 2px;
    font-family: STSong;
    font-size: 13px;
    overflow-x: auto;
    /*�ܹؼ�����Ĭ�ϵ�selectѡ�����ʽ���*/
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    /*��ѡ�������Ҳ��м���ʾ������ͷͼƬ*/
    /*background: url("../images/arrow_down.png")  right center no-repeat;*/
}
#showProduct{
    width: 235px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #ddd;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-align: left;
    text-align-last: left;
    cursor: pointer;
    margin-left: 2px;
    font-family: STSong;
    font-size: 13px;
    overflow-x: auto;
    padding-left: 10px;
}

#PrvnCodeUl{
    height: 200px;
    overflow: auto;
    border: 1px solid #ddd;
    position: absolute;
    top: 120px;
    left: 85px;
    font-size: 13px;
    width: auto;
    -moz-box-shadow:0px 5px 6px #B7B7B7; -webkit-box-shadow:0px 5px 6px #B7B7B7; box-shadow:0px 5px 6px #B7B7B7;
}
#AreaCodeUl{
    height: 200px;
    overflow: auto;
    border: 1px solid #ddd;
    position: absolute;
    width: 100px;
    top: 120px;
    left: 212px;
    font-size: 13px;
    display: none;
    -moz-box-shadow:0px 5px 6px #B7B7B7; -webkit-box-shadow:0px 5px 6px #B7B7B7; box-shadow:0px 5px 6px #B7B7B7;
}
#productSelectUl{
    height: 180px;
    overflow: auto;
    border: 1px solid #ddd;
    position: absolute;
    width: 245px;
    top: 80px;
    left: 85px;
    font-size: 14px;
    display: none;
    -moz-box-shadow:0px 5px 6px #B7B7B7; -webkit-box-shadow:0px 5px 6px #B7B7B7; box-shadow:0px 5px 6px #B7B7B7;
}
#productSelectUl li{
    height: 28px;
    line-height: 28px;
    overflow: auto;
    font-size: 14px;
    background: #fff;
    cursor: pointer;
    width: 245px;
}
#productSelectUl li:hover{
    background: #DDDDDD;
}
#PrvnCodeUl li{
    height: 25px;
    line-height: 25px;
    overflow: auto;
    font-size: 13px;
    background: #fff;
    cursor: pointer;
}
#PrvnCodeUl li:hover{
    background: #DDDDDD;
}
#AreaCodeUl li{
    height: 25px;
    line-height: 25px;
    overflow: auto;
    font-size: 13px;
    background: #fff;
    cursor: pointer;
}
#AreaCodeUl li:hover{
    background: #DDDDDD;
}
.selectName{
    width: 100px;
    text-align: center;
}
.authCodeBtn{
    width: 85px;
    height: 30px;
    margin-left: 5px;
    font-size: 12px;
    line-height: 30px;
    background: #DDDDDD;
    text-align: center;
    cursor: pointer;
}
.yzm{
    width: 145px !important;
}
#phoneYzmCode1{
    width: 145px !important;
}
/* Firefox */
@-moz-document url-prefix()
{
    #baseInfo .row .msg{
        text-align: right;
    }
}
#baseInfo .row:first-child, #userInfo .row:first-child, #userconfig  .row:first-child,#doMainNname .row:first-child{
    margin-top: 33px;
    margin-top: 40px\9;

}


#yzm_btn{
    background: #028a86;
    height: 34px;
    color: #fff;
    width: 85px;
    /*border-radius: 3px;*/
    cursor: pointer;
    margin-left: 3px;
}
.circle span{
    color: white;
    font-size: 14px;
    line-height: 56px;
    margin-left: 7.5px;
}
.ellipse span{
    color: white;
    font-size: 14px;
    margin-left: 16px;
}


#autoFillBtn{
    line-height: 32px;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
    padding-left: 11px;
    margin-top:15px;
    margin-left: 30px;
}
.main-button {
    margin-top: 45px;
    width: 100px;
    height: 35px;
    margin-right: 100px;
    margin-bottom: 36px;
    float: right;
    /*margin: auto;*/
}
.main-button>.next-btn,.main-button>.next-btn2,.main-button>.next-btn3 {
   /* background-color: #008B8B;*/
    border: none;
    color: white;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
    width: 100px;
    height: 35px;
    line-height:35px;
}
.btn-gruop{
    margin-top: 45px;
    width:100px;
    display: flex;
    justify-content: center;
    margin-left: 100px;
    display: -ms-flexbox;
}
.btn,.next-btn4{
    width: 100px;
    height: 35px;
    line-height: 35px;
    /*background-color: #008B8B;*/
    border: none;
    color: white;
    text-align: center;
    display: inline-block;
    font-size: 15px;
    cursor: pointer;
}
/* .pre-btn{
	margin-right: 35px;
} */
.dredge-btn{

}

.circle {
    width: 56px;
    height: 56px;
   /* background-image: url(../images/circle.png);*/
    background-repeat: no-repeat;
}
.ellipse {
    width: 66px;
    height: 26px;
    line-height: 24px;
   /* background-image: url(../images/ellipse.png);*/
    background-repeat: no-repeat;
}


#countDown{
    font-size: 18px;
    color: #48D1CC
}
#registered{
    /* height: 520px; */
    display: none;
}
#userInfo{
    height: 540px;

}
#userconfig{
    height: 540px;

}
.help-center{
    width: auto;
    height: 35px;
    color: black;
    font-size: 13px;
    display: flex;
    line-height: 25px;
    float: right;
    margin-right: 25px;
    margin-top: 30px;
    margin-left: 30px;
    display: -ms-flexbox;
}
.help-center a{
    color: #282828;
    display: inherit;
}
.footer-wrapper {

}
.footer-wrapper>.footer-text {
    line-height: 33px !important;
}

#loginService:focus {
    outline: none;
}
#loginService{
    color: #fff;
    cursor: pointer;
    background-color: #797070;
    font-size: 16px;
    width: 100px;
    height: 30px;
    margin-top: 55px;
}
#yzmCode{
    width:130px !important;
}
#canvas{
    border: 1px solid #ddd;
    border-radius: 1px;
    margin-left:3px;
}
.alert-prompt{
    width: 100%;
    height: 100%;
    background-color: rgba(212, 212, 212, 0.65);
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 3;
    display: none;
}
.alert-prompt .alert{
    width: 450px;
    height: 250px;
    background: #fff;
    border: 1px solid #b2bed2;
    border-radius: 3px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}
.alert-prompt .alert .alert-content{
    margin-top: 40px;
    margin-left: 60px;
    font-size: 15px;
}
.alert-prompt .alert .alert-content p:first-child{
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 2px;
}
.alert-prompt .alert .alert-content p{
    margin-bottom: 10px;
}
.alert-prompt .alert .btn{
    width: 70px;
    cursor: pointer;
    border-radius: 2px;
    font-size: 14px;
    color: #333333;
    text-align: center;
    background-color: #fff;
    border: 1px solid #b2bed2;
}
.confirm-btn{
    margin-right:35px;
}
.alert-prompt .alert .btn:hover{
    background: #fff;
}
.alert-prompt .bottom{
    margin-top: 30px;
    display: flex;
    justify-content: center;
    display: -ms-flexbox;
}
#registSuccessMessage{
    color: #999999;
    width: 400px;
    margin-top: 30px;
    position: relative;
    left: 20%;
    word-break: break-all;
    word-wrap: break-word;
}
#registSuccessMessage .row{
    margin-bottom:35px;
    white-space: pre-wrap;
    word-wrap: break-word;
}
#registSuccessMessage .row .col:first-child{
    margin-right:30px;
}
.code-span{
    letter-spacing: 4.5px;
}
#phoneYzmCode{
    margin-left: -4px;
    width: 90px;
    margin-right: 1px;
}
.uesr-name{
    margin-right: 6px;
}
.alert_window .alert{
    min-width:320px;
    padding: 0 15px;
    height: 150px;
}
.verType-item{
    display: flex;
    align-items: center;
    display: -ms-flexbox;
}
input:disabled {
    background: #f7f7f7;
}
.verType-label{
    font-size: 12px;
    padding-left: 2px;
    margin-top: -2px;
}
#registered{
    text-align:center;
}
#registered img {
    margin-top: 25px;
}
#registered .line{
    width: 80%;
    border-bottom: 1px solid #ddd;
    margin: 0 auto;
    margin-top: 20px;
}
#registered .reminder{
    color: red;
    font-size: 13px;
}
#registered .count-wrap{
   /* width: 180px;*/
    height: 100px;
    line-height: 50px;
    position: absolute;
    bottom: 20px;
    /*left: 29%;*/
    margin: auto;
}
.footer-wrapper{
    height:100%;
    position: relative;
    display: flex;
    justify-content:center;
    align-items: center;
    display: -ms-flexbox;
}
.footer-wrapper>.footer-text{
    color:#fff;
    font-size: 16px;
    line-height: 16px;
}
.record-icon{
    width: 20px;
    height: 20px;
    /*background-image: url(../images/record_icon.png);*/
    background-repeat: no-repeat;
    display: inline-block;
    margin: 0 2px -4px 8px;
}

.sdFooter{
    display:block;
    position: relative;
    left: 0%\0;
    bottom: 0px;
    height: 65px;
    width: 100%;
    background: white;
    min-width: 765px;

}
.footer-p{
    margin-top: 4px;
}
.sdFooter .footer-wrapper{
    height:100%;
    position: relative;
    display: flex;
    justify-content:center;
    color:white;
    align-items: center;
    flex-direction: column;
    font-size: 13px;
    display: -ms-flexbox;
}
.sdFooter .footer-wrapper p{
    margin-bottom:5px;
}


.footer1 {
    height:auto;
    min-height:calc(101px);
    display: flex;
    justify-content: space-between;
    display: -ms-flexbox;
    -ms-flex-pack: center;
}
.npbtn {
    display: flex;
    justify-content: space-between;
    display: -ms-flexbox;
    -ms-flex-pack: center;
    margin: auto;
    width: 100%;
}
#productselect {
    /*Chrome��Firefox����ı߿��Dz�һ���ģ����¸���һ��*/
    border: solid 1px #000;
    /*�ܹؼ�����Ĭ�ϵ�selectѡ�����ʽ���*/
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    /*��ѡ�������Ҳ��м���ʾ������ͷͼƬ*/
    /*background: url("../images/arrow_down.png")  right center no-repeat;*/
    /*Ϊ����С��ͷ����һ��λ�ã����ⱻ���ָ���*/
    padding-right: 20px;
}
/*���ie��Ĭ��ѡ�����ʽ���������������ͷ*/
#productselect::-ms-expand { display: none; }



.main-user{
    padding-top: 4px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    display: -ms-flexbox;
    -ms-flex-pack: center;
}
#UserFirstRow{
    display: flex;
    justify-content: space-between;
    display: -ms-flexbox;
}
.rq{
    display: flex;
    justify-content: space-between;
    width:90%;
    margin: 0 auto;
    display: -ms-flexbox;
}
.rq span{
    line-height: 32px;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
    /*  padding-left: 11px; */
    margin-top:15px;
    /* margin-left: 30px; */
}
.otheruser{
    background: #f4f4f4;
    width: 90%;
    margin-left: 5%;
}
.otheruser .row{
    display:flex;flex-direction:row;
    text-align: center;
    display: -ms-flexbox;
}
.otheruser .row .col{
    flex:1;
}
.otheruser .row .col{
    margin-top: 5px ;
}
#userconfig{
    height: auto;/* 580px; */
}
.right-side{
    width: 90%;
}
.help-center a{
    /*background: url("../images/xyHelpCenter.png")  left center no-repeat;*/
}

.help-center text{
    margin-left: 18px;
    color: #827979;
}
input{
    background:none;
    outline:none;
    border:none;
}
input:focus{
    border:none;
}


.verType-item{
    display: flex;
    align-items: center;
    display: -ms-flexbox;
}

#registered {
    margin-top: 50px;
    margin-bottom: 30px;
}

.body-wrapper>.main {
    background-color: #EAEAEA;
    background-image: url("../image/main/aibackground.png");
    background-size: 100% 100%;
    /*background-image: linear-gradient(to bottom right, #e5dcdc, #c5dfde); 左上角到右下角渐变 */
}



/*//开通提示*/
/*
#registSuccessMessage{
    margin:0 5%;
    text-align:center;
}

#registSuccessMessage .first{
    display:inline-block;
    position:relative;
}
.first span:first-child{
    position:absolute;
    left:0;
    top:-5px;
}*/

#box{
    overflow: hidden;
    width: 200px;
    height: 15px;
    margin: 20px auto;
    border: 1px solid #c1b5b5;
    position: relative;
}
@keyframes demo {
    from{
    left: -200px;
    }
    to{
        left: 0;
    }
}

#box div{
    animation:10s demo linear infinite;
    position: absolute;
    top: 0;
    left: -200px;
    width:100%;
    height: 35px;
    background:repeating-linear-gradient(-45deg,#9ac34d 0px,#9ac34d 5px,#bad574 5px,#bad574 10px);
}


/*OA、CRM专属样式*/
#otherconfig{
    width: 1000px;
}
#otherconfig .content-wrap{
    width: 980px;
}
#otherconfig .content-wrap .row{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 10px;
}
#otherconfig .content-wrap .row .username{
    width: 50px;
    border: none;
    background-color: #efefef;
    border-radius: 50px;
    text-align: center;
}
.alert-prompt{
    width: 100%;
    height: 100%;
    background-color: rgba(212, 212, 212, 0.65);
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 3;
    display: none;
}


/*星耀专属样式*/
#otheruserconfig{
    width: 800px;
}
#otheruserconfig .content-wrap{
    width: 780px;
}
#otheruserconfig .content-wrap .row{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 10px;
}
#otheruserconfig .content-wrap .row .username{
    width: 50px;
    border: none;
    background-color: #efefef;
    border-radius: 50px;
    text-align: center;
}
.alert-prompt{
    width: 100%;
    height: 100%;
    background-color: rgba(212, 212, 212, 0.65);
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 3;
    display: none;
}