/************modify by zc 20160516*****************/

@charset "UTF-8";
.guc-login * {
    font-family: "Microsoft YaHei", 微软雅黑;
}
.guc-login-mask{
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #666;
    opacity: 0.5;
    filter: Alpha(opacity=50); BACKGROUND-COLOR: #666
}
.guc-login-prompt{
    display: none;
    position: absolute;
    left: 50%;
    top: 50%;
    background: #fff;
    margin: 0;
    font-family: verdana,Arial,Helvetica,sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: rgb(51, 51, 51);
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;

    overflow: hidden;
}
.guc-login a {
    color: rgb(0, 136, 204);
    cursor: pointer;
    outline: none;
    text-decoration: none;
}
.guc-login a:link, .guc-login a:visited {
    color: rgb(0, 136, 204);
    outline: none;
}
.guc-login a:hover {
    color:#005580;
    text-decoration: none;
}


/***************************登录注册切换************************************/
.guc-login .guc-login-tab
{
    position: relative;
    height: 54px;
    width:840px;
    margin:0 auto;
    border-bottom: 1px solid #cdcccc;
}
.guc-login .guc-login-tab > div{
    display:inline-block;
    width:80px;
    height: 100%;
    text-align:center;
    margin-left: 20px;
    cursor:pointer;
}
.guc-login .guc-login-tab > div span{
    line-height: 58px;
    font-size: 16px;
    color: #484848;
}
.guc-login .guc-login-tab > div.tab-current{
    border-bottom: 2px solid #3a85c6;
}
.guc-login .guc-login-tab > div.tab-current span{
    font-size: 18px;
    font-weight: bold;
}
.guc-login .guc-login-tab img{
    position:absolute;
    right:2px;
    top:20px;
    cursor: pointer;
}
/***************************登录样式************************************/
.guc-login .guc-tab-div{
    position: relative;
}
.guc-login .guc-tab-1{
    left: 0px;
}
.guc-login .guc-tab-2{
    left: 895px;
}

.guc-login .guc-tab{
    margin-top: 30px;
    width:100%;
    position:absolute;
}
.guc-login .guc-tab > div{
    display: inline-block;
    vertical-align:middle;
}
.guc-login .guc-tab-1 .login-left{
    position:relative;
    width:446px;
    height: 400px;
    border-right: 2px solid #cdcccc;
}
.guc-login .guc-tab-main > div{
    width:310px;
    margin:0 auto;
}
.guc-login .error-tip{
    height:43px;
    line-height: 43px;
    background-color: #fff5f5;
    opacity: 0;
    filter:alpha(opacity=0); /* IE */
    -moz-opacity:0;/* 老版Mozilla */
    -khtml-opacity:0;/* 老版Safari */
}
.guc-login .error-tip img{
    margin-left: 20px;
    margin-right: 20px;
}
.guc-login .error-tip span{
    font-size: 12px;
    color:#5c5b5b;
}
/*****************输入框样式****************/
.guc-login .login-input{
    position:relative;
}
.guc-login .login-user{
    margin-top: 18px;
}
.guc-login .login-input img{
    position:absolute;
    top:12px;
    left:15px;
}
.guc-login .login-input input{
    width:308px;
    height:48px;
    line-height: 48px;
    border:1px solid #c8c8c8;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    text-indent: 48px;
    margin:0px;
    padding:0px;
}
.guc-login .login-input input:focus{
    outline:none;
    border:1px solid #3a85c6;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(58,133,198, 0.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(58,133,198, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(58,133,198, 0.6);
}
.guc-login .login-input input:blur{
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.guc-login .login-input .label-placeholder-login{
    position:absolute;
    left:53px;
    top:15px;
    font-size: 14px;
    color:#999;
    cursor: text;
}
.guc-login .login-pass{
    margin-top: 32px;
}

.guc-login .login-remember{
    margin-top:30px;
}
.guc-login .pull-left {
    float: left;
}
.guc-login .login-remember label {
    display: block;
    margin-bottom: 5px;
}
.guc-login .login-remember a{
    font-size: 14px;
    color: #3a85c6;
    float:right;
}
.guc-login input[type="checkbox"] {
    margin: 0px 5px 0px 0px;
    line-height: normal;
    cursor: pointer;
    vertical-align: middle;
    float:none;
    position: inherit;
}
.guc-login .login-left .btn-zondy{
    margin-top: 30px;
}

/***************************微信登录样式************************************/
.guc-login .login-right,.reg-right{
    position:relative;
    width:440px;
    height:360px;
}
.guc-login .guc-code{
    width:280px;
    height:320px;
    margin:0 auto;
    margin-top: 62px;
 /*   overflow: hidden;*/
}
#wx_container iframe{
    width: 380px !important;
    height: 400px !important;
    margin-top: -45px;
    margin-left: -50px;
    /*margin-top: 15px\9;*/
}

