﻿/*文本框效果*/
.input-body .input-box .input-content .input.password-input{width:90%}
body,html{color:rgba(0,0,0,.7)}
body{font-family:fzlantingkanhei-r-gbkregular,PingFangSC-Regular,Microsoft YaHei,\\5FAE\8F6F\96C5\9ED1,verdana,sans-serif;cursor:default;font-size:14px;letter-spacing:.28px}
*{margin:0;padding:0;}
.input-body{position:relative}
::-webkit-scrollbar{width:10px;height:10px;background-color:#f1f1f1}
::-webkit-scrollbar-thumb{border-radius:5px;background:#cacaca}
::-webkit-scrollbar-track{background:#fff}
.input-body .input-box{height:32px;display:-ms-flexbox;display:flex;position:relative;font-size:16px;letter-spacing:.32px;padding-top:25px;-ms-flex-direction:column;flex-direction:column}
.input-body .input-box .input-content{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1;position:relative;height:30px}
.input-body .input-box .bottom-line{background-color:rgba(0,0,0,.1);bottom:0;height:1px;left:0;margin:0;padding:0;position:absolute;width:100%}
.input-body .input-box .bottom-line-active{transform:scaleX(0);background-color:#ffcb05;bottom:0;height:1px;left:0;margin:0;padding:0;position:absolute;width:100%}
.password-box{width:100%}
.input-body .input-box .input-content .content{transform-origin:bottom left;transition:all .3s cubic-bezier(.4,0,.2,1);transition-property:color,bottom,transform;pointer-events:none;position:absolute;left:0;bottom:0;width:95%;height:30px;line-height:30px;cursor:text}
.input-body .input-box .content{color:rgba(0,0,0,.2)}
.input-body .input-box .input-content .input{width:100%;display:block;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1;background-color:transparent;z-index:0;text-align:left;height:16px;font-family:inherit;font-size:16px;letter-spacing:.32px;padding:7px 0}
[contenteditable],input,textarea{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;-webkit-tap-highlight-color:transparent}
.input-body .input-focus .input-content .content{transform:scale(.75) translateY(-43px);color:#fdb115!important}
.input-body .input-focus .bottom-line-active{animation:inputAddUnderline .3s cubic-bezier(.4,0,.2,1);height:1px;transform:scaleX(1)}
input{-webkit-appearance:none;border:none;outline:0}
.input-body .input-have-value .input-content .content{transform:scale(.75) translateY(-43px);color:rgba(0,0,0,.4)}
@keyframes inputAddUnderline{0%{transform:scaleX(0)}
to{transform:scaleX(1)}
}

/*文本框是否密码类型*/
.password-box .eye-active{background:url(/Template/images/eye-normal.png) no-repeat;background-size:contain}
.password-box .password-eye{position:absolute;bottom:3px;right:0;width:24px;height:24px;cursor:pointer}
.password-box .eye-negative{background:url(/Template/images/eyeclose-normal.png) no-repeat;background-size:contain}

/*是否同意单选框*/
.option-box{font-size:14px;letter-spacing:.28px}
.register-body>div,.register-body>section{width:350px;margin:0 auto}
.option-box .option-single{height:48px}
.flex-center{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}
.option-box .option-single .radio{display:block;width:16px;height:16px;background:url(/Template/images/radio.png) no-repeat;background-size:contain;cursor:pointer;position:relative;margin:0 16px 0 4px}
.option-box .option-single .radio.open:after{position:absolute;content:"";display:inline-block;width:16px;height:16px;background:url(/Template/images/open.png) no-repeat;background-size:contain}
.protocol{color:#fdb115;cursor:pointer}

/*验证码*/
.verify-code-button.button-second{background:#d8d8d8;width:101px;height:36px;color:rgba(0,0,0,.7);text-align:center;line-height:36px;font-size:12px;letter-spacing:.24px;font-style:normal;}
.verify-code-button{display:inline-block;position:absolute;bottom:0;margin-bottom:4px;right:0;cursor:pointer;color:#fdb115;font-size:16px;letter-spacing:.32px;font-style:normal;font-family:'Microsoft YaHei';}
address,em,i{font-style:normal}

.code-button.button-second{background:#fff;width:101px;height:36px;color:rgba(0,0,0,.7);text-align:center;line-height:36px;font-size:12px;letter-spacing:.24px;font-style:normal;}
.code-button{display:inline-block;background:#fff;position:absolute;bottom:0;margin-bottom:4px;right:0;cursor:pointer;color:#fdb115;font-size:16px;letter-spacing:.32px;font-style:normal;font-family:'Microsoft YaHei';}

/*区域选择*/
.phone-input-content{position:relative}
.phone-input-content .select-country{display:inline-block;position:absolute;bottom:0px;left:0;width:100px}
.phone-input-content .select-country .region-class{cursor:pointer}
.phone-input-content .select-country .arrow-down{background:url(/Template/images/arrow-down.png) no-repeat;background-size:contain}
.phone-input-content .select-country .select-arrow{width:10px;height:10px;display:inline-block}
.phone-input-content .show-region{position:absolute;top:54px;z-index:99;background:#fff;overflow-y:auto;max-height:150px;border:1px solid rgba(0,0,0,.1);font-size:14px;letter-spacing:.28px}
.phone-input-content .show-region .region-list{height:30px;line-height:30px;cursor:pointer;float:left; width:100%;}
li,ol,ul{list-style-type:none;display:block}
.phone-input-content .show-region .region-list .region-name{padding-left:12px;text-align:left}
.phone-input-content .show-region .region-list .region-code{position:absolute;right:10px}
.phone-input-content .select-country .arrow-up{background:url(/Template/images/arrow-up.png) no-repeat;background-size:contain}
.phone-input-content .phone-input .input-content{margin-left:90px}
.phone-input-content .show-region .region-list:hover{background-color:#fffee6;color:#fdb115}

/*其他*/
.register-body>div,.register-body>section{width:350px;margin:0 auto}
.register-body .go-login{font-weight:100;text-align:center;opacity:.8;font-size:18px;letter-spacing:-.43px;color:#000;padding-top:18px;margin-bottom:30px}
.register-body .go-login a{color:#fdb115;cursor:pointer}
a,a:active,a:hover{text-decoration:none;color:rgba(0,0,0,.7)}
.register-body .go-login a{color:#fdb115;cursor:pointer}
.register-body .go-login .arrow-yellow{display:inline-block;position:relative;top:2px;width:18px;height:16px;background:url(/Template/images/arrow-yellow.png) no-repeat;background-size:contain}
.button-style{display:inline-block;background:#333;color:rgba(0,0,0,.7);text-align:center;width:100%;cursor:pointer;font-size:16px;letter-spacing:.32px}
.disable-button{color:#ffffff!important}
.disable-button:hover{cursor:not-allowed}
.text-button{color:#ffffff}
.text-button:hover{background:#999;}

/*注册登陆*/
.regtitle{ color:#202020;font-size:16px;border-bottom:solid 1px #DEDEDE; height:48px; line-height:48px; padding:0 0 0 20px;font-family:'Microsoft YaHei'; font-weight:500; margin-bottom:10px;}
.errtext{color:#FF0000;display:none;font-size:12px;}

.register-body>div,.register-body>section{width:350px;margin:0 auto}
.register-body .get-voice{padding-top:16px}
.register-body .get-voice>span{display:inline-block;font-size:13px;letter-spacing:.31px;color:rgba(0,0,0,.4);height:16px;line-height:16px}
.register-body .get-voice>span.voice-button{cursor:pointer;color:rgba(0,0,0,.4);font-weight:700}
.register-body .register-button {padding: 36px 0;width: 350px}

.input-body .err-text, .input-body .tip-text{font-size: 12px;letter-spacing: .24px;padding-top: 5px}
.input-body .err-text {color: #da2128}
.input-body .input-box .errorLine {background-color: #da2128 !important;transform: scaleX(1);bottom: 0;height: 1px;left: 0;margin: 0;padding: 0;position: absolute;width: 100%;}

.img-box {width:461px;height:70px;margin:25px auto 20px auto;}
.img-box.forget-1{background:url(/Template/images/forget-1.png) no-repeat;background-size:contain;}
.img-box.forget-2 {background: url(/Template/images/forget-2.png) no-repeat;background-size:contain;}
.img-box.forget-3 {background: url(/Template/images/forget-3.png) no-repeat;background-size: contain;}
.img-box.forget-4 {background: url(/Template/images/forget-4.png) no-repeat;background-size: contain;}
.forget-three-explain {font-size: 16px;letter-spacing: .32px;padding-top:20px;}
.check-phone-explain {font-size:16px;letter-spacing:.32px;color: rgba(0,0,0,.7);height:16px;line-height:16px;}
.forgetok {font-size:18px;letter-spacing:.32px;color: rgba(0,0,0,.7);height:25px;line-height:25px;text-align:center;font-family:'Microsoft YaHei';padding-bottom:30px;}
       
.demo-class .layui-layer-btn0{border-color: #E6E3E6;background-color: #202020;color:#fff;}
.demo-class .layui-layer-btn1{border-color: #4898d5;background-color: #2e8ded;color:#fff;}