/* indexbg */
.bind-indexbg{
  height: 1024px;
  min-width: 1000px;
  background: url(../images/indexbg.jpg) no-repeat center top;
}
.bind-main{
  margin: auto;
  position: relative;
  width: 1000px;
}
.bind-arrow{
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 20px;
  height: 20px;
  background: url(../images/arrow.png) no-repeat center -1px;
  vertical-align: middle;
}

/* logo nav*/
.bind-logo{
  position: absolute;
  top: 20px;
  left: 30px;
}
.bind-nav{
  position: absolute;
  top: 15px;
  left: 270px;
  width: 330px;
  height: 30px;
}
.bind-nav a{
  float: left;
  width: 126px;
  height: 30px;
  background: url(../images/nav.png) no-repeat left top;
}
.bind-nav a.home{
  width: 105px;
  background-position: -126px top;
}
.bind-nav a.bbs{
  width: 99px;
  background-position: -231px top;
}
.bind-nav a:hover{
  background: url(../images/nav.png) no-repeat left -30px;
}
.bind-nav a.home:hover{
  background-position: -126px -30px;
}
.bind-nav a.bbs:hover{
  background-position: -231px -30px;
}

/* slogan */
.bind-slogan{
  position: absolute;
  top: 203px;
}

.bind-btn{
  position: absolute;
  left: 30px;
  top: 570px;
}
.bind-btn a{
  margin-right: 30px;
  float: left;
  width: 404px;
  height: 120px;
  background: url(../images/btn.png) no-repeat left top;
}
.bind-btn a.old{
  background-position: left -130px;
}

/* 框架 */
.bind-contain{
  min-width: 1000px;
  background: url(../images/bindbg.jpg) no-repeat center top;
}
.bind-contain .bind-slogan{
  top: 168px;
}
.bind-contain .bind-main{
  height: 537px;
}

.bind-wrap{
  margin: auto;
  width: 950px;
  background-color: #fff;
}
.bind-tab{
  height: 100px;
  background: url(../images/oldtab.png) no-repeat left top;
}
.bind-tab span{
  float: left;
  width: 475px;
  height: 100px;
  cursor: pointer;
}
.bind-tab span.current{
  background: url(../images/oldtab.png) no-repeat left -100px;
}
.bind-tab span.current1{
  background-position: left -100px;
}
.bind-tab span.current2{
  background-position: -475px -100px;
}

.bind-login, .bind-reg, .bind-loginget{
  margin: 10px auto;
  width: 287px;
  height: 113px;
  background: url(../images/yqm.png) no-repeat left top;
}
.bind-reg{
  background-position: -300px top;
}
.bind-loginget{
  background-position: -600px top;
}
.bind-login a, .bind-reg a, .bind-loginget a{
  display: block;
  width: 287px;
  height: 113px;
}
.bind-login a:hover, .bind-reg a:hover, .bind-loginget a:hover{
  background: url(../images/yqm.png) no-repeat left -120px;
}
.bind-reg a:hover{
  background-position: -300px -120px;
}
.bind-loginget a:hover{
  background-position: -600px -120px;
}


/* 活动规则 */
.bind-rule{
  margin: auto;
  padding-bottom: 50px;
  width: 830px;
  font-size: 14px;
  color: #000;
  line-height: 1.8;
  font-family: "Microsoft Yahei";
}
.bind-rule .title{
  margin: 32px 0 24px;
  font-size: 24px;
  color: #6e2823;
  font-weight: bold;
}
.bind-rule li{
  margin-top: 24px;
}
.bind-rule b{
  color: #c00;
  font-weight: bold;
}

