.ui-loader-default{ display:none}
.ui-mobile-viewport{ border:none;}
.ui-page {padding: 0; margin: 0; outline: 0}

*{
    outline:none;
}
a{
    text-decoration:none;
}
.clear:after{
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
/*姣忚鐨勬渶澶栧眰*/
main .form-control{
    position: relative;
    margin: 10px auto ;
    height: 44px;
    max-width: 600px;
}
@media screen and (max-width: 600px) { /*褰撳睆骞曞昂瀵稿皬浜�600px鏃讹紝搴旂敤涓嬮潰鐨凜SS鏍峰紡*/
    main .form-control{
        position: relative;
        margin: 10px 20px;
        height: 46px;
    }
}
input{
    -webkit-appearance: none;
}

/*鎵�鏈夎緭鍏ユ鐨勬牱寮�*/
main .form .form-control input {
    padding:0px 14px;
    height: 46px;
    font-size: 14px;
    width: 100%;
    border: solid 1px #d2d2d4;
    border-radius: 5px;
    display: block;
    vertical-align: middle;
    box-sizing: border-box;
    color: #000000;
}
main .form .form-control input::placeholder{
    color: #AAAAAA;
}
main .form .form-control.password-block input{
    background: #fff;
}
main .form .rememberD{
    padding: 0 20px;
}
main .form .rememberD input{
    width: 12px;
    height: 12px;
    border: 1px solid #57bae9;
    border-radius: 14px;
    float: left;
    margin-top: 6px;
    margin-right: 4px;
}
main .form .rememberD label{
    font-size: 12px;
    color: #bbbbbb;
}

/*鏍囬鏂囧瓧鍜屽叧闂寜閽�*/
main .form .form-control label,main .form .form-control span.icon-close {
    display: inline-block;
    line-height: 44px;
    font-size: 14px;
    color:#333;
    position: absolute;
    z-index: 2;
}
main .form .form-control label {
    text-align: left;
    left: 0px;
    margin-left: 8px;
}
main .form .form-control span.icon-close{
    width: 44px;
    right: 0px;
    text-align:center;
    display: none;
}
.form-control span.forget-password{
    position: absolute;
    right: 0;
    font-size: 12px;
    color: #bbbbbb;
    top:16px;
    right: 10px;
    z-index: -1;
}
main .form .form-control span.icon-close .iconfont{
    font-size: 18px;
    color: #ccc;
}
/* 褰撳垎涓哄乏鍙充袱閮ㄥ垎鎯呭喌*/
main .form-control .left-wrap{
    width: 64%;
    position:absolute;
    left:0px;
}
main .form-control .right-wrap{
    width: 36%;
    position:absolute;
    right:0px;
    padding-left: 14px;
}
main .form .form-control .right-wrap span{
    display:block;
    height: 44px;
    line-height: 44px;
    text-align: center;
    float: left;
}
/*楠岃瘉鐮�*/
main .form .form-control .right-wrap span.code-word{
    width: 60%;
    font-size:18px;
    letter-spacing:2px;
    color:#57bae9;
}
main .form .form-control .right-wrap span.icon-update{
    width: 40%;
}
main .form .right-wrap span.icon-update .iconfont{
    font-size: 20px;
    color: #ccc;
}
/*閲嶆柊鍙戦��*/
main .form .right-wrap span.right-word{
    width: 100%;
    padding-top:4px;
}
main .form .right-wrap span.right-word p{
    background:#f2f6f9;
    height: 36px;
    color:#9d9d9e;
    font-size:12px;
    line-height: 36px;
    border-radius: 6px;
}
main .form .right-wrap span.right-word p.p-disable{
    background:#f2f6f9;
    height: 36px;
    color:#9d9d9e;
    font-size:12px;
    line-height: 36px;
    border-radius: 6px;
}
main .form .right-wrap span.right-word p.p-enable{
    background:#57bae9;
    height: 36px;
    color:#fff;
    font-size:12px;
    line-height: 36px;
    border-radius: 6px;
    cursor: pointer;
}
/*鎸夐挳*/
main .btn-wrap{
    position: relative;
    margin-top: 30px;
}
main .btn-wrap button{
    display: inline-block;
    text-align: center;
    background: #57bae9;
    height: 44px;
    width: 100%;
    line-height: 44px;
    font-size:18px;
    border-radius:5px;
    color: #fff;
}
main .btn-wrap span{
    display: inline-block;
    text-align: center;
    background: #57bae9;
    height: 44px;
    width: 100%;
    line-height: 44px;
    font-size:18px;
    border-radius:5px;
    color: #fff;
}

/*浣跨敤鍗忚*/
footer{
    text-align: center;
    font-size: 12px;
    width: 100%;
    color: #bbb;
}
footer label{
    color: #00AAFF;
}
/*浣跨敤鏉℃*/
.declare{
    width: 100%;
    font-size: 14px;
    position: absolute;
    bottom:0px;
    left: 0px;
    background: #ffffff;
    z-index: 20;
    text-shadow:none;
    padding:0px 10px;
    text-align: center;
    height: 0px;
    overflow: hidden;
}
.declare h1{
    font-size: 20px;
    color: #666;
    margin-top: 10px;
    line-height: 24px;
}
.declare p{
    text-align: left;
    text-indent: 2em;
    line-height: 24px;
    -webkit-font-smoothing:antialiased;
    color: #999;
    font-size: 16px;
    margin-top: 20px;
}
.close{
    position: absolute;
    right: 10px;
    top:10px;
    color: #ddd;
    z-index: 22;
}
.close .iconfont{
    font-size: 18px;
}
/*绗笁鏂圭櫥褰曢儴鍒�*/
.third-party-login{
    width: 100%;
    padding-bottom: 30px;
    padding-top: 20px;
}
.join-object{
    border-bottom: 1px solid #e0e0e0;
    position: relative;
    margin: 30px 0 30px;
}
.join-object span{
    display: inline-block;
    width: 110px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    color: #bbbbbb;
    font-size: 14px;
    background: #fff;
    position: absolute;
    left: 50%;
    top:50%;
    margin-top: -12px;
    margin-left: -55px;
}
.third-party-wrap{
    padding: 0 20px;
}
.third-party-icon{
    width: 33.33%;
    float: left;
    text-align: center;
    flex: 1;
}
.third-party-icon p{
    font-size: 14px;
    color: #bbbbbb;
}
.icon-img{
    display: inline-block;
    width: 50px;
    height: 50px;
}
.icon-img.qq{
    background-image: url("../../images/login/qq.png");
    background-size: cover;
}
.icon-img.wx{
    background-image: url("../../images/login/wx.png");
    background-size: cover;
}
.icon-img.wb{
    background-image: url("../../images/login/wb.png");
    background-size: cover;
}
.icon-img.weixinwork{
    background-image: url("../../images/6.8.9/wechatwork-wap.png");
    background-size: cover;
}
.title-tab{
    text-align: center;
    font-size: 16px;
    color: #bbb;
    margin: 12px 0 8px;
}
.title-tab span.active{
    color: #00b7ee;
}
.title-tab span{
    vertical-align: middle;
}
.title-tab i{
    font-style: normal;
    vertical-align: middle;

}
.form-control.btn-wrap p{
    text-align: right;
    font-size: 12px;
    color: #bbb;
    margin-top: 10px;
}
.username-register{
    display: none;
}

/*5.2.1鏂板姞寮�濮�*/
.titSwitch{
     font-size: 0;
    padding: 20px 20px 15px;
    text-align: center;
}
.titSwitch button{
    display: inline-block;
    padding: 10px 28px;
    margin: 0 15px; 
     font-size: 14px;
    color: #939ca5;
    line-height: 1;
    background-color: #f8fafc;
    border: 1px solid #d2d2d4;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.titSwitch .on{
    background-color: #00b7ee;
    border-color: #00b7ee;
    color: #fff;
}

.formAddress{
    padding-top: 6px;
       margin:0 20px ; 
}
.formAddress span{
    line-height: 22px;
      font-size: 14px;
      color: #999;
}
.siteList span{
    vertical-align: middle;
}
.siteList em{
    font-style: normal;
     font-size: 12px;
     color: #333;
     margin: 0 2px;
}

.siteList i{
     font-size: 16px;
     color: #939ca5;
}

/*涓夌骇鑱斿姩寮�濮�*/
.mask{
    position: fixed;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,.2);
    left: 0;
    top: 0px;
    z-index: 200;
    display: none;
}
 .inner{
    background: #f6f6f6;
    position: fixed;
    width: 100%;
    left: 0;
    z-index: 300;
    display: none;
}
.inner .title{
    font-size: 16px;
    color: #333333;
    height: 44px;
    text-align: center;
    line-height: 44px;
    background: #fff;
    border-bottom: 1px solid #e6e6e6;
}

