@charset "UTF-8";
ul li,
pre {
  padding: 0;
  margin: 0;
}

body {
  color: #fff;
  font-size: 16px;
  line-height: 24px;
  position: relative;
  overflow-x: hidden;
  font-family: "微软雅黑", "宋体";
  min-width: 980px;
  background: #32329f;
}

a {
  text-decoration: none;
  color: #333;
}

.cf::after {
  content: ".";
  display: block;
  height: 0px;
  clear: both;
  visibility: hidden;
}

.cf {
  min-height: 1%;
}

.fl {
  float: left !important;
}

.fr {
  float: right !important;
}

.w {
  width: 1000px;
  margin: 0px auto;
  position: relative;
}

.tal {
  text-align: left !important;
}

.btn {
  display: block;
  overflow: hidden;
  line-height: 999px;
  background-repeat: no-repeat;
}

.mt10 {
  margin-top: 10px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mt50 {
  margin-top: 50px !important;
}

.mt60 {
  margin-top: 60px !important;
}

.mt70 {
  margin-top: 70px !important;
}

.wrap {
  width: 100%;
  background-position: center top;
  background-repeat: no-repeat;
  overflow: hidden;
  height: auto;
  min-width: 1000px;
}

.wrap.wrap_01 {
  background-image: url(../images/wrap_01.jpg?v3);
}

.wrap.wrap_02 {
  background-image: url(../images/wrap_02.jpg?v3);
}

.wrap.wrap_03 {
  background-image: url(../images/wrap_03.jpg?v3);
}

.main {
  width: 100%;
  position: relative;
  height: auto;
  overflow: hidden;
  background: url(../images/cont-bg.jpg) center top no-repeat #32329f;
}

.main .tab {
  position: relative;
  left: 0;
  top: 0;
  margin: 0 auto;
}

.tab {
  width: 736px;
  height: 97px;
  background: url(../images/mbg1.png) no-repeat;
  position: absolute;
  bottom: 20px;
  left: 50%;
  margin-left: -368px;
  z-index: 1;
  text-align: center;
}
.tab.tab1 {
  background-image: url(../images/mbg2.png);
}

.tab li {
  width: 50%;
  height: 97px;
  float: left;
  line-height: 999px;
  overflow: hidden;
}

.tab li a {
  width: 100%;
  height: 100%;
  display: block;
}

.fixed-menu {
  position: fixed;
  bottom: 150px;
  left: 50%;
  z-index: 10;
  margin-left: 530px;
  text-align: center;
  padding-bottom: 8px;
  display: none;
  background: url(../images/fixedbg.png) center top no-repeat;
  padding-left: 10px;
  width: 104px;
  padding: 15px 0 40px 0;
}
.fixed-menu:after {
  width: 100%;
  height: 26px;
  background: url(../images/after.png) center bottom no-repeat;
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
}

.fixed-menu li {
  width: 104px;
  position: relative;
}

.fixed-menu li.on a,
.fixed-menu li:hover a {
  background: url(../images/fixed-btn2.png) no-repeat;
}

.fixed-menu a {
  width: 100%;
  height: 74px;
  background: url(../images/fixed-btn1.png) no-repeat;
  text-align: center;
  display: inline-block;
  vertical-align: top;
  line-height: 22px;
  font-size: 18px;
  padding: 22px 0 0;
  margin-top: 14px;
  color: #fff;
}

.fixed-menu a.btn-back {
  display: none;
}

.fixed-menu a.btn-back.show {
  display: inline-block;
}

.fixed-menu a#goKh {
  display: none;
}

.pubox {
  width: 1000px;
  margin: 0 auto;
  position: relative;
  background-repeat: no-repeat;
  background-position: left top;
}

.pubox .pubcont {
  background-repeat: no-repeat;
  position: relative;
  z-index: 1;
  background-position: center top;
}

.pubox.head {
  position: relative;
  height: 218px;
}

.pubox.head.head_01 {
  background-image: url(../images/head_01.jpg?v3);
}

.pubox.head.head_02 {
  background-image: url(../images/head_02.jpg?v3);
  padding-top: 1px;
  height: 217px;
}

.pubox.head.head_03 {
  background-image: url(../images/head_03.jpg?v3);
  height: 285px;
}

.pubox.head .active-time {
  width: 100%;
  height: 37px;
  text-align: center;
  color: #ffffff;
  font-size: 18px;
  margin: 172px auto 0;
  overflow: hidden;
  white-space: nowrap;
}
.pubox.head .active-time span {
  width: 262px;
  height: 37px;
  display: inline-block;
  vertical-align: top;
  line-height: 37px;
  background: url(../images/timebg.png) no-repeat;
}

.pubox.head .btn-ruel {
  width: 135px;
  height: 37px;
  font-size: 18px;
  line-height: 37px;
  text-align: center;
  color: #fff;
  display: inline-block;
  vertical-align: top;
  background: url(../images/btn-rule.png) no-repeat;
}
.pubox.head .btn-ruel:hover {
  background-position: 0 -40px;
}

.pubox.head .share {
  width: 140px;
  height: 39px;
  line-height: 39px;
  padding-left: 74px;
  overflow: hidden;
  position: absolute;
  top: 13px;
  right: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  overflow: hidden;
  text-align: center;
  background: url(../images/share-bg.png) no-repeat;
}

.pubox.head .share a {
  background: url(../images/share1.png) no-repeat 0 0;
  float: left;
  width: 28px;
  height: 28px;
  margin: 7px 3px 0px 0px;
  line-height: 99;
  overflow: hidden;
  display: block;
}

.pubox.head .share a:hover {
  opacity: 0.6;
}

.pubox.head .share a.sy_sqq {
  background-position: 0px 0px;
}

.pubox.head .share a.sy_weixin {
  background-position: -28px 0;
}

.pubox.head .share a.sy_tsina {
  background-position: -84px 0;
}

.pubox.head .share a.sy_qzone {
  background-position: -56px 0;
}

.pubox .pubtit {
  width: 100%;
  height: 160px;
  background-position: center top;
  background-repeat: no-repeat;
  position: relative;
}

.pubox .pubtit.title1 {
  background-image: url(../images/title1.png);
}

.pubox .pubtit.title2 {
  background-image: url(../images/title2.png);
}
.pubox .pubtit.title2:after {
  width: 193px;
  height: 39px;
  display: block;
  background: url(../images/tips.png) no-repeat;
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: 70px;
}

.pubox .pubtit.title3 {
  background-image: url(../images/title3.png);
}

.pubox .pubtit.title4 {
  background-image: url(../images/title4.png);
}

.pubox .pubtit.title5 {
  background-image: url(../images/title5.png);
}

.pubox.box1_1 {
  width: 986px;
  margin: 0 auto 0;
}

.pubox.box1_1 .pubcont {
  background-image: url(../images/box1_1.png);
  padding: 55px 35px 0;
  height: 672px;
}

.pubox.box1_1 .zd {
  width: 340px;
  float: left;
  margin-left: 30px;
}

.pubox.box1_1 .zd .zd-man {
  height: 114px;
  position: relative;
  background: url(../images/zdbg.png) center center no-repeat;
}

.pubox.box1_1 .zd .zd-man .user {
  width: 111px;
  height: 109px;
  position: relative;
  text-align: center;
  padding: 5px 0 0;
}
.pubox.box1_1 .zd .zd-man .user:after {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  background: url(../images/facebg.png) no-repeat;
  content: "";
}

.pubox.box1_1 .zd .zd-man .user.u-left {
  float: left;
}

.pubox.box1_1 .zd .zd-man .user.u-right {
  float: right;
}

.pubox.box1_1 .zd .zd-man .user img {
  width: 100px;
  height: 100px;
  border-radius: 100%;
  display: inline-block;
  vertical-align: top;
}

.pubox.box1_1 .zd .zd-man .user.nou .smask {
  background-image: url(../images/tx2.png);
}

.pubox.box1_1 .zd .zd-btn,
.pubox.box1_1 .zd .zd-login {
  width: 203px;
  height: 58px;
  display: block;
  margin: 0 auto;
  background: url(../images/btn-login.png) 0 0 no-repeat;
  overflow: hidden;
  line-height: 58px;
  font-size: 22px;
  text-align: center;
  color: #fff;
  overflow: hidden;
}

