@charset "utf-8";

html {
    background: #fff;
    overflow-y: scroll;
}

body {
    background: url(/images/login/quc_index_bg.jpg) no-repeat 50% 0;
}

.info {
    color: #54C11A;
    float: right;
}

.registerNew {
    background: url(registerNew.png) no-repeat 86px 1px;
    display: inline-block;
    padding-right: 30px;
    width: 90px;
}

.info span {
    display: inline-block;
    text-align: center;
}

    .info span a {
        color: #54c11a;
        font-size: 16px;
    }

.info .split {
    padding: 0 17px;
    width: 1px;
}

#doc {
    font: 14px "Microsoft YaHei";
    margin: 0 auto;
    position: relative;
    width: 644px;
}

#hd {
    background: transparent;
    margin-bottom: 23px;
    width: 270px;
}

    #hd, #hd .logo {
        float:left;
        height:40px;
    }

#loginWrap {
    margin-left: 60px;
}

#regWrap {
    margin-left: 112px;
}

#hd .logo {
    background:url(/images/login/logo_new1.png)no-repeat;
    _background:url(/images/login/logo_new1.png) no-repeat;
    margin-left: 13px;
    width:260px;
}

#doc .reg-wrapper11 {
    background:url(/images/login/logo_new1.png) repeat-x;
    height:454px;
    padding-top: 14px;
}

#hd .logo a, #bd .otherMessage div {
    display: inline-block;
}

#hd .logo a {
    height:40px;
    width:260px;
}

.quc-clearfix, .quc-clearfix:after {
    clear: both;
}

.mod-qiuser-pop {
    color: #999;
    margin: 0 auto;
    position: relative;
    zoom: 1;
}

.botborder {
    border-bottom: 1px solid #e5e5e5;
}

.reg-wrapper-quick {
    background:url(/images/login/bdbgquick.png) repeat-x;
    height:350px;
    padding-top: 14px;
}

.quc-clearfix:after {
    content: " ";
    display: block;
    height: 0;
    visibility: hidden;
}

.quc-qiuser-panel .quc-wrapper {
    font: 16px "Microsoft YaHei";
}

.quc-qiuser-panel .quc-main {
    margin-left: 35px;
}

.quc-qiuser-panel .quc-mod-quick-sign-in {
    margin-top: -15px;
}

.quc-wrapper .quc-button {
    background:url(/images/login/i360_email.png) no-repeat;
    _background:url(/images/login/i360_email.png) no-repeat;
    border: 0;
    cursor: pointer;
    height: 51px;
    outline: medium none;
    width: 373px;
}

.quc-wrapper .quc-button-sign-in {
    background-position: -10px -10px;
}

.quc-mod-sign-in .quc-tip-wrapper {
    margin: -10px 0 5px -30px;
}

.quc-mod-sign-up .quc-field-email {
    z-index: 10;
}

.quc-mod-sign-up .quc-tip-error, .quc-mod-sign-in .quc-tip-error {
    color: orange;
}

.quc-wrapper .quc-email-hint-wrapper {
    margin-top: 10px;
}

.quc-mod-sign-in .quc-input-account {
    width: 280px;
}

.quc-mod-sign-up .quc-input-email {
    width: 270px;
}

.quc-wrapper .quc-ipbox {
    background: #fff;
    border: 1px solid #ced1d0;
    border-radius: 4px;
    font: 16px "Microsoft YaHei";
    margin-bottom: 10px;
}

.quc-wrapper .quc-checkcode {
    width: 115px;
}

.quc-wrapper a.quc-findPwd {
    color: #54c11a;
    float: right;
}

.info span a:hover {
    color: #46a115;
}

.quc-mod-sign-in .quc-ipbox .quc-field {
    height: 50px;
    margin-bottom: 0;
    position: relative;
}

.quc-mod-sign-in .quc-ipbox .quc-label {
    color: #999;
    font-size: 16px;
    line-height: 50px;
    margin-right: 0;
    padding: 0 5px;
    width: 65px;
}

