body{ position: relative; -webkit-text-size-adjust: 100%; font-family: "Microsoft YaHei", Arial, sans-serif; font-size: 16px;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, span, a { margin: 0; padding: 0; vertical-align: baseline;}
ul, ol { list-style: none;}
a { text-decoration: none; color: inherit; cursor: pointer; outline: none;}
a:hover{ text-decoration:none;}
img { border: 0; object-fit: cover;}
video{ object-fit: cover; }
table { border-collapse: collapse;}
area{ outline:none; }
input, textarea, select{ -webkit-appearance: none; outline: none; resize: none; border-radius: 0;}
input::-ms-clear{ display:none;}
input[type="text"], input[type="password"] { -webkit-appearance: none; -moz-appearance: none; appearance: none;}
button { border: none; background: none; cursor: pointer; font-size: inherit; white-space: nowrap;}
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0;}
button:disabled{ cursor: default;}
h1.wm-public{height:0; line-height:0; font-size:0;}
.cf:after {content:"";display:block;height:0;clear:both;} 
.cf {zoom:1;}
.fl{ float: left; }
.fr{ float: right; }
.rel{ position: relative;}
.abs{ position: absolute;}
.auto{left: 50%; -webkit-transform:translate(-50%,0); -moz-transform:translate(-50%,0); -ms-transform:translate(-50%,0); -o-transform:translate(-50%,0); transform:translate(-50%,0);}
html, body, .wrapper{ height: 100%;}

body{ font-size: 16px;}
.wrapper{ background: url(../images/bg.jpg) no-repeat center top / 100% auto;}
.indexLogin{ bottom: 350px; width: 381px; height: 175px; background: url(../images/indexLogin.png) no-repeat 0 0 / 100% auto;}
.slogan{ bottom: 580px; height: 156;}

/* 弹出框 */
.pop{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.8); z-index: 10; display: none;}
.popCont{ top: 50%; left: 50%; transform: translate(-50%, -50%); width: 723px;}
.popBg1{ height: 792px; background: url(../images/popBg1.png) no-repeat 0 0 / 100% auto;}
.popBg2{ height: 512px; background: url(../images/popBg2.png) no-repeat 0 0 / 100% auto;}
.popBg3{ width: 726px; height: 673px; background: url(../images/popBg3.png) no-repeat 0 0 / 100% auto;}
.popBg4{ width: 739px; height: 793px; background: url(../images/popBg4.png) no-repeat 0 0 / 100% auto;}
.close{ bottom: -60px; width: 63px; height: 63px; background: url(../images/close.png) no-repeat 0 0 / 100% auto;}
.pop_tit{ top: 120px; height: 57px;}
.confirm{ width: 443px; height: 97px; background: url(../images/confirm.png) no-repeat 0 0 / 100% auto;}

/* 弹出框：组队 */
.loginBox{ top: 53px; width: 457px; height: 43px; line-height: 43px; text-align: center; background: url(../images/loginBox.png) no-repeat 0 0 / 100% auto; font-size: 26px; color: #d45b89;}
.loginBox button{ color: inherit;}

/* 弹出框：组队 */
.pop_tit1{ height: 119px;}
.member{ top: 268px; display: flex; justify-content: center; align-items: flex-start;}
.member .item{ width: 200px; margin: 0 2px;}
.member .item div{ width: 134px; height: 134px; margin: 0 auto; padding: 10px; background: url(../images/headBox.png) no-repeat 0 0 / 100% auto;}
.member .item div img{ display: block; width: 100%; height: 100%; border-radius: 50%; opacity: 0;}
.member .item div img.active{ opacity: 1;}
.member .item p{ margin-top: 10px; text-align: center; font-size: 22px; color: #ca57a3; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.teamTip{ top: 486px; height: 61px;}
.popTeamBtns{ top: 573px; left: 0; width: 100%; display: flex; justify-content: center; align-items: center;}
.popTeamBtns button{ width: 290px; height: 97px; margin: 0 9px;}
.t1{ background: url(../images/t1.png) no-repeat 0 0 / 100% auto;}
.t2{ background: url(../images/t2.png) no-repeat 0 0 / 100% auto;}
.t2.on{ background-position-y: bottom;}
.t3{ background: url(../images/t3.png) no-repeat 0 0 / 100% auto;}
.ruleBtn{ top: 700px; height: 26px;}

/* 弹出框：复制成功 */
.copyConfirm{ top: 243px;}

/* 弹出框：alert */
#pop_alert{ z-index: 20;}
.alertMsg{ top: 119px; width: 600px; text-align: center; line-height: 66px; font-weight: bold; font-size: 58px; color: #b9589f;}
.alertConfirm{ top: 313px;}

/* 弹出框：我的奖励 */
.reward_list{ top: 234px; width: 600px;}
.reward_list .item{ margin-bottom: 34px; width: 100%; display: flex; justify-content: space-between; align-items: center;}
.reward_list .item p{ width: 300px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: bold; font-size: 38px; color: #b9589f;}
.getReward{ width: 290px; height: 97px; background: url(../images/getReward.png) no-repeat 0 0 / 100% auto;}
.getReward.active{ background-position-y: bottom;}

/* 弹出框：选择角色 */
.selRole{ top: 239px; width: 559px; height: 62px; border-radius: 31px; padding: 0 34px; box-sizing: border-box; font-size: 22px; color: #342a2a;}
.confirmRole{ top: 324px; width: 443px; height: 97px; background: url(../images/confirmRole.png) no-repeat 0 0 / 100% auto;}
.confirmRole.active{ background-position-y: bottom;}

/* 弹出框：中奖 */
.prizeConfirm{ top: 584px;}
.prizePic{ top: 119px; display: none;}
.prize1{ width: 546px;}
.prize2{ width: 399px;}
.prize3{ width: 544px;}

/* 弹出框：是否加入当前队伍 */
.team_join{ top: 119px; width: 513px;}
.joinConfirm{ top: 443px; width: 290px; height: 97px; background: url(../images/joinConfirm.png) no-repeat 0 0 / 100% auto;}

/* 弹出框：队伍已满 */
.team_full{ top: 119px; width: 602px;}
.fullConfirm{ top: 423px; width: 290px; height: 97px; background: url(../images/creatTeamBtn.png) no-repeat 0 0 / 100% auto;}
.fullTip{ top: 530px; width: 500px; text-align: center; font-weight: bold; font-size: 24px; color: #ca57a3;}

/* 弹出框：活动规则 */
.ruleCont{ top: 210px; width: 600px; height: 480px; overflow-x: hidden; overflow-y: auto; line-height: 40px; font-size: 28px; color: #ca57a3;}
.ruleCont a{ text-decoration: underline;}