/* 同盟板塊 */
.team {
  position: relative;
  height: 12rem;
  font-family: '微软雅黑';

}

.team .title img {
  width: 5.06rem;
  height: 0.83rem;
}

.team-fb-login {
  width: 2.61rem;
  height: 0.74rem;
  position: absolute;
  left: 50%;
  margin-left: -1.3rem;
  top: 2rem;
  z-index: 1;
}

.team-fb-login-over {
  width: 3.83rem;
  position: absolute;
  left: 7.5rem;
  top: 2.6rem;
}

.team .team-container {
  position: relative;
  width: 11.06rem;
  height: 5.87rem;
  /* background: url("../images/team-container-bg.png") no-repeat; */
  background-size: 100%;
}

.team .team-gift {
  position: absolute;
  display: flex;
  justify-content: space-around;
  z-index: 1;
  left: 7.12rem;
  top: 2.25rem;
  /* width: 5.6rem; */
  height: 5rem;
  
}

.team .team-gift .gift-first {
  position: absolute;
  background: url("../image/section5/gift-1.png") no-repeat;
  background-size: 100%;
  width: 2.73rem;
  height: 3.56rem;
  left: -0.6rem;
}

.team .team-gift .gift-first.gift_active:after {
  content: " ";
  display: block;
  background: url(../image/pop/gift_active.png) no-repeat;
  background-size: 100%;
  width: .79rem;
  height: .71rem;
  position: absolute;
  right: 0rem;
  top: 2.2rem;
}

.team .team-gift .gift-second {
  position: absolute;
  background: url("../image/section5/gift-2.png") no-repeat;
  background-size: 100%;
  width: 2.73rem;
  height: 3.56rem;
  left: 2.6rem;
}

.team .team-gift .gift-second.gift_active:after {
  content: " ";
  display: block;
  background: url(../image/pop/gift_active.png) no-repeat;
  background-size: 100%;
  width: .79rem;
  height: .71rem;
  position: absolute;
  right: 0rem;
  top: 2.2rem;
}

.team-container .team-toggle-btns {
  position: relative;
  top: 8.96rem;
  left: 7.15rem;
  z-index: 1;
}

.team-toggle-btns>a {
  position: absolute;
  /* left: 0.24rem; */
}

.team-toggle-create {
  background: url(../image/section5/team-create-switch.png) no-repeat;
  background-size: 100%;
  width: 2.31rem;
  height: .5rem;
  top: -2.9rem;
  left: -0.4rem;
}

.team-title {
  position: relative;
  top: 1.3rem;
}

.team-title::before {
  content: '';
  width: 10rem;
  height: 2.5rem;
  background: url(../image/title-bg.png) no-repeat;
  background-size: 100%;
  position: absolute;
  top: -0.7rem;
  left: 50%;
  transform: translateX(-50%);
}

/* 
.team-toggle-create.over {
  background: url("../image/over/team-create-switch-over.png") no-repeat;
  background-size: 100%;

} */

.team-toggle-btns .team-toggle-join {
  left: 2.94rem;
  background: url(../image/section5/team-join-switch.png) no-repeat;
  background-size: 100%;
  width: 2.31rem;
  height: .5rem;
  top: -2.9rem;
  left: 2.75rem;
}

/* .team-toggle-btns .team-toggle-join.over {
  background: url("../image/over/team-join-switch-over.png") no-repeat;
  background-size: 100%;
} */

.team-create {
  width:4.70rem;
  height: 2.61rem;
  position: absolute;
  top: 0.94rem;
  left: 0.21rem;
}
.team-create .swiper-slide  img{
  width: 100%
} 

.team-create-swiper-button-next {
  width: 0.2rem;
  height: 0.25rem;
  position: absolute;
  top: 1.14rem;
  right: 0rem;
  background: url(../image/section5/create-right.png) no-repeat;
  background-size: 100%;
  z-index: 2;
}

.team-create-swiper-button-prev {
  width: 0.2rem;
  height: 0.25rem;
  position: absolute;
  top: 1.14rem;
  left: 0rem;
  background: url(../image/section5/create-left.png) no-repeat;
  background-size: 100%;
  z-index: 2;
}

.team-panel-create .team-create-content {
  width: 6.97rem;
  height: 3.79rem;
  background: url(../image/section5/team-create-content.png) no-repeat;
  background-size: 100%;
  position: absolute;
  top: 6.84rem;
  left: 6.03rem;
}

.team-panel-create-pop .dia-close {
  top: -0.2rem;
  left: 5rem;
}