/***************************注册样式************************************/
.guc-login .reg-left{
    position:relative;
    width:446px;
    height:400px;
}
.guc-login .reg-main #reg-eye{
    position:absolute;
    top: 18px;
    left: 270px;
    cursor: pointer;
}
.guc-login .reg-main .reg-user{
    margin-top: 18px;
}
.guc-login .reg-main .reg-pass,.guc-login .reg-main .reg-check{
    margin-top: 24px;
}
.guc-login .reg-main .reg-pass input{
    /*width:220px;*/
}
.guc-login .reg-check .reg-code{
    display: inline-block;
    vertical-align: middle;
}
.guc-login .reg-check .reg-code input{
    width:190px;
}
.guc-login #check-submit{
    width:106px;
    height:48px;
    background-color: #1d639f;
    display: inline-block;
    font-size: 14px;
    vertical-align: middle;
    float:right;
}
.guc-login #check-submit:hover{
    background-color: #3a85c6;
}
.guc-login .reg-main .reg-treaty,.guc-login .reg-main .reg-submit{
    margin-top: 15px;
}
.guc-login .reg-main .reg-treaty a{
    font-size: 14px;
    color:#1d639f;
}
.guc-login .reg-main .reg-treaty a:hover{
    color: #3a85c6;
}
.guc-login .reg-right *{
    margin:0 auto;
}
.guc-login .reg-right p{
    text-align:center;
}
.guc-login .reg-right p.line1{
    font-size: 14px;
    color:#525252;
}
.guc-login .reg-right p.line2{
    font-size: 13px;
    color:#3a85c6;
}
.guc-login .reg-pass-tip{
    display: none;
}
.guc-login .reg-pass-tip span{
    color: #fc4c24;
    font-size: 12px;
    margin-left: 48px;
}
/***************************按扭样式************************************/
.guc-login button.btn-zondy:hover {
    background-color: #64c886;
}
.guc-login button.btn-zondy {
    width: 310px;
    height: 50px;
    background-color: #52b678;
    color: #FFF;
    border: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 16px;
    outline: none;
}
.guc-login button.btn-zondy:disabled{
    background-color: #e0e0e0;
}
/*****************取消在chrome下面输入框变黄********************/
.guc-login .login-input input:-webkit-autofill
{
    -webkit-box-shadow: 0 0 0px 1000px #FFF inset;
}




/********************************以下是忘记密码页面样式********************************************/
.forget{
    width:568px;
    height:462px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    margin:76px auto 76px auto;
    border: 1px solid #d0d0d0;
    background-color: #FBFAFA;
}
.forget .reg-left{
    width:100%;
}
.forget .for-header, .wx-div .for-header{
    height: 46px;
    line-height: 46px;
    margin:0px 24px 10px 24px;
    border-bottom: 1px solid #D0D0D0;
}
.forget .for-header span, .wx-div .for-header span{
    font-size: 16px;
    color: #484848;
    margin-left:16px;
}
.forget .for-header a, .wx-div .for-header a{
    font-size: 14px;
    color:#52b678;
    margin-right: 16px;
    float:right;
}
.forget .reg-main .reg-submit{
    margin-top:40px;
}


/********************************以下是微信账号绑定页面样式********************************************/
.wx-div{
    width:568px;
    height:580px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    margin:60px auto 60px auto;
    border: 1px solid #d0d0d0;
    background-color: #FBFAFA;
}
.wx-div .guc-head-info{
    margin-left: 128px;
}
.wx-div .guc-head-info a {
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border: 2px solid #DCE3E5;
    display: inline-block;
    overflow: hidden;
    width: 100px;
    height: 100px;
    vertical-align: middle;
}
.wx-div .guc-head-info a img{
    width: 100px;
    height: 100px;
}
.wx-div .guc-head-info .head-welcome{
    display: inline-block;
    vertical-align: middle;
}
.wx-div .guc-head-info .head-welcome h3 {
    line-height: 26px;
    font-size: 14px;
    /*margin: 5px 10px;*/
    margin: 0px 0px 25px 14px;
}
.wx-div .guc-head-info .head-welcome h3 .username {
    font-weight: bold;
    color: #52b678;
}
.wx-div .guc-head-info .head-welcome p {
    margin: 0px 0px 0px 14px;
    color: #666666;
}
.wx-div .wx-main .no-account{
    margin-top:27px;
}
.wx-div .wx-main .have-account{
    margin-top:26px;
    font-size: 14px;
    color:#666666;
}
.wx-div .wx-main .no-account span{
    font-size: 14px;
    color:#666666;
}
.wx-div .guc-tab-main .error-tip{
    margin-top: 14px;
}
.wx-div .guc-tab-main .login-user{
    margin-top: 14px;
}
.wx-div .guc-tab-main .login-pass,.wx-div .guc-tab-main .login-submit{
    margin-top: 30px;
}
.wx-div input{
    background-color: #FBFAFA;
}


