.nps-survey,.nps-survey *,.nps-mask,.nps-mask *{box-sizing:content-box}
.nps-mask-fl{float:left}
.nps-mask-fr{float:right}
.nps-clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.nps-mask{position:fixed;width:100%;height:100%;left:0;top:0;background-color:rgba(0,0,0,0.4);z-index:1400;display:none}
.nps-mask-content{width:94%;height:fit-content;max-width:600px;position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;background-color:#fff;padding:40px;box-sizing:border-box !important}
.nps-btn-close{position:absolute;top:-24px;right:-34px;width:24px;height:24px}
.nps-btn-close a{display:block;width:24px;height:24px;background:url(nps/image/nps-survey-cw.svg) no-repeat center;background-size:24px}
.nps-mask-text{font-weight:400;line-height:1.4;font-size:22px;margin:0;color:#1e1e1e;cursor:default;text-align:left}
.nps-mask-btn{display:inline-block;white-space:nowrap;text-decoration:none;padding:3% 9%;background-color:#df253d;border-radius:24px;overflow:hidden;font-size:13px;color:#fff;margin:0 auto;cursor:pointer;line-height:16px;height:16px}
.nps-mask-score{padding:5.78% 0 7.68%}
.nps-mask-score ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:nowrap;justify-content:space-between;padding-bottom:1.88%}
.nps-mask-score li{list-style:none;margin:0;color:rgba(24,32,38,.5);background-color:rgba(24,32,38,.054);font-size:16px;font-weight:700;border-radius:50%;width:24px;height:24px;overflow:hidden;line-height:24px;text-align:center;cursor:pointer;transition:all .1s;padding:1.5%}
.nps-mask-score li:hover{color:#fff;background-color:rgba(24,32,38,0.3)}
.nps-mask-score li.curr{color:#fff;background-color:#df253d}
.nps-mask-tips{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center}
.nps-mask-tips span{color:rgba(24,32,38,0.3);font-size:13px;font-weight:400;cursor:default;padding:1% 0;line-height:16px;height:16px;white-space:nowrap}
.nps-mask-tips .nps-mask-error{font-size:12px;color:#df253d;background-color:rgba(222,26,51,.1);border-radius:100px;padding:1% 9%;display:none;white-space:normal;margin:0 2%;height:auto}
.nps-mask-content textarea{display:block;border:1px solid #e2e2e2;resize:none;padding:3%;width:100%;height:115px;box-sizing:border-box !important;font-size:12px;color:rgba(24,32,38,1);border-radius:.5px;margin-bottom:2%;outline:0;overflow:auto;font-family:inherit}
.nps-mask-code{margin-bottom:7.68%;position:relative}
.nps-mask-code .placeholder{font-size:10px;color:#bebebe;display:block;line-height:1;padding-top:5px;text-align:left}
.nps-mask-code .placeholder.hide{visibility:hidden}
.nps-mask-code .nps-mask-fl{display:block}
.nps-mask-code input{width:200px;border:0;border-bottom:1px solid #e2e2e2;padding:3% 0;font-size:12px;color:#182026;outline:0;line-height:14px;font-family:inherit}
.nps-mask-img{padding:3% 9%;height:15px;position:relative;margin:0 3%}
.nps-mask-img img{position:absolute;width:100%;height:80%;left:0;top:10%}
.nps-mask-refresh{margin-top:3%;position:relative;top:-3px;cursor:pointer}
.nps-survey{max-width:460px;width:fit-content;position:fixed;left:0;right:0;bottom:0;margin:auto;border:1px solid #d8d8d8;border-radius:15px 15px 0 0;border-bottom-width:0;padding:24px 84px;display:none;background-color:#fff;z-index:200}
.nps-survey-btn{cursor:pointer}
.nps-survey-btn span{display:block;height:100%;width:84px;background:url(nps/image/nps-survey.svg) no-repeat center;background-size:30px 38px;position:absolute;left:0;top:0}
.nps-survey-btn h6{margin:0;font-size:14px;color:#182026;font-weight:400;text-align:center;line-height:16px;display:inline-block}
.nps-survey-close{display:block;width:40px;height:40px;background:url(nps/image/nps-survey-close.svg) no-repeat center;background-size:20px;cursor:pointer;position:absolute;right:22px;top:0;bottom:0;margin:auto}
.nps-code-error{position:absolute;left:0;bottom:-14px;margin-bottom:-2%;font-weight:400;cursor:default;font-size:12px;color:#df253d;display:none}
.nps-mc-content{text-align:center}
@media(max-width:767.98px){.nps-survey{padding:18px 64px}
.nps-survey-btn span{width:64px;background-size:24px 30px}
.nps-survey-btn h6{font-size:12px}
.nps-survey-close{width:30px;height:30px;background:url(nps/image/nps-survey-cm.svg) no-repeat center;background-size:24px;right:17px}
.nps-mask{background-color:#fff}
.nps-mask-content{height:100%;width:100%;padding:0 3.34%;max-width:100%}
.nps-btn-close{width:100%;height:58px;top:0;left:0;background-color:#f8f8f8}
.nps-btn-close a{width:40px;height:40px;background:url(nps/image/nps-survey-cm.svg) no-repeat center;float:right;margin:9px 4px}
.nps-mask-text{margin-top:58px;font-size:19px;line-height:1.5;padding-top:5.78%}
.nps-mask-score li{padding:0;width:26px;height:26px;line-height:26px;font-size:11px;color:#8d8d8d;background-color:#fff;border:1px solid #707070}
.nps-mask-tips span,.nps-mask-tips .nps-mask-error{font-size:11px}
.nps-mask-score li.curr{border-color:#df253d}
.nps-mask-content textarea{font-size:11px;margin-bottom:7.68%}
.nps-mask-code{margin-bottom:15.36%}
.nps-mask-code input{width:136px;font-size:10px}
.nps-mask-img{padding:3% 15%;height:14px;margin:0 6%}
.nps-mask-img img{height:100%;top:0}
}
.nps-pm{position:fixed;width:100%;height:100%;left:0;top:0;background-color:rgba(0,0,0,0);z-index:1450}
.nps-pm-content{width:80%;max-width:394px;height:fit-content;position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;background-color:rgba(30,30,30,.7)}
.nps-pm-text{font-size:16px;color:#f8f8f8;padding:10% 20%;text-align:center;line-height:32px}
.nps-pm-text span{display:inline-block;width:32px;height:32px;margin-right:16px;margin-bottom:-10px}
.nps-pm-text.ok span{background:url(nps/image/nps-alert-ok.svg) no-repeat;background-size:32px}
.nps-pm-text.failed span{background:url(nps/image/nps-alert-failed.svg) no-repeat;background-size:32px}
html.nps-html,html.nps-html body{height:100%;width:100%;overflow:hidden}