.pubox.box1_1 .zd-ins {
  width: 450px;
  height: 160px;
  margin: 0 20px 0 0;
  text-align: center;
  line-height: 60px;
  font-size: 18px;
  color: #fff;
  text-align: left;
  padding: 10px 0 0;
  border-radius: 10px;
  margin-right: 50px;
}
.pubox.box1_1 .zd-ins p {
  width: 50%;
  float: left;
  margin-bottom: 25px;
}
.pubox.box1_1 .zd-ins p.i1{width: 45%;}
.pubox.box1_1 .zd-ins p.i2{width: 55%;}
.pubox.box1_1 .zd-ins p.last {
  width: 100%;
}

.pubox.box1_1 .zd-ins span {
  color: #59ffd2;
  font-size: 20px;
}

.pubox.box1_1 .phgift {
  width: 915px;
  overflow: hidden;
  margin: 20px auto 0;
  padding: 20px 0 0;
  height: 350px;
  background: url(../images/phgiftbg.png) center top no-repeat;
  float: left;
}

.pubox.box1_1 .phgift li {
  width: 163px;
  height: 100%;
  float: left;
  display: inline;
  text-align: center;
  margin: 0 0;
  position: relative;
}
.pubox.box1_1 .phgift li.i1 {
  margin: 10px 0 0 20px;
}
.pubox.box1_1 .phgift li.i2 {
  margin: 25px 0 0 38px;
}
.pubox.box1_1 .phgift li.i3 {
  margin: 0 0 0 38px;
}
.pubox.box1_1 .phgift li.i4 {
  margin: 25px 0 0 38px;
}
.pubox.box1_1 .phgift li.i5 {
  margin: 25px 0 0 38px;
}

.pubox.box1_1 .phgift li .gbox {
  background: url(../images/gbox.png) center top no-repeat;
  margin: 0 auto;
  width: 163px;
  height: 245px;
  padding: 49px 0 0;
}

.pubox.box1_1 .phgift li .gbox .img {
  height: 108px;
  line-height: 108px;
  padding: 10px 0;
  overflow: hidden;
}
.pubox.box1_1 .phgift li .gbox .img img {
  max-width: 100%;
  max-height: 108px;
  display: inline-block;
  vertical-align: middle;
}

.pubox.box1_1 .phgift li .gbox .tit {
  width: 100%;
  height: 35px;
  line-height: 35px;
  color: #fff;
  overflow: hidden;
  font-size: 18px;
}

.pubox.box1_1 .phgift li .sutit {
  color: #fff;
  font-size: 18px;
  line-height: 35px;
  height: 35px;
  overflow: hidden;
  width: 100%;
}

.pubox.box1_1 .btn-check-ph {
  width: 28px;
  height: 180px;
  display: block;
  background: url(../images/btn-check.png) 0 0 no-repeat;
  line-height: 24px;
  position: absolute;
  right: 65px;
  top: 300px;
  color: #fff;
  font-size: 18px;
  padding: 24px 15px 0;
  text-align: center;
}
.pubox.box1_1 .btn-check-ph:hover {
  background-position: -59px 0;
}

.pubox.box1_2 {
  width: 1216px;
  margin: 45px auto 0;
  padding: 0 0 0;
}

.pubox.box1_2 .pubcont {
  background-image: url(../images/box1_2.png);
  width: 1216px;
  height: 860px;
  margin: -35px auto 0;
  position: relative;
}

.pubox.box1_2 .reward-tip {
  width: 100%;
  position: absolute;
  bottom: -35px;
  line-height: 25px;
  left: 0;
  text-align: center;
  color: #fff;
}

.pubox.box1_2 .reward-tip img {
  height: 35px;
  display: inline-block;
  vertical-align: top;
}

.pubox.box1_2 .list {
  width: 1000px;
  height: 700px;
  position: relative;
  margin: 0 auto;
}

.pubox.box1_2 .list li {
  position: absolute;
  width: 265px;
  height: 214px;
  background-position: center top;
  background-repeat: no-repeat;
}
.pubox.box1_2 .list li.chose .libox {
  background-image: url(../images/p2.png);
}

.pubox.box1_2 .list li .libox {
  width: 225px;
  height: 183px;
  padding-top: 1px;
  padding-right: 40px;
  padding-top: 30px;
  background-position: center top;
  background-repeat: no-repeat;
  background: url(../images/p1.png) no-repeat;
}

.pubox.box1_2 .list li .libox .tit {
  text-align: center;
}

.pubox.box1_2 .list li .libox .tit .name {
  height: 33px;
  line-height: 33px;
  max-width: 200px;
  color: #73fff7;
  font-size: 16px;
  display: inline-block;
  vertical-align: top;
  padding: 0 25px 0 35px;
  position: relative;
  background: url(../images/ntextbg.png) right center no-repeat;
  border-radius: 0 0 10px 10px;
}

.pubox.box1_2 .list li .libox .tit .name .num {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 50%;
  left: -15px;
  text-align: center;
  line-height: 40px;
  color: #fff;
  margin-top: -19px;
  background: url(../images/numbg.png) center center no-repeat;
}

.pubox.box1_2 .list li .nums {
  font-size: 16px;
  line-height: 40px;
  color: #fff;
  letter-spacing: -1px;
  text-align: center;
}

.pubox.box1_2 .list li img {
  width: 80px;
  height: 80px;
  cursor: pointer;
  display: block;
  margin: 40px auto 0;
}

.pubox.box1_2 .list li.i1 {
  top: 35px;
  left: 262px;
}

.pubox.box1_2 .list li.i2 {
  top: 25px;
  left: 665px;
}

.pubox.box1_2 .list li.i3 {
  top: 230px;
  left: 757px;
}

.pubox.box1_2 .list li.i4 {
  top: 445px;
  right: 125px;
}

.pubox.box1_2 .list li.i5 {
  top: 376px;
  left: 370px;
}

.pubox.box1_2 .list li.i6 {
  top: 425px;
  left: 106px;
}

.pubox.box1_2 .list li.i7 {
  top: 204px;
  left: 0;
}

.pubox.box1_3 {
  width: 986px;
  position: relative;
  z-index: 3;
  margin-top: 115px;
}

.pubox.box1_3 .pubcont {
  width: 100%;
  background-image: url(../images/box1_3.png);
  height: 484px;
  padding-top: 20px;
}

.pubox.box1_3 .pubcont .list {
  width: 890px;
  margin: 0 auto;
  height: auto;
  overflow: hidden;
}

.pubox.box1_3 .pubcont .list li {
  height: 62px;
  line-height: 62px;
  overflow: hidden;
  margin-bottom: 20px;
  color: #fff;
  width: 100%;
  background: url(../images/tbg1.png) left center no-repeat;
}
.pubox.box1_3 .pubcont .list li:nth-last-child(1) {
  margin-bottom: 0;
}

.pubox.box1_3 .pubcont .list li .num {
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  background: url(../images/numbg.png) center center no-repeat;
  float: left;
  margin: 11px 10px 0 10px;
}

.pubox.box1_3 .pubcont .list li .tit {
  width: 560px;
  height: 60px;
  line-height: 60px;
  float: left;
  text-align: left;
  font-size: 16px;
}

.pubox.box1_3 .pubcont .list li .btn {
  width: 172px;
  height: 52px;
  display: block;
  float: right;
  background: url(../images/taskbg1.png) no-repeat;
  font-size: 18px;
  line-height: 52px;
  text-align: center;
  color: #fff;
  margin-top: 5px;
}

.pubox.box1_3 .pubcont .list li .btn.has {
  background-position: 0 -40px;
}

.pubox.box1_4 {
  position: relative;
  z-index: 3;
  padding-top: 80px;
  margin-top: 40px;
}

.pubox.box1_4 .getrecord {
  text-align: right;
  padding-right: 25px;
  position: absolute;
  right: 0;
  top: 50px;
}

.pubox.box1_4 .getrecord a {
  color: #ff2626;
  font-size: 18px;
  text-decoration: underline;
}

.pubox.box1_4 .getrecord a:hover {
  color: #ff2626;
}

.pubox.box1_4 .pubcont {
  width: 100%;
  background-image: url(../images/box1_4.png);
  height: 590px;
}