.itm-wrap li{
    position: relative;
    width: 100%;
    padding: 0 10px;
    line-height: 38px;
    background: #f6f6f6;
    border-bottom: 1px solid #e6e6e6;
}

.box-wrap {
    position: absolute;
    top: 44px;
    width: 100%;
    overflow: hidden; 
}
.logo-img{
    display: block;
    margin:24vw auto 0.8vw;
    width: 69.8vw;
    height: 13.7vw;
}
.logo-text{
   display: block;
    margin: 0 auto 24vw;
    width: 75.3vw;
    height: 4.26vw;
}
.phone{
    text-align: right;
    padding-right: 20px;
}
.phone a{
    font-size: 12px;
    color: #bbb;

}
.verify-container{
    display: flex;
    align-items: flex-end;
    margin-bottom: 15px;
}
.verify-container input{
    text-align: center;
    width: 134px;
    height: 31px;
    padding: 5px 0;
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin-right: 5px;
}
.verify-container img{
    width: 96px;
    height: 43px;
    margin-right: 5px;
}
.verify-container span{
    color: #209AF5;
    cursor: pointer;
}
.verify-container>div{
    width: 50%;
    margin-right: 5px;
}
.picker-view {
    z-index: 1000 !important;
    background-color: #F7F7F7 !important;
}
.uploadLayer h4 {
    height: 46px;
    line-height: 46px;
    text-align: center;
    font-size: 15px;
}
.uploadLayer dl {
    overflow: scroll;
    max-height: 416px;
}
.uploadLayer dl dd {
    line-height: 44px;
    background: #fff;
    border-bottom: 1px solid #EAEAEA;
    font-size: 13px;
    color: #2A2A2A;
    position: relative;
    text-align: center;
    padding-top: 2px;
}
.uploadLayer .cancelBtn {
    background: #fff;
    line-height: 45px;
    color: #939CA5;
    font-size: 12px;
    text-align: center;
    margin-top:10px;
}
.uploadLayer ul, .uploadLayer dl {
    display: none;
}
.uploadLayer {
    width: 100%;
    position: fixed;
    bottom: -100%;
    left: 0;
    z-index: 15;
    background-color: #ededee;
    color: #4d525d;
}
/*涓夌骇鑱斿姩缁撴潫*/
/*5.2.1鏂板姞缁撴潫*/