.quc-wrapper .quc-ipbox .quc-input-bg {
    background: none;
}

.quc-wrapper .quc-ipbox .quc-input {
    font: 14px/25px arial,simsun;
    margin: 3px 0;
}

.quc-qiuser-panel .quc-mod-sign-in .quc-field-keep-alive {
    font-size: 12px;
}

.quc-qiuser-panel .quc-mod-sign-in .quc-field-keep-alive, .quc-qiuser-panel .quc-mod-sign-in .quc-field-submit, .quc-qiuser-panel .quc-mod-normal-sign-in .quc-field-third-part {
    padding-left: 0;
}

.quc-qiuser-panel .quc-wrapper .quc-checkbox {
    vertical-align: -1px;
}

.quc-wrapper .quc-button-sign-in:hover, .quc-wrapper .quc-button-sign-in:focus, .quc-wrapper .quc-button-sign-in:active {
    background-position: -10px -76px;
    width: 372px;
}

.quc-qiuser-panel .quc-mod-sign-in .quc-field-third-part {
    color: #444;
    font-size: 14px;
    margin-top: 35px;
}

.quc-qiuser-panel .quc-mod-sign-in .quc-field-submit {
    padding-top: 10px;
}

.quc-mod-sign-in .quc-field-captcha .quc-captcha-img, .quc-mod-sign-up .quc-field-captcha .quc-captcha-img {
    height: 45px;
    margin: 3px 0 0 6px;
    _margin: 3px 0 0 3px;
    width: 113px;
}

.quc-mod-sign-in .quc-field-captcha .quc-captcha-change, .quc-mod-sign-up .quc-field-captcha .quc-captcha-change {
    color: #54c11a;
    font-size: 12px;
    margin-left: 5px;
}

.quc-wrapper .quc-ipbox .quc-field {
   /* position: relative;*/
}

.quc-wrapper .quc-ipbox .quc-input-captcha {
    width: 110px;
}

.quc-wrapper .quc-field-captcha .quc-ipbox {
    margin-bottom: 0;
}

#quc-bd {
    margin-top: 0;
}

    #quc-bd .content {
        height: 369px;
        padding: 10px 59px 25px 0;
        position: relative;
        width: 523px;
    }

#doc .reg-wrapper2 {
    background: url(/images/login/bdbg2.png) repeat-x;
    _background: url(/images/login/bdbg4.png) no-repeat;
    height: 540px;
    padding-top: 14px;
}

#doc .reg-wrapper1 {
    background: url(/images/login/bdbg1.png) repeat-x;
    _background: url(http://i.360.cn/static/img/bdbg3.png?v=84936.png) no-repeat;
    height: 500px;
    padding-top: 14px;
}

#quc-bd .otherMessage {
    border-top: 1px #E5E5E5 solid;
    display: none;
    font-size: 14px;
    height: 60px;
    line-height: 53px;
    text-align: center;
    width: 110%;
}

    #quc-bd .otherMessage, #quc-bd .otherMessage #accountLogin a, #doc .otherMessage .findpwd a {
        color: #767676;
    }

        #quc-bd .otherMessage #accountLogin a:hover, #doc .otherMessage .findpwd a:hover {
            color: #54c11a;
        }

.uc-logincode {
    position: absolute;
    right: -63px;
    _right: -15px;
    top: -5px;
}

.reg-wrapper {
    background:url(/images/login/bdbg.png) repeat-x;
    height: 394px;
    padding-top: 14px;
}

.tips-pic {
    padding: 48px 150px 10px;
}

.tips-text {
    color: #000;
    font-family: "微软雅黑";
    font-size: 20px;
    line-height: 30px;
}

.tips-suggest-login {
    line-height: 24px;
    padding-top: 10px;
}

.tips-active, .tips-active-back {
    margin-top: 10px;
}

.goback-blue {
    background:url(/images/login/i360_email.png?v=2ad1f.png) no-repeat -9px -619px;
    color: #019acd;
    display: inline-block;
    font-size: 22px;
    height: 52px;
    line-height: 52px;
    text-align: center;
    width: 274px;
}

