.dialog-canvas{
    position:fixed;
    width : 100%;
    height : 100%;
    z-index: 100;
    left:0;
    top : 0;
    background:rgba(0,0,0,0.3);
}


.dialog-box {width:375px;min-height:260px;margin:100px auto;position: relative;border-radius:5px;box-shadow: 0 0 10px rgba(0,0,0,0.6);}

.dlg-close{
    position: absolute;
    right : 14px;
    top:14px;
    z-index: 10;
    width: 16px;
    opacity: 0.5;
    cursor: pointer;
}

.dlg-close:hover{
    opacity: 0.7;
}

.userbar{
    min-height: 65px;
    color: #ffffff;
    font-size: 16px;
    padding-top: 23px !important;
}


.userbar a{
    text-decoration: none;
}
.userbar .login-name:hover span,.userbar ._logout:hover{
    color:#FFF;
}

.login-name span{
    max-width: 50px;
    display: inline-block;
    overflow: hidden;
    white-space :pre;
    text-overflow: clip;
}

@media screen and (min-width:1350px) {
    .login-name span {
        max-width: 100px;
    }
}
@media screen and (min-width:1600px) {
    .login-name span {
        max-width: 200px;
    }
}

.required {
    color:red;
     margin: 0 6px;
    vertical-align : middle;
}

.loginbar{
    padding:23px 10px !important;
}

.loginbar a{
    /*background: url(/web/images/login.png) 0 0 no-repeat;*/
    display: block;
    float: left;
    height : 27px;
    /*width : 57px;*/
    cursor: pointer;
}

.loginbar .login{
    background-position: 0px 0px;
}

.loginbar .login:hover{
    background-position: 0px -27px;
}

.loginbar .regist{
    background-position: -57px 0px;
}

.loginbar .regist:hover{
    background-position: -57px -27px;
}

.pageheader .usermenu{
    position:absolute;
    top:65px;
    right:0px;
    display: none;
    z-index: 100;
}

.pageheader .usermenu li{
    padding:7px 25px;
    border-top: solid 1px #555;
    width:120px;
    background:#444;
    display: none;
}

.pageheader .usermenu a{
    color:#ffffff;
    font-size: 16px;
}

.usermenu .um-login,.usermenu .um-regist{
    display: block !important;
}

.logined .um-login,.logined .um-regist{
    display: none !important;
}

.logined .um-setting,.logined .um-mycourse,.logined .um-favorite,.logined .um-logout{
    display: block !important;
}