.pubox.box1_4 .pubcont .task-list {
  width: 948px;
  overflow: hidden;
  margin: 0 auto;
  padding: 55px 0 0;
}

.pubox.box1_4 .pubcont .task-list li {
  width: 440px;
  height: 74px;
  overflow: hidden;
  position: relative;
  margin: 0 17px;
}

.pubox.box1_4 .pubcont .task-list li .tsnr {
  padding-right: 130px;
  color: #333333;
  font-size: 15px;
  line-height: 22px;
}

.pubox.box1_4 .pubcont .task-list li .tsnr span {
  color: #ff2626;
}

.pubox.box1_4 .pubcont .task-list li .btn {
  width: 124px;
  height: 44px;
  display: block;
  background: url(../images/btn-task.png) no-repeat;
  position: absolute;
  top: 0;
  right: 0;
  text-align: center;
  color: #fff;
  line-height: 40px;
  font-size: 18px;
  text-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
}

.pubox.box1_4 .pubcont .task-list li .btn.has {
  background-image: url(../images/btn-task-no.png);
  cursor: default;
}

.pubox.box1_5 .pubcont {
  width: 990px;
  height: 642px;
  background-image: url(../images/box1_4.png);
}
.pubox.box1_5 .text {
  text-align: center;
  padding: 35px 0 0;
  font-size: 18px;
  line-height: 26px;
}
.pubox.box1_5 .text span {
  color: #73fff7;
}
.pubox.box1_5 .btn-my {
  width: 101px;
  height: 81px;
  background: url(../images/btn-my-ping.png) 0 0 no-repeat;
  display: block;
  position: absolute;
  top: 40px;
  right: 30px;
  z-index: 2;
  line-height: 22px;
  font-size: 18px;
  padding: 35px 0 0;
  text-align: center;
  color: #fff;
}
.pubox.box1_5 .btn-my:hover {
  background-position: 0 -116px;
}
.pubox.box1_5 .btn-pingzi {
  width: 100%;
  text-align: center;
  position: absolute;
  bottom: 60px;
  left: 0;
}
.pubox.box1_5 .btn-pingzi a {
  width: 244px;
  height: 65px;
  background: url(../images/btn-pingzi.png) no-repeat;
  display: inline-block;
  vertical-align: top;
  line-height: 65px;
  font-size: 24px;
  color: #ffffff;
  margin: 0 50px;
}
.pubox.box1_5 .btn-pingzi a.i1 {
  background-position: 0 0;
}
.pubox.box1_5 .btn-pingzi a.i2 {
  background-position: 0 -65px;
}

.getbtns {
  width: 100%;
  text-align: center;
}

.getbtns a {
  width: 244px;
  height: 66px;
  display: inline-block;
  vertical-align: top;
  background: url(../images/getbtnsbg.png) 0 0 no-repeat;
  text-align: center;
  line-height: 66px;
  color: #fff;
  font-size: 24px;
}

.getbtns a.has {
  background-position: 0 -68px;
  cursor: default;
}

.pubox .pubtext {
  text-align: center;
  color: #ffeecf;
  font-size: 20px;
  padding: 10px 0;
}

.pubox .scrollBar.tapTipScroll {
  width: 808px;
  max-height: 148px;
  margin: 0;
  padding-right: 15px;
}

.pubox .scrollBar .content {
  width: 862px;
}

.pubox .track {
  position: absolute;
  top: 0;
  right: 0;
  width: 5px;
  height: 100%;
  background: #837af5;
  overflow: hidden;
  border-radius: 5px;
}

.pubox .track div {
  width: 100%;
  background: #5449e1;
  left: 0;
  border-radius: 8px;
}

.pl {
  width: 985px;
  margin: 80px auto;
  position: relative;
  background: #5f5fea;
  border: 4px solid #d7d7ff;
  border-radius: 30px;
}

.pl .p-cont {
  padding: 20px 20px;
}

.group-ins {
  text-align: center;
  line-height: 35px;
  color: #fff;
  font-size: 18px;
  margin-top: 10px;
}

.group-ins span {
  color: #59ffd2;
}

.phlist,
.sphlist {
  width: 601px;
  padding: 36px 0 0;
  position: relative;
  margin: 0 0 0 1px;
}

.phlist .ph-head,
.sphlist .ph-head {
  width: 100%;
  height: 36px;
  background: url(../images/tab-head.png) center top no-repeat;
  position: absolute;
  top: 0;
  left: 0;
}

.phlist .phul,
.sphlist .phul {
  width: 100%;
  max-height: 300px;
  overflow: hidden;
}

.phlist .phul li,
.sphlist .phul li {
  width: 100%;
  height: 58px;
  line-height: 58px;
  font-size: 20px;
  color: #fff;
  overflow: hidden;
}

.phlist .phul li .sl,
.sphlist .phul li .sl {
  width: 95px;
  float: left;
  text-align: center;
  margin-left: 28px;
}

.phlist .phul li .zduser,
.sphlist .phul li .zduser {
  width: 345px;
  float: left;
  padding-left: 30px;
}

.phlist .phul li .zduser .uname,
.sphlist .phul li .zduser .uname {
  width: 203px;
  float: left;
  font-size: 18px;
  color: #fff;
}

.phlist .phul li .zduser .uname span,
.sphlist .phul li .zduser .uname span {
  max-width: 10em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  text-align: left;
}

.phlist .phul li .zduser .uimg,
.sphlist .phul li .zduser .uimg {
  width: 140px;
  float: left;
  text-align: center;
}
.phlist .phul li .zduser .uimg i,
.sphlist .phul li .zduser .uimg i {
  width: 30px;
  height: 58px;
  line-height: 999px;
  display: inline-block;
  vertical-align: top;
  background: url(../images/ico-contact.png) center center no-repeat;
  overflow: hidden;
}

.phlist .phul li .zduser .uimg img,
.sphlist .phul li .zduser .uimg img {
  width: 38px;
  height: 38px;
  display: inline-block;
  vertical-align: top;
  border: 1px solid #fff;
  border-radius: 100%;
  margin: 8px 5px 0;
}

.phlist .phul li .num,
.sphlist .phul li .num {
  width: 85px;
  height: 60px;
  float: left;
  text-align: center;
  position: relative;
  margin-left: 32px;
}

.phlist .phul li .num.num1 span,
.sphlist .phul li .num.num1 span {
  background-image: url(../images/num1.png);
}

.phlist .phul li .num.num2 span,
.sphlist .phul li .num.num2 span {
  background-image: url(../images/num2.png);
}

.phlist .phul li .num.num3 span,
.sphlist .phul li .num.num3 span {
  background-image: url(../images/num3.png);
}

.phlist .phul li .num span,
.sphlist .phul li .num span {
  width: 42px;
  height: 42px;
  line-height: 42px;
  overflow: hidden;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -21px 0 0 -21px;
  font-size: 20px;
  color: #fff;
  background: url(../images/numbg2.png) center center no-repeat;
}

.phlist .pagesion,
.sphlist .pagesion {
  text-align: center;
  padding: 15px 0 0;
}

.phlist {
  width: 100%;
}
/* .phlist .phul li .zduser {
  width: 285px;
  padding-left: 120px;
}
.phlist .phul li .zduser .uimg {
  width: 70px;
} */

.sphlist {
  width: 601px;
  height: 482px;
  margin: 0 auto;
  padding: 0;
  padding-top: 45px;
}

.sphlist .scrollBar {
  max-height: 482px !important;
}

.sphlist .content {
  width: 100% !important;
}

.sphlist .phul {
  max-height: none;
}

.sphlist .phul li {
  height: 60px;
  line-height: 60px;
  font-size: 18px;
}

.sphlist .phul li .sl {
  width: 88px;
  text-align: center;
  margin-left: 5px;
}

.sphlist .phul li .zduser {
  width: 308px;
  padding: 0 0 0 105px;
}

.sphlist .phul li .zduser .uname {
  width: 188px;
}

.sphlist .phul li .zduser .uimg {
  width: 40px;
  margin-right: 10px;
  margin: 11px 10px 0 0;
}

.sphlist .phul li .zduser .uimg img {
  width: 38px;
  height: 38px;
  border: 1px solid #fff;
  margin: 0;
}

