:root{--login-theme-color:#fc9153}.login-phone .describe{margin-bottom:30px;font-size:14px;color:#999}@media screen and (max-width:320px){.login-phone .describe{margin-bottom:0}}.login-phone .sub-title{width:53.85%;height:20px;line-height:20px;margin-bottom:7.5px;font-size:14px;color:#ccc;-webkit-transform:translateX(65px) translateY(38px) scale(1.3) translateZ(0);transform:translateX(65px) translateY(38px) scale(1.3) translateZ(0);-webkit-transform-origin:left top;transform-origin:left top}.login-phone .sub-title.active{font-size:0}.login-phone .sub-title.widely{-webkit-transform:translateX(90px) translateY(38px) scale(1.3) translateZ(0);transform:translateX(90px) translateY(38px) scale(1.3) 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}}@media (-webkit-min-device-pixel-ratio:2),(min-device-pixel-ratio:2){.login-phone .input-wrapper.active:after,.login-phone .input-wrapper.active:before{-webkit-transform:scaleY(.5);transform:scaleY(.5)}}@media screen and (max-width:320px){.login-phone .input-wrapper{margin-bottom:5px}}.login-phone .input-wrapper .country-select{padding:0 4px 0 7px;height:30px;line-height:30px;text-align:center;font-size:16px;color:#666;border:.5px solid #ddd;border-radius:15px;float:left;display:-webkit-inline-box;display:inline-flex;-webkit-box-align:center;align-items:center;min-width:35px;-webkit-box-pack:center;justify-content:center}.login-phone .input-wrapper .country-select .flag-wrapper{display:inline-block}.login-phone .input-wrapper .country-select .flag-wrapper .nation-flag{display:inline-block;margin-right:6px;height:16px;width:24px;border:.5px solid #eee;background:#eee;float:left}.login-phone .input-wrapper .country-select span{display:inline-block;direction:ltr}.login-phone .input-wrapper .country-select i{width:8px;height:30px;line-height:30px;display:inline-block;margin-left:3px;background:url("../img/icon_tel@2x.png") no-repeat 50%;background-size:8px 8px}.login-phone .input-wrapper .input{width:70%;margin-left:20px;height:32px;line-height:32px;font-size:24px;color:#333}.login-phone .input-wrapper .input.show{display:block}.login-phone .input-wrapper .input.hidden{display:none}.login-phone .input-wrapper .input:disabled,.login-phone .input-wrapper input[disabled]{color:#ccc;opacity:1;-webkit-text-fill-color:#ccc;-webkit-opacity:1}.login-phone .other{position:relative;margin-bottom:65px;font-size:12px;color:#666}.login-phone .other:after{position:absolute;left:100px;top:3px;display:block;content:" ";width:12px;height:12px;background:url("../img/icon_xiajiantou@2x.png") no-repeat 50%;background-size:12px 12px}.login-phone .option{width:100%;height:20px;margin-top:15px}.login-phone .option.show{display:block}.login-phone .option.hide{display:none}.login-phone .option .option-inner{-webkit-transform-origin:left top;transform-origin:left top;font-size:12px;line-height:20px}.login-phone .option .option-inner .law-hide{display:none!important}.login-phone .option .option-inner .agree,.login-phone .option .option-inner .agree-new{display:inline-block;position:relative;color:#ccc}.login-phone .option .option-inner .agree-new .icon,.login-phone .option .option-inner .agree .icon{display:inline-block;vertical-align:middle;margin-right:3px;height:14px;width:14px;background:#fff;border-radius:100%;border:1px solid hsla(0,0%,87%,.55)}.login-phone .option .option-inner .agree-new .icon.active,.login-phone .option .option-inner .agree .icon.active{background:#fc9153;background:var(--login-theme-color,#fc9153)}.login-phone .option .option-inner .agree-new .icon.active:after,.login-phone .option .option-inner .agree .icon.active:after{content:"";display:inline-block;width:13px;height:13px;background-image:url("../img/embedded-cf1ecfb022.png");background-position:50%;-webkit-transform:scale(.65);transform:scale(.65)}.login-phone .option .option-inner .agree-new .icon.blue-active,.login-phone .option .option-inner .agree .icon.blue-active{background:#0086ff}.login-phone .option .option-inner .agree-new .icon.blue-active:after,.login-phone .option .option-inner .agree .icon.blue-active:after{content:"";display:inline-block;width:13px;height:13px;background-image:url("../img/embedded-cf1ecfb022.png");background-position:50%;-webkit-transform:scale(.65);transform:scale(.65)}.login-phone .option .option-inner .agree-new .agree-tip,.login-phone .option .option-inner .agree .agree-tip{display:inline-block;vertical-align:middle}.login-phone .option .option-inner .agree:after{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px}.login-phone .option .option-inner .agree-new .icon.active:after{content:"";display:inline-block;width:13px;height:13px;background-image:url("../img/embedded-cf1ecfb022.png");background-position:50%;position:absolute;top:30%;left:32%;-webkit-transform:scale(.65) translateX(-50%) translateY(-50%);transform:scale(.65) translateX(-50%) translateY(-50%)}.login-phone .option .option-inner .law{color:#fc9153;color:var(--login-theme-color,#fc9153)}.login-phone .option .option-inner .agree-new .icon{position:relative}.login-phone .option .option-inner .agree-new .icon:after{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px}.login-phone .country-head{position:fixed;top:0;left:0;width:100%;height:50px;line-height:50px;text-align:center;font-size:18px;color:#333;border-bottom:1px solid rgba(0,0,0,.08);display:none;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateX(100%);transform:translateX(100%);background:#fff}.login-phone .country-head.block{display:block}.login-phone .country-head.show{-webkit-transform:translateX(0);transform:translateX(0)}.login-phone .country-head .country-back{position:absolute;left:5px;top:14px;width:25px;height:24px;background:url("../img/icon_country_back@2x.png") no-repeat 50%;background-size:18px 17px}.login-phone .country-wrapper{display:none;position:fixed;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateX(100%);transform:translateX(100%);z-index:999;left:0;right:0;top:51px;bottom:0;width:100%;background-color:#fff}.login-phone .country-wrapper.block,.login-phone .country-wrapper .country-scroll{display:block}.login-phone .country-wrapper.show{-webkit-transform:translateX(0);transform:translateX(0)}.login-phone .country-wrapper .country-inner ul{list-style:none;padding:0;margin:0}.login-phone .country-wrapper .country-inner ul li{padding:17px 0 16px 16px;border-bottom:1px solid rgba(0,0,0,.1);height:20px;line-height:20px;box-sizing:content-box;-webkit-box-sizing:content-box}.login-phone .country-wrapper .country-inner ul li .nation-flag{float:left;display:inline-block;margin-right:12px;height:16px;width:24px;border:.5px solid #eee;background:#eee}.login-phone .country-wrapper .country-inner ul li .name{float:left;font-size:14px;color:#666}.login-phone .country-wrapper .country-inner ul li .code{float:right;width:39px;margin-right:10px;direction:ltr}.login-phone .country-wrapper .country-inner ul li .check{float:right;margin:5px 12px 0 0;width:12px;height:12px}.login-phone .country-wrapper .country-inner ul li.checked .check{background:url("../img/icon_country_choice@2x.png") no-repeat 50%;background-size:12px 12px}.login-phone .img-jianpan-cont{position:fixed;bottom:0;left:0;max-height:250px;width:100%;cursor:pointer}.login-phone .img-jianpan-cont.show{display:block}.login-phone .img-jianpan-cont.hidden{display:none}.login-phone .custom-img-input{width:75%;height:32px;-webkit-box-align:center;align-items:center;margin-left:5px}.login-phone .custom-img-input.show{display:-webkit-box;display:flex}.login-phone .custom-img-input.hidden{display:none}.login-phone .custom-img-input div{width:40px;height:30px}@media (max-height:600px){.img-jianpan-cont,.img-jianpan-cont .img-jianpan{height:200px}}@media (min-width:360px){.input-wrapper #custom-input{width:80%}}@media (min-width:700px){.input-wrapper #custom-input{width:90%}}.RTL .login-phone .sub-title{width:auto;margin-right:53.85%;text-align:left}.RTL .login-phone .input-wrapper{direction:ltr}.RTL .login-phone .input-wrapper .input{direction:rtl;text-align:left}
