.panel-dialog{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;overflow:hidden;outline:0;background-color:rgba(49,59,55,.5);display:none}
.panel-dialog .dialog-box{margin:0 auto;margin-top:135px;width:381px;border-radius:3px;background-color:#fff;box-shadow:0 4px 8px 0 rgba(0,0,0,.31);padding:35px 33px}
.panel-dialog .dialog-box .close{margin-top:-36px;margin-right:-11px;font-size:24px}
.panel-dialog .dialog-box .dialog-title{font-size:18px;font-weight:500;color:#00a4e5}
.panel-dialog .dialog-box .dialog-body{font-size:13px;line-height:1.54;text-align:justify;color:#9b9b9b}
.panel-dialog .dialog-box .dialog-footer{margin-top:49px}
.form{width:360px;margin-top:-28px;border-radius:3px;background-color:#fff;box-shadow:0 4px 8px 0 rgba(0,0,0,.31)}
@-webkit-keyframes shake{from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}
@keyframes shake{from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}
@-webkit-keyframes waiting{to{background-position-x:0}
from{background-position-x:100px}}
@keyframes waiting{to{background-position-x:0}
from{background-position-x:100px}}
.form .header{padding:26px 17px 17px 27px;box-shadow:inset 0 -1px 0 0 rgba(0,0,0,.12);display: flex;flex-direction: column;align-items: center;}
.form .main{padding:8px 30px 33px}
.form p{font-size:13px;line-height:1.54;color:#9b9b9b;padding-top:10px;}
.form select:-moz-focusring,.form select::-moz-focus-inner{color:transparent!important;text-shadow:0 0 0 #000!important;background-image:none!important;border:0}
.form input,.form select{-webkit-appearance:none;-moz-appearance:none;font-size:13px;color:#4a4a4a;width:100%;height:35px;border-radius:2px;background-color:#fff;border:solid 1px #e0e0e0;padding:0 10px;margin-top:21px}
.form input:focus,.form select:focus{border:solid 1px #00a4e5;outline:0}
.form input::-webkit-input-placeholder,.form select::-webkit-input-placeholder{color:rgba(155,155,155,.9)}
.form input::-moz-placeholder,.form select::-moz-placeholder{color:rgba(155,155,155,.9)}
.form input:-ms-input-placeholder,.form select:-ms-input-placeholder{color:rgba(155,155,155,.9)}
.form input::placeholder,.form select::placeholder{color:rgba(155,155,155,.9)}
.form input[type=button],.form select[type=button]{border:0;background-color:#00a4e5;color:#fff}
.form .input-group{width:100%}.form .input-group .info{display:none;position:absolute;right:15px;top:30px;font-size:13px;background:#fff;pointer-events:none}
.form .input-group.error{-webkit-animation:shake .5s;animation:shake .5s}
.form .input-group.error input,.form .input-group.error select{border:solid 1px #E55A40}
.form .input-group.error .info{display:inline-block;color:#E55A40}
.form .input-group.error .get-code{display:none}
.form .input-group.success .info{display:inline-block;color:#00a4e5}
.form .input-group.waiting.submit input{background:#ccc;color:#999;background-image:repeating-linear-gradient(45deg,transparent,transparent 35px,rgba(255,255,255,.5) 35px,rgba(255,255,255,.5) 70px);-webkit-animation:waiting 3s linear infinite;animation:waiting 3s linear infinite}
.form select{-webkit-appearance:none}.form select:invalid{color:rgba(155,155,155,.9)}
.form .dropdown .arrow{width:8px;height:8px;-webkit-transform:rotate(45deg);transform:rotate(45deg);border:0;border-right:solid 2px #e0e0e0;border-bottom:solid 2px #e0e0e0;display:inline-block;pointer-events:none;position:absolute;top:33px;right:15px}
.form .dropdown select:focus~.arrow{border-right:solid 2px #00a4e5;border-bottom:solid 2px #00a4e5}
.form .verify-code .get-code{font-size:13px;color:#00a4e5;display:inline-block;position:absolute;right:15px;top:30px;cursor:pointer}
.form .verify-code .get-code::before,.form .verify-code .info::before{content:"";border-left:solid 1px #e0e0e0;height:20.1px;margin-right:22px;display:inline-block;vertical-align:middle}
.form .verify-code.error .info{display:inline-block;color:#E55A40} 
.form .verify-code.waiting .get-code{display:none}
.form .verify-code.waiting .info{display:inline-block;color:#a5a5a5}
body{background:#f2f1f1}
@media screen and (max-width:1000px){.show-only-pc{display:none}}



.align-right{text-align:right}
.inline-block{display:inline-block;text-align: left;}
main{margin:0 auto}
main ul,main li{list-style:none}
main section .login,main section .parade,main section .city,main section .first{display:none}
main section .computer{margin-top:36px;margin-right:96px;}
main section .description{margin-left:50px}
main section .description h1{text-align:center;margin-right:100px;}
main section .description p{margin-top:6px;font-size:20px;line-height:1.5;text-align:justify;color:#666666;}
main section>.row{max-width:1280px;margin:0 auto}
main section h3{font-size:24px;font-weight:500;line-height:1.25;color:#00a4e5;margin:0;text-align:left}
main section h4{height:18px;line-height: 18px;font-size:18px;font-weight:500;color:#00a4e5;text-align:left}
main section ul{margin-top:16px;padding:0}main section ul li{font-size:16px;line-height:1.69;text-align:justify;color:#9b9b9b}
main section ul li::before{background:#00a4e5;border-radius:100%;width:1.5em;height:1.5em;display:inline-block;font-size:.8em;text-align:center;color:#FFF;margin-right:11px}
main section ul li:nth-of-type(1)::before{content:'1'}main section ul li:nth-of-type(2)::before{content:'2'}
main section ul li:nth-of-type(3)::before{content:'3'}main section ul li:nth-of-type(4)::before{content:'4'}
main section ul li:nth-of-type(5)::before{content:'5'}
.background{width:100%;height:374.58px;position:absolute;top:567.42px;background-repeat:no-repeat;background-image:url(//sensorsdata.cn/assets/img/background_ffb9f46.png);background-size:cover}
@media screen and (max-width:1000px){.background{top:50%}}
@media screen and (max-width:1000px){.form{margin:0 auto;width:100%}}
.form .input-group{display:none}
.form .input-group[name=phone],.form .input-group[name=code],.form .input-group[name=city],.form .input-group.submit,.form .input-group.download-box{display:block}
.form .input-group[name=industry] input{cursor:default}.form .input-group .multi-area{display:none;position:absolute;z-index:99;background-color:#fff;width:300px;padding:4px;margin-top:6px;box-shadow:0 4px 8px 0 rgba(0,0,0,.31)}
.form .input-group .multi-area:hover{cursor:default}.form .input-group .multi-input{display:none}
.form .input-group .multi-input+label{border:1px solid rgba(224,224,224,.9);color:rgba(155,155,155,.9);padding:6px;margin:2px;min-width:66px;font-size:13px;font-weight:400;text-align:center;border-radius:2px}
.form .input-group .multi-input+label:hover{color:#fff;background-color:#00a4e5;border:1px solid #00a4e5;cursor:pointer}
.form .input-group .multi-input[type=radio]:checked+label{color:#fff;background-color:#00a4e5;border:1px solid #00a4e5}
.more{padding:0 20px 20px;margin-top:20px}
.more p{font-size:13px;line-height:1.54;color:#9b9b9b}
.more .buttons{text-align:center}
.more .buttons .btn{background-color:rgba(0,197,135,.1);border:solid 1px #00a4e5;color:#00a4e5}
.more .buttons .btn:hover,.more .buttons .btn:active{background-color:rgba(22,159,116,.1);border:solid 1px #00a4e5;color:#00a4e5}