.sphlist .phul li .num {
  width: 67px;
  height: 70px;
  margin-left: 10px;
}

.pop-paihang.pop-paihang .phlist .phul {
  max-height: 9999px;
}

.popbox.pop-xqpaihang .my-paiming {
  width: 551px;
  height: 50px;
  background: #564ce8;
  padding: 0 25px;
  color: #fff;
  font-size: 18px;
  margin: 2px auto 0;
  line-height: 50px;
  overflow: hidden;
}
.popbox.pop-xqpaihang .my-paiming span {
  color: #73fff8;
}

.sy_swxpop {
  z-index: 101;
}

.popbg {
  z-index: 99;
  display: none;
  background: #000;
  filter: alpha(opacity=30);
  -moz-opacity: 0.3;
  opacity: 0.3;
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: fixed;
  top: 0px;
  left: 0px;
}

.popbox {
  width: 658px;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -329px;
  z-index: 100;
  text-align: center;
  font-size: 20px;
  display: none;
  background: url(../images/popbg1_02.png) left top repeat-y;
}

.popbox .t,
.popbox .b {
  width: 100%;
  height: 40px;
  background: url(../images/popbg1.png) left top no-repeat;
  position: absolute;
  top: -40px;
  left: 0;
  content: "";
  z-index: 1;
}

.popbox .b {
  top: auto;
  bottom: -40px;
  background-position: left bottom;
}

.popbox .precord {
  width: 114px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  color: #fff;
  font-size: 16px;
  display: block;
  border-radius: 14px;
  margin: 10px auto 0;
  text-decoration: underline;
}

.popbox .ptask {
  width: 604px;
  margin: 0 auto 0;
}
.popbox .ptask .scrollBar .content {
  width: 98%;
}

.popbox .ptask .taskScroll {
  max-height: 370px;
}

.popbox .ptask li {
  position: relative;
  padding: 15px 220px 15px 10px;
  text-align: left;
  font-size: 16px;
  min-height: 45px;
}
.popbox .ptask li.n2 {
  background: #564ce8;
}
.popbox .ptask li span {
  color: #73fff8;
}

.popbox .ptask li .myinvite {
  width: 100%;
  height: 32px;
  line-height: 32px;
  color: #fff;
  font-size: 16px;
}

.popbox .ptask li .btn {
  width: 149px;
  height: 43px;
  line-height: 43px;
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
  text-align: center;
  font-size: 16px;
  color: #fff;
  background: url(../images/btn-task-bg.png) 0 0 no-repeat;
  position: absolute;
  top: 50%;
  margin-top: -22px;
  right: 10px;
}
.popbox .ptask li .btn:hover {
  background-position: 0 -45px;
}

.popbox .ptask li .btn.has {
  background-position: 0 -90px;
  cursor: default;
}

.popbox .enterinput {
  width: 576px;
  height: 40px;
  background: url(../images/enterinput.png) no-repeat;
  margin: 30px auto 0;
  overflow: hidden;
  line-height: 40px;
}

.popbox .enterinput input {
  width: 375px;
  height: 40px;
  float: left;
  border: 0;
  background: none;
  outline: none;
  font-size: 20px;
  padding: 0 10px;
  line-height: 40px;
}

.popbox .enterinput .editorCode {
  width: 179px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  font-size: 20px;
}

.popbox .popcont {
  padding: 20px 0 10px;
  text-align: center;
  color: #fff;
  position: relative;
  z-index: 2;
}

.popbox .poptit {
  text-align: center;
  margin-top: -10px;
  width: 100%;
  position: relative;
  z-index: 5;
}

.popbox .poptit span {
  width: 100%;
  padding: 0 20px;
  position: relative;
  color: #fff;
  font-size: 30px;
  line-height: 46px;
  display: block;
  background: url(../images/poptit.png) center top no-repeat;
}

.popbox .tac {
  text-align: center !important;
}

.popbox .close {
  width: 30px;
  height: 30px;
  background: url(../images/p-close.png) center center no-repeat;
  position: absolute;
  right: 20px;
  z-index: 10;
  top: -25px;
}

.popbox .p-text {
  color: #fff;
  padding: 15px 50px;
  font-size: 20px;
}

.popbox .p-text span {
  color: #73fff8;
}

.popbox .chose-pay {
  width: 80%;
  margin: 0 auto;
  padding: 30px 0 0;
}

.popbox .chose-pay li {
  width: 50%;
  float: left;
  text-align: center;
  line-height: 40px;
  cursor: pointer;
}

.popbox .chose-pay li img {
  display: inline-block;
  vertical-align: top;
}

.popbox .pay-code {
  padding: 20px 0;
  position: relative;
}

.popbox .pay-code.pay-code-ali {
  padding: 1px 0 20px;
  margin-top: 15px;
  height: 263px;
  overflow: hidden;
}

.popbox .pay-code.pay-code-ali iframe {
  margin-top: -30px;
}

.popbox .pay-code.pay-code-ali .pymask {
  background: #fff;
  width: 300px;
  height: 34px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 5;
}

.popbox .pay-code.pay-code-chat {
  height: 296px;
}

.popbox .rush-code {
  color: #fff;
  text-decoration: underline;
}

.popbox .pc-record {
  width: 654px;
  margin: 0 0 0 1px;
  position: relative;
  padding: 38px 0 0;
}

.popbox .pc-record .record-head {
  width: 100%;
  height: 39px;
  display: block;
  background: url(../images/p-record.png) center top no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.popbox .pc-record .scrollBar {
  width: 100%;
}

.popbox .pc-record .scrollBar .content {
  width: 100%;
}

.popbox .pc-record .rlist {
  width: 638px;
  margin: 0 auto;
}

.popbox .pc-record .rlist li {
  height: 42px;
  line-height: 42px;
  overflow: hidden;
}

.popbox .pc-record .rlist li p {
  font-size: 18px;
  float: left;
}

.popbox .pc-record .rlist li p.i1 {
  width: 220px;
  padding-left: 60px;
  text-align: left;
}

.popbox .pc-record .rlist li p.i2 {
  width: 75px;
}

.popbox .pc-record .rlist li p.i3 {
  width: 160px;
  text-align: center;
  float: right;
  margin-right: 40px;
}

.popbox .scrollBar {
  min-height: 300px;
  max-height: 305px;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}

.popbox .scrollBar .content {
  width: 96%;
  position: absolute;
}

.popbox .track {
  position: absolute;
  top: 0;
  right: 0;
  width: 5px;
  height: 100%;
  background: #837af5;
  overflow: hidden;
  border-radius: 5px;
}

.popbox .track div {
  width: 5px;
  background: #5449e1;
  left: 0px;
  border-radius: 5px;
}

.popbox .popbtn {
  padding: 20px 0 0;
  text-align: center;
}

.popbox .popbtn a {
  width: 244px;
  height: 65px;
  line-height: 65px;
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
  text-align: center;
  font-size: 22px;
  color: #fff;
  margin: 0 15px;
  background: url(../images/p-btn1.png) no-repeat;
}
.popbox .popbtn a.i2 {
  background: url(../images/p-btn2.png);
}

.popbox .piname {
  max-width: 10em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: top;
}

.popbox .p-share {
  width: 100%;
  text-align: center;
  padding: 25px 0 0;
}

.popbox .p-share a {
  width: 114px;
  height: 120px;
  display: inline-block;
  vertical-align: top;
  color: #fff;
  line-height: 40px;
  font-size: 20px;
  margin: 0 14px;
}

.popbox .p-share a i {
  width: 114px;
  height: 114px;
  display: inline-block;
  vertical-align: top;
  background: url(../images/share-ico1.png) no-repeat;
}

.popbox .p-share a.sy_sqq i {
  background-position: 0 0;
}

.popbox .p-share a.sy_weixin i {
  background-position: -114px 0;
}

.popbox .p-share a.sy_qzone i {
  background-position: -228px 0;
}

.popbox .p-share a.sy_tsina i {
  background-position: -342px 0;
}

.popbox .tiptext {
  color: #d9d6ff;
  font-size: 16px;
  padding: 10px 45px 0;
  text-align: center;
  line-height: 25px;
}

.popbox .rewardScroll {
  width: 96%;
}

.popbox .rewardScroll .content {
  width: 592px;
}

.popbox .myrewrad {
  width: 100%;
  padding-top: 36px;
  position: relative;
  margin: 0 auto;
}

.popbox .myrewrad:after {
  width: 100%;
  height: 36px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  content: "";
  background: url(../images/p-my-reward.png) center center no-repeat;
}

.popbox .myrewrad li {
  height: auto;
  padding: 17px 0;
  overflow: hidden;
}

.popbox .myrewrad li p {
  font-size: 18px;
  float: left;
}

.popbox .myrewrad li p.i1 {
  width: 205px;
  text-align: left;
  padding-left: 70px;
}

.popbox .myrewrad li p.i2 {
  width: 85px;
}

.popbox .myrewrad li p.i3 {
  width: 155px;
  float: right;
  text-align: center;
}

.popbox .norecord {
  text-align: center;
  padding: 86px 0 80px;
  display: none;
}

.popbox .zdzs {
  width: 122px;
  height: 103px;
  display: inline-block;
  vertical-align: top;
  background: url(../images/zdbg.png) center center no-repeat;
}

.popbox .p-zd {
  text-align: center;
  padding: 15px 0 0;
}

.popbox .p-zd .zduser {
  width: 400px;
  display: inline-block;
  vertical-align: top;
}

.popbox .p-zd .zduser .img {
  width: 104px;
  height: 104px;
  padding: 7px 5px;
  display: block;
  margin: 0 auto;
  position: relative;
}
.popbox .p-zd .zduser .img .imgmask {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url(../images/facebg.png) no-repeat;
  z-index: 1;
}

.popbox .p-zd .zduser .img img {
  width: 100px;
  height: 100px;
  border-radius: 100%;
  position: relative;
  z-index: 2;
}

.popbox .p-zd .zduser .name {
  width: 100%;
  height: 35px;
  line-height: 35px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 18px;
  margin-top: 5px;
}

.popbox .zdScroll1,
.popbox .zdScroll2 {
  width: 555px;
  padding: 0 10px;
  margin: 0 auto;
  background: #5248e2;
  border-radius: 10px;
  height: 304px;
  max-height: 304px;
  min-height: 304px;
}

.popbox .edite-team {
  width: 100%;
  margin: 0 auto;
  background: url(../images/edite-team.png) center bottom no-repeat;
}

.popbox .edite-team input {
  width: 266px;
  height: 24px;
  padding: 8px 40px 8px 10px;
  background: url(../images/ico-edite.png) right center no-repeat;
  outline: none;
  border: none;
  color: #73fff8;
  font-size: 20px;
  text-align: center;
}

.popbox .edite-team input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.7);
}