.team-panel-join-pop .dia-close {
  top: 0.1rem;
  left: 5.1rem;
}

/* .pop-team-detail {
  position: fixed;
  top: 23%;
  left: 67%;

  z-index: 102;
} */

.team-create-content .team-create-form {
  position: relative;
}

.team-create-form .team-create-input {
  width: 4.36rem;
  height: 0.488rem;
  background-color: transparent;
  vertical-align: middle;
  border: 0 solid #ffffff;
  font-size: 0.17rem;
  color: #a6a7a8;
  /* font-weight: 600; */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: absolute;
  top: 0.92rem;
  left: 2rem;
  text-align: center;
  letter-spacing: .02rem;
  font-size: .17rem;
}

.team-create-form .team-create-tenet {
  top: 1.56rem;
}

.team-create-form .team-create-line {
  top: 2.2rem;
}


.team-create-content .team-create-btn,
.team-create-content>.text-center>a {
  width: 3.24rem;
  height: 0.54rem;
  position: absolute;
  left: 1.81rem;
  top: 3.08rem;
}

.team-panel-create .team-create-content_done {
  width: 6.97rem;
  height: 3.79rem;
  background: url(../image/section5/team-create-content_done.png) no-repeat;
  background-size: 100%;
  position: absolute;
  top: 6.84rem;
  left: 6.03rem;
}

.team-create-content_done .my-team-title {
  color: #e3e1e1;
  font-size: 0.20rem;
  /* font-weight: 550; */
  /* margin-top: 0.2rem; */
  position: absolute;
  top: 0.8rem;
  left: 0.5rem;
}

.my-team-form_tenet {
  position: absolute;
  top: 0.85rem;
  /* margin-left: 0.1rem; */
  left: 0.7rem;
}

.team-create-content_done .my-team-form {
  /* color: #6b5e57; */
  box-sizing: border-box;
  margin-top: 0.35rem;
  padding-left: 0.8rem;
  font-size: 0.18rem;
  position: relative;
}

.my-team-form .my-team-form_tenet span {
  display: block;
  width: 5rem;
  overflow: hidden;
  color: #e3e1e1!important;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.my-team-form .my-team-form_tenet div {
  overflow: hidden;
  word-wrap: break-word;
  height: 0.9rem;
}

.my-team-form_tenet span:first-child {
  color: #e3e1e1 !important;
}

.my-team-form .my-team-form_line {
  display: flex;
  align-items: center;
  margin-left: 0.1rem;
  color: #e3e1e1 !important;
  position: absolute;
  top: 1.99rem;
  left: 0.65rem;
}

