@charset "utf-8";
/* public */
html,body,form,ol,ul,li,div,p,dl,dt,dd,h1,h2,h3,h4,h5,h6,table,th,td,font,em,ins,span,a{margin:0; padding:0; outline: none;}
h1,h2,h3,h4,h5,h6,button,input,select,textarea{font-size:100%;font-weight:normal}
html{_filter:expression(document.execCommand("BackgroundImageCache",false,true));}
ul,li,div,dl,dt,dd{list-style:none;}
h1.wm-public{height:0px; line-height:0px; font-size:0px;}
span,a,strong,div{-webkit-appearance:none;-webkit-tap-highlight-color:transparent;}
a{text-decoration:none;}
a{blr:expression(this.onFocus=this.blur());outline:none;}
img{border:0;}
font,em{font-style:normal; font-family:\5b8b\4f53;}
label{vertical-align:middle; font-family:tahoma;}
textarea,input{resize:none; outline:none;}
ins{float:right; text-decoration:none; font-weight:normal;}
.pub_wsp{word-wrap:break-word; word-break:break-all;}
.pub_abso{vertical-align:middle;}
.pub_clr{clear:both;font-size:0;height:0;line-height:0;overflow:hidden;}
.pub_ani{-webkit-transition:0.4s;-moz-transition:0.4s;-ms-transition:0.4s;-o-transition:0.4s;transition:0.4s;}
.pub_yh{font-family:"Microsoft YaHei";}
.pub_btn{display: block; overflow: hidden; text-indent: -999px; cursor: pointer; margin: 0 auto;}
.pub_btn:hover{background-position: 0 bottom;}
.pub_le{float: left}
.pub_lr{float: right;}
.pub_ib{text-align: center; display: table; word-spacing:-1em;}
.pub_text1{display: block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.pub_text2{overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.pub_table{border-collapse: collapse; width: 100%;}
.none{display:none;}
body{background:#282a2c; font-size:12px; font-family:"Microsoft YaHei",Verdana,Geneva,sans-serif,\5b8b\4f53;}
#content{position: relative; background: url(../images/bg.jpg) no-repeat center 0; background-size: 100% auto; height:22rem; display: none;}
.logo{display: block; width: 1rem; position: absolute; left: -0.6rem; top: .2rem;}
.btnLogin{display: block; width: 4.50rem; height: 1.10rem; background: url(../images/btnSearch.png) no-repeat 0 0; background-size: 100% auto; cursor: pointer;}


.section{position: relative;}
.section1{height: 11.42rem;}
.section2{height: 10.58rem;}
.publicMain{width: 16rem; height: 100%; margin: 0 auto; position: relative;}

.loginBox{padding-top: .90rem;}
.login{position: absolute; left: 10.22rem; top:9.1rem; width: 4.50rem; height: 1.10rem;}
.logout{width: 12.53rem; height: 2.81rem; background: url(../images/bor2.png) no-repeat 0 0; background-size: 100% auto; margin: 0 auto; position: relative; display: none;}
.btnLogout{display: block; width: .92rem; height: .28rem; background: url(../images/logout.png) no-repeat 0 0; background-size: 100% auto; cursor: pointer; position: absolute; right: 1.16rem; top: .3rem;}
.div1{height: 100%; text-align: center; background: url(../images/t1.png) no-repeat center .82rem; background-size: 6.27rem auto; display: none;}
.div2{height: 100%; text-align: center; background: url(../images/t2.png) no-repeat center .82rem; background-size: 7.94rem auto; display: none;}
.div1 p,.div2 p{padding-top: 1.60rem; font-size: .2rem; color: #c8dff5;}

.ruleBox{width: 12.53rem; height: 3.71rem; background: url(../images/bor.png) no-repeat 0 0; background-size: 100% auto; margin: 0 auto; margin-bottom: .7rem; margin-top: .5rem;}
.ruleBox div{width: 9.00rem; margin: 0 auto; padding-top: 1.30rem; font-size: .2rem; line-height: .32rem; color: #c8dff5;}
.ruleBox div span{color: #ecd575;}
.btnlink{display: block; width: 4.50rem; height: 1.10rem; background: url(../images/btnGet.png) no-repeat 0 0; background-size: 100% auto; cursor: pointer; margin: 0 auto;}

.move{
  -webkit-animation: move 1s linear infinite alternate;
  -moz-animation: move 1s linear infinite alternate;
  -o-animation: move 1s linear infinite alternate;
  -ms-animation: move 1s linear infinite alternate;
  animation: move 1s linear infinite alternate;
}
@-webkit-keyframes move{
  0%{-webkit-transform: scale(0.9);}
  100%{-webkit-transform: scale(1.0);}
}
@-ms-keyframes move{
  0%{-ms-transform: scale(0.9);}
  100%{-ms-transform: scale(1.0);}
}
@keyframes move{
  0%{transform: scale(0.9);}
  100%{transform: scale(1.0);}
}