.popbox .p-zd-t {
  font-size: 20px;
  line-height: 35px;
  padding: 16px 0;
}

.popbox .p-rule {
  line-height: 26px;
  font-size: 16px;
  width: 577px;
  max-height: 450px;
  margin: 15px auto 0;
}

.popbox .p-rule p {
  padding: 8px 0;
  text-align: left;
}

.popbox .p-tip {
  font-size: 16px;
  padding: 10px 0 0;
  color: #d9d6ff;
}

.popbox .p-serarch {
  width: 575px;
  border-radius: 20px;
  margin: 0 auto;
  position: relative;
  height: 40px;
  background: #d8d5ff;
  color: #767397;
}

.popbox .p-serarch input {
  width: 485px;
  height: 24px;
  padding: 8px 15px;
  outline: none;
  float: left;
  border: 0;
  background: none;
  font-size: 18px;
}

.popbox .p-serarch input::-webkit-input-placeholder {
  color: #767397;
}

.popbox .p-serarch .btn-search {
  width: 60px;
  height: 44px;
  display: block;
  background: url(../images/btn-search.png) center top no-repeat;
  position: absolute;
  top: 50%;
  margin-top: -22px;
  right: 0;
  line-height: 999px;
  overflow: hidden;
}
.popbox .p-serarch .btn-search:hover {
  background-position: center -44px;
}

.popbox .iszd {
  padding: 20px 0 0;
  width: 575px;
  margin: 0 auto;
}

.popbox .iszd .ist {
  font-size: 18px;
  color: #c5c1ff;
  text-align: left;
  padding: 0 10px;
}

.popbox .zdlist {
  width: 100%;
}

.popbox .zdlist li {
  height: 56px;
  line-height: 56px;
  padding: 10px 210px 10px 15px;
  position: relative;
  background: url(../images/sline.png) center bottom no-repeat;
}

.popbox .zdlist li .user img {
  width: 50px;
  height: 50px;
  border: 1px solid #fff;
  border-radius: 100%;
  float: left;
  margin-right: 10px;
}

.popbox .zdlist li .user .name {
  float: left;
  max-width: 10em;
  white-space: nowrap;
  overflow: hidden;
  font-size: 18px;
  text-overflow: ellipsis;
}

.popbox .zdlist li .zbtn {
  position: absolute;
  right: 15px;
  top: 20px;
}

.popbox .zdlist li .zbtn a {
  width: 77px;
  height: 36px;
  line-height: 36px;
  color: #fff;
  display: block;
  background: url(../images/btninvite.png) no-repeat;
  float: right;
  font-size: 16px;
  margin-left: 15px;
}

.popbox .zdlist li .zbtn a.i2 {
  background-position: 0 -36px;
}

.popbox .zdlist li .zbtn a.has {
  background-position: 0 -72px;
  cursor: default;
}

.popbox.pop-xqpaihang .pop-role-head {
  height: 96px;
  position: relative;
  margin: -120px 40px 20px 40px;
  padding: 90px 0 0 160px;
}

.popbox.pop-xqpaihang .pop-role-head .p-role-tit {
  height: 45px;
  line-height: 45px;
  color: #fff;
  text-align: left;
  padding-right: 30px;
}

.popbox.pop-xqpaihang .pop-role-head .p-role-tit a {
  color: #72fff8;
}

.popbox.pop-xqpaihang .pop-role-head .p-role-tit .name {
  display: inline-block;
  vertical-align: top;
  max-width: 8em;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 24px;
  color: #72fff8;
}

.popbox.pop-xqpaihang .pop-role-head .p-role-tit .tag {
  height: 30px;
  font-size: 24px;
  color: #fff;
  float: right;
  padding-left: 20px;
}

.popbox.pop-xqpaihang .pop-role-head .p-role-tit .allqx {
  font-size: 20px;
}
.popbox.pop-xqpaihang .pop-role-head .p-role-tit .allqx em {
  color: #72fff8;
}

.popbox.pop-xqpaihang .pop-role-head .img {
  width: 141px;
  height: 197px;
  padding: 2px;
  border-radius: 10px;
  position: absolute;
  bottom: 10px;
  left: 0;
  background: #fff;
}

.popbox.pop-xqpaihang .pop-role-head .img .simg {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 10px;
}

.popbox.pop-xqpaihang .pop-role-head .img .simg img {
  max-width: 100%;
}

.toast {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 9999;
}

.toast span {
  text-align: center;
  position: absolute;
  top: 50%;
  margin-top: -13px;
  left: 50%;
  padding: 3px 15px;
  display: inline-block;
  line-height: 20px;
  color: #fff;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled="true", startColorstr="#B2000000", endColorstr="#B2000000");
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 4px;
  font-size: 16px;
}

.go-user-home {
  cursor: pointer;
}

.sfooter {
  background: #1b1522;
  border: 0;
}

.sfooter .footer_menu,
.sfooter .footer_copy {
  color: #fff;
}

.sfooter .footer_menu a,
.sfooter .footer_copy a {
  color: #fff;
}

.sfooter .footer_menu a:hover,
.sfooter .footer_copy a:hover {
  text-decoration: underline;
  color: #00ffff;
}

.teamEdite {
  width: 210px;
  margin: 10px auto 0;
  display: none;
}

.teamEdite .team-show {
  width: 100%;
  text-align: center;
  color: #fff;
}

.teamEdite .team-show .name {
  height: 40px;
  line-height: 40px;
  width: 10em;
  overflow: hidden;
  display: inline-block;
  vertical-align: top;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: right;
}

