html, body, p, div, input, textarea, button, table, tr, td, ol, li, ul, dt, dl, dd, a, span, b, i { margin: 0; padding: 0; }

html, body { height: 100%; }

body { font-family: "Microsoft YaHei", "Segoe UI", Arial; font-size: 14px; color: #393939; line-height: 1 }

ul, li { list-style: none; }

img { border: none; }

img, input, textarea, button { border: 0; }

a, a:hover { text-decoration: none; }

.comain { zoom: 1; width: 100%; }

.mian { width: 680px; height: 400px; margin: 0 auto 0; background: url(../img/main.jpg) no-repeat; }

.header { width: 100%; height: 90px; margin: 0 auto; border-bottom: 1px solid #e3e3e3; }

.header div { width: 1000px; margin: 0 auto; }

.header h1 { font-size: 34px; color: #000; margin: 0; padding: 0; float: left; line-height: 80px; }

.header span { font-size: 20px; color: #000; margin-left: 15px; padding: 0; float: left; line-height: 80px; }

.header a { color: #666; float: right; font-size: 15px; line-height: 80px; }

.header .logo {  float: left;margin: 20px 10px 0 0; }

.table { width: 350px; height: 310px; margin: 20px 0 0 390px; padding-top: 20px; }

.table h2 { font-size: 20px; color: #1b95d4; margin: 0; }

.table td { line-height: 30px; font-size: 16px; }

.text1 { border: 1px solid #c2c2c2; border-radius: 6px; height: 38px; line-height: 38px; text-indent: 10px; width: 100%; }

.textcom { border: 1px solid #c2c2c2; border-radius: 6px; height: 38px; line-height: 38px; text-indent: 10px; }

.btn_login { background: #e0ac13; border: 1px solid #da890f; width: 100%; height: 42px; line-height: 42px; color: #fff; font-size: 26px; font-weight: bold; }

.wid5 { width: 70% }

.footer { height: 90px; background: #eee; /*position:fixed;*/ bottom: 0; left: 0; width: 100%; text-align: center; }

.footer p { text-indent: 90px; line-height: 90px; color: #000; }

.footer p strong a { color: #000; }

#loading { position: absolute; width: 100%; top: 40%; padding: 2px; z-index: 20001; height: auto; }

#loading-mask { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 20000; background-color: white; }

#loading img { margin-bottom: 5px; }

#loading .loading-indicator { background: white; color: #555; font: plain 13px tahoma, arial, helvetica; padding: 10px; margin: 0; text-align: center; height: auto; font-size: 18px; margin: 0 auto; width: 300px; line-height: 80px; }

.facebook_blockG { background-color: #FFFFFF; border: 1px solid #000000; float: left; height: 91px; margin-left: 5px; width: 24px; -webkit-animation-name: bounceG; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: linear; -webkit-transform: scale(1.4000000000000001); -moz-animation-name: bounceG; -moz-animation-duration: 2s; -moz-animation-iteration-count: infinite; -moz-animation-direction: linear; -moz-transform: scale(1.4000000000000001); -o-animation-name: bounceG; -o-animation-duration: 2s; -o-animation-iteration-count: infinite; -o-animation-direction: linear; -o-transform: scale(1.4000000000000001); -ms-animation-name: bounceG; -ms-animation-duration: 2s; -ms-animation-iteration-count: infinite; -ms-animation-direction: linear; -ms-transform: scale(1.4000000000000001); opacity: 0.1; }

#blockG_1 { -webkit-animation-delay: 0.6000000000000001s; -moz-animation-delay: 0.6000000000000001s; -o-animation-delay: 0.6000000000000001s; -ms-animation-delay: 0.6000000000000001s; }

#blockG_2 { -webkit-animation-delay: 0.8s; -moz-animation-delay: 0.8s; -o-animation-delay: 0.8s; -ms-animation-delay: 0.8s; }

#blockG_3 { -webkit-animation-delay: 1s; -moz-animation-delay: 1s; -o-animation-delay: 1s; -ms-animation-delay: 1s; }
 @-webkit-keyframes 
bounceG { 0% {
-webkit-transform:scale(1.2);
opacity:1;
}
 100% {
-webkit-transform:scale(0.7);
opacity:0.1;
}
}
 @-moz-keyframes 
bounceG { 0% {
-moz-transform:scale(1.2);
opacity:1;
}
 100% {
-moz-transform:scale(0.7);
opacity:0.1;
}
}
 @-o-keyframes 
bounceG { 0% {
-o-transform:scale(1.2);
opacity:1;
}
 100% {
-o-transform:scale(0.7);
opacity:0.1;
}
}
 @-ms-keyframes 
bounceG { 0% {
-ms-transform:scale(1.2);
opacity:1
}
 100% {
-ms-transform:scale(0.7);
opacity:0.1;
}
}

#outer-barG { height: 33px; width: 94px; border: 1px solid #000000; overflow: hidden; background-color: #FFFFFF }

.bar-lineG { background-color: #000000; float: left; width: 18px; height: 120px; margin-right: 24px; margin-top: -28px; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); }

.bar-animationG { margin-left: 168px; width: 168px; -webkit-animation-name: bar-animationG; -webkit-animation-duration: 3s; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: linear; -moz-animation-name: bar-animationG; -moz-animation-duration: 3s; -moz-animation-iteration-count: infinite; -moz-animation-direction: linear; -o-animation-name: bar-animationG; -o-animation-duration: 3s; -o-animation-iteration-count: infinite; -o-animation-direction: linear; -ms-animation-name: bar-animationG; -ms-animation-duration: 3s; -ms-animation-iteration-count: infinite; -ms-animation-direction: linear; }

#front-barG { }
 @-webkit-keyframes 
bar-animationG { 0% {
margin-left:155px;
margin-top:19px;
}
 100% {
margin-left:-128px;
margin-top:-37px;
}
}
 @-moz-keyframes 
bar-animationG { 0% {
margin-left:155px;
margin-top:19px;
}
 100% {
margin-left:-128px;
margin-top:-37px;
}
}
 @-o-keyframes 
bar-animationG { 0% {
margin-left:155px;
margin-top:19px;
}
 100% {
margin-left:-128px;
margin-top:-37px;
}
}
 @-ms-keyframes 
bar-animationG { 0% {
margin-left:155px;
margin-top:19px
}
 100% {
margin-left:-128px;
margin-top:-37px;
}
}

.input_check_box { width: 95px; height: 35px; cursor: pointer; float: left; margin-left: 5px; margin-top: 3px; font-size: 12px; color: #3d3d3d; position: relative; }

.input_check_text { font-size: 12px; cursor: pointer; text-decoration: underline; float: left; line-height: 48px; }