.my-team-form .my-team-form_line span {
  /* display: block; */
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.my-team-form .my-team-form_line span:last-child {
  width: 3.6rem;
  display: inline-block;
}

.my-team-form .my-team-copy-fb {
  position: absolute;
  top: 3rem;
  left: 3.8rem;
  width: 1.95rem;
  height: 0.77rem;
}

.my-team-form .my-team-copy-line {
  position: absolute;
  top: 3rem;
  left: 1.6rem;
  width: 1.95rem;
  height: 0.77rem;
}

/* .team-container .team-panel-join {
  position: relative;
} */

.team-panel-join .team-join-content {
  width: 6.97rem;
  height: 3.79rem;
  background: url(../image/section5/team-panel-join-bg.png) no-repeat;
  background-size: 100%;
  padding-top: 0.61rem;
  box-sizing: border-box;
  position: absolute;
  top: 6.84rem;
  left: 6.03rem;
}

.team-join-content .team-join-search {
  width: 5.8rem;
  height: 0.45rem;
  position: relative;
  top: 0.18rem;
  left: 0.5rem;
}

.team-join-search .team-join-search_input {
  width: 100%;
  background-color: transparent;
  height: 0.42rem;
  border: none;
  color: #5a5a5a;
  vertical-align: middle;
  font-size: 0.2rem;
  text-align: center;
  text-align-last: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: absolute;
  top: 0.02rem;
   /* left: 1.1rem; */
}

.team-join-search .team-join-search_input::placeholder {
  color: #5a5a5a;
}

.team-join-search .team-search-btn {
  position: absolute;
  right: 0.24rem;
  top: 0.08rem;
  width: 0.3rem;
}

.team-join-content .team-join-list {
  color: #e3e1e1;
  font-size: 0.19rem;
  font-weight: 550;
  margin-left: 0.55rem;
  margin-top: 0.06rem;
  font-family: 'Microsoft YaHei';
  position: relative;
  top: 0.3rem;
}

.my-team-swiper {
  width:4.70rem;
  height: 2.61rem;
  position: absolute;
  top: 1.24rem;
  left: 0.21rem;
  background: url(../image/section5/team-create-swiper-1.png) no-repeat;
  background-size: 100%;
}

/* .team-join-content .team-join-list .team-join-item:nth-child(2) {
  color: #d43a3a !important;
  font-size: 0.24rem !important;

} */

.team-join-list .team-join-item {
  margin-top: 0.1rem;
}

.team-join-item_content {
  display: inline-flex;
  width: 2.05rem;
  margin-right: 1.8rem;
  /* overflow: hidden; */
  white-space: nowrap;
  text-overflow: ellipsis;
}

.team-join-item .team-detail-btn {
  display: inline-block;
  width: 1.03rem;
  height: 0.38rem;
}

.team-join-item .team-join-btn {
  display: inline-block;
  width: 1.03rem;
  height: 0.38rem;
  /* margin-left: 0.12rem; */
}

/* .team-join-item1 .team-detail-btn {
  display: inline-block;
  width: 1rem;
  height: 0.4rem;
  margin-left: 0.15rem;
}

.team-join-item1 .team-join-btn {
  display: inline-block;
  height: 0.4rem;
  width: 1rem;
}

.team-join-item .team-join-item_content {
  display: inline-block;
  width: 3.1rem;
  white-space: nowrap;
}

.team-join-item1 .team-join-item_content {
  display: inline-block;
  width: 3.1rem;
  white-space: nowrap;
} */

.team-join-content .team-prev-btn {
  position: absolute;
  top: 3.4rem;
  left: 2.35rem;
  letter-spacing: 0.02rem;
}

.team-join-content .team-random-btn {
  position: absolute;
  top: 3.4rem;
  left: 3.7rem;
  letter-spacing: 0.02rem;
}

.team-join-content .team-prev-btn span,
.team-join-content .team-random-btn span {
  color: #e3e1e1;;
  font-weight: 800;
  font-size: 0.18rem;
  font-family: SimSun;
}

.team-join-content .team-random-btn span {
  display: inline-block;
  width: 0.84rem;
  height: 0.2rem;
  background: url(../image/section5/team-prev.png) no-repeat;
  background-size: 100%;
}

.team-join-content .team-prev-btn span {
  display: inline-block;
  width: 0.84rem;
  height: 0.2rem;
  background: url(../image/section5/team-next.png) no-repeat;
  background-size: 100%;
}

.team-join-content .team-prev-btn span:hover,
.team-join-content .team-random-btn span:hover {
  text-decoration: underline;
}

.team-toggle-entity {
  width: 11rem;
  height: 6rem;
  background: url("../images/team-toggle-entity.png") no-repeat;
  background-size: 100%;
  position: absolute;
  top: 5.8rem;
  left: 0.3rem;
}

.team-entity-btns {
  width: 4.59rem;
  height: 0.8rem;
  background: url("../images/team-entity-btns.png") no-repeat;
  background-size: 100%;
  position: absolute;
  top: 11.7rem;
  left: 3.4rem;
}

/* 同盟詳情加入彈窗 */
.pop-team-detail .pop-team-content {
  width: 4.96rem;
  height: 4.05rem;
  background: url(../image/pop/pop-team-detail-bg.png) no-repeat;
  background-size: 100%;
  position: relative;
  font-size: 0.24rem;
}

.pop-team-detailella .pop-team-content-ella {
  width: 5.05rem;
  height: 3.76rem;
  background: url("../image/pop/pop-team-content-ella.png") no-repeat;
  background-size: 100%;
  position: relative;
  font-size: 0.24rem;
}

.pop-team-content>span {
  position: absolute;
  top: 1.08rem;
  left: 2.7rem;
  width: 3.5rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.pop-team-content .pop-team-content-img {
  position: absolute;
  width: 2.51rem;
  height: 3.24rem;
  top: 2rem;
  left: 0.6rem;
}

.pop-team-content .pop-detail-text {
  position: absolute;
  left: 0.5rem;
  top: 0.35rem;
  color: #bdbdbd;
  font-size: 0.22rem;
  /* font-weight: 600; */
}

.pop-team-content .pop-detail-text div {
  margin-bottom: 0.48rem;
}

.pop-team-content .pop-detail-text .line-link {
  /* margin-top: -0.05rem; */
}

.pop-team-content .pop-detail-team_name {
  left: 0.5rem;
  color: #959191;
  top: 0.68rem;
  width: 4.1rem;
  font-size: 0.22rem;
}

.pop-team-content .pop-detail-name {
  left: 5rem;
  top: 2.8rem;
  color: #959191;
  width: 2.1rem;
  font-size: .22rem;
  font-weight: 100;
}

.pop-team-content .pop-detail-tenet {
  color: #959191;
  top: 1.6rem;
  left: 0.5rem;
  font-size: .22rem;
  width: 4rem;
}

.pop-team-content .pop-detail-goal {
  color: #959191;
  top: 2.49rem;
  left: 0.59rem;
  font-size: .22rem;
  width: 4rem;
}

.pop-team-content .pop-detail-poker_point {
  left: 5.65rem;
  color: #959191;
  top: 3.76rem;
  width: 1.45rem;
  font-size: .22rem;
}

.pop-team-content .pop-detail-poker_point {
  left: 5.65rem;
  color: #959191;
  top: 3.76rem;
  width: 1.45rem;
  font-size: .22rem;
}

.pop-team-content .pop-detail-line {
  color: #959191;
  left: 0.5rem;
  top: 2.45rem;
  font-size: .22rem;
  width: 4rem;
  overflow: hidden;
}

.pop-team-detail .dia-close {
  top: -0.3rem;
  left: 4.85rem;
}

.pop-team-detail .pop-team-content .team-join-btn {
  position: absolute;
  top: 3.1rem;
  left: 50%;
  width: 2.54rem;
  height: 0.57rem;
  margin-left: -1.265rem;
}

.pop-team-detail .pop-team-content .team-share-btn {
  position: absolute;
  top: 5.8rem;
  left: 1.08rem;
  width: 2.26rem;
}

.pop-team-detail .pop-team-content .team-line-btn {
  position: absolute;
  top: 5.8rem;
  left: 4rem;
  width: 2.26rem;
}



/* 加入ella魔盗团 */
.pop-team-detailella .dia-close {
  left: 4.3rem;
  top: -0.52rem;
}

.pop-team-detailella .pop-team-content-ella .team-join-btn {
  position: absolute;
  top: 2.8rem;
  left: 50%;
  width: 1.8rem;
  height: 0.61rem;
  margin-left: -0.9rem;
}

.pop-team-detailella .pop-team-content-ella .team-share-btn {
  position: absolute;
  top: 5.8rem;
  left: 1.08rem;
  width: 2.26rem;
}

.pop-team-detailella .pop-team-content-ella .team-line-btn {
  position: absolute;
  top: 5.8rem;
  left: 4rem;
  width: 2.26rem;
}

.pop-team-content-ella>span {
  position: absolute;
  top: 1.08rem;
  left: 2.7rem;
  width: 3.5rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.pop-team-content-ella .pop-team-content-img {
  position: absolute;
  width: 2.51rem;
  height: 3.24rem;
  top: 2rem;
  left: 0.6rem;
}

.pop-team-content-ella .pop-detail-text {
  position: absolute;
  left: 0.6rem;
  top: 0.4rem;
  color: #875137;
  font-size: 0.24rem;
}

.pop-team-content-ella .pop-detail-text div {
  margin-bottom: 0.4rem;
}

.pop-team-content-ella .pop-detail-team_name {
  left: 0.6rem;
  color: #7c6f68;
  top: 0.8rem;
  width: 4.1rem;
  font-size: 0.17rem;
  font-weight: 600;
}

.pop-team-content-ella .pop-detail-name {
  left: 5rem;
  top: 3.1rem;
  color: #7c6f68;
  width: 2.1rem;
  /* font-size: 0.24rem; */
}

.pop-team-content-ella .pop-detail-tenet {
  color: #7c6f68;
  top: 1.6rem;
  left: 0.6rem;
  font-size: 0.17rem;
  width: 4.5rem;
  font-weight: 600;

}

.pop-team-content-ella .pop-detail-poker_point {
  left: 5.65rem;
  color: #6b5e57;
  top: 3.76rem;
  width: 1.45rem;
  font-size: 0.24rem;
}

.pop-team-content-ella .pop-detail-line {
  color: #7c6f68;
  left: 0.63rem;
  top: 2.4rem;
  font-size: 0.17rem;
  width: 4.5rem;
  font-weight: 600;

}













/* 加入同盟弹窗 */
.pop-join-team .pop-join-team-bg {
  position: relative;
  width: 9.89rem;
  height: 6.09rem;
  background: url("../image/pop/pop-join-team-bg.png") no-repeat;
  background-size: 100%;
}

.pop-join-team .btn-list {
  top: 5rem;
}

.pop-join-team .dia-close {
  left: 9.5rem;
  top: -0.5rem;
}

.pop-team-confirm {
  position: absolute;
  width: 1.8rem;
  height: 0.63rem;
  background: url(../images/pop-team-confirm.png) no-repeat;
  top: 3.5rem;
  left: 2rem;
  background-size: 100%;
}

/* 創建同盟成功彈窗 */
.pop-create-team-success-bg {
  width: 4.85rem;
  height: 3.42rem;
  background: url(../image/pop/pop-create-team-success-bg.png) no-repeat;
  background-size: 100%;
  position: relative;
}

.pop-team-create-success-form .pop-team-success-input.pop-team-create-tenet {
  position: absolute;
  width: 6.2rem;
  height: 0.45rem;
  border: 1px solid #7c6145;
  font-size: 20px;
  color: #604e3b;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  top: 2.2rem;
  left: 0.5rem;
  background-color: #ad9677;
  padding-left: 0.15rem;
}

.pop-team-create-success-form .pop-team-success-input.pop-team-create-line {
  position: absolute;
  width: 6.2rem;
  height: 0.45rem;
  border: 1px solid #7c6145;
  font-size: 20px;
  color: #604e3b;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  top: 2.9rem;
  left: 0.5rem;
  background-color: #ad9677;
  padding-left: 0.15rem;
}

.pop-create-team-success-bg .pop-team-share {
  position: absolute;
  display: flex;
  top: 3.7rem;
  left: 0.65rem;
}

.pop-create-team-success-bg .pop-team-share-line {
  width: 3.09rem;
  height: 0.59rem;
  margin-right: 0.2rem;
}

.pop-create-team-success-bg .pop-team-share-fb {
  width: 2.75rem;
  height: 0.59rem;
}

.pop-create-team-success .dia-close {
  top: -0.3rem;
  left: 4.85rem;
}

/* line複製成功彈窗 */
.pop-line .pop-line-bg {
  width: 4.96rem;
  height: 3.38rem;
  background: url(../image/pop/pop-join-team-bg.png) no-repeat;
  background-size: 100%;
}

.pop-line-bg .pop-join-share {
  position: absolute;
  display: flex;
  top: 2.9rem;
  left: 2.4rem;
}

.pop-line-bg .pop-join-share a {
  margin-right: 0.9rem;
  width: 1.52rem;
  height: 1.52rem;
}

.pop-line .dia-close {
  top: -0.3rem;
  left: 4.85rem;
}

.pop-line-bg .btn-list {
  display: flex;
  position: absolute;
  left: 1.32rem;
  top: 2.08rem;
}

.pop-create-team-success-bg .btn-list {
  display: flex;
  position: absolute;
  left: 1.32rem;
  top: 1.58rem;
}

.pop-line-bg .btn-list a,
.pop-create-team-success-bg .btn-list a {
  width: 0.86rem;
  height: 0.86rem;
  margin-right: 0.45rem;
}

.team .btn-xia {
  bottom: 0.8rem;
}

.pop-line-ella-bg {
  width: 5.05rem;
  height: 3.57rem;
  background: url('../image/pop/pop-line-ella.png') no-repeat;
  background-size: 100%;
}

.pop-line-ella .dia-close {
  left: 4.3rem;
  top: -0.52rem;
}

.pop-line-ella-bg .btn-list {
  display: flex;
  position: absolute;
  left: 1.45rem;
  top: 1.7rem;
}

.pop-line-ella-bg .btn-list a {
  width: 1rem;
  height: 1.52rem;
  margin-right: 0.3rem;
}

.team-gift-ul .achieve {
  position: relative;
}

.team-gift-ul .achieve::after {
  content: '';
  width: 0.37rem;
  height: 0.32rem;
  background: url('../image/section5/achieve.png') no-repeat;
  background-size: 100%;
  position: absolute;
  top: 0.03rem;
  left: 0.2rem;
}

.team_long {
  width:  2.58rem;
  height: 3.11rem;
  background: url(../image/section5/long.png) no-repeat;
  background-size: 100%;
  position: absolute;
  top: 12.05rem;
  left: 3.85rem;
  z-index: 1;
  pointer-events: none;
}

.team_lang {
  width: 4.09rem;
  height: 3.94rem;
  background: url(../image/section5/tu.png) no-repeat;
  background-size: 100%;
  position: absolute;
  top: 11.95rem;
  left: 12.1rem;
  z-index: 1;
  pointer-events: none;
}