*{padding:0;margin:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
body,html{width:100%;height:100%}
body{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none;user-select:none}
a,button,img,input,li,textarea{-webkit-tap-highlight-color:rgba(255,255,255,0)}
.loginBoxWrapper{position:relative;z-index:10000;width:100%;max-width:640px;max-height:960px;height:100%;margin:0 auto}
.mask{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.6)}
.loginBoxWrapper>img{width:100%;height:100%}
#loginBox.login-box{position:fixed;z-index:10001;width:90%;max-width:360px;overflow:hidden;background:#fff;border-radius:5px;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.login-head{position:relative;border-bottom:1px solid #e5e5e5;width:90%;margin:0 auto;padding:8px 0;text-align:center}
.login-head img{width:41px;height:41px;border-radius:50%;vertical-align:middle}
.login-head span{position:relative;font-size:18px;top:5px}
#custom-signUP-box{width:82%;margin:0 auto}
.login-mode{width:82%;margin:0 auto}
.login-mode ol{display:-webkit-flex;display:flex;padding-top:24px;display:-webkit-box}
.login-mode ol li{list-style:none;flex:1;display:none;cursor:pointer;-webkit-flex:1;-webkit-box-flex:1}
.login-mode ol li div{width:50px;height:50px;border-radius:50%;color:#00D20D;line-height:1.5;margin:0 auto;text-align:center;}
.login-mode ol li div>img{width:100%;height:100%}
.login-mode ol li.qq div{color:#4EA9EF}
.login-mode ol li.sina div{color:#D43039}
.login-mode>a{display:none;color:#636363;padding-top:28px;text-decoration:underline;text-align:center;font-size:16px;padding-bottom:20px}
.help-block .form-feedback span{font-size:.852em}
.login-info{width:82%;margin:0 auto}
.login-animate{-o-animation:load .1s linear;-moz-animation:load .1s linear;-webkit-animation:load .1s linear;animation:load .1s linear}
.login-info>form>div.login-yg,.login-info>#login-phone>form>div.login-yg{border:1px solid #c7c7c7;height:40px;margin-top:27px;border-radius:5px;line-height:40px}
.login-info>#signup-phone>form>div.login-yg{border:1px solid #c7c7c7;height:40px;margin-top:20px;border-radius:5px;line-height:40px}
#custom-signUP-box>form>div{border:1px solid #c7c7c7;height:40px;margin-top:27px;border-radius:5px;line-height:40px}
#custom-signUP-box>div:last-child{border:0;text-align:center;margin-top:24px;margin-bottom:23px}
#signup-phone>div:last-child{border:0;text-align:center;margin-top:14px;margin-bottom:2px}
#custom-signUP-box>div:last-child a{display:block;width:100%;height:100%;background:#ff9600;color:#fff;text-decoration:none;line-height:40px;border-radius:5px}
#custom-signUP-box>form>div input{width:85%;border:none;background:0 0;font-size:16px;padding:0;outline:0;position:relative;top:-2px;left:-11px;color:#9a9a9a;padding-left:8px;-web-kit-appearance:none;-moz-appearance:none;-webkit-tap-highlight-color:rgba(255,255,255,0)}
.login-info img{display:inline-block;width:22px;height:22px;position:relative;top:4px;margin-left:4px;margin-right:6px}
#custom-signUP-box .login-yg img{display:inline-block;width:22px;height:22px;position:relative;top:4px;margin-left:4px;margin-right:6px}
.login-info input{width:85%;border:none;background:0 0;font-size:16px;padding:0;outline:0;position:relative;top:-2px;color:#9a9a9a;-web-kit-appearance:none;-moz-appearance:none;left:-11px;padding-left:5px;-webkit-tap-highlight-color:rgba(255,255,255,0)}
input::-ms-input-placeholder{text-align:center}
input::-webkit-input-placeholder{text-align:center}
.login-info>div:last-child,.login-info>#login-phone>div:last-child{border:0;margin-top:18px}
.login-info>div>a,#signup-phone-reSend>div>a,.login-info>#login-phone>div>a,.login-info>#signup-phone>div>a,.login-info>#signup-phone-complete>div>a{display:block;width:100%;height:100%;background:#ff9600;color:#fff;text-decoration:none;line-height:40px;border-radius:5px;text-align: center;}
#custom-login-box.hover{display:block}
#custom-signUP-box.hover{display:block}
#custom-login-box .menu-bar>a,#custom-login-phone .menu-bar>a{display:inline-block;width:49%;text-align:center;color:#636363;height:32px;line-height:32px;margin:0;padding:0;text-decoration:none}
#custom-login-box .menu-bar>a.hover,#custom-login-phone .menu-bar>a.hover{color:#ff9600;border-bottom:2px solid #ff9600}
.login-boundary{display:none;width:90%;margin:0 auto;margin-top:15px;margin-bottom:-1px}
.login-boundary fieldset{margin:0 2px;border-top:1px solid #c7c7c7}
.login-boundary fieldset legend{padding:0 5px;color:#9a9a9a;text-align:center}
#login-list.hover>li>div>img{width:42px;height:42px}
.login-mode #login-list.hover{padding-top:16px}
.login-mode #login-list.hover+a{padding-top:10px}
.help-block .form-feedback span{text-align:left}
.help-block{margin-bottom:-7px;padding-left:0;margin-top:-3px}
#custom-signUP-box .help-block{margin-bottom:-11px;margin-top:1px}
#signup-phone>form>div:last-child input{width:77%;left:-7px;}
#signup-phone-complete .identify>.login-yg{width:68%;display:inline-block;border:1px solid #c7c7c7;border-radius:5px;height: 40px;line-height: 40px;}
#signup-phone-reSend .identify>.login-yg{width:68%;border:1px solid #c7c7c7;border-radius:5px;height: 40px;line-height:40px;}
#signup-phone .identify>.login-yg{width:68%;display:inline-block;border:1px solid #c7c7c7;border-radius:5px;height: 40px;line-height: 40px;}
#signup-phone-complete .identify{margin-top:22px;height:40px;}
#signup-phone>form>.identify{margin-top:19px;height:40px;line-height:40px;}
#signup-phone .identify>.qr>.identify{height:40px;width:100%;top:-3px;margin-left:0px;margin-right:0px; vertical-align:middle;}
#signup-phone .help-block{margin-bottom: -8px;padding-left:0;margin-top:-9px;}
#signup-phone-reSend .identify{margin-top:22px;height:40px;position:relative;}
#signup-phone-complete .identify>.login-yg>input{width:78%;}
#signup-phone-reSend .identify>.login-yg>input{width:78%;}
#signup-phone-complete .identify>.timer{text-align:center;width:30%;display:inline-block;background:#c7c7c7;color:#fff;border-radius:5px;height: 40px;line-height: 42px;}
#signup-phone-reSend .identify>.qr{width:30%;display:inline-block;background:#f3feec;border-radius:5px;height: 40px;line-height: 42px;position:absolute;top:0px;right:0px;}
#signup-phone-reSend .identify>.qr>img{height:40px;width:100%;top: 0px;margin-left:0px;margin-right:0px;}
#signup-phone .identify>.qr{width:30%;display:inline-block;background:#f3feec;border-radius:5px;height: 40px;line-height: 42px;}
#signup-phone-complete .identify>.timer.reSend{background:#ff9600;}
#signup-phone-complete>.login-yg{margin-top:22px;margin-bottom:16px;}
#signup-phone-reSend>.login-yg{margin-top:22px;margin-bottom:16px;}
#signup-phone-complete>.help-block{margin-bottom: -10px;padding-left: 0;margin-top: 6px;}
#signup-phone-reSend>.help-block{margin-bottom: -10px;padding-left: 0;margin-top: 6px;}
form{padding-top:2px;}
span.tip-title {font-size: 16px;color: #1e1e1e;display: block;}
span.tip-title.desc {color: #d40000;padding: 0.5rem 0;}
.login-mode{position: relative;}
span.find-user-info {display: block;position: absolute;font-size: 16px;right: -1.06rem;top: 6.36rem;color: #636363;text-decoration: underline;}
.user-info-prompt {width: 82%;margin: 0 auto;display:none;}
.user-info-prompt-span{display:block;padding: .4rem;font-size: 14px;}
.user-info-prompt-span span{color:#ff7200;}
.login-again-box{text-align: center;width: 100%;height: 2rem;margin-top: 1rem;margin-bottom: 3.2rem;}
span.login-again {padding: 0.8rem 0;color: white;background-color: #f19b38;font-size: 16px;border-radius: 0.26rem;display: block;}
.service-qq-blue {color: #1c6ec2;font-size: 14px;}
p.service-qq-blue {padding: 0.68rem 0;}
p.service-title {font-size: 14px;color: #1e1e1e;}
span.service-qq-blue.right {margin-left: 1.2rem;}
.service-qq.bottom {padding: 0.88rem 0 1.6rem;}
@-webkit-keyframes load{0%{height:1px}
    70%{height:180px}
}
@keyframes load{0%{height:1px}
    70%{height:180px}
}
@media screen and (max-width:359px){@-webkit-keyframes load{0%{height:1px}
                                        70%{height:150px}
                                    }
    @keyframes load{0%{height:1px}
        70%{height:150px}
    }
    #custom-login-box .menu-bar>a{width:49%;font-size:14px}
    .login-info input{width:84%;font-size:14px}
    .login-info>div>a{font-size:14px}
    .login-boundary fieldset legend{font-size:14px}
    #custom-signUP-box>form>div input{width:84%;font-size:14px}
    .login-head span{font-size:16px}
    #custom-signUP-box>div:last-child{margin-top:20px}
    #custom-signUP-box>div:last-child a{font-size:14px}
    .login-mode>a{font-size:14px;padding-top:20px}
    span.find-user-info{    font-size: 14px;top: 5.2rem; }
    .login-head img{width:36px;height:36px}
    .login-mode ol li div{width:45px;height:45px}
    .login-mode ol{padding-top:18px}
    .login-info>form>div{height:36px;line-height:36px}
    #custom-signUP-box>form>div{margin-top:22px}
    #login-list.hover>li>div>img{width:38px;height:38px}
    .login-mode #login-list.hover+a{height:20px;position:relative;top:-8px}
    .help-block .form-feedback span{font-size:12px;line-height:1.4}
    .login-info>div:last-child{margin-top:13px}
    #custom-login-box .help-block{margin-bottom:-7px;padding-left:0;margin-top:-7px}
    #custom-signUP-box .help-block{margin-top:-4px}
    .login-info>form>div.login-yg{margin-top:22px}
    .login-boundary{margin-top:16px}
    form{padding-top:0}
    .login-mode #login-list.hover{margin-bottom:3px;padding-top:14px}
    #custom-login-phone .menu-bar>a,#signup-phone-complete .identify .time,#signup-phone-reSend>div>a{font-size:14px;}
    .login-info>#login-phone>div>a,.login-info>#signup-phone>div>a,.login-info>#signup-phone-complete>div>a{font-size:14px;}
}
@media screen and (max-width:320px){
    #signup-phone>form>div:last-child input{width: 76%;left: -9px;}
    .login-info>#login-phone>form>div.login-yg{margin-top:22px;}
    .login-info>#login-phone>div:last-child{margin-top:13px;}
    #custom-login-phone #login-phone .help-block {margin-bottom: -7px;padding-left: 0;margin-top: -7px;}
    #signup-phone>div:last-child{margin-bottom: 9px;}
    #signup-phone>form>.identify{margin-top:12px;}
    .login-info>#signup-phone>form>div.login-yg{margin-top:12px;}
    #signup-phone-complete .identify>.login-yg>input{width: 76%;}
    #signup-phone-reSend .identify>.login-yg>input{width:76%;}
}
@media screen and (device-aspect-ratio:2/3){.login-head span{font-size:14px}
    .login-mode>a{font-size:12px}
    span.find-user-info{font-size:12px;top: 5.12rem;right: -.6rem; }
    .login-info input{font-size:12px}
    .login-boundary fieldset legend{font-size:12px}
    #custom-signUP-box>form>div input{font-size:12px}
    .login-info>div:nth-last-child(2){margin-top:20px}
    #custom-login-box.login-info>div:last-child{margin-top:16px;height: 40px;}
    .login-info>div>a{line-height:40px}
    #login-list.hover>li>div>img{width:34px;height:34px}
    .login-boundary{margin-top:12px}
    .login-mode #login-list.hover+a{padding-top:10px;}
    #custom-signUP-box>div{height:32px;line-height:32px}
    #custom-signUP-box>div:last-child{margin-top:1px;height:40px;}
    #custom-signUP-box>div:last-child a{line-height:40px}
    .login-mode #login-list.hover+a{height:10px;position:relative;top:-4px}
    #custom-signUP-box .help-block{margin-bottom:-14px;margin-top:-6px}
    #custom-login-box .help-block{margin-bottom:-12px;margin-top:-2px}
    form#formloginBox{padding-bottom:7px}
    #custom-login-phone #login-phone .help-block{margin-bottom: -12px;padding-left: 0;margin-top: -7px;}
    .login-info>#login-phone>form>div.login-yg{margin-top:20px;}
    .login-info>#signup-phone>form>div.login-yg{height:36px;line-height:36px;margin-top: 13px;}
    #signup-phone>div:last-child{height:36px;line-height:36px;}
    .login-info>#signup-phone>div>a{line-height:36px;}
    #signup-phone .help-block {margin-bottom: -6px;padding-left: 0;margin-top: -6px;}
    .login-info>#login-phone>div:last-child{margin-top:20px;}
}
 /* add by delan for login rcmd*/
.login-rcmd{position:relative}
.login-rcmd:after{position:absolute;color:#fff;width:20px;height:20px;top:0;background-color:red;right:-5px;font-size:14px;line-height:18px;border-radius:10px;content:'荐'}
#custom-signUP-box .identify>.login-yg{width:60%;display:inline-block;border-radius:5px;height: 40px;line-height: 40px;}
#custom-signUP-box .identify>.qr>.identify{height:36px;width:100%;margin-top: -6px;vertical-align:middle;}
#custom-signUP-box .identify>.qr{width:80px;display:inline-block;height: 36px;float: right;}
#custom-signUP-box>form>div:last-child input {
    width: 67%;
    left: -7px;
}