.survey-view-wrap{position:relative;width:100%}.survey-view-wrap .preview-tool{height:48px;width:100%;background-color:#515a6e;-webkit-box-shadow:0 1px 4px rgba(0,21,41,.08);box-shadow:0 1px 4px rgba(0,21,41,.08);margin-bottom:40px}.survey-view-wrap .preview-tool .toolbar{width:800px;height:48px;margin:0 auto;list-style:none;line-height:0;font-size:20px;padding:0 20px}.survey-view-wrap .preview-tool .toolbar li{float:left;color:#fff;padding:24px;cursor:pointer}.survey-view-wrap .preview-tool .toolbar li.active{background:#498ef7}@media screen{.survey-view-wrap .survey-view{margin:0 auto;background:#fff;padding:40px 20px;min-height:100vh}}@media screen and (min-width:1200px){.survey-view-wrap .survey-view{width:800px}}@media screen and (max-width:750px){.survey-view-wrap .survey-view{width:100%}}@media screen and (max-width:414px){.survey-view-wrap .survey-view{width:100%}}.survey-view-wrap .survey-view .survey-title{width:100%;text-align:center;font-size:18px;font-weight:700;margin-bottom:40px}.survey-view-wrap .survey-view .survey-welcome{width:100%;text-align:left;margin-bottom:40px;font-weight:700}.survey-view-wrap .survey-view .survey-end{width:100%;text-align:center;margin:40px 0;font-weight:700}.survey-view-wrap .survey-view.mobile{background:url(/i/preview/mobile.png) no-repeat 0 0;background-size:438px 762px;padding:0;height:762px;width:400px;padding:40px 0 0 59px;margin:0 auto 20px}.survey-view-wrap .survey-view.mobile .survey-title{width:320px}.survey-view-wrap .survey-view.mobile .survey-content{width:320px;height:400px;padding:0 10px;overflow-y:scroll;overflow-x:hidden}.survey-view-wrap .survey-view.mobile .survey-welcome{padding:0 20px 0 0}.survey-view-wrap .survey-progress{position:fixed;top:30px;left:30px}.survey-view-wrap .survey-progress .box{width:200px;height:38px;padding:5px;border:1px solid #e2e2e2;background:#fff}