/**********************登录*********************/
* {
    font-family: 'Microsoft YaHei', 微软雅黑;
}

a {
    color: #333;
    cursor: pointer;
}

.slide-picture {
    cursor: pointer;
}

a:hover {
    color: #333;
    cursor: pointer;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
    opacity: 0.3;
}

.inp-ml {
    width: 300px;
    height: 40px;
    border: 1px solid #ccc;
    border-radius: 2px;
    font-size: 14px;
    color: #555;
    outline: none;
    padding-left: 18px;
}

.inp-ml::-webkit-input-placeholder {
    color: #ccc;
}

.icon-w:after {
    clear: both;
    display: table;
    content: '';
}

.tl {
    font-size: 14px;
}

.rl-modal {
    position: fixed;
    z-index: 100000;
    padding-bottom: 30px;
    left: 50%;
    top: 50%;
    margin: -273px 0 0 -215px;
}

.login-box {
    width: 430px;
    height: 549px;

}

.btn-ml {
    width: 300px;
    height: 40px;
    border: 1px solid #555;
    border-radius: 2px;
    background: #555;
    color: #fff;
    font-size: 14px;
    outline: none;
}

.del-tl {
    border-radius: 0px;
    height: 550px;
}

.window-logo {
    margin: auto;
    text-align: center;
    margin-top: 60px;
}

.btn-mary {
    width: 300px;
    height: 40px;
    border: 1px solid #555;
    border-radius: 2px;
    background: #555;
    color: #fff;
    font-size: 14px;
    outline: none;
}

.men-mt {
    height: 40px;
    width: 300px;
    border: 1px solid #ccc;
    border-radius: 2px;
}

.login-center {
    width: 300px;
    margin: auto;
}

.form-group {
    margin-bottom: 10px;
}

.icon-user {
    background-image: url(../img/icon-log.png);
    background-repeat: no-repeat;
    padding-left: 40px;;
    background-position: left center;
}

.icon-ps {
    background-image: url(../img/icon-pas.png);
    background-repeat: no-repeat;
    padding-left: 40px;
    background-position: left center;
}

.btn-colo {
    background: #555555;
}

.btn-colo:hover {
    background: #999;
}

.lab-color {
    color: #999;
}

.tab-chek-pwd {
    width: 100%;
}

.cl-kl-m {
    width: 50%;
    float: left;
}

.forget-pwd {
    width: 50%;
    float: left;
    margin-top: 6px;
    text-align: right;
    color: #999;
}

.tab-register {
    text-align: right;
    color: #999;
    font-size: 12px;
}

.sig {
    cursor: pointer;
    font-size: 12px;
}

.sig:hover {
    color: #000;
}

.tab-third {
    clear: both;
}

.icon-w {
    float: left;
    width: 50%;
    text-align: center;
    margin-top: 35px;
}

.ic-ue-cl {

}

.icon-kl {
    background-repeat: no-repeat;
    width: 44px;
    height: 44px;
    margin: auto;
}

.phont-modal {
    position: fixed;
    z-index: 100000;
    padding-bottom: 30px;
    left: 50%;
    top: 50%;
    margin: -270px 0 0 -215px;

}

.icon-qq {
    background: url(../img/tengxun-1.png);
}

.icon-weixin {
    background: url(../img/weixin-1.png);
}

.icon-weibo {
    background: url(../img/sina-1.png);
}

.icon-qq:hover {
    background: url(../img/tengxun-2.png);
}

.icon-weixin:hover {
    background: url(../img/weixin-2.png);
}

.icon-weibo:hover {
    background: url(../img/sina-2.png);
}

.dis-fan {
    margin-top: 7px;
    color: #666;
    font-size: 12px;
}

/**********************end************************/
/********************身份认证*************************/
.arts-modal {
    position: fixed;
    z-index: 10000;
    padding-bottom: 30px;
    left: 50%;
    top: 50%;
    margin: -218px 0 0 -180px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
    background: #fff;
    width: 480px;
    padding: 60px;
}