.bd-tit {
    color: #666;
    margin-left: 77px;
}

.mod-qiuser-pop {
    color: #999;
    margin: 0 auto;
    position: relative;
    zoom: 1;
}

.autoset {
    border-top: 1px #E5E5E5 solid;
    height: 44px;
    line-height: 44px;
    text-align: center;
}

.hot {
    background: url(/images/login/hot.gif) no-repeat;
    display: inline-block;
    height: 10px;
    left: 5px;
    position: relative;
    top: -10px;
    width: 26px;
}

.tips-active a {
    background: url(/images/login/buttonbgs.png?v=cf79f.png) no-repeat 0 -3px;
    color: #fff;
    font-size: 21px;
    height: 52px;
    line-height: 52px;
    width: 273px;
}

.tips-active a, .tips-active-back a {
    display: inline-block;
    font-family: "微软雅黑";
}

.mod-qiuser-pop dt {
    color: #666;
    font-size: 16px;
    height: 40px;
    line-height: 30px;
    margin-left: 3px;
}

.uc-logincode .btn-code {
    background: url(/images/login/two-code.png?v=57aad.png) no-repeat;
    _background: url(/images/login/two-code-ie6.png?v=0bfbb.png) no-repeat;
    display: inline-block;
    height: 71px;
    width: 71px;
}

.quc-mod-qrcode-sign-in .quc-qrcode-wrapper {
    background: url(/images/login/twocode-2.png?v=96f89.png) no-repeat top right;
    height: 120px;
    width: 331px;
}

.quc-mod-qrcode-sign-in .quc-qrcode-tip {
    width: 126px;
}

.quc-mod-qrcode-sign-in .quc-qrcode {
    position: absolute;
    right: 0;
    top: 0;
}

.quc-wrapper .quc-tips {
    color: #666;
    font-size: 14px;
    line-height: 22px;
    padding: 30px 0 0;
    text-align: center;
}

.quc-wrapper .quc-cancel {
    background-position: -484px -199px;
    color: #fff;
    display: inline-block;
    font-size: 24px;
    height: 50px;
    line-height: 50px;
    text-indent: 0;
    vertical-align: middle;
    width: 274px;
}

.quc-wrapper .quc-field-cancel {
    padding-top: 15px;
    text-align: center;
}

.quc-mod-sign-up .quc-main {
    background: none;
    border-left: none;
    box-shadow: none;
    float: none;
}

.quc-mod-sign-up .quc-button-sign-up {
    background-position: -487px -10px;
    margin: 12px 4px 0;
}


.quc-mod-sign-up .quc-button-sign-up-sumit {
    margin: 12px 4px 0;
     background:url(/images/login/i360_email.png) no-repeat -487px -143px;
    _background:url(/images/login/i360_email.png) no-repeat -487px -143px;
    background-position: -487px -143px;
    border: 0;
    cursor: default;
    height: 51px;
    outline: medium none;
    width: 373px;color: transparent;
    display: inline-block;
font-size: 0;
line-height: 0;
outline: none;
-webkit-user-select: none;
-moz-user-select: none;
vertical-align: middle;
}
.quc-mod-sign-up .quc-field-licence {
    font-size: 14px;
    margin: 9px 0 0;
}

.quc-wrapper .errortipsleft {
    background: url(/images/login/errortipleft.png?v=19800.png) no-repeat;
    display: none;
    height: 30px;
    left: 382px;
    position: absolute;
    top: 13px;
    _width: 260px;
    z-index: 100;
}

.quc-wrapper .errortipsright {
    background: url(/images/login/errortipright.png?v=2a614.png) no-repeat 99% 0;
    _clear: both;
    display: inline-block;
    _float: left;
    height: 30px;
    line-height: 23px;
    padding: 0 4px 0 11px;
}

.quc-wrapper .msgtipsleft {
    background: url(/images/login/tipleft.png?v=6c120.png) no-repeat;
    display: none;
    height: 30px;
    left: 382px;
    position: absolute;
    top: 13px;
    _width: 260px;
    z-index: 100;
}

