HTML抗击疫情调查问卷

最新推荐文章于 2024-05-03 13:41:06 发布
宁心之锋
最新推荐文章于 2024-05-03 13:41:06 发布
阅读量4.5k
点赞数
文章标签： html5
本文链接：https://blog.csdn.net/weixin_51695739/article/details/118025697
版权
本文探讨了如何利用HTML5技术创建和实现抗击疫情的在线调查问卷，阐述了HTML5在数据收集和交互方面的优势，以及在当前特殊时期的重要作用。
摘要由CSDN通过智能技术生成
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head id="ctl00_Head1"><title>
	疫情防控调查问卷
</title><meta name="robots" content="noindex"><meta http-equiv="content-type" content="text/html; charset=UTF-8"><meta name="renderer" content="webkit|ie-comp|ie-stand"><meta name="og:type" content="article"><meta name="og:release_date" content="2020-02-24"><meta name="og:image" content="https://image.wjx.cn/images/wlogo.png"><meta name="og:title" content="疫情防控调查问卷"><meta name="og:description" content="我在问卷星上发布了问卷《疫情防控调查问卷》，请帮忙填写，非常感谢！"><link type="text/css" rel="stylesheet" href="%E7%96%AB%E6%83%85%E9%98%B2%E6%8E%A7%E8%B0%83%E6%9F%A5%E9%97%AE%E5%8D%B7_files/NewDefault.css"><link id="ctl00_hrefMobile" rel="alternate" media="only screen and(max-width: 640px)" href="https://www.wjx.cn/m/59592811.aspx"><link id="ctl00_hrefCanonical" rel="canonical" href="https://www.wjx.cn/jq/59592811.aspx"><meta name="applicable-device" content="pc"><meta name="google" value="notranslate"><link rel="dns-prefetch" href="https://sojump.cn-hangzhou.log.aliyuncs.com/"><link href="%E7%96%AB%E6%83%85%E9%98%B2%E6%8E%A7%E8%B0%83%E6%9F%A5%E9%97%AE%E5%8D%B7_files/q.css" rel="stylesheet" type="text/css"><link href="%E7%96%AB%E6%83%85%E9%98%B2%E6%8E%A7%E8%B0%83%E6%9F%A5%E9%97%AE%E5%8D%B7_files/newsolid_114.css" rel="stylesheet" type="text/css"><script src="%E7%96%AB%E6%83%85%E9%98%B2%E6%8E%A7%E8%B0%83%E6%9F%A5%E9%97%AE%E5%8D%B7_files/collina.js" id="AWSC_uabModule"></script><script src="%E7%96%AB%E6%83%85%E9%98%B2%E6%8E%A7%E8%B0%83%E6%9F%A5%E9%97%AE%E5%8D%B7_files/um.js" id="AWSC_umidPCModule"></script><script src="%E7%96%AB%E6%83%85%E9%98%B2%E6%8E%A7%E8%B0%83%E6%9F%A5%E9%97%AE%E5%8D%B7_files/nvc.js"></script><script src="%E7%96%AB%E6%83%85%E9%98%B2%E6%8E%A7%E8%B0%83%E6%9F%A5%E9%97%AE%E5%8D%B7_files/nvcPrepare.jsonp"></script><script src="%E7%96%AB%E6%83%85%E9%98%B2%E6%8E%A7%E8%B0%83%E6%9F%A5%E9%97%AE%E5%8D%B7_files/antidomxss_v639.js"></script>
<script src="%E7%96%AB%E6%83%85%E9%98%B2%E6%8E%A7%E8%B0%83%E6%9F%A5%E9%97%AE%E5%8D%B7_files/662f8c1ad9e3ae4a1eadffdbe4550731.js"></script><style type="text/css">.sm-pop{
   position:absolute;background:#fff;border:1px solid #cfe2f6;z-index:10000}.sm-pop-toplayer{
   position:fixed;background:#fafafa;top:0;right:0;bottom:0;left:0;z-index:100000}.sm-pop-inner{
   position:absolute;width:100%}.sm-pop-inner .qc-wrapper .qc-container{
   box-shadow:none}.sm-pop-close{
   position:absolute;top:0;right:0;width:15px;height:15px;line-height:15px;text-align:center;background:url(//img.alicdn.com/tfs/TB1z6LQmf6H8KJjy0FjXXaXepXa-14-14.png);cursor:pointer}#sc{margin-left:100px;margin-top:200px}.sm-btn-wrapper{position:relative}.sm-txt{margin-left:20px;font-size:14px;vertical-align:middle;color:#3c3c3c;white-space:pre-wrap}.sm-btn{line-height:42px;border:1px solid #ddd;cursor:pointer;overflow:hidden}#rectMask{top:0;left:0}#rectMask,#sm-btn-bg{overflow:hidden;position:absolute}#sm-btn-bg{background-image:linear-gradient(0deg,#ededed,#fff);cursor:pointer;z-index:-1;top:1px;left:1px}.sm-btn-default .sm-ico:hover{box-shadow:0 0 10px #00de76;background:rgba(0,222,118,.3)}.sm-btn-default:hover,.sm-btn-loading:hover,.sm-btn-success:hover{box-shadow:0 0 8px #65f4b5}.sm-btn-fail:hover{box-shadow:0 0 8px #f55742}.sm-btn-default .sm-ico,.sm-btn-fail .sm-ico,.sm-btn-loading .sm-ico,.sm-btn-success .sm-ico{position:relative;background:none;display:inline-block;margin-top:-3px;margin-left:12px;width:36px;height:36px;border-radius:50%;line-height:36px;text-align:center;vertical-align:middle}.sm-btn-default .sm-ico-wave{animation:defaultWave 1.5s ease infinite}.sm-btn-default .sm-ico-wave,.sm-btn-fail .sm-ico-wave,.sm-btn-loading .sm-ico-wave,.sm-btn-success .sm-ico-wave{width:26px;height:26px;border-radius:50%;position:relative;z-index:800;left:5px;top:5px}.sm-btn-default .sm-ico-wave,.sm-btn-loading .sm-ico-wave,.sm-btn-success .sm-ico-wave{background-image:linear-gradient(0deg,#3a9afa,#00de76)}.sm-btn-default .shield,.sm-btn-fail .shield,.sm-btn-loading .shield,.sm-btn-success .shield{width:12px;height:14px;line-height:38px;left:12px;position:absolute;z-index:1000;top:-1px}.sm-btn-default .shield{animation:shieldanimation 1.5s infinite}.sm-btn-default .out-silder-circle{background:#c3efe8}.sm-btn-default .out-silder-circle,.sm-btn-loading .out-silder-circle{position:absolute;width:36px;height:36px;line-height:36px;border-radius:50%;text-align:center;vertical-align:middle;top:0}.sm-btn-loading .out-silder-circle{background:linear-gradient(rgba(0,222,118,.8),rgba(0,222,118,.4),rgba(0,222,118,.3),rgba(0,222,118,.2))}.sm-btn-default .out-silder-circle{animation:defaultOutsideWave 1.5s ease infinite}.sm-btn-loading .out-silder-circle{animation:loadingWave 1s infinite}.sm-btn-default .right-tick,.sm-btn-default .wrong-cross,.sm-btn-loading .right-tick,.sm-btn-loading .wrong-cross,.sm-btn-success .wrong-cross{display:none}.sm-btn-fail .out-silder-circle,.sm-btn-success .out-silder-circle{position:absolute;width:36px;height:36px;line-height:36px;border-radius:50%;text-align:center;vertical-align:middle;top:0}.sm-btn-success .out-silder-circle{animation:successWave 1s infinite;animation-iteration-count:1;background:#c3efe8}.sm-btn-success .sm-txt{color:#01bf8f;animation:successTxt 1s;animation-iteration-count:1}.sm-btn-fail .rect-top:before,.sm-btn-success .rect-top:before{content:"";display:block;height:200%;position:absolute;top:0;left:0}.sm-btn-success .rect-top:before{border-left:1px solid #00de76;animation:successRectLeft .5s;animation-iteration-count:1}.sm-btn-fail .rect-top,.sm-btn-success .rect-top{position:absolute;top:0;left:0}.sm-btn-success .rect-top{animation:successRectTop 1s;animation-delay:.5s;animation-iteration-count:1;animation-fill-mode:forwards}.sm-btn-fail .rect-top:after,.sm-btn-success .rect-top:after{content:"";display:block;height:100%;position:absolute;top:-1px;right:0}.sm-btn-success .rect-top:after{animation:successRectRight .5s;animation-delay:1.5s;animation-iteration-count:1;animation-fill-mode:forwards}.sm-btn-fail .rect-bottom,.sm-btn-success .rect-bottom{position:absolute;left:0}.sm-btn-success .rect-bottom{animation:successRectBottom 1s;animation-delay:.5s;animation-iteration-count:1;animation-fill-mode:forwards}.sm-btn-fail .rect-bottom:after,.sm-btn-success .rect-bottom:after{content:"";display:block;height:100%;position:absolute;top:1px;right:0}.sm-btn-success .rect-bottom:after{animation:successRectBottomRight .5s;animation-delay:1.5s;animation-iteration-count:1;animation-fill-mode:forwards}.sm-btn-success .right-tick{position:absolute;width:8px;height:6px;display:block;top:18px;left:16px;z-index:2000}.sm-btn-success .right-tick .right-tick-left,.sm-btn-success .right-tick .right-tick-right{position:absolute;height:1px;background:#00de76}.sm-btn-success .right-tick .right-tick-left{transform:rotate(45deg);transform-origin:left top;top:-1px;left:-1px;animation:rightTickLeft .3s;animation-iteration-count:1;animation-fill-mode:forwards}.sm-btn-success .right-tick .right-tick-right{transform:rotate(315deg);transform-origin:left bottom;top:1px;left:1px;animation:rightTickRight .3s;animation-delay:.29s;animation-iteration-count:1;animation-fill-mode:forwards}.sm-btn-fail .sm-ico-wave{background-image:linear-gradient(0deg,#fc3bab,#f26216)}.sm-btn-fail .out-silder-circle{background:rgba(244,88,58,.25);animation:failWave 1s infinite;animation-iteration-count:1}.sm-btn-fail .sm-txt{color:#f55742;animation:failTxt 1s;animation-iteration-count:1}.sm-btn-fail .rect-top:before{border-left:1px solid #f55742;animation:failRectLeft .5s;animation-iteration-count:1}.sm-btn-fail .rect-top{animation:failRectTop 1s;animation-delay:.5s;animation-iteration-count:1;animation-fill-mode:forwards}.sm-btn-fail .rect-top:after{animation:failRectRight .5s;animation-delay:1.5s;animation-iteration-count:1;animation-fill-mode:forwards}.sm-btn-fail .rect-bottom{animation:failRectBottom 1s;animation-delay:.5s;animation-iteration-count:1;animation-fill-mode:forwards}.sm-btn-fail .rect-bottom:after{animation:failRectBottomRight .5s;animation-delay:1.5s;animation-iteration-count:1;animation-fill-mode:forwards}.sm-btn-fail .right-tick{display:none}.sm-btn-fail .wrong-cross{position:absolute;width:8px;height:6px;display:block;top:19px;left:16px;z-index:2000}.sm-btn-fail .wrong-cross .wrong-cross-left,.sm-btn-fail .wrong-cross .wrong-cross-right{position:absolute;height:1px;background:#f55742}.sm-btn-fail .wrong-cross .wrong-cross-left{transform:rotate(135deg);transform-origin:left bottom;top:-6px;left:4px;animation:wrongCrossLeft .3s;animation-iteration-count:1;animation-fill-mode:forwards}.sm-btn-fail .wrong-cross .wrong-cross-right{transform:rotate(45deg);transform-origin:left top;top:-5px;left:0;animation:wrongCrossRight .3s;animation-delay:.29s;animation-iteration-count:1;animation-fill-mode:forwards}@keyframes shieldanimation{0%{transform:scale(1)}20%{transform:scale(1.15)}40%{transform:scale(1)}to{transform:scale(1)}}@keyframes defaultWave{0%{transform:scale(1)}20%{transform:scale(1.23)}40%{transform:scale(1)}to{transform:scale(1)}}@keyframes defaultOutsideWave{0%{transform:scale(1)}20%{transform:scale(.8125)}40%{transform:scale(1)}to{transform:scale(1)}}@keyframes loadingWave{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes successWave{0%{background:none}to{background:#c3efe8}}@keyframes successTxt{0%{color:#333}to{color:#01bf8f}}@keyframes successRectTop{0%{width:0;border-top:1px solid #00de76}to{width:100%;border-top:1px solid #00de76}}@keyframes successRectLeft{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes successRectRight{0%{height:0;border-right:1px solid #00de76}to{height:104%;border-right:1px solid #00de76}}@keyframes successRectBottom{0%{width:0;border-bottom:1px solid #00de76}to{width:100%;border-bottom:1px solid #00de76}}@keyframes successRectBottomRight{0%{top:100%;border-right:1px solid #00de76}to{top:0;border-right:1px solid #00de76}}@keyframes failWave{0%{background:none}to{background:rgba(244,88,58,.25)}}@keyframes failTxt{0%{color:#333}to{color:#f55742}}@keyframes failRectTop{0%{width:0;border-top:1px solid #f55742}to{width:100%;border-top:1px solid #f55742}}@keyframes failRectLeft{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes failRectRight{0%{height:0;border-right:1px solid #f55742}to{height:110%;border-right:1px solid #f55742}}@keyframes failRectBottom{0%{width:0;border-bottom:1px solid #f55742}to{width:100%;border-bottom:1px solid #f55742}}@keyframes failRectBottomRight{0%{top:100%;border-right:1px solid #f55742}to{top:1px;border-right:1px solid #f55742}}@keyframes wrongCrossLeft{0%{width:0}to{width:7px}}@keyframes wrongCrossRight{0%{width:0}to{width:7px}}@keyframes rightTickLeft{0%{width:0}to{width:3px}}@keyframes rightTickRight{0%{width:0}to{width:6px}}</style><style type="text/css">#waf_nc_block {position: fixed;_position: absolute;width: 100%;height: 100%;top: 0;bottom: 0;left: 0;z-index: 9999;}.waf-nc-mask {background: #f8f8f8;opacity: 0.5;filter:alpha(opacity=50); width: 100%;height: 100%;} .waf-nc-wrapper {width:480px; height:254px; position: absolute; top: 50%; left: 50%; margin-top: -127px; margin-left: -240px; margin-bottom: 16px; background:#ffffff; border:3px solid #00A2CA;} .waf-nc-icon {position: absolute;top: 18px;left: 20px;} .waf-nc-title {margin-top: 23px; margin-left: 47px; font-size:16px; color:#333333; line-height:10px; text-align:left;} .waf-nc-splitter {margin-left: 26px; margin-top: 5px; width:430px; height:0px; border:1px solid #f4f4f4; } .waf-nc-description { margin-top: 22px; margin-left: 23px; font-size:12px; color:#333333; text-align: left; } #nocaptcha { margin-top: 20px; margin-left: 92px; width:300px; height36px;}</style><script src="%E7%96%AB%E6%83%85%E9%98%B2%E6%8E%A7%E8%B0%83%E6%9F%A5%E9%97%AE%E5%8D%B7_files/nc.js"></script><style>@charset "utf-8";
@font-face{
   font-family:'nc_iconfont';src:url("//at.alicdn.com/t/font_1465353706_4784257.eot");src:url("//at.alicdn.com/t/font_1465353706_4784257.eot?#iefix") format('embedded-opentype'),url("//at.alicdn.com/t/font_1465353706_4784257.woff") format('woff'),url("//at.alicdn.com/t/font_1465353706_4784257.ttf") format('truetype'),url("//at.alicdn.com/t/font_1465353706_4784257.svg#iconfont") format('svg')}@font-face{
   font-family:'ncpc_iconfont';src:url("//at.alicdn.com/t/font_384029_rhzpmteb25oecdi.eot");src:url("//at.alicdn.com/t/font_384029_rhzpmteb25oecdi.eot?#iefix") format('embedded-opentype'),url("//at.alicdn.com/t/font_384029_rhzpmteb25oecdi.woff") format('woff'),url("//at.alicdn.com/t/font_384029_rhzpmteb25oecdi.ttf") format('truetype'),url("//at.alicdn.com/t/font_384029_rhzpmteb25oecdi.svg#ncpc_iconfont") format('svg')}.nc-container div#nc-loading-circle{
   background:transparent;width:20px;height:20px;display:inline-block;position:relative;vertical-align:middle}.nc-container div#nc-loading-circle .sk-circle{
   background:transparent;width:100%;height:100%;position:absolute;left:0;top:0}.nc-container #nc-loading-circle .sk-circle:before{
   content:'';display:block;margin:0 auto;width:15%;height:15%;background-color:#818181;border-radius:100%;-webkit-animation:sk-circleFadeDelay 1.2s infinite ease-in-out both;animation:sk-circleFadeDelay 1.2s infinite ease-in-out both}.nc-container #nc-loading-circle .sk-circle2{
   -webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg)}.nc-container #nc-loading-circle .sk-circle3{
   -webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg)}.nc-container #nc-loading-circle .sk-circle4{
   -webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.nc-container #nc-loading-circle .sk-circle5{
   -webkit-transform:rotate(120deg);-ms-transform:rotate(120deg);transform:rotate(120deg)}.nc-container #nc-loading-circle .sk-circle6{
   -webkit-transform:rotate(150deg);-ms-transform:rotate(150deg);transform:rotate(150deg)}.nc-container #nc-loading-circle .sk-circle7{
   -webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.nc-container #nc-loading-circle .sk-circle8{
   -webkit-transform:rotate(210deg);-ms-transform:rotate(210deg);transform:rotate(210deg)}.nc-container #nc-loading-circle .sk-circle9{
   -webkit-transform:rotate(240deg);-ms-transform:rotate(240deg);transform:rotate(240deg)}.nc-container #nc-loading-circle .sk-circle10{
   -webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.nc-container #nc-loading-circle .sk-circle11{
   -webkit-transform:rotate(300deg);-ms-transform:rotate(300deg);transform:rotate(300deg)}.nc-container #nc-loading-circle .sk-circle12{
   -webkit-transform:rotate(330deg);-ms-transform:rotate(330deg);transform:rotate(330deg)}.nc-container #nc-loading-circle .sk-circle2:before{
   -webkit-animation-delay:-1.1s;animation-delay:-1.1s}.nc-container #nc-loading-circle .sk-circle3:before{
   -webkit-animation-delay:-1s;animation-delay:-1s}.nc-container #nc-loading-circle .sk-circle4:before{
   -webkit-animation-delay:-.9s;animation-delay:-.9s}.nc-container #nc-loading-circle .sk-circle5:before{
   -webkit-animation-delay:-.8s;animation-delay:-.8s}.nc-container #nc-loading-circle .sk-circle6:before{
   -webkit-animation-delay:-.7s;animation-delay:-.7s}.nc-container #nc-loading-circle .sk-circle7:before{
   -webkit-animation-delay:-.6s;animation-delay:-.6s}.nc-container #nc-loading-circle .sk-circle8:before{
   -webkit-animation-delay:-.5s;animation-delay:-.5s}.nc-container #nc-loading-circle .sk-circle9:before{
   -webkit-animation-delay:-.4s;animation-delay:-.4s}.nc-container #nc-loading-circle .sk-circle10:before{
   -webkit-animation-delay:-.3s;animation-delay:-.3s}.nc-container #nc-loading-circle .sk-circle11:before{
   -webkit-animation-delay:-.2s;animation-delay:-.2s}.nc-container #nc-loading-circle .sk-circle12:before{
   -webkit-animation-delay:-.1s;animation-delay:-.1s}@-webkit-keyframes sk-circleFadeDelay{
   0%,39%,100%{
   opacity:0}40%{
   opacity:1}}@-webkit-keyframes sk-circleFadeDelay{
   0%,39%,100%{
   opacity:0}40%{
   opacity:1}}@keyframes sk-circleFadeDelay{
   0%,39%,100%{
   opacity:0}40%{
   opacity:1}}.nc-container .scale_text2 #nc-loading-circle .sk-circle:before{
   background-color:#fff}.nc_iconfont{
   font-family:"nc_iconfont";color:#ff3f08;font-size:16px;font-style:normal}.ncpc_iconfont{
   font-family:"ncpc_iconfont";color:#ff3f08;font-size:16px;font-style:normal}.captcha-error .icon_ban{
   float:left;font-size:16px;padding-right:5px;line-height:14px}.clickCaptcha_text .btn_refresh{
   font-style:normal;cursor:pointer;background:#fff;color:#737383}.imgCaptcha .btn_refresh{
   font-size:20px;cursor:pointer;background:#fff;color:#737383}.nc_voice{
   display:none;position:relative;margin-top:-34px;z-index:99;width:auto;height:34px;background:#fff}.omeo-code-img,.omeo-code-audio{
   font-size:0;text-align:left}.omeo-code-audiobox,.omeo-code-img a,.omeo-code-audio a,.omeo-code-state{
   display:inline-block;*display:inline;zoom:1;height:32px;vertical-align:top;font-size:12px}.omeo-code .omeo-code-refresh{
   background:transparent;width:32px;height:32px;font-size:20px;color:#888;text-align:center;text-decoration:none;padding-left:4px;line-height:32px}.omeo-code .omeo-switch{
   display:none;width:32px;height:32px;border-left:1px solid #e1e1e1;background-image:url("//g.alicdn.com/sd/ncpc/images/checkcode.png");background-repeat:no-repeat}.omeo-img-active .omeo-code-img{
   display:block}.omeo-img-active .omeo-code-audio{
   display:none}.omeo-code-img img{
   border:1px solid #cdcdcd;cursor:pointer}.omeo-code-img .omeo-switch{
   background-position:9px -41px}.omeo-audio-active .omeo-code-audio{
   display:block}.omeo-audio-active .omeo-code-img{
   display:none}.omeo-code-refresh{
   position:relative;left:95px}.omeo-code-audiobox{
   position:relative;height:30px;line-height:32px;border:1px solid #e1e1e1;text-align:center;overflow:hidden;left:100px;top:1px;width:45%;min-width:80px;background-color:#eee}.omeo-code-audiobox a{
   display:block;text-decoration:none;color:#06c}.omeo-code-audiobox-playing a{
   visibility:hidden}.omeo-code-audiobox span,.omeo-code-audiobox b{
   visibility:hidden;position:absolute;top:0;left:0;height:30px;font-weight:100;overflow:hidden}.omeo-code-audiobox-playing span,.omeo-code-audiobox-playing b{
   visibility:visible}.omeo-code-audiobox span{
   z-index:0;width:0;background:#186bca}.omeo-code-audiobox b{
   width:100%;z-index:1;text-align:left;text-indent:30px;color:#999;background:url("//g.alicdn.com/sd/ncpc/images/checkcode.png") no-repeat 14px -89px}.omeo-code-audio .omeo-switch{
   background-position:5px 10px}input[type=text]::-ms-clear{
   display:none}.omeo-box{
   position:relative;background-color:#fff}.omeo-code-echo{
   position:absolute;top:2px;left:2px}.omeo-code-echo input{
   padding:5px;height:18px;line-height:18px;border:1px solid #ddd;width:80px;outline:0}.omeo-code-state{
   height:30px;line-height:30px;text-indent:25px;white-space:nowrap;background-image:url("//g.alicdn.com/sd/ncpc/images/checkcode.png");background-repeat:no-repeat;background-position:100px 100px}.omeo-code-echo .omeo-code-state-error{
   width:auto;background-position:7px -193px}.omeo-code-echo .omeo-code-state-success{
   position:absolute;width:30px;background-position:7px -243px}.omeo-code-state{
   position:absolute;left:0;top:28px}.nc_voice_close{
   display:inline-block;position:relative;cursor:pointer;left:95px;top:0;border-left:#ddd 2px solid;padding:0 0 0 7px;background-color:#fff;font-size:20px;color:#888;line-height:32px}.nc_help{
   position:absolute;width:100%;height:100%;left:0;top:0;z-index:99999}.nc_help .mask{
   background-color:#000;opacity:.5;filter:alpha(opacity=50);width:100%;height:100%;top:0;left:0}.nc_btn_close{
   position:absolute;height:20px;left:500px;border-radius:20px;padding:10px 30px;background-color:#aaa;color:#fff;cursor:pointer;z-index:10}.nc_btn_close:hover{
   background-color:#afafaf}.nc_hand{
   position:absolute;width:68px;height:53px;background-image:url("//g.alicdn.com/sd/ncpc/images/hand.png");z-index:3}.nc_slide_bg{
   z-index:3;font-size:12px;text-align:center;color:#fff;line-height:34px}.nc_voicebtn{
   position:absolute;padding:0;right:-25px;font-size:23px;color:#888;cursor:pointer;line-height:34px}.nc_helpbtn{
   position:absolute;cursor:pointer;right:-95px;top:4px;font-size:12px;background-color:#ffb668;color:#fff;padding:4px;border-radius:2px;line-height:18px;display:none}.nc_helpbtn:before{
   width:0;height:0;content:"";position:absolute;left:-2px;top:6px;border-top:4px solid transparent;border-bottom:4px solid transparent;border-right:4px solid #ffb668}.nc-container .errloading{
   border:#faf1d5 1px solid;text-indent:3px;background-image:none;font-size:12px;width:290px;line-height:20px;padding:7px 5px 8px 5px;color:#ef9f06;}.nc-container .errloading a{
   color:#30a7fc}.nc_captcha_text .nc_err{
   float:left;text-indent:0}.button_move{
   transition:left .5s;-moz-transition:left .5s;-webkit-transition:left .5s;-o-transition:left .5s}.bg_move{
   transition:width .5s;-moz-transition:width .5s;-webkit-transition:width .5s;-o-transition:width .5s}.nc_slide_box{
   position:absolute}.nc_captcha_text{
   height:auto;line-height:20px;visibility:hidden;font-size:12px;color:#999;font-weight:normal}.nc-container .nc_captcha_img_text{
   width:auto;height:auto;line-height:20px;visibility:hidden;font-size:12px;color:#999;font-weight:normal;display:none;padding:0 0 10px 0;background-position:0 0;}.nc-container .nc_captcha_img_text span.nc-lang-cnt{
   line-height:inherit}.nc-container .imgCaptcha .nc_captcha_img_text{
   width:auto}.nc_captcha_img_text{
   height:auto;line-height:20px;visibility:hidden;font-size:12px;color:#999;font-weight:normal;display:none;padding:0 0 10px 3px;background-position:0 0}.nc-container .nc_wrapper{
   width:auto}.nc_scale{
   width:auto;height:34px;background:#e8e8e8;position:relative;margin:0;padding:0}.nc_scale.is_audio{
   margin-right:25px}.nc-container .nc_scale div{
   height:auto}.nc-container .nc_scale ul{
   list-style:none}.nc-container .nc_scale .btn_slide{
   color:#737383;background-image:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.nc-container .nc_scale span{
   text-align:center;width:40px;height:32px;line-height:32px;border:1px solid #ccc;position:absolute;left:0;cursor:move;background:#fff;z-index:2}.nc-container .nc_scale span.nc-lang-cnt{
   *line-height:34px;float:none;width:auto;height:auto;*height:34px;border:none;position:static;cursor:inherit;background:none;z-index:0;display:inline}.nc_slide_button{
   width:40px;height:32px;border:1px solid #ccc;position:absolute;left:0;cursor:move;background:#fff url("//g.alicdn.com/sd/ncpc/images/rt.png") no-repeat center;z-index:2}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){
   .nc_scale span{
   height:32px}}.nc-container .nc_scale .btnok{
   cursor:default;background:#fff url("//g.alicdn.com/sd/ncpc/images/yes.png") no-repeat center;z-index:3}.nc-container .nc_scale .btnok2{
   cursor:default;font-size:20px;background:#fff url("//g.alicdn.com/sd/ncpc/images/no.png") no-repeat center;z-index:3}.nc-container .nc_scale .btn_warn{
   cursor:default;color:#ff3f08;line-height:34px;text-align:center;font-size:20px;background:#fff;z-index:3}.nc-container .clickCaptcha_text .btn_refresh{
   font-size:20px}.nc-container .clickCaptcha_text .icon_close{
   line-height:30px;margin-left:8px;cursor:default;color:#ff3f08;font-size:16px;float:left;margin-right:2px;background:transparent;z-index:3}.nc-container .nc_captcha_img_text .icon_close{
   cursor:default;color:#ff3f08;font-size:16px;float:left;margin-right:4px;background:transparent;z-index:3;line-height:18px}.nc-container .errloading .icon_warn{
   cursor:default;color:#ff3f08;font-size:18px;float:left;background:transparent;z-index:3}.nc-container .nc_scale .btn_ok{
   cursor:default;line-height:34px;text-align:center;font-size:20px;background:#fff;z-index:3;color:#76c61d}.nc-container .nc_scale .nc_ok,.nc-container .nc_scale .nc_bg{
   background:#7ac23c}.nc-container .nc_scale .nc_bg{
   position:absolute;height:100%;_height:34px;left:0;width:10px}.nc-container .nc_scale div.redbar{
   background:#fc461e;opacity:.5;filter:alpha(opacity=50)}.nc-container .nc_scale div.orange{
   background:#f00}.nc-container .nc_scale .scale_text{
   width:100%;height:100%;text-align:center;position:absolute;z-index:1;background:transparent;color:#9c9c9c;line-height:34px;font-size:12px;cursor:pointer}.nc-container .nc_scale .scale_text2{
   text-align:left;color:#fff;font-size:12px;text-indent:10px}.nc-container .nc_scale .scale_text2 b{
   padding-left:0;font-weight:normal}.nc-container .nc_scale .scale_text.scale_loading_text{
   text-align:center}.nc-container .nc_scale .imgCaptcha,.nc-container