.arts-mod {
    position: fixed;
    z-index: 10000;
    padding-bottom: 30px;
    left: 50%;
    top: 50%;
    margin: -263px 0 0 -215px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
    background: #fff;
    width: 480px;
    padding: 30px;
    margin-left: -236px;
}

.btn-kl-te {
    width: 180px;
    height: 30px;
    border: 1px solid #ccc;
    color: #555;
    border-radius: 2px;
    background: #fff;
}

.btn-kl-te:hover {
    width: 180px;
    height: 30px;
    border-radius: 2px;
    color: #fff;
    border-radius: 2px;
    background: #555;
    border: none;
}

.met-ml {
    margin-top: 45px;
    margin-bottom: 15px;
}

.checkbox {
    margin-top: 6px;
    color: #999;
    font-size: 12px;
}

.checkbox:hover {
    border-color: #ccc;
}

.fl-ml {
    margin-top: 45px;
    margin-bottom: 15px;
    font-size: 18px;
    color: #555;

}

.reg-box {

    width: 350px;
    margin: auto;
    margin-top: 55px;
}

.but-tom {
    width: 39%;
    float: left;
    text-align: center;
}

.reg-box:after,.re-ml:after {
    clear: both;
    display: table;
    content: '';
}

.but-tom:after {
    clear: both;
    display: table;
    content: '';
}

input .-webkit-input-placeholder {
    color: red;
}

.btn-tl-ys {
    width: 100px;
    height: 30px;
    background: #fff;
    color: #999;
    line-height: 18px;
    border: 1px solid #ccc;
    border-radius: 2px;
    line-height: 26px;
    outline: none;
}

.re-ml {
    position: relative;
    left: 48px;
    top: 0px;
    padding-top: 30px;
    padding-bottom: 30px;
}

.btn-tl-ys:hover {
    width: 100px;
    height: 30px;
    background: #555;
    color: #fff;
    line-height: 26px;
    border: none;
    outline: none;
}

.btn-primary:hover {
    border-color: #555;
    background: #555;
}

.min-area {
    width: 400px;
    margin: auto;
    clear: both;
}

.text-we-nb {
    width: 400px;
    border: 1px solid #ccc;
    word-wrap: break-word;
    height: 265px;
    overflow: hidden;
    overflow-y: auto;
}

.del-tal {
    border-radius: inherit;
}

.btn-kl-te {
    width: 180px;
    height: 30px;
    line-height: 15px;
    color: #000;
    background: #fff;
    border-color: #ccc;
    border-radius: 2px;
    line-height: 26px;
}

.re-em-rl {
    text-align: center;
    padding: 10% 0%;
}

.btn-kl-te:hover {
    width: 180px;
    height: 30px;
    line-height: 15px;
    color: #fff;
    background: #333;
    border-color: #333;
    line-height: 26px;
}

.relt-mt {
    background: #000;
    color: #fff;
}

/***********注册****************/
.icon-phone {
    background: url(../img/icon-phone.jpg);
    background-repeat: no-repeat;
    padding-left: 41px;
    background-position: left center;
}

.ic-ue-cl {
    margin-top: 5px;
}

.regi-ster-box {
    height: 550px;
}

.del-tal {
    height: 540px;
    border-radius: 0px;
}

.pwd-ct {
    width: 148px;
    height: 40px;
}

.btn-pri-kl {
    width: 140px;
    margin-left: 160px;
    border: 1px solid #999;
    background: #fff;
    position: relative;
    top: -9px;
    left: 0px;
}

.window-go {
    text-align: center;
    margin: 20px auto auto;
}

.f-ml {
    margin-top: 25px;
    margin-bottom: 15px;
    font-size: 18px;
    color: #555;
}

