* { padding: 0; margin: 0; list-style: none; }
*:focus {outline: none;}
.login { width: 100%; min-width: 1002px; height: auto; float: left; }
.login-header { width: 100%; height: auto; float: left; margin-top: 20px; background: url(../../login/images/header-bg.png) no-repeat 0 0; }
.login-header .logo { width: 40%; height: 50px; float: left; overflow: hidden; margin-left: 1%; }
.login-header .logo .logo-image { width: 110px; height: 100%; float: left; background: transparent url(../../login/images/login-all.gif) no-repeat -636px 0; }
.login-header .logo .logo-slogin { width: 110px; height: 100%; float: left; background: transparent url(../../login/images/login-all.gif) no-repeat -747px 0; }
.login-header .links { width: 40%; height: 50px; float: right; margin-right: 5%; }
.login-header .links a { width: auto; height: 50px; float: right; margin: 0 1%; font-size: 12px; color: #2974b6; text-decoration: none; line-height: 50px; }
.login-header .links a:hover { text-decoration: underline; }
.login-body { width: 100%; height: 465px; float: left; clear: both; background: url(../../login/images/body-bg01.png) no-repeat 0 0; margin-top: 8px; }
.login-body .login-middle { width: 1000px; height: 465px;clear: both; position: relative; margin: 0 auto; }
.login-body .login-img { float: left; width: 640px; height: 300px; overflow: hidden; margin-right: 28px; margin-top: 80px; }
.login-body .login-img a { cursor: pointer; }
.login-body .login-img .slide-image { display: none; }
.login-body .login-img .slide-curr { display: block; }
.login-body .login-yun { width: 650px; height: 100px; left: 28px; bottom: -7px; position: absolute; }
.login-body .login-yun .focus-content { margin: 0; padding: 0; list-style: none; position: absolute; left: 433px; bottom: 10px; }
.login-body .login-yun .focus-content .focus-content-item { margin: 0; padding: 0; list-style: none; padding: 0 7px; float: left; }
.login-body .login-yun .focus-content .focus-content-item .focus-anchor { cursor: pointer; outline-style: none; outline-color: invert; outline-width: medium; width: 12px; height: 12px; overflow: hidden; display: block; background: transparent url(../../login/images/login-all.gif) no-repeat -911px -67px; }
.login-body .login-yun .focus-content .focus-content-item .focus-anchor:hover { background-position: -937px -67px; }
.login-body .login-yun .focus-content .focus-content-item .focus-anchor-curr { background-position: -937px -67px; }
.login-body .login-form { position: relative; width: 316px; height: 435px;margin-top: -5px; float: left; overflow: hidden; background: transparent url(../../login/images/login-all.gif) no-repeat  -14px -140px; }
.login-body .login-form .login-info { position: absolute; width: 266px; top: 333px; left: 28px; }
.login-body .login-form .login-info p { line-height: 22px; padding-bottom: 15px; display: block; font: 12px/1.5 simsun, tahoma, arial; color: #457db5; }
.login-body .login-form .login-info .login-reg { width: 175px; height: 38px; display: block; margin-left: 50px; background: url(../../login/images/login-all.gif) no-repeat -10px -58px; }
.login-download { margin: 20px auto 0; width: 1002px; height: auto; clear: both; }
.login-download ul { margin: 0; padding: 0; list-style: none; clear: both; }
.login-download ul li { width: 162px; display: block; float: left; }
.login-download ul li a { outline-style: none; outline-color: invert; outline-width: 0px; display: block; background: transparent url(../../login/images/login-all.gif) no-repeat; height: 110px; cursor: pointer; }
.login-download ul li .window { background-position: -336px -130px; }
.login-download ul li .window:hover { background-position: -336px -290px; }
.login-download ul li .android { background-position: -498px -130px; }
.login-download ul li .android:hover { background-position: -498px -290px; }
.login-download ul li .iphone { background-position: -660px -130px; }
.login-download ul li .iphone:hover { background-position: -660px -290px; }
.login-download ul li .ipad { background-position: -822px -130px; }
.login-download ul li .ipad:hover { background-position: -822px -290px; }
.login-download ul li .wphone { background-position: -986px -130px; }
.login-download ul li .wphone:hover { background-position: -986px -290px; }
.login-download ul li .two-dimension-code { background-position: -1148px -130px; cursor: default; }
.login-download ul li img { margin:20px 0 0 30px; }
.login-tab { margin: 20px auto 0; width: 1002px; height: auto; clear: both; }
.login-tab ul { margin: 0; padding: 0; list-style: none; clear: both; }
.login-tab ul li { width: 20%; height: 130px; display: block; float: left; margin-top: 1%; margin-left: 3%; }
.login-tab ul li .product-image { padding-left: 46px; height: 46px; float: left; line-height: 46px; font-size: 14px; font-weight: bold; color: #728414; margin-left: 30px; }
.login-tab ul li .product-desc { width: 80%; float: left; padding: 5px 5% 0 0; color: #626262; font-size: 12px; line-height: 20px; margin-left: 30px; }
.login-tab ul li .metasearch { background: url(../../login/images/pic-1.jpg) no-repeat 0 0; }
.login-tab ul li .weibosearch { background: url(../../login/images/pic-4.jpg) no-repeat 0 0; }
.login-tab ul li .analysis { background: url(../../login/images/pic-7.jpg) no-repeat 0 0; }
.login-tab ul li .platforms { background: url(../../login/images/pic-9.jpg) no-repeat 0 0; }
.login-tab ul li .alarm { background: url(../../login/images/pic-6.jpg) no-repeat 0 0; }
.login-tab ul li .disposal { background: url(../../login/images/pic-5.jpg) no-repeat 0 0; }
.login-tab ul li .search { background: url(../../login/images/pic-2.jpg) no-repeat 0 0; }
.login-tab ul li .report { background: url(../../login/images/pic-8.jpg) no-repeat 0 0; }
.login-footer { margin: 20px auto 0; width: 1002px; height: auto; clear: both; text-align: center; font: 12px/1.5 tahoma, arial; color: #666; }
.login-footer a { text-decoration: none; color: #666; }
.login-footer a:hover { text-decoration: underline; }