.quc-wrapper .msgtipsright {
    background: url(/images/login/tipright.png?v=d09ee.png) no-repeat 99% 0;
    _clear: both;
    _float: left;
    height: 30px;
    line-height: 23px;
    padding: 1px 4px 3px 11px;
}

.quc-input-middle .quc-input {
    width: 247px;
}

.quc-input-middle .quc-input-bg {
    background: none;
    width: 270px;
}

.quc-wrapper .quc-button-blue {
    background-position: -10px -380px;
    color: #0182ad;
    font: 14px "Microsoft YaHei";
    height: 44px;
    line-height: 44px;
    text-align: center;
    text-indent: 0;
    width: 139px;
}

.quc-sign-up-wrapper .quc-button-disabled {
    background: #eee;
    color: #bababa;
}

.quc-sign-up-wrapper .quc-field {
    border-bottom: 1px solid #e5e5e5;
}

.quc-sign-up-wrapper .quc-tip-wrapper {
    padding: 3px 0 5px;
}

.info .loginAccount {
    background: url(/images/login/registerNew.png?v=677f0.png) no-repeat 100px 1px;
    display: inline-block;
    padding-right: 30px;
    width: 100px;
}

.tip-help-guest .zhuomian {
    background: url(http://w.qhimg.com/images/v2/i360/i360_new/email_360/360zhuomian.png) no-repeat;
}

.tip-help-guest .zhuomian, .tip-help-guest .liuluanqi {
    width: 37px;
}

.tip-help-guest .zhuomian, .tip-help-guest .liuluanqi, .tip-help-guest .wangdun, .tip-help-guest .yunpan, .tip-help-guest .zhushou, .tip-help-guest .compress, .tip-help-guest .jishi, .tip-help-guest .netsafe {
    display: inline-block;
    height: 38px;
    width: 35px;
}

.tip-help-guest .liuluanqi {
    background: url(http://w.qhimg.com/images/v2/i360/i360_new/email_360/360jisu.png) no-repeat;
}

.tip-help-guest .wangdun {
    background: url(http://w.qhimg.com/images/v2/i360/i360_new/email_360/360wangdun.png) no-repeat;
}

.tip-help-guest .compress {
    background: url(http://w.qhimg.com/images/v2/i360/i360_new/email_360/360compress.png) no-repeat;
}

.tip-help-guest .yunpan {
    background: url(http://w.qhimg.com/images/v2/i360/i360_new/email_360/360yunpan.png) no-repeat;
}

.tip-help-guest .zhushou {
    background: url(http://w.qhimg.com/images/v2/i360/i360_new/email_360/360zhushou.png) no-repeat;
}

.tip-help-guest .jishi {
    background: url(http://w.qhimg.com/images/v2/i360/i360_new/email_360/360jishi.png) no-repeat;
}

.tip-help-guest .netsafe {
    background: url(http://p0.qhimg.com/t01360ce86e071207aa.png) no-repeat;
}

.goback-blue:hover {
    background-position: -9px -686px;
    color: #019acd;
}

.mod-qiuser-pop .login-wrap {
    float: left;
    font: 16px "Microsoft YaHei";
    margin: 31px 0 0 72px;
    _margin: 31px 0 0 44px;
    width: 374px;
}

.mod-qiuser-pop .btn-oauth-login {
    background: url(/images/login/button.png?v=b1375.png) no-repeat;
    border: none;
    color: #FFF;
    cursor: pointer;
    font-size: 24px;
    font-family: "Microsoft Yahei";
    height: 51px;
    margin-left: 2px;
    width: 373px;
}

.mod-qiuser-pop .fac3 {
    color: #54c11a;
    font-size: 12px;
    margin-left: 0;
}

.quc-mod-set-sec-email .quc-label, .quc-mod-set-email .quc-label, .quc-mod-bind-mobile .quc-label {
    width: 70px;
}

.quc-mod-set-sec-email .quc-button-submit, .quc-mod-set-email .quc-button-submit, .quc-mod-bind-mobile .quc-button-submit {
    margin-left: 83px;
}

.quc-mod-qrcode-sign-in .quc-qrcode-tip i {
    height: 126px;
}

.tips-active a:hover {
    background-position: 0 -72px;
}

.mod-qiuser-pop .login-wrap dd, .mod-qiuser-pop .reg-wrap dd {
    height: 50px;
    margin-top: 20px;
    _margin-top: 5px;
    position: relative;
}

.quc-wrapper div.quc-mod-set-username, .quc-wrapper div.quc-mod-set-nickname {
    padding: 30px 0 20px;
}

.uc-logincode .btn-code:hover {
    background-position: 0 -79px;
}

.quc-wrapper .quc-cancel:hover {
    background-position: -484px -268px;
}

.quc-mod-sign-up .quc-main .quc-label {
    color: #999;
    display: inline-block;
    font-size: 16px;
    line-height: 50px;
    margin-right: 0;
    padding: 0 5px;
    text-align: right;
    width: 80px;
}

.quc-mod-sign-up .quc-field .quc-input-bg {
    margin: 0;
}

.quc-mod-sign-up .quc-field .quc-tip {
    margin-left: 0;
}

.quc-wrapper .quc-button-sign-up:focus, .quc-wrapper .quc-button-sign-up:hover, .quc-wrapper .quc-button-sign-up:active {
    background-position: -487px -85px;
}

.quc-wrapper .tipwrapper-phoneReg .quc-tip {
    display: inline-block;
    line-height: 23px;
    padding-right: 5px;
}

.quc-wrapper .tipwrapper-phoneReg .ico {
    height: 14px;
    left: -29px;
    position: absolute;
    top: 5px;
    width: 14px;
}

.quc-wrapper .quc-button-blue:hover, .quc-wrapper .quc-button-blue:focus {
    background-position: -10px -440px;
    text-decoration: none;
}

.quc-mod-sign-up .quc-field-mobile .quc-mobile-tip {
    color: #54c11a;
    float: none;
    font-size: 14px;
    line-height: 44px;
}

.quc-wrapper .quc-panel-bd .quc-tip-error {
    color: red;
}

.quc-panel .quc-panel-hd .quc-panel-title {
    background: none;
    _background: none;
    margin-left: -75px;
    padding: 18px 130px 0 103px;
}

.quc-mod-bind-mobile .quc-field .quc-tip {
    margin-left: 85px;
}

.quc-wrapper .errortipsright span.reg-tips-wrong {
    background: #FFF4E7;
    border-top: 1px solid #FF8B02;
    border-bottom: 1px solid #FF8B02;
    color: #FF8B02;
    display: inline-block;
    font-size: 13px;
    white-space: nowrap;
}

.quc-wrapper .msgtipsright span.text-tips {
    background: #fff;
    border-bottom: 1px solid #88cbe6;
    border-top: 1px solid #88cbe6;
    color: #88cbe6;
    display: inline-block;
    font-size: 13px;
    white-space: nowrap;
}

.quc-wrapper .quc-ipbox .quc-field .text-error {
    background: #fff;
    border-radius: 2px;
    color: #666;
    font-size: 12px;
    left: 372px;
    padding: 0 5px;
    position: absolute;
    top: 17px;
    white-space: nowrap;
}

.quc-wrapper .quc-ipbox .quc-field .ico-right {
    height: 14px;
    margin-right: 6px;
    width: 14px;
}

#quc-bd .reg-nav {
    border-bottom: 1px solid #DDDBDB;
    font-family: "Microsoft YaHei";
    font-size: 16px;
    height: 67px;
    line-height: 67px;
}

#quc-bd .active-content-error {
    height: 300px;
    padding-top: 20px;
    text-align: center;
}

#quc-bd .active-content {
    color: #aeaeae;
    height: 328px;
    text-align: center;
}

#quc-bd .tip-help {
    border-top: 1px solid #e5e5e5;
    padding: 10px 30px;
    _padding: 10px 5px;
}

#quc-bd .tip-help-guest {
    border-top: 1px solid #eff3f4;
    padding: 10px 50px;
    _padding: 10px 30px;
}

#quc-bd .logo a, #quc-bd .otherMessage div {
    display: inline-block;
}

#quc-bd .tip-help a, #quc-bd .active-content-error a {
    color: #54c11a;
}

#quc-bd .tip-help dt, #quc-bd .tip-help-guest dt {
    color: #000;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
}

