.login-wrapper{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transform:translateX(100%);transform:translateX(100%);position:fixed;left:0;right:0;top:0;bottom:0;font-family:PingFang SC,STHeitiSC-Light,Helvetica-Light,arial,sans-serif;font-size:14px;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);z-index:800;text-align:left}
.login-wrapper.add-trans{-webkit-transition:all .3s ease;transition:all .3s ease}
.login-wrapper a{text-decoration:none;color:#999}
.login-wrapper input{outline:none;border:none;background:transparent}
.login-wrapper.show{-webkit-transform:translateX(0);transform:translateX(0)}
.login-wrapper .slot{position:absolute;left:0;top:0;right:0;bottom:0;-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-transform:translateX(100%);transform:translateX(100%);padding:59.5px 20px 0;background-color:#fff;-webkit-box-shadow:0 0 2px #ccc;box-shadow:0 0 2px #ccc}
@media screen and (max-width:321px){.login-wrapper .slot{padding:30px 20px 0}
}.login-wrapper .slot.all-size{padding:0}
.login-wrapper .slot.show{-webkit-transform:translateX(0);transform:translateX(0)}
.login-wrapper .title{margin:0 0 10px;font-size:24px;color:#4a4a4a}
.login-phone .describe{margin-bottom:52px;font-size:14px;color:#999}
.login-phone .sub-title{width:53.85%;height:20px;line-height:20px;margin-bottom:7.5px;font-size:14px;color:#ccc;-webkit-transform:translateX(70px) translateY(38px) scale(1.3) translateZ(0);transform:translateX(70px) translateY(38px) scale(1.3) translateZ(0);-webkit-transform-origin:left top;transform-origin:left top;-webkit-transition:all .3s ease .2s;transition:all .3s ease .2s}
.login-phone .sub-title.active{-webkit-transform:translateX(0) translateY(0) scale(1) translateZ(0);transform:translateX(0) translateY(0) scale(1) translateZ(0)}
.login-phone .input-wrapper{width:100%;display:-webkit-box;display:flex;margin-bottom:20px;padding:7.5px 0;position:relative}
.login-phone .input-wrapper:after,.login-phone .input-wrapper:before{display:block;position:absolute;left:0;width:100%;content:" ";border-bottom:1px solid #ebebeb}
.login-phone .input-wrapper:before{display:none;top:0}
.login-phone .input-wrapper:after{display:block;bottom:0}
@media (-webkit-min-device-pixel-ratio:1.5),(min-device-pixel-ratio:1.5){.login-phone .input-wrapper:after,.login-phone .input-wrapper:before{-webkit-transform:scaleY(.7);-webkit-transform-origin:0 0;transform:scaleY(.7)}
.login-phone .input-wrapper:after{-webkit-transform-origin:left bottom}
}@media (-webkit-min-device-pixel-ratio:2),(min-device-pixel-ratio:2){.login-phone .input-wrapper:after,.login-phone .input-wrapper:before{-webkit-transform:scaleY(.5);transform:scaleY(.5)}
}.login-phone .input-wrapper.active{position:relative}
.login-phone .input-wrapper.active:after,.login-phone .input-wrapper.active:before{display:block;position:absolute;left:0;width:100%;content:" ";border-bottom:1px solid #000}
.login-phone .input-wrapper.active:before{display:none;top:0}
.login-phone .input-wrapper.active:after{display:block;bottom:0}
@media (-webkit-min-device-pixel-ratio:1.5),(min-device-pixel-ratio:1.5){.login-phone .input-wrapper.active:after,.login-phone .input-wrapper.active:before{-webkit-transform:scaleY(.7);-webkit-transform-origin:0 0;transform:scaleY(.7)}
.login-phone .input-wrapper.active:after{-webkit-transform-origin:left bottom}
}.login-phone .input-wrapper .country-select{padding:0 4px 0 7px;height:30px;line-height:30px;text-align:center;font-size:16px;color:#666;background-color:#eee;border-radius:2px}
.login-phone .input-wrapper .country-select span{display:inline-block;float:left}
.login-phone .input-wrapper .country-select i{width:8px;height:30px;line-height:30px;display:inline-block;margin-left:3px;float:left;background:url(//static.udache.com/common/trinity-login/1.7.11/img/icon_tel@2x.png) no-repeat 50%;background-size:8px 8px}
.login-phone .input-wrapper .input_phone{width:70%;margin-left:20px;height:30px;line-height:30px;font-size:24px;color:#333}
.login-wrapper .ensure-button{width:100%;height:50px;line-height:50px;text-align:center;font-size:16px;color:#fff;background:#ccc;border-radius:4px}
.login-wrapper .ensure-button.active{background:#4a4c5b}
.login-toast-wrapper{position:fixed;left:0;top:0;width:100%;height:100%;z-index:900;-webkit-transform:translate(100%,100%);transform:translate(100%,100%)}
.login-toast-wrapper .login-toast{position:absolute;display:-webkit-box;display:flex;top:-50%;left:-50%;width:auto;-webkit-box-align:center;align-items:center;padding:13px 16px;color:#ccc;background-color:rgba(37,38,45,.9);border-radius:2px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.login-toast-wrapper .login-toast .icon{width:24px;height:24px}
.login-toast-wrapper .login-toast .icon.remind{background:url(//static.udache.com/common/trinity-login/1.7.11/img/icon_remind@2x.png) no-repeat 50%;background-size:24px 24px}
.login-toast-wrapper .login-toast .icon.success{background:url(//static.udache.com/common/trinity-login/1.7.11/img/icon_success@2x.png) no-repeat 50%;background-size:24px 24px}
.login-toast-wrapper .login-toast .text{line-height:20px;font-size:14px;max-width:12em;max-height:40px;overflow:hidden;margin-left:8px}
.login-captcha .title{margin:0 0 10px;font-size:24px;color:#4a4a4a}
.login-captcha .captcha-wrapper{padding:25px 49px;background-color:#fafafa;margin-bottom:14px}
.login-captcha .captcha-wrapper img{width:100%;display:block}
.login-captcha .retry-button{font-size:12px;color:#666;text-align:right;margin-bottom:24px}
.login-captcha .tips{font-size:14px;color:#ccc;margin-bottom:13px}
.login-captcha .code-inner{display:-webkit-box;display:flex;margin-bottom:12px;-webkit-transform:translateZ(0);transform:translateZ(0)}
.login-captcha .code-inner .input{position:relative;-webkit-box-flex:1;flex:1;width:13%;padding-top:13.6%;margin-right:3%;border:1px solid #ccc;border-radius:2px}
.login-captcha .code-inner .input.active{border:1px solid #fc9153}
.login-captcha .code-inner .input.disable{border:none;opacity:0}
.login-captcha .code-inner .input:last-child{margin-right:0}
.login-captcha .code-inner .input.blink{border:1px solid #fc9153}
.login-captcha .code-inner .input.blink:before{content:" ";left:50%;height:50%;width:1px;-webkit-animation:infinite linear 1.6s blink}
.login-captcha .code-inner .input.blink:before,.login-captcha .code-inner .input .val{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.login-captcha .code-inner .input .val{left:0;right:0;bottom:0;font-size:24px;color:#333;line-height:1;text-align:center;width:100%;caret-color:#fc9153;height:50%;padding:25% 0}
.login-captcha .hidden-wrapper{position:relative;left:-2000px;top:-110px}
@media (max-width:320px){.login-captcha .code-inner .input .val{font-size:20px}
@-webkit-keyframes blink{0%{background:#f3f4f5}
30%{background:#fc9153}
70%{background:#fc9153}
to{background:#f3f4f5}
}@keyframes blink{0%{background:#f3f4f5}
30%{background:#fc9153}
70%{background:#fc9153}
to{background:#f3f4f5}
}}.login-code .describe-wrapper{margin-bottom:27px}
.login-code .describe-wrapper .describe{line-height:20px;font-size:14px;color:#999}
.login-code .code-wrapper{margin-bottom:8px;overflow:hidden}
.login-code .code-wrapper .code-describe{float:left;width:70%;line-height:33px;font-size:14px;color:#ccc}
.login-code .code-wrapper .code-retry{-webkit-box-sizing:border-box;box-sizing:border-box;float:right;width:70.5px;height:33px;line-height:33px;text-align:center;color:#fc9153;font-size:12px;position:relative;margin-right:1px}
.login-code .code-wrapper .code-retry:after{content:" ";pointer-events:none;display:block;position:absolute;left:0;top:0;-webkit-transform-origin:0 0;transform-origin:0 0;border:1px solid #fc9153;border-radius:2px;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%}
@media (-webkit-min-device-pixel-ratio:2),(min-device-pixel-ratio:2){.login-code .code-wrapper .code-retry:after{width:200%;height:200%;border-radius:4px;-webkit-transform:scale(.5);transform:scale(.5)}
}@media (-webkit-min-device-pixel-ratio:3),(min-device-pixel-ratio:3){.login-code .code-wrapper .code-retry:after{width:300%;height:300%;border-radius:6px;-webkit-transform:scale(.33);transform:scale(.33)}
}.login-code .code-wrapper .code-retry.hide{display:none}
.login-code .code-wrapper .timeout{line-height:33px;float:right;display:none;font-size:12px;color:#fc9153}
.login-code .code-wrapper .timeout.show{display:block}
.login-code .code-inner{display:-webkit-box;display:flex;margin-bottom:12px;-webkit-transform:translateZ(0);transform:translateZ(0)}
.login-code .code-inner .input_duanxin{position:relative;-webkit-box-flex:1;flex:1;width:13%;padding-top:13.6%;margin-right:3%;border:1px solid #ccc;border-radius:2px}
.login-code .code-inner .input_duanxin.active{border:1px solid #fc9153}
.login-code .code-inner .input_duanxin:last-child{margin-right:0}
.login-code .code-inner .input_duanxin.blink{border:1px solid #fc9153}
.login-code .code-inner .input_duanxin.blink:before{content:" ";left:50%;height:50%;width:1px;-webkit-animation:infinite linear 1.6s blink}
.login-code .code-inner .input_duanxin.blink:before,.login-code .code-inner .input_duanxin .val_duanxin{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.login-code .code-inner .input_duanxin .val_duanxin{left:0;right:0;bottom:0;font-size:25px;color:#333;line-height:1;text-align:center}
.login-code .code-inner .input_duanxin{position:relative;-webkit-box-flex:1;flex:1;width:13%;padding-top:13.6%;margin-right:3%;border:1px solid #ccc;border-radius:2px}
.login-code .code-inner .input_duanxin.active{border:1px solid #fc9153}
.login-code .code-inner .input_duanxin:last-child{margin-right:0}
.login-code .code-inner .input_.input_duanxin{border:1px solid #fc9153}
.login-code .code-inner .input_.input_duanxin:before{content:" ";left:50%;height:50%;width:1px;-webkit-animation:infinite linear 1.6s blink}
.login-code .code-inner .input_.input_duanxin:before,.login-code .code-inner .input_duanxin .val{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.login-code .code-inner .input_duanxin .val_duanxin{left:0;right:0;bottom:0;font-size:25px;color:#333;line-height:1;text-align:center;width:100%;caret-color:#fc9153;height:50%;padding:25% 0}
.login-code .hidden-wrapper{position:relative;left:-2000px;top:-150px}
.login-code .code-cant-get{display:none;position:relative;height:17px;line-height:17px;font-size:12px;color:#666}
.login-code .code-cant-get.show{display:inline-block}
.login-code .code-cant-get:after{position:absolute;right:-15px;top:3px;display:block;content:" ";width:12px;height:12px;background:url(//static.udache.com/common/trinity-login/1.7.11/img/icon_xiajiantou@2x.png) no-repeat 50%;background-size:12px 12px}
.login-code .action-sheet-wrapper{position:fixed;right:0;bottom:0;width:0;height:0}
.login-code .action-sheet-wrapper .action-sheet-mask{position:fixed;left:0;top:0;right:0;bottom:0;background-color:rgba(37,38,45,.4);-webkit-transition:all .3s;transition:all .3s;opacity:0;display:none}
.login-code .action-sheet-wrapper .action-sheet-mask.block{display:block}
.login-code .action-sheet-wrapper .action-sheet-mask.show{opacity:1}
.login-code .action-sheet-wrapper .action-sheet{position:fixed;left:0;right:0;bottom:0;width:100%;background-color:#fff;text-align:center;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);display:none}
.login-code .action-sheet-wrapper .action-sheet.block{display:block}
.login-code .action-sheet-wrapper .action-sheet.show{-webkit-transform:translateZ(0);transform:translateZ(0)}
.login-code .action-sheet-wrapper .action-sheet .action-sheet-select{border-bottom:4px solid #e5e5e5}
.login-code .action-sheet-wrapper .action-sheet .action-sheet-select ul li{padding:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:17px;height:50px;line-height:50px;color:#646466}
.login-code .action-sheet-wrapper .action-sheet .action-sheet-close{font-size:17px;height:50px;line-height:50px;color:#999}
@media (max-width:320px){.login-code .code-inner .input_duanxin .val_duanxin{font-size:20px}
}@-webkit-keyframes blink{0%{background:#f3f4f5}
30%{background:#fc9153}
70%{background:#fc9153}
to{background:#f3f4f5}
}@keyframes blink{0%{background:#f3f4f5}
30%{background:#fc9153}
70%{background:#fc9153}
to{background:#f3f4f5}
}.item-list1:after{content:'';display:inline-block;border-bottom:1px solid #000;opacity:0.4;-webkit-transform:scaleY(0.5);transform:scaleY(0.5);position:absolute;left:0;right:0;bottom:0}
.item-list1{height:1.08rem;padding:0 0.42rem;font-size:0.3rem;line-height:1.08rem;text-align:left;color:#333;background:#fff;position:relative}