/********************************以下是微信账号绑定、忘记密码页面 头尾部样式********************************************/
.lg-div{
    background-color: #f6f6f6;
}
.lg-div .sign-header {
    background-color: #FFF;
    border-bottom: 1px solid #d5d5d5;
}
.lg-div .sign-header .container {
    width: 960px;
    margin: 0px auto;
    height: 48px;
    padding: 12px 0px;
    position: relative;
}
.lg-div .sign-header .container .logo {
    float: left;
    height: 48px;
    width: 179px;
}
.lg-div .sign-header .container .logo img {
    height: 48px;
    width: 179px;
}
.lg-div .sign-header .container .title-content {
    color: #535353;
    border-left: 2px solid #535353;
    padding-left: 10px;
}
.lg-div .sign-header .container span {
    font-size: 24px;
    height: 22px;
    line-height: 24px;
    float: left;
    margin-top: 14px;
    margin-left: 10px;
}
.lg-div .sign-header .container .sign-header-operation {
    margin-top: 14px;
    float:right;
}
.lg-div .sign-header .container .sign-header-operation a {
    font-size: 14px;
    color: #333;
    float: left;
}
.lg-div .sign-header .container .sign-header-operation a.help-center {
    border-left: 1px solid #333;
    padding-left: 10px;
    margin-left: 10px;
}
.lg-div .sign {
    width: 960px;
    margin: 0 auto;
}

.lg-div #footer {
    text-align: center;
    color: #7c7c7c;
    height: 1px;
    border: solid 1px #dee0e1;
}
.lg-div #footer .bottom-nav a:first-child {
    margin-left: 0px;
}
.lg-div #footer .bottom-nav{
    height: 72px;
    line-height: 72px;
    background-color: #f6f6f6;
}
.lg-div #footer .bottom-nav a{
    font-family: MicrosoftYaHei;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 15px;
    letter-spacing: 0px;
    color: #333333;
    margin-left: 123px;
}
.lg-div #footer .bottom-right{
    height:50px;
    line-height: 50px;
    background-color: #DEDEDE;
}
.lg-div #footer .bottom-right, .lg-div #footer .bottom-right a{
    color: #333333;
    font-size: 12px;
}
.clear{
    clear: both;
}


/********************************以下是静态登录页面样式********************************************/
.static-login{
    width:900px;
    height:530px;
    margin:76px auto;
}
.static-login .guc-login-mask{
    display: none !important;
    position:relative;
    margin:0 auto;
}
.static-login .guc-login-prompt{
    position:relative;
    top:0px;
    left:0px;
    border:1px solid #cdcccc;
}
.static-login .guc-login .guc-login-tab img{
    display: none;
}
/*********************去除IE10以上密码输入框后面的眼睛或叉号*********************/
::-ms-clear { display: none; }
::-ms-reveal { display: none; }

/********************************以下是忘记密码页面样式********************************************/
.pw-nav-div{
    width:100%;
    height:96px;
    background-color: #f5f5f5;
    text-align: center;
}
.pw-nav-div > div{
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}
.cricle-div{
    height:100%;
    width:56px;
}
.cricle-div > div{
    margin:0 auto;
}
.cricle-div .circle{
    width:30px;
    height: 30px;
    text-align:center;
    color:#ffffff;
    font-size: 14px;
    line-height: 30px;
    margin-top: 20px;
}
.cricle-div .circle-lb{
    font-size: 14px;
    margin-top: 10px;
}
.circle-blue .circle{
    background-image: url("login/circle-blue.png");
}
.circle-pray .circle{
    background-image: url("login/circle-pray.png");
}
.circle-blue .circle-lb{
    color:#3a85c6;
}
.circle-pray .circle-lb{
    color:#666666;
}
.line-div{
    width:296px;
    height:2px;
    background-color: #CCCCCC;
    margin:0px 10px;
    margin-top:-30px;
}
.pw-error-tip{
    font-size:12px;
}