/* 信息 */
.bind-info{
  margin: 40px auto;
  width: 750px;
  padding: 30px 40px;
  background-color: #f3f3f3;
  font-size: 14px;
  color: #333;
  border: solid 1px #c5bfce;
}
.bind-info .user{
  line-height: 25px;
}
.bind-info .user p{
  margin-bottom: 10px;
}
.bind-info .user b{
  color: #c00;
  font-weight: bold;
}
.bind-info .logout{
  color: #c00;
  text-decoration: none;
  font-weight: bold;
}
.bind-info .copy{
  display: inline-block;
  *display: inline;
  *zoom: 1;
  padding: 0 18px;
  background-color: #af5955;
  border: solid 1px #7b3531;
  color: #fff;
  text-decoration: none;
}
.bind-info .title{
  margin: 30px 0 10px;
  font-size: 20px;
  font-weight: bold;
  font-family: "Microsoft Yahei";
  color: #333;
}
.bind-info .tablebar{
  border: solid 1px #cdcdcd;
  line-height: 1.8;
}
.bind-info table{
  width: 100%;
  border: solid 1px #cdcdcd;
  border-width: 1px 0 0 1px;
}
.bind-info th, .bind-info td{
  border: solid 1px #cdcdcd;
  border-width: 0 1px 1px 0;
  text-align: center;
  padding: 5px 8px;
  vertical-align: middle;
}
.bind-info th{
  font-weight: bold;
}
.bind-info td{
  background-color: #fff;
}
.bind-info td .act{
  display: inline-block;
  *display: inline;
  *zoom: 1;
  padding: 0 18px;
  background-color: #af5955;
  color: #fff;
  text-decoration: none;
  line-height: 2;
  border-radius: 3px;
  cursor: pointer;
}
.bind-info td .disable{
  background-color: #9c9c9c;
  cursor: default;
}
.bind-info .page{
  padding: 8px 0;
  text-align: right;
}
.bind-info .page a{
  color: #333;
  text-decoration: none;
}
.bind-info .selectbar{
  margin-bottom: 10px;
  font-size: 12px;
}
.bind-info .selectbar b{
  color: #c00;
  font-weight: bold;
}
.bind-info .selectbar select{
  border: solid 1px #999;
}

.bind-bdinfo{
  font-family: "Microsoft Yahei";
}
.bind-bdinfo .title{
  margin: 0 0 20px 0;
}
.bind-bdinfo .text{
  margin: 15px 0;
}
.bind-bdinfo .ycode{
  width: 400px;
  padding: 4px 6px;
}
.bind-bdinfo .ybtn{
  margin: 16px 0 0 84px;
  border: none;
  padding: 12px 40px;
  background-color: #7fa14a;
  border: solid 1px #4a6029;
  color: #fff;
  font-size: 16px;
  border-radius: 5px;
  font-family: "Microsoft Yahei";
  cursor: pointer;
}
.bind-bdinfo .otherbtn{
  margin: 20px 0 0 84px;
}
.bind-bdinfo .otherbtn a{
  margin-right: 12px;
  float: left;
  width: 123px;
  height: 48px;
  background: url(../images/otherbtn.png) no-repeat left top;
}
.bind-bdinfo .otherbtn a:hover{
  background-position: left -53px;
}
.bind-bdinfo .otherbtn a.link1{}
.bind-bdinfo .otherbtn a.link2{
  background-position: -127px 0;
}
.bind-bdinfo .otherbtn a.link2:hover{
  background-position: -127px -53px;
}
.bind-bdinfo .otherbtn a.link3{
  background-position: -254px 0;
}
.bind-bdinfo .otherbtn a.link3:hover{
  background-position: -254px -53px;
}
.bind-bdinfo .otherbtn a.link4{
  background-position: -381px 0;
}
.bind-bdinfo .otherbtn a.link4:hover{
  background-position: -381px -53px;
}

.bind-green .bind-arrow{
  background-position: left -21px;
}
.bind-green .bind-rule .title{
  color: #425428;
}
.bind-green .bind-tab{
  height: 100px;
  background: url(../images/tab.png) no-repeat left top;
}
.bind-green .bind-tab span.current{
  background-image: url(../images/tab.png);
}