#quc-bd .tip-help dl {
    background: url(/images/login/dotgreen.png?v=fbb0d.png) 0 12px no-repeat;
    color: #aeaeae;
    float: left;
    height: 26px;
    line-height: 26px;
    margin-left: -10px;
    _margin-left: 0;
    padding-left: 10px;
    width: 50%;
}

#quc-bd .tip-help dt, #quc-bd .tip-help-guest dt {
    color: #000;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
}

#quc-bd .tip-help-guest dl {
    float: left;
    padding: 13px 11px;
    text-align: center;
}

#quc-bd .reg-nav ul li {
    background: url(/images/login/reg-nav-bg.png?v=99f99.png) no-repeat right;
    float: left;
    width: 322px;
}

    #quc-bd .reg-nav ul li a {
        border: 0;
        display: block;
        height: 67px;
        _height: 50px;
        outline: medium none;
        _padding-top: 17px;
        text-align: center;
    }

    #quc-bd .reg-nav ul li span {
        margin-left: 20px;
        zoom: 1;
    }

#quc-bd .otherMessage .split {
    color: #e5e5e5;
    margin: 0 24px;
}

#quc-bd .reg-nav .icon {
    background: url(/images/login/reg-nav-ico.png) no-repeat;
    display: inline-block;
    height: 27px;
    margin-right: 8px;
    vertical-align: -8px;
    *vertical-align: -5px;
    width: 22px;
}

