.i-nps-icon{position:fixed;width:60px;height:60px;display:flex;justify-content:center;align-items:center;border-radius:50%;box-shadow:0 0 10px rgba(0,0,0,.2);cursor:pointer;transition:all .25s linear}.i-nps-icon.hidden{animation:fadeOut .3s linear}.i-nps-icon svg{height:28px}.i-nps-icon:hover{opacity:.9}.i-nps-icon.rb{right:20px;bottom:20px}.i-nps-icon.rm{right:20px;top:50%;transform:translateY(-50%)}.i-nps-icon.lb{left:20px;bottom:20px}.i-nps-icon.lm{left:20px;top:50%;transform:translateY(-50%)}.i-nps{box-sizing:border-box;position:fixed;animation:moveY .3s linear;overflow:hidden;box-shadow:0 0 10px 10px rgba(0,0,0,.15);background:#fff;border-radius:3px 3px 0 0;color:#666;font-family:PingFang SC,Microsoft YaHei,Helvetica Neue,Helvetica;font-size:14px;z-index:9999;transition:all .25s linear}.i-nps.hidden{opacity:0;transform:translateY(100%)}.i-nps.middle{top:50%;transform:translateY(-50%)}.i-nps.bottom{bottom:0}.i-nps.bottom-left{bottom:0;left:0;margin-left:0}.i-nps.bottom-right{bottom:0;right:0;margin-left:0}.i-nps input,.i-nps textarea{font-family:PingFang SC,Microsoft YaHei,Helvetica Neue,Helvetica}.i-nps .i-nps-question{display:flex;flex-direction:column;padding:15px}.i-nps .i-nps-question .i-nps-question-item{animation:moveY .25s linear}.i-nps .i-nps-question .i-nps-question-item .i-nps-question-item-title{font-size:16px;font-weight:400}.i-nps .i-nps-question .i-nps-question-item .i-nps-question-item-button{width:100%;height:36px;line-height:36px;text-align:center;border-radius:4px;margin:15px 0 10px;cursor:pointer;transition:all .2s linear;color:#fff}.i-nps .i-nps-question .i-nps-question-item .i-nps-question-item-button:hover{opacity:.9}.i-nps .i-nps-question .i-nps-question-item .i-nps-question-item-form{padding:20px 0 0}.i-nps .i-nps-question .i-nps-question-item .i-nps-question-item-form.ces,.i-nps .i-nps-question .i-nps-question-item .i-nps-question-item-form.csat{margin-bottom:10px}.i-nps .i-nps-question .i-nps-question-item .i-nps-question-item-form .i-nps-question-item-rate .i-nps-question-item-rate-list{display:flex}.i-nps .i-nps-question .i-nps-question-item .i-nps-question-item-form .i-nps-question-item-rate .i-nps-question-item-rate-list span{flex:1;margin:0 1%;transition:all .2s linear;display:block;height:36px;border-radius:3px;text-align:center;line-height:36px;font-size:14px;cursor:pointer}.i-nps .i-nps-question .i-nps-question-item .i-nps-question-item-form .i-nps-question-item-rate .i-nps-question-item-rate-list span:first-of-type{margin-left:0}.i-nps .i-nps-question .i-nps-question-item .i-nps-question-item-form .i-nps-question-item-rate .i-nps-question-item-rate-list span:last-of-type{margin-right:0}.i-nps .i-nps-question .i-nps-question-item .i-nps-question-item-form .i-nps-question-item-rate .i-nps-question-item-rate-text{margin-top:5px;display:flex;justify-content:space-between;color:#999}.i-nps .i-nps-question .i-nps-question-item .i-nps-question-item-form .i-nps-question-item-radio .i-nps-question-item-radio-list{display:flex;font-size:14px;padding:4px 0}.i-nps .i-nps-question .i-nps-question-item .i-nps-question-item-form .i-nps-question-item-radio .i-nps-question-item-radio-list .i-nps-radio[type=radio]+label:before{content:"\a0";display:inline-block;vertical-align:middle;width:16px;height:16px;margin-right:5px;border-radius:50%;margin-bottom:4px;border:1px solid #ccc}.i-nps .i-nps-question .i-nps-question-item .i-nps-question-item-form .i-nps-question-item-radio .i-nps-question-item-radio-list .i-nps-radio[type=radio]:checked+label:before{background-clip:content-box;padding:2px;width:12px;height:12px}.i-nps .i-nps-question .i-nps-question-item .i-nps-question-item-form .i-nps-question-item-radio .i-nps-question-item-radio-list .i-nps-radio[type=radio]{position:absolute;clip:rect(0,0,0,0)}.i-nps .i-nps-question .i-nps-question-item .i-nps-question-item-form .i-nps-question-item-radio .i-nps-label{cursor:pointer;width:100%;padding:5px 0;transition:all .2s linear}.i-nps .i-nps-question .i-nps-question-item .i-nps-question-item-form .i-nps-question-item-checkbox .i-nps-question-item-checkbox-list{display:flex;font-size:14px;padding:4px 0}.i-nps .i-nps-question .i-nps-question-item .i-nps-question-item-form .i-nps-question-item-checkbox .i-nps-question-item-checkbox-list .i-nps-checkbox[type=checkbox]+label:before{content:"";display:inline-block;vertical-align:middle;width:16px;height:16px;margin-right:5px;border-radius:2px;border:1px solid #ccc}.i-nps .i-nps-question .i-nps-question-item .i-nps-question-item-form .i-nps-question-item-checkbox .i-nps-question-item-checkbox-list .i-nps-checkbox[type=checkbox]:checked+label:before{content:"\2713";background-clip:content-box;font-size:14px;text-align:center;border:1px solid #ccc}.i-nps .i-nps-question .i-nps-question-item .i-nps-question-item-form .i-nps-question-item-checkbox .i-nps-question-item-checkbox-list .i-nps-checkbox[type=checkbox]{position:absolute;clip:rect(0,0,0,0)}.i-nps .i-nps-question .i-nps-question-item .i-nps-question-item-form .i-nps-question-item-checkbox .i-nps-question-item-checkbox-list .i-nps-checkbox[type=checkbox]:checked{position:absolute;clip:rect(0,0,0,0)}.i-nps .i-nps-question .i-nps-question-item .i-nps-question-item-form .i-nps-question-item-checkbox .i-nps-label{cursor:pointer;width:100%;padding:5px 0;transition:all .2s linear;display:flex;align-items:center}.i-nps .i-nps-question .i-nps-question-item .i-nps-question-item-form .i-nps-question-item-textarea{display:flex;flex-direction:column}.i-nps .i-nps-question .i-nps-question-item .i-nps-question-item-form .i-nps-question-item-textarea .i-nps-textarea{outline:none;border:1px solid #ccc;border-radius:3px;padding:10px;color:#666;margin-bottom:15px}.i-nps .i-nps-question .i-nps-question-item .i-nps-question-item-form .i-nps-question-item-textarea .i-nps-button{outline:none;color:#fff;border-radius:3px;padding:8px 0;border:none;cursor:pointer}.i-nps .i-nps-question .i-nps-question-item .i-nps-end{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px 0}.i-nps .i-nps-question .i-nps-question-item .i-nps-end .i-nps-end-icon{width:60px;height:60px}.i-nps .i-nps-question .i-nps-question-item .i-nps-end .i-nps-end-icon svg{width:100%;height:100%}.i-nps .i-nps-question .i-nps-question-item .i-nps-end .i-nps-end-msg{margin-top:20px;font-size:14px}.i-nps .i-nps-close{position:absolute;right:15px;top:10px;width:20px;height:20px;z-index:100;cursor:pointer}.i-nps .i-nps-close svg{width:100%;height:100%}.i-nps .i-nps-footer{font-size:13px;background-color:#d8f3d2;position:relative;text-align:right;padding:5px 15px}@keyframes moveY{0%{opacity:0}50%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@media screen and (max-width:767px){.i-nps{width:100%;left:0;margin-left:0}}@media screen and (min-width:768px){.i-nps{width:600px;left:50%;margin-left:-300px}}@media screen and (min-width:992){.i-nps{width:600px;left:50%;margin-left:-300px}}@media screen and (min-width:1200){.i-nps{width:600px;left:50%;margin-left:-300px}}