.bg{
    position: fixed;
    background-color: #00122a;
    left: 0;
    opacity: 0.4;
    top: 0px;
    z-index: 1000;
    display:none;
}
.dialog {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 1200;
    display: none;
    background-color: white;
    overflow: hidden;
    border-radius: 4px;
    box-shadow:0px 2px 5px rgba(0,0,0,0.2);
    width:564px;
}
.dialog-header{
    width:100%;
    height:54px;
    border-bottom:1px solid #CCC;
    line-height:54px;
}
.dialog-title{
    margin-left:20px;
    font-size:16px;
    color:#333;
}
.dialog-close{
    float: right;
    margin-right: 20px;
    cursor: pointer;
}
.base-body{
    width:414px;
    margin:0 auto;
}
.body-title{
    font-size:14px;
    color:#333;
    margin-top:30px;
    margin-bottom:16px;
}
.body-main{
    width:100%;
    min-height:100px;
    background-color:#F5F5F5;
}
.oper-div{
    margin:30px 0px;
    height:30px;
    line-height:30px;
}
.oper-div span{
    font-size:13px;
    color:#333;
    cursor:pointer;
}
.oper-div span:hover{
    color:#666;
}
.oper-div .btn-zondy{
    background-color: #52b678;
    color: #FFF;
    border: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 16px;
    outline: none;
}
.oper-div .btn-zondy:hover{
    background-color: #64c886;
}
.choose-btn{
    width:80px;
    height:30px;
    margin:0px 20px 0px 0px;
}
.account-list{
    padding:20px 20px 4px 20px;
}
.ac-item{
    height:20px;
    line-height:20px;
    margin-bottom:16px;
}
.ac-item input{
    margin:0px 10px 0px 0px;
}
.reg-pass-tip{
    display: block !important;
}
.reg-pass-tip span{
    display: none;
    color:#48874a;
    margin-left:0px !important;
}
.tip-red span{
    color:#fc4c24;
}
#modify-submit{
    margin-top: 24px;
}
.page3 .success{
    display: inline-block;
    vertical-align: middle;
    margin-top: 20px;
}
.page3 .success img{
    margin-right:16px;
}
.page3 .success .success-top{
    color:#48874a;
    font-size: 16px;
    margin-bottom: 10px;
}
.page3 .success .success-top a{
    font-size: 14px;
    color:#3a85c6;
}
.page3 .success .success-top span{
    font-size: 14px;
    color:#999;
}


.yp-riddler-mark{
    display: none !important;
}

/********************************以下是登录认证手机号样式********************************************/
.cell-num-valid-dialog{
    position: absolute;
    left: 50%;
    top: 50%;
    background: #fff;
    font-family: verdana,Arial,Helvetica,sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: rgb(51, 51, 51);
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    width:500px;
    height:430px;
    margin-left:-250px;
    margin-top: -195px;
    border:1px solid #DCDCDC;
    z-index: 10020;
}

.valid-phone{
    margin-top:35px;
    position: relative;
    margin-left:65px;
}
.valid-captcha{
    margin-top:35px;
    position: relative;
    margin-left:65px;
}

.cell-num-valid-dialog .login-input img{
    position: absolute;
    top: 12px;
    left: 15px;
}

.cell-num-valid-dialog .login-input input{
    width: 375px;
    height: 48px;
    line-height: 48px;
    border: 1px solid #c8c8c8;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    text-indent: 48px;
    margin: 0px;
    padding: 0px;
}

.valid-check{
    margin-top:35px;
    margin-left:65px;
    position: relative;
}

.valid-code{
    display: inline-block;
    vertical-align: middle;
}

#valid-submit{
    position: relative;
    width: 140px;
    height: 48px;
    background-color: #1d639f;
    display: inline-block;
    font-size: 14px;
    margin-left:17px;
    vertical-align: middle;
    color: #FFF;
    border: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
    outline: none;
}

#valid-ok-btn{
    position: relative;
    width:375px;
    height:55px;
    line-height: 55px;
    font-size: 18px;
    color:#fff;
    background-color: #52B678;
    vertical-align: middle;
    margin-top:35px;
    margin-left:65px;
    border-radius: 4px;
    cursor:pointer;
    text-align: center;
}

.valid-tips{
    height:40px;
    width:100%;
    margin-top:30px;
    background-color: #FCF8E3;
    color:#666666;
    font-size:14px;
    text-align: center;
    line-height: 40px;
}

#valid-close-btn{
    width:15px;
    height:15px;
    position: absolute;
    right:10px;
    top:10px;
    display: none;
    cursor: pointer;
}

.valid-handle-tips{
    width:100%;
    height:20px;
    line-height: 20px;
    color:red;
    font-size:12px;
    left:10px;
    position: absolute;
    bottom:10px;
    text-align: left;
}

/**20250407 temp css **/
.temp-text {
    color: red;
    font-size: 13px;
}
.temp-img-div{
    margin: 20px 0 !important;
    width: 100%;
}