/*--body-*/
body {
  margin: 0;
  padding: 0;
  background: url(../images4/bg.jpg) no-repeat center 0;
}

.wrap {
  margin: 0 auto;
  width: 1200px;
}

.header1 {
  /* background: url(../images4/bar1.jpg) no-repeat; */
  height: 411px;
}

.header2 {
  /* background: url(../images4/bar2.jpg) no-repeat center; */
  height: 169px;
}

.bar3 {
  /* background: url(../images4/bar3.jpg) no-repeat center; */
  height: 131px;
}

.bar4 {
  /* background: url(../images4/bar4.jpg) no-repeat center; */
  height: 251px;
}

.bar5 {
  /* background: url(../images4/bar5.jpg) no-repeat center; */
  height: 763px;
}

.bar6 {
  /* background: url(../images4/bar6.jpg) no-repeat center; */
  height: 158px;
}

.bar7 {
  /* background: url(../images4/bar7.jpg) no-repeat center; */
  height: 1007px;
}

.bar8 {
  /* background: url(../images4/bar8.jpg) no-repeat center; */
  height: 807px;
}

/* 活动时间样式 */
.bar4 p {
  text-indent: 40px;
  color: #fff;
  line-height: 40px;
  font-size: 18px;
}

/* 活动规则样式 */
.bar5 p {
  text-indent: 40px;
  color: #fff;
  line-height: 40px;
  font-size: 18px;
}
.bar5 span {
  color: #fff195;
  font-weight: bold;
}

/* 表头样式 */
.bar6 ul {
  overflow: hidden;
  background-color: #83591f;
}
.bar6 ul li {
  float: left;
  color: #ffffff;
  font-size: 16px;
  line-height: 36px;
  width: 100px;
}

/* 登录样式 */
.login_bar {
  float: left;
  margin-left: 450px;
  margin-top: 100px;
  /* background: url(../images4/bt1_over.png) no-repeat  center; */
  width: 300px;
  height: 68px;
}

/* .login_bar:hover{
	-webkit-transform:scale(1.1,1.1);
	-moz-transform:scale(1.1,1.1);
	-transform:scale(1.1,1.1);
	z-index:20;

} */

.login_bar .login {
  float: left;
  background: url(../images4/bt1.png) no-repeat center;
  width: 225px;
  height: 68px;
}

.login-infor {
  color: #fff;
  font-size: 20px;
  height: 45px;
  line-height: 35px;
  letter-spacing: 1px;
  display: block;
  /* text-indent: -65px; */
  text-align: center;
  width: 292px;
  margin-top: 12px;
}

.login-infor a {
  color: #fff;
}

.k {
  width: 1200px;
  height: 1007px;
  float: left;
  /* margin-left: 50px; */
  overflow-y: scroll;
  overflow-x: hidden;
}

/* 滚动槽 */
.k::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 10px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
}

.k::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: #f8e2ad;
}

.k::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  background: #b3a37b;
}

.k ul {
  margin-top: 2px;
}

.k ul li {
  list-style-type: none;
  /* line-height: 80px; */
  height: 80px;
  width: 100%;
  background-color: #fff4da;
  color: #9c592f;
  overflow: hidden;
}

.bar8 {
  margin-top: 180px;
  font-size: 18px;
  line-height: 30px;
  color: white;
}

.bar8-title {
  color: #fcff9d;
  font-size: 37px;
  margin-bottom: 10px;
}

.bar8-process {
  position: relative;
  font-size: 28px;
  margin-top: 155px;
  display: flex;
  align-items: center;
  justify-content: start;
}

.bar8-curpoint {
  flex-shrink: 0;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #f0ffb4;
  width: 234px;
  height: 230px;
  background: url(../images4/cur-process.png) no-repeat center;
}

.bar8-bar {
  width: 770px;
  height: 25px;
  background-color: #352233;
  border-radius: 12px;
  overflow: hidden;
  flex-shrink: 0;
}

.bar8-bar-wrap {
  width: 0%;
  height: 100%;
  border-radius: 12px;
  background-color: #89eca1;
}

.bar8-award {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    position: absolute;
    right: 95px;
    top: -68px;
    width: 189px;
    height: 292px;
}

.bar8-award img {
  width: 102px;
  height: 153px;
  margin-bottom: 10px;
}

.bar8-target {
  width: 160px;
  height: 35px;
  background-color: #f0ffb4;
  text-align: center;
  line-height: 35px;
  color: black;
  border-radius: 12px;
  font-size: 28px;
}

.bar8-btn {
  width: 135px;
  height: 50px;
  cursor: pointer;
  background: url(../images4/receive.png) no-repeat center;
}


.paim {
  width: 120px;
  float: left;
  line-height: 80px;
  font-size: 18px;
  margin-left: 1px;
  text-align: center;
}
.name {
  width: 200px;
  float: left;
  line-height: 80px;
  font-size: 18px;
  margin-left: 1px;
  text-align: center;
}
.cont {
  width: 200px;
  float: left;
  line-height: 80px;
  font-size: 18px;
  margin-left: 1px;
  text-align: center;
}
.daoju {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 550px;
  float: left;
  font-size: 12px;

  /* margin-left: 30px; */
  height: 100%;
  text-align: center;
}

.k ul li:nth-child(even) {
  list-style-type: none;
  /* line-height: 80px; */
  height: 80px;
  width: 100%;
  background-color: #f8e2ad !important;
  color: #9c592f !important;
  overflow: hidden;
}

.k ul li p {
  color: #9c592f;
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 30px;
  float: left;
  width: 211px;
  height: 45px;
  text-align: center;
  background-color: #9c592f;
}

.k ul li h1 {
  width: 100px;
  height: 40px;
  margin-top: 2px;
  float: left;
  margin-left: 30px;
}

/* 个人当前积分样式 */
.myscore {
  width: 100%;
  height: 80px;
  display: inline;
  text-align: center;
}
.point {
  line-height: 80px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  color: #9c592f;
  float: left;
  margin-left: 390px;
}
.mypoint {
  color: darkred;
  float: left;
  line-height: 80px;
  text-align: left;
  font-weight: bold;
  font-size: 20px;
}
.myrank {
  float: left;
  line-height: 80px;
  color: #9c592f;
  text-align: left;
  font-weight: bold;
  width: 200px;
  font-size: 18px;
  margin-left: 5px;
}