/* 封装弹出层样式start */
#dialog-box{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 999;box-sizing: border-box;background-color: rgba(0,0,0,.8);display: none}
#dialog-box .dialog-content{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);background-color: #fdfdfd;border-radius: 0.3125rem;padding: 2.6875rem 1.875rem 3.125rem;width: 84%;overflow-y: auto;box-sizing: border-box;width: 400px}
#dialog-box .dialog-content .top-box{display: flex;align-items: baseline;}
#dialog-box .dialog-content .top-box h5 {font-family: PingFangSC-Medium;font-size: 1.5rem;color: #030303;line-height: 1.875rem;}
#dialog-box .dialog-content .close {position: absolute;top: 0.75rem;right: 0.75rem;width: 1.20rem;height: 1.20rem;background-image: url(/statics/lpnew/img/ic_close.png);background-position: 50% 50%;}
#dialog-box .dialog-content .center-box input[name=tel] {width: 100%;margin: 1.0625rem 0 10px;outline: none;border-radius: 3px;border: 1px solid #dcdfe6;padding: 10px;box-sizing: border-box;font-size: 14px;transition: border-color .2s cubic-bezier(.645,.045,.355,1);}
#dialog-box .dialog-content .center-box .code-box{position: relative}
#dialog-box .dialog-content .center-box input[name=code]{width: 100%;outline: none;border-radius: 3px;border: 1px solid #dcdfe6;padding: 10px;box-sizing: border-box;font-size: 14px;transition: border-color .2s cubic-bezier(.645,.045,.355,1);}
#dialog-box .dialog-content .center-box input:focus{outline: none;border-color: #409eff;}
#dialog-box .dialog-content .center-box .getcode{position: absolute;top: 50%;right: 10px;transform: translateY(-50%);font-size: 12px;color: #409eff}
#dialog-box .bottom-box{display: flex;margin-top: 20px}
#dialog-box .bottom-box .qd-btn{flex: 1;text-align: center;background-color: #3072F6;color: #fff;font-size: 14px;border-radius: 4px;padding: 13px 0}
#dialog-box .tip-content {font-size: 1rem;color: #101D37;margin-top: 1.25rem;}
#dialog-box .center-box .tel-box {font-size: 14px;margin-top: 1.0625rem}
#dialog-box .blue {color: #409eff}
#dialog-box .subInstruction{font-family: PingFangSC-Regular;margin-top: 1rem;font-size: .75rem;color: #CED1D6;}
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
@keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:translate(-50%,-50%) scale(.3)}
    50%{opacity:1;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:translate(-50%,-50%) scale(1)}
}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}
@keyframes bounceOutUp{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translate(-50%,-50%) translateY(0)}
    100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translate(-50%,-50%) translateY(-2000px)}
}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}
/* 封装弹出层样式end */