.teamEdite .team-show .edite-team {
  width: 26px;
  height: 26px;
  display: inline-block;
  vertical-align: top;
  margin: 7px 0 0 0;
  background: url(../images/ico-edite.png) center center no-repeat;
  cursor: pointer;
}

.teamEdite .team-name-edite {
  display: none;
  width: 100%;
  height: 38px;
  border-radius: 20px;
  position: relative;
}

.teamEdite .team-name-edite input {
  width: 140px;
  height: 24px;
  line-height: 24px;
  padding: 7px 44px 7px 10px;
  text-align: center;
  border: 0;
  background: none;
  outline: none;
  position: relative;
  z-index: 2;
  font-size: 16px;
  color: #fff;
}

.teamEdite .team-name-edite input::-webkit-input-placeholder {
  color: #fff;
}

.teamEdite .team-name-edite .save {
  width: 27px;
  height: 27px;
  margin: 5px 0 0 0;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  background: url(../images/ico-edite.png) center center no-repeat;
  z-index: 1;
}

@keyframes zqq {
  0% {
    transform: rotate(0);
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
  }
}
.tada,
.pubox.box1_3 .pubcont .box-pp.ani li {
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-iteration-count: 3;
  -webkit-animation-iteration-count: 3;
  animation-name: tada;
}

@keyframes tada {
  0% {
    transform: scaleX(1);
  }
  10%, 20% {
    transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
  }
  30%, 50%, 70%, 90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
  }
  40%, 60%, 80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
  }
  to {
    transform: scaleX(1);
  }
}
.footer {
  background: #1b1522;
  border-top: 0;
}

.footer .footer_menu,
.footer .footer_copy {
  color: #fff;
}

.footer .footer_menu a,
.footer .footer_copy a {
  color: #fff;
}

.btn-group {
  width: 100%;
  text-align: center;
  padding: 27px 0 0;
}

.btn-group a {
  width: 244px;
  height: 65px;
  background: url(../images/btn-pingzi.png) no-repeat;
  display: inline-block;
  vertical-align: top;
  line-height: 65px;
  font-size: 24px;
  color: #ffffff;
  margin: 0 50px;
}
.btn-group a.i1 {
  background-position: 0 0;
}
.btn-group a.i2 {
  background-position: 0 -65px;
}

.pages-xg .main {
  background-image: url(../images/smain.jpg);
}

.pages-xg .wrap.wrap_01 {
  background-image: url(../images/swrap_01.jpg?v3);
}

.pages-xg .wrap.wrap_02 {
  background-image: url(../images/swrap_02.jpg?v3);
}

.pages-xg .wrap.wrap_03 {
  background-image: url(../images/swrap_03.jpg?v3);
}

.pages-xg .pubox.head.head_01 {
  background-image: url(../images/shead_01.jpg);
}

.pages-xg .pubox.head.head_02 {
  background-image: url(../images/shead_02.jpg);
}

.pages-xg .pubox.head.head_03 {
  height: 180px;
  background-image: url(../images/shead_03.jpg);
}
.pages-xg .pubox.head.head_03 .active-time {
  margin-top: 0;
}

.pages-xg .box2_1 {
  width: 986px;
  height: 573px;
  padding: 1px 0 0;
  background-image: url(../images/box2_1.png);
  margin: 35px auto 0;
}

.pages-xg .box2_1 .swiper1 {
  width: 812px;
  position: relative;
  padding: 0 85px;
  margin: 46px auto 0;
}

.pages-xg .box2_1 .swiper1 .prev1,
.pages-xg .box2_1 .swiper1 .next1 {
  position: absolute;
  top: 50%;
  margin-top: -35px;
  width: 70px;
  height: 70px;
  cursor: pointer;
  background: url(../images/jt.png) no-repeat;
}

.pages-xg .box2_1 .swiper1 .prev1 {
  left: 15px;
  background-position: 0 0;
}
.pages-xg .box2_1 .swiper1 .prev1:hover {
  background-position: 0 -70px;
}

.pages-xg .box2_1 .swiper1 .next1 {
  right: 15px;
  background-position: -70px 0;
}
.pages-xg .box2_1 .swiper1 .next1:hover {
  background-position: -70px -70px;
}

.pages-xg .box2_1 .swiper1 .swiper-container {
  width: 812px;
  margin: 0 auto;
  overflow: hidden;
  height: 294px;
}

.pages-xg .box2_1 .swiper1 .swiper-container .swiper-wrapper {
  text-align: left;
  font-size: 0;
  white-space: nowrap;
  width: 99999px;
}

.pages-xg .box2_1 .swiper1 .swiper-slide {
  display: inline-block;
  width: 163px;
  text-align: center;
  position: relative;
  height: 294px;
  font-size: 16px;
  margin: 0 20px;
}

.pages-xg .box2_1 .swiper1 .swiper-slide .sbox {
  width: 163px;
  height: 244px;
  padding: 50px 0 0;
  margin: 0 auto;
  background: url(../images/gbox1.png) no-repeat;
}

.pages-xg .box2_1 .swiper1 .swiper-slide .sbox .img {
  width: 143px;
  height: 108px;
  text-align: center;
  padding: 10px;
}

.pages-xg .box2_1 .swiper1 .swiper-slide .sbox .img img {
  height: 106px;
  display: inline-block;
  vertical-align: top;
}

.pages-xg .box2_1 .swiper1 .swiper-slide .name {
  color: #fff;
  height: 60px;
  line-height: 60px;
  overflow: hidden;
  font-size: 16px;
  padding: 0 10px;
}

.pages-xg .box2_1 .swiper1 .swiper-slide .name span {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  word-wrap: break-word;
  line-height: 20px;
  font-size: 14px;
  white-space: normal;
}

.pages-xg .box2_1 .nosoll .prev1,
.pages-xg .box2_1 .nosoll .next1,
.pages-xg .box2_1 .disabled {
  display: none;
}

.pages-xg .box2_1 .paiming {
  width: 100%;
  margin: 20px auto 0;
  line-height: 32px;
  padding: 5px 0 0;
  text-align: center;
  color: #ffffff;
  font-size: 18px;
}

.pages-xg .box2_1 .paiming span {
  color: #73fff7;
  padding: 0 5px;
}

.pages-xg .box2_1 .xgts {
  color: #c0c2d1;
  font-size: 14px;
  text-align: center;
}

.pages-xg .box2_1 .btn-check {
  width: 50px;
  height: 211px;
  display: block;
  background: url(../images/btn-check1.png) no-repeat;
  background-size: 100%;
  position: absolute;
  top: 70px;
  right: 17px;
  line-height: 211px;
  color: #fff;
  text-align: center;
}

.pages-xg .box2_1 .btn-check span {
  display: inline-block;
  vertical-align: middle;
  line-height: 24px;
  padding: 0 15px;
  font-size: 20px;
}

.pages-xg .box2_2 {
  width: 986px;
  padding: 1px 0 0;
  margin: 60px auto 0;
  position: relative;
}

.pages-xg .box2_2 .listcont {
  width: 946px;
  padding: 10px 20px 20px;
  margin: 0 auto 0;
  max-height: 1270px;
  overflow: hidden;
  background: url(../images/box2_2.png) center bottom no-repeat;
}

.pages-xg .box2_2 .list {
  width: 940px;
  height: auto;
  overflow: hidden;
  margin: 0 auto;
}

.pages-xg .box2_2 .list li {
  width: 200px;
  float: left;
  margin: 20px 17px 5px;
  height: 377px;
}

.pages-xg .box2_2 .list li .libox {
  width: 200px;
  height: 315px;
  background: url(../images/libg2.png) no-repeat;
  position: relative;
  padding: 10px 0 0;
  margin: 0 auto;
}

.pages-xg .box2_2 .list li .libox .userb {
  height: 52px;
  margin-top: 5px;
  overflow: hidden;
  padding: 3px 45px 0 12px;
  padding-right: 45px;
  position: relative;
}

.pages-xg .box2_2 .list li .libox .userb.nouser {
  padding-right: 10px;
}

.pages-xg .box2_2 .list li .libox .userb .fimg {
  width: 36px;
  height: 36px;
  overflow: hidden;
  border-radius: 100%;
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -18px;
  right: 12px;
  cursor: pointer;
}

