@import url("../public/style/public.css");
@import url("../public/style/pop.css");

/* pc 样式 */
.wrapper{ height: 31rem; background: url(../images/bg.jpg) no-repeat center top / cover; display: none;}
.logo{ top: .44rem; right: 0; width: 1.62rem;}
.headerNav{ top: .2rem; right: 50%; margin-right: -6rem; display: flex; align-items: center;}
.headerNav a{ width: .99rem; height: .82rem; background-image: url(../images/headerNav.png); background-size: 2.98rem 1.64rem;}
.website{ background-position: left top;}
.gamedown{ background-position: center top;}
.community{ background-position: right top;}
.headerNav a img{ top: 100%; width: 1.5rem; display: none;}
.headerNav a:hover{ background-position-y: bottom;}
.headerNav a:hover img{ display: block;}
.headerNav span{ width: .01rem; height: .36rem; background: url(../images/headerNavLine.png) no-repeat 0 0 / 100% auto;}
.ruleBtn{ top: 9.48rem; width: 4.4rem; height: .92rem; background: url(../images/ruleBtn.png) no-repeat 0 0 / 100% auto;}
.eventTime{ top: 10.74rem; width: 7.77rem; height: .53rem; line-height: .53rem; text-align: center; background: url(../images/eventTime.png) no-repeat 0 0 / 100% auto; font-size: .28rem; color: #191919;}
.eventTime span{ color: #c4230f;}
.emailBox{ top: 11.2rem; width: 12.31rem; margin-left: -0.5rem;}
.loginBefore{ height: 7.07rem; background: url(../images/loginBefore.png) no-repeat 0 0 / 100% auto;}
.queryBtn{ top: 2rem; margin-left: .55rem; width: 2.5rem; height: 2.56rem; background: url(../images/queryBtn.png) no-repeat 0 0 / 200% auto;}
.queryBtn:hover{ background-position-x: right;}
.queryBtn::after{ content: ""; position: absolute; top: -.5rem; left: 0; width: 1.2rem; height: 1.1rem; background: url(../images/icon-query.png) no-repeat 0 0 / 100% auto;}
.loginAfter{ height: 6.93rem; background: url(../images/loginAfter.png) no-repeat 0 0 / 100% auto;}
.emailContent{ top: 2.7rem; margin-left: .5rem; width: 7.9rem; height: 2.5rem; line-height: .46rem; font-size: .18rem; color: #191919;}
.emailContent .col{ color: #F00;}
.emailContent button{ text-decoration: underline; color: inherit; font-weight: inherit;}
.teamWrap{ top: 19.49rem; width: 11.94rem;}
.teamWrapTit{ display: block; margin: 0 auto; height: 1.32rem;}
.settings{ display: none;}
.settings > div{ height: .64rem; border-radius: .32rem; background: rgba(252, 238, 233, .4); display: flex; justify-content: space-between; align-items: center; padding: 0 .65rem 0 .18rem;}
.applysBtn{ width: 1.8rem; height: .54rem; border-radius: .27rem; background: #d0311b; font-size: .24rem; color: #FFF;}
.teamShow{ font-size: .24rem; color: #212121; display: flex; align-items: center; cursor: pointer;}
.teamShow::before{ content: ""; margin-right: .1rem; width: .27rem; height: .27rem; background: #FFF; border: .01rem solid #387475;}
.teamShow.active::before{ background: #FFF url(../images/icon-selected.png) no-repeat center / .21rem .16rem;}
.teamStaff{ display: flex; justify-content: center; margin-top: .44rem;}
.teamItem{ width: 1.72rem; height: 3.3rem; margin: 0 .29rem; background: url(../images/teamItem.png) no-repeat 0 0 / 200% auto;}
.teamItem.active{ background-position-x: right;}
.headDefault{ width: 1.72rem; height: 1.73rem; margin: 0 auto; background: url(../public/images/addTeamHead.png) no-repeat center / 100% auto; cursor: pointer;}
.teamItem.active .headDefault{ cursor: default; position: relative;}
.teamItem.active:first-child .headDefault::before{ content: ""; position: absolute; top: 0; left: 0; width: .49rem; height: .53rem; background: url(../public/images/icon-leader.png) no-repeat 0 0 / 100% auto;}
.teamItem .info{ margin-top: .1rem; height: 1.2rem; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; text-align: center; font-size: .24rem; color: #FFF;}
.teamItem .info .text{ display: none;}
.teamItem.active .info .null{ display: none;}
.teamItem.active .info .text{ display: block; width: 100%; box-sizing: border-box; padding: 0 .2rem; overflow-wrap: break-word;}
.teamItem.active .info .uid{ display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; overflow: hidden;}
.teamItem .info .subTit{ font-size: .18rem; color: #ffc76d;}
.handleBtns{ margin-top: .43rem; display: flex; justify-content: center; align-items: center;}
.handleBtns button{ width: 3.35rem; height: .7rem; margin: 0 .15rem; display: none;}
.handleCreatBtn{ background: url(../images/handleCreatBtn.png) no-repeat 0 0 / 100% auto;}
.handleAddBtn{ background: url(../images/handleAddBtn.png) no-repeat 0 0 / 100% auto;}
.handleDisbandBtn{ background: url(../images/handleDisbandBtn.png) no-repeat 0 0 / 100% auto;}
.handleInviteBtn{ background: url(../images/handleInviteBtn.png) no-repeat 0 0 / 100% auto;}
.handleOutBtn{ background: url(../images/handleOutBtn.png) no-repeat 0 0 / 100% auto;}
.viewMembersBtn{ display: none; margin: .33rem auto 0 auto; text-decoration: underline; font-size: .24rem; color: #FFF;}
.handleBtns button:disabled{ background-position-y: bottom;}