#quc-bd .reg-nav .email-icon {
    background-position: 0 0;
}

#quc-bd .reg-nav .tel-icon {
    background-position: 0 -28px;
}

#quc-bd .reg-nav .user-icon {
    background-position: 0 -56px;
}

#quc-bd .content .oauth-login-tips {
    height: 80px;
    margin-left: 75px;
    margin-top: 20px;
    width: 450px;
}

#quc-bd .autoset .btn-oauth-autoreg {
    color: #767676;
    cursor: pointer;
    display: inline-block;
    font-family: "Microsoft Yahei";
    font-size: 16px;
    width: 180px;
}

#quc-bd .content .oauth-login-tips a {
    border-radius: 60px;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border: 5px solid #DCE3E5;
    display: inline-block;
    float: left;
    overflow: hidden;
    width: 116px;
}

#quc-bd .content .oauth-login-tips h3 {
    float: left;
    line-height: 26px;
    padding: 30px 0 0 10px;
    width: 300px;
}

#quc-bd .content .oauth-login-tips p {
    float: left;
    line-height: 26px;
    padding-left: 10px;
}

#quc-bd .reg-nav ul li.last {
    background: none;
}

#quc-bd .content .oauth-login-tips a img {
    float: left;
    margin-right: 16px;
}

#quc-bd .reg-nav ul li.cur a {
    border-bottom: 2px solid #54c11a;
    color: #54c11a;
    height: 65px;
    _height: 48px;
    z-index: 10;
}

#quc-bd .content .oauth-login-tips h3 .uesrname {
    color: #29a033;
}

#quc-bd .content .oauth-login-tips a:hover {
    border: 5px solid #EED2A2;
    box-shadow: 0 0 15px #DDD7CC;
    -webkit-box-shadow: 0 0 15px #DDD7CC;
    -moz-box-shadow: 0 0 15px #ddd7cc;
}

#quc-bd .reg-nav ul li.cur .email-icon {
    background-position: -32px 0;
}

#quc-bd .reg-nav ul li.cur .tel-icon {
    background-position: -32px -28px;
}

#quc-bd .reg-nav ul li.cur .user-icon {
    background-position: -32px -56px;
}