.pages-xg .box2_2 .list li .libox .userb .fimg img {
  width: 36px;
  height: 36px;
  overflow: hidden;
  border-radius: 100%;
  display: block;
}

.pages-xg .box2_2 .list li .libox .userb .t {
  font-size: 16px;
  line-height: 20px;
  color: #fff;
  height: 20px;
  overflow: hidden;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #73fff8;
  margin-top: 5px;
}

.pages-xg .box2_2 .list li .libox .userb .t1 {
  font-size: 14px;
  color: #fff;
}

.pages-xg .box2_2 .list li .libox .userb .t a {
  color: #73fff8;
}
.pages-xg .box2_2 .list li .libox .userb .t1 a{color: #fff;}

.pages-xg .box2_2 .list li .libox .userb .t a:hover {
  text-decoration: underline;
}

.pages-xg .box2_2 .list li .libox .num {
  width: 55px;
  height: 55px;
  line-height: 55px;
  display: block;
  background: url(../images/numbg1.png) center center no-repeat;
  text-align: center;
  position: absolute;
  top: -15px;
  left: -15px;
  border-radius: 100%;
  color: #fff;
  font-size: 22px;
}

.pages-xg .box2_2 .list li .libox .num.num1,
.pages-xg .box2_2 .list li .libox .num.num2,
.pages-xg .box2_2 .list li .libox .num.num3 {
  color: #fff;
  overflow: hidden;
}

.pages-xg .box2_2 .list li .libox .num.num1 {
  background-image: url(../images/numbg3.png);
}

.pages-xg .box2_2 .list li .libox .num.num2 {
  background-image: url(../images/numbg4.png);
}

.pages-xg .box2_2 .list li .libox .num.num3 {
  background-image: url(../images/numbg5.png);
}

.pages-xg .box2_2 .list li .libox .img {
  width: 171px;
  height: 240px;
  border-radius: 9px;
  text-align: center;
  margin: 0 auto;
  display: block;
  overflow: hidden;
  border: 1px solid #e6e6ff;
  border-radius: 10px;
}

.pages-xg .box2_2 .list li .libox .img img {
  width: 100%;
  display: inline-block;
}

.pages-xg .box2_2 .list li .libottom {
  width: 195px;
  height: 47px;
  display: block;
  background: url(../images/btn4.png) 0 0 no-repeat;
  margin: 5px auto 0;
  color: #fff;
  line-height: 50px;
}

.pages-xg .box2_2 .list li .libottom span {
  float: left;
  padding-left: 45px;
  font-size: 16px;
  color: #2a2aa7;
}

.pages-xg .box2_2 .list li .libottom a {
  width: 70px;
  float: right;
  margin-right: 8px;
  color: #fff;
  text-align: center;
  font-size: 14px;
}

.pages-xg .box2_2 .list-head {
  height: 42px;
  line-height: 42px;
  color: #fff;
  font-size: 16px;
  overflow: hidden;
  padding: 48px 40px 0;
  background: url(../images/box2_2.png) center top no-repeat;
}

.pages-xg .box2_2 .list-head a {
  color: #59ffd2;
  text-decoration: underline;
  font-weight: bold;
}

.pages-xg .box2_2 .list-head .h-search {
  width: 314px;
  height: 42px;
  background: url(../images/search-bg.png) no-repeat;
  position: relative;
}

.pages-xg .box2_2 .list-head .h-search input {
  width: 200px;
  height: 42px;
  line-height: 42px;
  float: left;
  background: none;
  border: none;
  outline: none;
  color: #6868c8;
  padding: 0 15px;
}

.pages-xg .box2_2 .list-head .h-search input::-webkit-input-placeholder {
  color: #b4b4b4;
}

.pages-xg .box2_2 .list-head .h-search .btn-search {
  text-decoration: none;
  width: 85px;
  height: 42px;
  text-align: center;
  line-height: 42px;
  color: #ffffff;
  font-size: 16px;
  position: absolute;
  top: 0;
  right: 0;
}

.pages-xg .box2_3 {
  width: 986px;
  margin-top: 65px;
}

.pages-xg .box2_3 .pubcont {
  height: 363px;
  background: url(../images/box2_3.png);
  padding: 1px 0 0;
}

.pages-xg .box2_3 .get-record {
  width: 112px;
  height: 26px;
  color: #fff;
  font-size: 16px;
  display: block;
  margin: -10px auto 0;
  text-align: center;
  text-decoration: underline;
}

.pages-xg .box2_3 .task-gift {
  width: 950px;
  margin: 50px auto 0;
  height: auto;
  overflow: hidden;
}

.pages-xg .box2_3 .task-gift li {
  width: 276px;
  height: 264px;
  float: left;
  margin: 0 20px;
}

.pages-xg .box2_3 .task-gift li.i_1 .tit {
  background-image: url(../images/gtt1.png);
}



.pages-xg .box2_3 .task-gift li .tit {
  width: 100%;
  height: 39px;
  line-height: 39px;
  text-align: center;
  color: #fff;
  font-size: 20px;
  background-repeat: no-repeat;
  background-position: center bottom;
  background-image: url(../images/gtt1.png);
}

.pages-xg .box2_3 .task-gift li .img {
  width: 100%;
  height: 164px;
  text-align: center;
  background: url(../images/libg3.png) no-repeat;
  overflow: hidden;
  margin-top: 10px;
}

.pages-xg .box2_3 .task-gift li .img img {
  display: inline-block;
  vertical-align: top;
  max-height: 95px;
}
.pages-xg .box2_3 .task-gift li .img p{height: 95px;overflow: hidden; padding: 8px 0;}

.pages-xg .box2_3 .task-gift li .gname {
  height: 42px;
  line-height: 40px;
  color: #73fff7;
  overflow: hidden;
  text-align: center;
  margin: 0 auto;
  font-size: 16px;
  padding: 0 1em;
}
.pages-xg .box2_3 .task-gift li .gname span{display: inline-block;vertical-align: middle;line-height: 20px;width: 100%;}

.pages-xg .box2_3 .task-gift li .bot {
  height: 37px;
  line-height: 37px;
  margin: 15px auto 0;
  width: 218px;
}

.pages-xg .box2_3 .task-gift li .bot .btn {
  width: 84px;
  height: 37px;
  display: block;
  float: right;
  font-size: 16px;
  background: url(../images/btn-buy.png) 0 0 no-repeat;
  line-height: 37px;
  text-align: center;
  color: #ffffff;
}
.pages-xg .box2_3 .task-gift li .bot .btn:hover {
  background-position: 0 -37px;
}

.pages-xg .box2_4 {
  margin-top: 90px;
}
.pages-xg .box2_4 .pubcont {
  width: 986px;
  height: 648px;
  margin: 0 auto;
  background: url(../images/box2_4.png);
}

.pages-xg .box2_4 .text {
  color: #fff;
  font-size: 18px;
  width: 100%;
  height: 53px;
  text-align: center;
  line-height: 53px;
  padding: 20px 0 0;
}
.pages-xg .box2_4 .text span {
  color: #73fff7;
}

.choujiang {
  width: 945px;
  height: 410px;
  position: relative;
  background: url(../images/choujiang-bg.png) no-repeat;
  margin: 0 auto;
}
.choujiang .choujiang-list {
  width: 100%;
  padding: 35px 0 0;
  position: relative;
}
.choujiang .choujiang-list li {
  width: 157px;
  position: absolute;
}
.choujiang .choujiang-list li.on span {
  background: url(../images/start-on.png) no-repeat;
}
.choujiang .choujiang-list li:after {
  width: 16px;
  height: 200px;
  background: url(../images/start-line.png) center top no-repeat;
  content: "";
  position: absolute;
  top: 0;
  right: 49px;
}
.choujiang .choujiang-list li span {
  width: 157px;
  height: 176px;
  background: url(../images/start.png) no-repeat;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 5;
  text-align: center;
  line-height: 176px;
}
.choujiang .choujiang-list li span img {
  max-width: 65px;
  max-height: 65px;
  display: inline-block;
  vertical-align: middle;
}
.choujiang .choujiang-list li.i1 {
  height: 330px;
  top: 37px;
  left: 0;
}
.choujiang .choujiang-list li.i2 {
  height: 220px;
  top: 52px;
  left: 140px;
}
.choujiang .choujiang-list li.i2:after {
  height: 86px;
}
.choujiang .choujiang-list li.i3 {
  height: 370px;
  top: 52px;
  left: 195px;
}
.choujiang .choujiang-list li.i3:after {
  height: 235px;
}
.choujiang .choujiang-list li.i4 {
  height: 270px;
  top: 28px;
  left: 330px;
}
.choujiang .choujiang-list li.i4:after {
  height: 135px;
}
.choujiang .choujiang-list li.i5 {
  height: 370px;
  top: 22px;
  left: 440px;
}
.choujiang .choujiang-list li.i5:after {
  height: 234px;
}
.choujiang .choujiang-list li.i6 {
  height: 230px;
  top: 57px;
  left: 565px;
}
.choujiang .choujiang-list li.i6:after {
  height: 95px;
}
.choujiang .choujiang-list li.i7 {
  height: 380px;
  top: 33px;
  left: 640px;
}
.choujiang .choujiang-list li.i7:after {
  height: 244px;
}
.choujiang .choujiang-list li.i8 {
  height: 270px;
  top: 48px;
  left: 774px;
}
.choujiang .choujiang-list li.i8:after {
  height: 144px;
}

.much {
  width: 100%;
  text-align: center;
  color: #4343bd;
  font-size: 16px;
  padding: 15px 0 0;
}
.much span {
  color: #e02ac0;
}

.pagesion {
  text-align: center;
  padding: 10px 0;
}

.pagesion a,
.pagesion span {
  width: 28px;
  height: 28px;
  text-align: center;
  line-height: 28px;
  border-radius: 5px;
  display: inline-block;
  vertical-align: top;
  margin: 0 5px;
  color: #f5f5ff;
  font-size: 16px;
}

.pagesion span {
  display: none;
  color: #f5f5ff;
  cursor: default;
}
.pagesion span.zxfmore{display: inline-block;vertical-align: top;}

.pagesion span.zxfPagenum {
  display: inline-block;
}

.pagesion a.prebtn,
.pagesion a.nextbtn,
.pagesion span.prebtn,
.pagesion span.nextbtn {
  width: 80px;
}

.pagesion a:hover,
.pagesion span:hover {
  background: #b6b6ff;
  color: #4343bd;
  /* border: 1px solid #f5f5ff; */
}

.pagesion a.current,
.pagesion span.current {
  background: #b6b6ff;
  color: #4343bd;
  border: 1px solid #f5f5ff;
}

.numbox {
  width: 121px;
  height: 37px;
  overflow: hidden;
  background: url(../images/numbox.png) no-repeat;
}

.numbox span {
  width: 34px;
  height: 37px;
  display: block;
  float: left;
  line-height: 999px;
  overflow: hidden;
  cursor: pointer;
}

.numbox input {
  width: 52px;
  height: 37px;
  border: 0;
  line-height: 37px;
  background: none;
  outline: none;
  text-align: center;
  font-size: 18px;
  color: #3e3eb3;
  float: left;
}

.nodata {
  text-align: center;
  padding: 100px 0;
  font-size: 20px;
  color: #fff;
}

.go-role-home:hover {
  text-decoration: underline;
}

#zdteamsShow {
  position: relative;
}