.wholefilter{left:0;top:0;position:fixed;bottom:0;right:0;background:#000;opacity:0.5;filter:alpha(opacity=50);}
.dialog-box .filter {background:#000;opacity:0.5;filter:alpha(opacity=50);border-radius:5px;position:absolute;left:-4px;top:-4px;bottom:-4px;right:-4px;z-index:1;}
.dialog-box .content-body {border-radius:5px;background:#FFF;position:relative;z-index:9;}
.inner-box{padding:25px 28px;margin: 0 auto;}
.dialog-box .head {
    text-align:center;
    height: 40px;
    background: url(/web/homexy/images/head.png?v=1) no-repeat center center;
}
.inner-box .title {margin-top:10px;margin-bottom:0;background:url('/web/user/css/images/dialog/line.png') no-repeat center center;line-height:40px;color:#666;font-size:14px;text-align:center;}
.inner-box .title1 {margin-top:10px;margin-bottom:20px;text-align:center;color:#666;font-size:14px;}
.input-row {position:relative;margin-bottom:15px;text-align:center;}
.input-row label {display:inline-block;cursor:text;position:absolute;left:70px;top:0;line-height:42px;font-size:14px;color:#999;z-index:-1;}
.input-row .text-box {background:none;text-align:left;color:#999;border-radius:3px;border:solid 1px #DDD;box-sizing:border-box;height:42px;line-height:20px;padding:10px;font-size:14px;width:300px;}
.input-row .text-box:focus {color:#333;}
.input-row .btn-submit {
    width:298px;
    height:49px;
    font-size:18px;
    cursor:pointer;
    padding:8px 20px;
}
.input-row .btn-submit-short {
    width:158px;height:49px;border:0;color:#FFF;font-size:18px;cursor:pointer;}
.inner-box .success-row {font-size:28px;text-align:center;margin:30px 0 20px 0;}
.inner-box .icon-success {background:url('/web/user/css/images/dialog/gou.png') no-repeat left center;padding:28px 28px;}

.inner-box .login-method {width:300px;margin:0 auto;}
.inner-box .login-method .method-cell {display:table-cell;width:1%;text-align:center;}
.inner-box .icon-error {background:url('/web/user/css/images/dialog/error.png') no-repeat left center;padding:2px 8px;}
.err-msg {width:400px;display:block;margin:0 auto;height:20px;line-height:20px;font-size:12px;color:#FF4524;visibility:hidden;text-align:left;}
.send-again {cursor:pointer;}
.mb5 {margin-bottom:5px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.text-center {text-align:center;}
.color1 {color:#D8292E;}
.lh28 {line-height:28px;}
.fontsize0{font-size:12px;}
.fontsize1{font-size:14px;}
.link-forget {color:#4385FF;font-size:14px;}
.link-register {color:#D8292E;}
.link-remember {color:#4385FF;}
.link-login {color:#4385FF;}
.link-mail {color:#4385FF;}
.link-forget:hover,.link-register:hover,.link-remember:hover,.link-mail:hover {text-decoration:underline;}
.pr {position:relative;}
.clearfix {display:block;}
.clearfix:after {display:block;content:" ";visibility:hidden;clear:both;}
.floatleft {float:left;}
.floatright {float:right;}

.inner-box .link-row {width:300px;margin:0 auto;}
.inner-box .verify {width:160px;text-align:left;margin-left:60px;}
.inner-box .verify label {left:10px;}
.inner-box .verify .text-box {width:160px;}
.inner-box .verify-img {width:130px;line-height:42px;vertical-align:middle;margin-left:10px;}
.inner-box .verify-img img {vertical-align:middle;max-height:42px;max-width:130px;}

.content-success{
    display : none;
}
.link-mail1{
    text-decoration: none;
}

.colorwhite {color:#FFF;}
.color9 {color:#999;}
.color6{color:#666;}
.colorpro {color:#F18200;}
.color3{color:#333;}
.colorf9 {color:#FF9900;}
.colorred {color:#FF0000;}

.setting-page{
    border-radius: 4px;
    background: #ffffff;
}

.setting-page .setting-title{
    font-size: 20px;
    padding: 16px;
    text-align: center;
    border-bottom: solid 1px #dddddd;
}

.setting-section{
    padding:20px 20px 10px;
    color: #999999;
}

.setting-section-top{
    height : 40px;
}

.setting-section-content{
    height: 0;
    padding:10px;
    border-bottom: solid 1px #eeeeee;
    overflow: hidden;
}

.section-open .setting-section-content{
    height: auto;
}

.section-open .setting-section-center{
    visibility: hidden;
}

.setting-section-content label{
    text-align: right;
    margin-top: 5px;
}

.setting-section-left{
    color:#666666;
    font-size: 16px;
}

.setting-section-right{
    cursor: pointer;
}

.setting-page .row:after{
    clear : none;
}

.setting-section-center img{
    height:50px;
    width :50px;
    margin-top: -12px;
}

.avatar-content{
    margin-left: 20%;
}

.avatar-content img{
    height: 200px;
    width: 200px;
    float: left;
}

.avatar-upload-btn{
    vertical-align: top;
    margin: 10px 20px;
    margin-left: 220px;
    width: 110px;
    cursor: pointer;
    position: relative;
}

.regist-nav{
    border-bottom: 1px solid #cccccc;
    margin: 10px;
}

.regist-nav .regist-nav-item{
    position: relative;
    top: 1px;
    padding: 10px;
    text-align: center;
    border: 1px solid rgba(255,255,255,0);
    color: #999999;
    cursor: pointer;
}

.regist-nav .reg-tel{
    float:left;
    width: 50%;
}

.regist-nav .reg-email{
    margin-left: 50%;
}

.regist-nav .active{
    background: #ffffff;
    border: 1px solid #cccccc;
    border-bottom:1px solid #ffffff;
    border-radius: 3px 3px 0 0;
    color: #333333;
}

.form-btn{
    background: #2fa2f2;
    color: #ffffff;
    padding: 10px 22px;
    font-size: 14px;
    border: none;
    border-radius: 3px;
}

.disbtn{
    background: #c1c1c1 !important;
    border: #c1c1c1 1px solid !important;;
}

.valcode .text-box{
    float:left;
    width: 47%;
    margin-left: 10px;
}

@media screen and (max-width:560px) {
    .dialog-canvas{
        position: absolute;
    }
    .dialog-box {width:320px;min-height:260px;margin:100px auto;position: relative;border-radius:5px;box-shadow: 0 0 10px rgba(0,0,0,0.6);}
    .inner-box{padding:25px 20px;margin: 0 auto;}
    .input-row .text-box {background:none;text-align:left;color:#999;border-radius:3px;border:solid 1px #DDD;box-sizing:border-box;height:42px;line-height:20px;padding:10px;font-size:14px;width:260px;}
    .input-row .btn-submit {background:url('/web/user/css/images/dialog/btn-long.png') no-repeat left top;width:260px;height:49px;border:0;color:#FFF;font-size:18px;cursor:pointer;border-radius:3px;}
    .inner-box .link-row {width:260px;margin:0 auto;}
}


#gdotherLoginUserImg,#gdotherLoginPwdImg {
    display:table-cell;
}
#gdotherLoginUserText,#gdotherLoginPwdText{
    display:table-cell;
}
#gdotherLoginUser,#gdotherLoginPwd {
    border:1px solid #c5cddb;
}
#gdotherLoginUser {
    margin-top:24px;
}
.otherLoginbtn {
    height:46px;
    width:340px;
    font-size:14px;
    margin-top:4px;
}
#OtherLoginRoot .icon-error {background:url('/web/user/css/images/dialog/error.png') no-repeat left center;padding:2px 8px;}