@charset "utf-8";body{margin:0 auto;padding:0;text-align:center;background:#fff;font-size:12px;color:#000;font-family:Helvetica,Tahoma,Arial,"Hiragino Sans GB","Hiragino Sans GB W3","Microsoft YaHei",STXihei,STHeiti,Heiti,SimSun,sans-serif}div,table,tr,td{margin:0;padding:0;font-size:12px}form,ul,li,img,p{margin:0;padding:0;border:0}hr{margin:0;padding:0;border:0;line-height:1px}h1,h2,h3,h4,h5{margin:0;padding:0}ul,li{list-style-type:none}input{outline:none}::-webkit-input-placeholder{color:#bbb;font-size:14px}:-moz-placeholder{color:#bbb!important;font-size:14px}::-moz-placeholder{color:#bbb!important;font-size:14px}:-ms-input-placeholder{color:#bbb!important;font-size:14px}@media screen and (min-width:1200px){.area{width:1200px;margin:0 auto}#showcaseBox{width:100%;min-width:1200px}.loginbox{margin-left:-160px}}@media screen and (max-width:1200px){.area{width:1000px;margin:0 auto}#showcaseBox{width:100%;min-width:1000px}.loginbox{margin-left:-160px}}.header{width:100%;height:52px;margin:0 auto;padding:20px 0;background:#fff}.header .logo{height:52px;float:left;margin-left:10px}.header .greeting{height:30px;float:left;margin:20px 20px 0;line-height:30px;color:#666;font-size:24px;text-align:left}.header .menu{height:30px;float:right;margin:20px 10px 0;line-height:30px;color:#999;font-size:14px;text-align:left}.header .menu a{color:#999;text-decoration:none}.loginbox{width:320px;height:300px;float:left;position:absolute;left:50%;top:50%;margin-top:-200px;background:#fff;background:rgba(255,255,255,.9);border-radius:2px;box-shadow:0 0 10px rgba(0,0,0,.2);z-index:9999}.loginbox h1{width:100%;height:60px;float:left;border-bottom:1px solid #ddd;color:#8b949b;font-size:20px;font-weight:normal;line-height:60px}.loginbox .item{width:278px;float:left;margin:20px 20px 0;border:1px solid #ccc;border-radius:2px;text-align:left;background:#fff;position:relative;transition:border .3s ease}.loginbox .item label{width:40px;height:40px;line-height:40px;float:left;border-right:1px solid #ccc;background:#e8e8e8;transition:border .3s ease,background .3s ease}.loginbox .item label::after{content:" ";width:22px;height:18px;margin:11px 9px;line-height:18px;float:left;text-align:left;text-indent:-9999px;overflow:hidden;background:url(../Images/loginIcon.png)}.loginbox .item input[type="text"],.item input[type="password"]{width:218px;height:20px;line-height:20px;color:#333;font-size:16px;padding:10px 10px 10px 9px;border:0;float:left;background:#fff;margin:0}.loginbox .item input.empty{color:#bbb;font-size:14px}.loginbox .item.error{border:1px solid #f55}.loginbox .item.error label{background:#fce0e4;border-color:#e67}.loginbox .item.focus{border:1px solid #bbb}.loginbox .item.focus label{background:#ddd;border-right:1px solid #bbb}.loginbox .item.userName label::after{background-position:0 0}.loginbox .item.userName.focus label::after{background-position:-22px 0}.loginbox .item.userName.error label::after{background-position:-44px 0}.loginbox .item.passWord label::after{background-position:0 -18px}.loginbox .item.passWord.focus label::after{background-position:-22px -18px}.loginbox .item.passWord.error label::after{background-position:-44px -18px}.loginbox .submit{width:280px;height:40px;margin:20px 20px 0;float:left;background:#f55;color:#fff;text-align:center;font-size:20px;line-height:40px;font-weight:normal;border-radius:2px;cursor:pointer}.loginbox .submit:hover{background:#f45}.loginbox .submit:active{background:#f34}.loginbox .forget{width:280px;height:40px;margin:0 20px;float:left;line-height:40px;font-size:14px;color:#999;text-align:right}.loginbox .forget a{color:#999;text-decoration:none}.loginbox .forget a:hover{color:#09c;text-decoration:underline}.loginbox .registbox{width:280px;height:40px;float:left;padding:10px 20px;margin-top:34px;background:#edf4fc;background:rgba(0,0,0,.03);border-top:1px solid rgba(0,0,0,.05)}.loginbox .registbox span{height:40px;line-height:40px;float:left;text-align:left;font-size:14px;color:#999}.loginbox .registbox a{width:160px;height:40px;line-height:42px;float:right;text-align:center;text-indent:-24px;font-size:16px;color:#fff;background:#f55;text-decoration:none;cursor:pointer;border-radius:2px;position:relative}.loginbox .registbox a:hover{background:#f45}.loginbox .registbox a:active{background:#f34}.loginbox .registbox a::before{content:" ";width:15px;height:12px;top:14px;right:36px;position:absolute;background:url(../Images/loginIcon.png) 0 -36px}.loginbox .registbox a:hover::before{animation:buzz-out .75s linear infinite}@keyframes buzz-out{25%{transform:translateX(3px)}75%{transform:translateX(-3px)}}.loginbox .tips{width:120px;float:right;padding:10px;border-radius:2px;background:#fff;color:#666;line-height:30px;text-align:left;font-size:14px;position:absolute;top:0;right:302px;opacity:.9;box-shadow:0 0 10px rgba(0,0,0,.2);z-index:9999}.loginbox .tips b{width:30px;height:30px;float:left;font-size:24px;color:#fff;text-align:center;background:#f55;border-radius:15px;margin:0 8px 0 0}.loginbox .tips span{height:30px;float:left;text-align:left}.loginbox .tips a{color:#09c}.loginbox .tips a:hover{color:#06c}.loginbox .tips .tipstext{width:280px;float:left;line-height:24px;color:#999;text-align:left;border-top:1px solid #eee;padding:10px 0 0;margin:10px 0 0}.loginbox .tips.errortips{top:108px;display:none}.loginbox .tips .triangle{height:0;width:0;border:10px solid #fff;border-color:transparent transparent transparent #fff;position:absolute;top:50%;right:-20px;margin:-10px 0 0}.windowshadow{width:100%;height:100%;position:absolute;top:0;left:0;z-index:999;filter:alpha(Opacity=20);background:#000;background:rgba(0,0,0,.2);display:none}#showcaseBox{height:560px;position:relative;text-align:center;overflow:hidden}.showcase{width:100%;height:100%;position:absolute;text-align:left;top:0;left:0}.showcase .area{height:100%;position:relative}.showcase .linkarea{width:820px;height:100%;position:absolute;float:left;top:0;left:0}.bottom{width:100%;margin:0 auto;padding:20px 0;clear:both;background:#fff}.bottom a{text-decoration:none}.bottom .info{padding:5px 0;text-align:center;font-size:14px;color:#999;line-height:24px}.bottom .info a{color:#777}.bottom .info a:hover{color:#333;text-decoration:underline}.bottom{opacity:.6;transition:opacity .5s ease}.bottom:hover{opacity:1}.popupBg{width:100%;height:100%;position:absolute;top:0;left:0;z-index:9999;background:#000;opacity:.2;filter:alpha(Opacity=20)}.popup{position:absolute;z-index:9999;top:50%;left:50%;background:#fff;border:1px solid #d1e0ea;border-radius:6px;box-shadow:0 0 10px rgba(0,85,136,.4);float:left;text-align:left}.popup .popupTitle{width:100%;height:40px;float:left;background:#f0f9fc;background:none;border-radius:6px 6px 0 0;border-bottom:1px solid #d1e0ea}.popup .popupTitle.bg{background:#f0f9fc}.popup .popupTitle h1{height:40px;line-height:40px;color:#09c;text-indent:14px;font-size:12px;letter-spacing:normal;font-weight:normal;overflow:hidden}.popup .popupTitle .popupClose{width:21px;height:20px;position:absolute;top:10px;right:10px;cursor:pointer;line-height:20px;text-indent:-2000px;overflow:hidden;background:url(../images/icon.png) -110px 0 no-repeat;border-radius:3px;-o-transition:background-color .2s ease;-webkit-transition:background-color .2s ease;-moz-transition:background-color .2s ease;transition:background-color .2s ease}.popup .popupTitle .popupClose:hover{background:url(../images/icon.png) -130px 0 no-repeat #6cd}.popup .popupTitle .popupClose:active{background:url(../images/icon.png) -129px 1px no-repeat #09c}.popup .popupArea{width:100%;float:left;text-align:center}.popup .popupArea .popupAreaCenter{padding:15px 20px;font-size:14px;text-align:left;color:#666;line-height:18px}.popup .popupArea h1{font-size:14px;text-align:center;color:#09c;line-height:20px}.popup .popupArea p{text-align:center;line-height:24px}.popup .popupArea p.title{text-align:left;height:40px;line-height:40px;font-size:16px;font-weight:bold}.popup .popupArea p.remark{text-align:left;height:30px;line-height:30px}.popup .popupArea p.line{color:#ccc;height:14px;margin:0 0 15px;border-bottom:1px dashed #ccc;overflow:hidden}.popup .popupArea .browserList ul{padding:16px 10px}.popup .popupArea .browserList li{float:left;margin:0 30px;width:110px}.popup .popupArea .browserList li img{width:80px;height:80px;border:none;margin:0 15px}.popup .popupArea .browserList li span{float:left;text-align:center;width:110px;height:30px;line-height:30px;cursor:pointer;color:#333;font-size:14px}