.leftSelect{
    width: 30%;
    position: absolute;
    left: 0px;

}
.leftSelect select {
    height:45px;
    padding:0px 8px;

    font-size: 14px;
    width: 100%;
    border: solid 1px #d2d2d4;
    border-radius: 5px;
    display: block;
    line-height: 45px;
    box-sizing: border-box;
    color: #666;
}
.rightInput{
    width: 67%;
    position:absolute;
    right:0px;
    padding-left: 5px;
   
}

/* v2.2.0 注册开始*/

.top-msg {
    color: #00AAFF;
    text-align: center;
    margin: 12px;
}

.required-msg {
    position: absolute;
    z-index: 1;
    color: red;
    top: 14px;
    left: 6px;
    font-size: 13px;
}

.select-input {
    background-image: url("../../images/icon_more.png");
    background-size: 17px 17px;
    background-position: 99% 50%;
    background-repeat: no-repeat;
}

.code-msg-btn {
    height: 46px !important;
    line-height: 46px !important;
    margin-top: -4px;
}

.area-dl {
    overflow: scroll;
    height: 376px;
}

.area-dl dd {
    text-align: left !important;
    padding-left: 16px;
}

.area-dd-selected {
    background-image: url(../../images/icon_selected.png) !important;
    background-size: 16px 16px !important;
    background-position: 94% 50% !important;
    background-repeat: no-repeat !important;
    color: #00AAFF !important;
}

.area-title-div {
    display: flex;
    font-size: 15px;
    background-color: white;
}

.area-title-div span {
    margin: 14px 16px 4px;
    padding-bottom: 6px;
}

.area-title-selected {
    border-bottom: 2px solid #00aaff;
}

.academic-type-input-view {
    width: 100%;
    padding: 0px 12px 10px 12px;
}

.academic-type-input-view input {
    border: solid 1px #d2d2d4;
    border-radius: 5px;
    height: 46px;
    width: 100%;
    padding: 0px 10px;
}

.academic-type-dl {
    height: 304px;
}

.pop-mask-style {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.2);
}

.pop-btn {
    background: #fff;
    line-height: 45px;
    color: #939CA5;
    font-size: 12px;
    text-align: center;
    margin-top:10px;
}

/* v2.2.0 注册结束*/