#zdteamsShow .zduser {
  width: 120px;
  position: relative;
  z-index: 1;
}

#zdteamsShow .zduser .name {
  max-width: 100%;
  display: block;
}

#xqPaihang {
  top: 53%;
}

.more-task-bar {
  max-height: 400px;
  width: 920px;
  overflow: hidden;
  position: relative;
  margin: 30px auto 0;
}
.more-task-bar .content {
  width: 890px !important;
  margin: 0 auto;
}

.bollote-box {
  width: 570px;
  height: 200px;
  margin: 0 auto;
  background: #594fe5;
  margin: 0 auto;
  padding: 10px;
}
.bollote-box textarea {
  width: 100%;
  height: 100%;
  background: none;
  border: 0;
  outline: none;
  font-size: 16px;
  color: #c6c2ff;
  resize: none;
}
.bollote-box textarea::-webkit-input-placeholder {
  color: #c6c2ff;
}

.get-suipian {
  margin: 15px 40px 0;
  text-align: center;
}
.get-suipian img {
  width: 150px;
  display: inline-block;
  vertical-align: top;
}
.get-suipian .text {
  line-height: 40px;
  font-size: 16px;
  color: #d9d6ff;
}

.get-bottle {
  margin: 0 40px 0;
  text-align: left;
}
.get-bottle .bottle-content {
  font-size: 18px;
  line-height: 32px;
  margin-top: 20px;
  word-break: break-all;
}
.get-bottle .bottle-user {
  height: 80px;
  line-height: 80px;
  overflow: hidden;
  width: 100%;
}
.get-bottle .bottle-user .bottle-user-avatar {
  width: 78px;
  height: 78px;
  overflow: hidden;
  border-radius: 100%;
  border: 1px solid #fff;
  float: left;
  margin-right: 18px;
}
.get-bottle .bottle-user .bottle-user-name {
  width: 465px;
  float: left;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 20px;
  color: #73fff8;
}

.p-reward-text {
  padding: 0 40px;
  font-size: 16px;
}
.p-reward-text p.prt {
  padding: 5px 0;
  color: #73fff8;
}

.rtab {
  width: 539px;
  height: 46px;
  border: 2px solid #d6d6ff;
  border-radius: 11px;
  margin: 10px auto 0;
  line-height: 46px;
  background: #c9c8ff;
  overflow: hidden;
}
.rtab a {
  width: 50%;
  height: 100%;
  float: left;
  text-align: center;
  display: block;
  font-size: 18px;
  color: #6158d9;
  border-radius: 11px;
}
.rtab a.on {
  background: #5449e7;
  color: #fff;
}

.bottle-num {
  text-align: center;
  color: #d9d6ff;
  margin-top: 15px;
  font-size: 16px;
}
.bottle-num span {
  color: #73fff8;
}

.no-bottle {
  display: none;
  width: 100%;
  text-align: center;
  height: 392px;
  line-height: 392px;
}

.bottle-list {
  width: 604px;
  margin: 0 auto;
  height: 370px;
  display: none;
}
.bottle-list li {
  width: 100%;
  height: 108px;
  background: #564ce8;
  overflow: hidden;
  margin-top: 20px;
}
.bottle-list li.type-2 {
  height: 90px;
}
.bottle-list li.type-2 .bottle-right .cont {
  height: 35px;
  line-height: 35px;
  text-align: right;
  color: #73fff8;
}
.bottle-list li .bottle-left {
  width: 100px;
  float: left;
  margin: 0 10px;
}
.bottle-list li .bottle-right {
  width: 450px;
  float: right;
  margin: 15px 28px 0 0;
  font-size: 16px;
  color: #d9d6ff;
}
.bottle-list li .bottle-right .btn-open {
  position: absolute;
  bottom: 0;
  right: 0;
  background: #564ce8;
  padding-left: 10px;
  color: #73fff8;
  text-decoration: underline;
}
.bottle-list li .bottle-right .cont {
  height: 48px;
  overflow: hidden;
  line-height: 24px;
  position: relative;
  text-align: left;
}
.bottle-list li .bottle-right .date {
  width: 100%;
  text-align: right;
}
.bottle-list li .user {
  width: 100%;
  text-align: center;
  margin-top: 20px;
}
.bottle-list li .user img {
  width: 50px;
  height: 50px;
  display: inline-block;
  vertical-align: top;
  border-radius: 100%;
  border: 1px solid #fff;
}
.bottle-list li .user .text {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 28px;
  line-height: 28px;
  font-size: 14px;
}
.bottle-list .suipian {
  margin-top: 10px;
  width: 100%;
  text-align: center;
}
.bottle-list .suipian img {
  width: 50px;
  height: 50px;
}
.bottle-list .suipian .text {
  text-align: center;
  font-size: 14px;
}
.howmuch{width: 100%;text-align: center;position: absolute;bottom: 25px;left: 0; color: #4749e3;font-size: 18px;}
.howmuch span{color: #4749e3;text-decoration: underline;}

#popPhList .phul li .zduser .uimg{width: 60px;}
#popPhList .phul li .zduser{margin-left: 80px;width: 265px;}