.btn-pri {
    width: 143px;
    border: 1px solid #ccc;
    background: #fff;
    position: relative;
    left: 5px;
    height: 40px;
    border-radius: 2px;
    outline: none;
    color: #666;
    font-size: 14px;
}

.btn-tl1 {
    margin-top: -19px;
}

.li-ml {
    font-size: 14px;
}

.bit-l {
    margin-top: -39px;
}

.mail {
    width: 148px;
    heihgt: 40px;
}

.sontl {
    font-family: "Microsoft YaHei", 宋体;
    text-align: center;
    font-size: 22px;
    color: #555;
}

.mart {
    width: 95%;
    margin: auto;
    text-align: justify;
}

.font-size1 {
    text-align: right;
    font-size: 12px;
    font-weight: 600;
    color: #555;
    margin-top: 30px;
    margin-bottom: 5px;
}

/*************end****************/
/***************邮箱注册**************/
.email-modal {
    position: fixed;
    z-index: 100000;
    padding-bottom: 30px;
    left: 50%;
    top: 50%;
    margin: -270px 0 0 -215px;
}

.icon-email {
    background: url(../img/icon-email.png);
    background-repeat: no-repeat;
    padding-left: 40px;
    background-position: left center;
}

.mel-tl {
    color: #555;
    margin-top: 20px;
}

/******************end********************/
/**************忘记密码**********************/
.fag-modal {
    position: fixed;
    z-index: 100000;
    padding-bottom: 30px;
    left: 50%;
    top: 50%;
    margin: -252px 0 0 -215px;
}

.set-up {
    margin-top: 40px;
}

.del-al {
    height: 505px;
    border-radius: 0px;
}

.kl-mt-k {
    width: 65%;
}

.pw-ck-m {
    width: 35%;
}

.rel-ke-m {
    margin-left: -20px;
}

/******************end*************************/
.ve-ri-fy {
    color: #f00;
    position: absolute;
    font-size: 12px;
    line-height: 3.5;
    margin-left: -30px;
}

/*.rel-al-t {*/
    /*right: 74px;*/
    /*top: 203px;*/
/*}*/

/*.pwd-er {*/
    /*right: 76px;*/
    /*top: 252px;*/
/*}*/

/*.phone-sr {*/
    /*right: 74px;*/
    /*top: 165px;*/
/*}*/

/*.ures-ke-l {*/
    /*right: 75px;*/
    /*top: 215px;*/
/*}*/

/*.pwd-plt {*/
    /*right: 74px;*/
    /*top: 265px;*/
/*}*/

/*.pw-dr-plt {*/
    /*right: 74px;*/
    /*top: 335px;*/
/*}*/

/*.email-sr-t {*/
    /*right: 74px;*/
    /*top: 185px;*/
/*}*/

.size-celor {
    color: #999;
}

.btn-kl-te {
    background: #555;
    color: #fff;
    border: none;
}

/*.pw-p-lt {*/
    /*right: 74px;*/
    /*top: 304px;*/
/*}*/

.set-up {
    width: 300px;
    height: 40px;
    border: 1px solid #555;
    border-radius: 2px;
    background: #555;
    color: #fff;
    font-size: 14px;
    outline: none;
}

/*.pw-dr-t {*/
    /*right: 74px;*/
    /*top: 315px;*/

/*}*/

#upload_art {
    outline: none;
    width: 100px;
}
.navbar-nav > li > a.a-ml {
    padding: 10px 0;
}

li.banner-li {
    padding: 0 48px;
}
.error-msg {
    text-align: right;
    color: red;
    visibility: hidden;
    padding: 0 40px;
}
#phonebox,#sp-pwd1,#pwdbox3,#pwdbox4 {
    margin-left: -145px;
}
#sp-pwd2 {
    margin-left: -90px;
}
#emailbox {
    margin-left: -110px;
}
#tl-m,#fy-ml {
    margin-left: -50px;
}