crm/resources/zqxg/zqxgxcx/index/pages/communitactiv/communitactiv.wxss

.topimgbox{
  display: block;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height:  480rpx;
}
.PKpersonbox{
  position: relative;
  z-index: 2;
  width: 100%;
  padding-top: 24rpx;
}
.PKheadimg{
  display: block;
  width: 126rpx;
  height: 126rpx;
  border-radius: 50%;
  margin: 24rpx auto 10rpx;
}
.linebox{
  margin: 0 12rpx;
}
.PKbtnbox{
  position: absolute;
  top: 72rpx;
  right: 44rpx;
  width: 100rpx;
  height: 36rpx;
  opacity: 0.64;
  border: 1px solid rgba(255,255,255,1);
  border-radius: 20rpx;
  font-size: 24rpx;
  color: #ffffff;
  overflow: hidden;
}
.PkNumbox{
  margin-top: 30rpx;
}
.PkNumbox .numbox{
  display: block;
  line-height: 50rpx;
  font-size: 36rpx;
  font-weight: bold;
  margin-bottom: 12rpx;
}
.addnumbox{
  width: 710rpx;
  position: relative;
  z-index: 2;
  height: 186rpx;
  background: #FFFFFF;
  box-shadow: 0px 4rpx 16rpx 0px rgba(196,9,9,0.2);
  border-radius: 4rpx;
  margin: 50rpx auto;
}
.addnumbox image{
  display: block;
  width: 40rpx;
  height: 40rpx;
  margin: 60rpx auto 16rpx;
}
.addnumdiv{
    display: block;
    position: relative;
    width: 100%;
}

.changetitbox{
  margin: 0 20rpx;
}
.numtit{
  display: block;
  width: auto;
  font-size: 28rpx;
  color: #210605;
}
.nownumechart{
  font-size: 36rpx;
  font-weight: bold;
}
.minenumdiv{
  display: block;
  width: 34rpx;
  height: 20rpx;
  position: relative;
  top: 15rpx;
  background: #FF0035;
  margin-right: 8rpx;
}
.opponentnum{
  display: block;
  width: 34rpx;
  height: 20rpx;
  position: relative;
  top: 15rpx;
  background: #0089fF;
  margin-right: 8rpx;
  margin-left: 16rpx;
}
.everyworkbox{
  display: block;
  width: 355px;
  background: #F2F2F2;
  margin: 20rpx auto;
  padding: 14rpx 20rpx;
}
.mychartbox{
  display: block;
  width: 100%;
  height: 400rpx;
}
.mychartbox{
    position: relative;
    z-index: 3;
}
.canvasid{width: 100%;height:400rpx;}
page{
  padding-bottom: 120rpx;
  display: block;
  width: 100%;
  height: 100%;
  overflow: auto;
  box-sizing: border-box;
}
.layerbox{
  display: block;
  position: fixed;
  top:0;
  left: 0;
  z-index: 88;
  width: 100%;
  height: 100%;
  background: rgba(33,6,5,0.5);
}
.uploadimgbox{
  display: block;
  width: 670rpx;
  height: 800rpx;
  background: #FFFFFF;
  border-radius: 10rpx;
  position: absolute;
  top: 50%;
  left: 40rpx;
  transform: translateY(-50%);
  overflow: hidden;
  padding-top: 100rpx;
}
.addfuntit{
  display: block;
  width: 100%;
  height: 100rpx;
  background: #C40909;
  line-height: 100rpx;
  position: absolute;
  top: 0;
  left: 0;
}
.uploadimg{
  display: block;
  width: 100%;
  height: 100%;
  overflow: auto;
  padding: 20rpx 22rpx;
}
.wbclose{
    display: block;
    position: absolute;
    right: 24rpx;
    top: 35rpx;
    width: 36rpx;
    height: 34rpx;
    z-index: 9;
}
.upimg{
  display: block;
  width: 135rpx;
  height: 142rpx;
  margin-right: 14rpx;
  border: 1px solid rgba(204,204,204,1);
}
.addimgbox{
  display: block;
  width: 135rpx;
  height: 142rpx;
  border: 1px solid rgba(204,204,204,1);
}
.addimgbox image{
  display: block;
  width: 60rpx;
  height: 60rpx;
  margin: 0 auto;
  margin-top: 24rpx;
}
.uploadText {
  margin-top: 12rpx;
}
.imgarrbox{
  margin-top: 22rpx;
}
.noticebox{
  display: block;
  width: 100%;
  background: #F2F2F2;
  border-radius: 4rpx;
  padding: 16rpx;
  margin-top: 40rpx;
}
.editbo{
    margin-top: 48rpx;
}
.wbeditinput{
    display: block;
    width: 55rpx;
}
.wbedit{
    display: block;
    width: 22rpx;
    height: 20rpx;
    position: relative;
    top: 10rpx;
    margin-left: 4rpx;
}
.savebox{
    display: block;
    width: 100%;
    height: 98rpx;
    background: #C40909;
    border-radius: 10rpx;
    font-weight: 500;
    margin-top: 68rpx;
}
  
.footer{
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 49px;
  box-shadow: 0px -2px 4px 0px rgba(0,0,0,0.09);
  z-index: 78;
}
.everyfoot{
    display: block;
    height: 100%;
    font-size: 12px;
}
.everyfoot image{
  height: 18px;
  margin: 6px auto 3px;
}
.everyfoot view{
    line-height: 17px;
    position: relative;
    top: -4px;
}


.opponentlist{
    display: block;
    width: 710rpx;
    padding-top: 264rpx;
    position: absolute;
    top: 50%;
    left: 20rpx;
    transform: translateY(-50%);
    background-color: #FFFFFF;
    border-radius: 10rpx;
}
.opponentbox{
    display: block;
    width: 100%;
    height: 144rpx;
    background: #C40909;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    border-radius: 10rpx 10rpx 0 0;
}
.opponentbox .PKheadimg{
    margin: -57rpx auto 10rpx;
}
.opponentit{
    display: block;
    width: 100%;
    height: 120rpx;
    z-index: 9;
    top: 144rpx;
    left: 0;
    padding: 32rpx 20rpx 8rpx;
}
.opponentlistbox{
    display: block;
    width: 100%;
    height: 50vh;
    overflow: hidden;
    border-radius: 0 0 10rpx 10rpx;
    padding-bottom: 32rpx;
}
.opponentlistview{
    display: block;
    width: 100%;
    height: 100%;
}
.lunbox{
    display: flex;
    width: 160rpx;
    height: 48rpx;
    border-radius: 5rpx;
    background: #FFFFFF;
    border: 1px solid rgba(196,9,9,1);
}
.lunrangle{
    display: block;
    width: 18rpx;
    height: 12rpx;
    position: relative;
    top: 12rpx;
    margin-left: 4rpx;
}
.leftopponentit{
    display: block;
    width: 500rpx;
}
.leftopponentit view{
    padding-bottom: 18rpx;
}
.nowoppotit{
    display: block;
    position: relative;
    font-size: 32rpx;
    color: #210605;
}
.nowoppotit::after{
    content: ' ';
    display: block;
    width: 38rpx;
    height: 8rpx;
    background: #210605;
    border-radius: 4rpx;
    position: absolute;
    left: 10%;
    bottom: 0px;
}
.everyoppobox{
    display: block;
    width: 100%;
    border-bottom: 1px solid #ccc;
    padding:  16rpx 20rpx 20rpx;
}
.oppoimgbox{
    margin-top: 12rpx;
}
.oppoimgbox image{
    display: block;
    width: 118rpx;
    height: 126rpx;
    margin-right: 18rpx;
}
.addnumbox image.wxteam{
    display: block;
    width: 72rpx;
    height: 218rpx;
    position: absolute;
    right: -6rpx;
    top: -16rpx;
    margin: 0;
}
.addnumbox view.wxteamtext{
    display: block;
    width: 24rpx;
    height: 170rpx;
    position: absolute;
    right: 10rpx;
    top: 18rpx;
    margin: 0;
}
/* 操作记录 */
.recordtitbox{
    display: block;
    width: 100%;
    top: 0;
    left: 0;
    background-color: #FFFFFF;
    z-index: 9;
    padding: 32rpx 20rpx 15rpx;
}
.leftrecordtitbox{
    width: 520rpx;
}
.leftrecordtitbox view{
    padding-bottom: 16rpx;
}
.leftrecordtitbox view.nowrecordtit{
    display: block;
    position: relative;
    font-size: 36rpx;
    font-weight: bold;
}
.nowrecordtit::after{
    content: " ";
    display: block;
    width: 38rpx;
    height: 8rpx;
    background: #210605;
    border-radius: 4rpx;
    position: absolute;
    bottom: 0;
    left: 30%;
}
.recordlistbox{
    display: block;
    padding: 126rpx 20rpx 20rpx;
}

/* 排行榜 */
.titnumbox{
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9;
    background-color: #FFFFFF;
    width: 100%;
    height: 96rpx;
}
.titnumbox image{
  display: block;
  height: 28rpx;
  position: relative;
  top: 34rpx;
  margin-right: 5rpx;
}
.everytit{
  height: 100%;
  border-bottom: 2rpx solid #ccc;
  position: relative;
}
.noweverytit{
  position: relative;

}
.noweverytit::after{
  display: block;
  content: " ";
  width: 100%;
  height: 4rpx;
  background-color: #C40909;
  position: absolute;
  left: 0;
  bottom: -5rpx;
}
.datatypebox{
  display: block;
  width: 100%;
  height: 96rpx;
  background-color: #FFFFFF;
  z-index: 9;
  position: fixed;
  top: 96rpx;
  left: 0;
  padding: 32rpx 20rpx 14rpx;
  box-sizing: border-box;
}
.sort{
  display: flex;
  width: 82rpx;
  height: 48rpx;
  background: #FFFFFF;
  border: 1px solid rgba(151,151,151,1);
  border-radius: 5rpx;
  box-sizing: content-box;
  margin-left: 20rpx;
}

.sort image{
  display: block;
  width: 22rpx;
  height: 32rpx;
}
.nowdiv{
    border-color: #C40909;
    color: #C40909;
}

.leftdatatypebox{
  display: block;
  width: 300rpx;

}
.leftdatatypebox view{
  padding-bottom: 16rpx;
}
.leftdatatypebox view.nowranktype{
  font-size: 32rpx;
  font-weight: bold;
  position: relative;
}
.nowranktype::after{
  display: block;
  width: 30rpx;
  height: 8rpx;
  background: #210605;
  border-radius: 4rpx;
  content: ' ';
  position: absolute;
  bottom: 0;
  left: 17%;
}
.ranklist{
  display: block;
  width: 100%;
  padding: 192rpx 20rpx 126rpx;
}
.everyrankbox{
  padding: 12rpx 28rpx 18rpx;
  border-bottom: 1px solid #ccc;
}
.everyrankbox .headimg{
  display: block;
  width: 60rpx;
  height: 60rpx;
  border: 3rpx solid rgba(255,0,53,1);
  border-radius: 50%;
  position: relative;
  top: 10rpx;
  margin-right: 12rpx;
}
.personame{
  display: block;
  max-width:340rpx;
}
.numsgbox{
  position: absolute;
  left: 448rpx;
}
.minenumbox{
  display: block;
  position: fixed;
  z-index: 2;
  bottom: 49px;/*no*/
  left: 0;
  width: 100%;
  height:63px;
  background: #C40909;
  box-shadow: 0px 1px 6px 0px rgba(85,0,0,0.68);
  z-index: 9;
  padding: 0 40rpx;
  font-size: 14px;
  line-height: 63px;
}
.myheadimg{
    display: block;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    position: relative;
    top: 7.5px;
    margin-right: 22rpx;
}
.minenumbox .personame{
    max-width: 200rpx;
}
.mynumbox{
    position: absolute;
    top: 0;
    left: 360rpx;
    
}


.bd1{
    border-bottom: 1px solid #384855;
}
/* 加入团队 */

.personbox{
    display: block;
    width: 100%;
    height:500rpx;
    overflow: hidden;
}
.joinbox .headimg{
    display: block;
    width: 160rpx;
    height: 160rpx;
    border-radius: 50%;
    margin: 200rpx auto 18rpx;
}
.nameinput{
    display: block;
    width: 670rpx;
    height: 80rpx;
    background: #FFFFFF;
    border: 1px solid rgba(204,204,204,1);
    border-radius: 4rpx;
    position: relative;
    margin: 0 auto 54rpx;
    box-sizing: border-box;
}
.iconimg{
    display: block;
    height: 28rpx;
    position: absolute;
    top: 26rpx;
}
.nameinput image{
    left: 16rpx;
}
.nameinput input{
    display: block;
    width: 100%;
    height: 100%;
    padding-left: 80rpx;
    box-sizing: border-box;
    background-color: #eee;
}
.teambox{
    display: block;
    width: 670rpx;
    height: 80rpx;
    background: #FFFFFF;
    border: 1px solid rgba(204,204,204,1);
    border-radius: 4rpx;
    position: relative;
    margin: 0 auto 60rpx;
    
    box-sizing: border-box;
}
.teambox image{
    left: 12rpx;
}
.teambox view{
    display: block;
    width: 100%;
    height: 100%;
    padding-left: 80rpx;
    box-sizing: border-box;
    line-height: 76rpx;
}
.joinbtn{
    display: block;
    width: 670rpx;
    height: 96rpx;
    background: #C40909;
    border-radius: 4rpx;
    margin: 0 auto 48rpx;
}
.notice{
    display: block;
    padding-left: 40rpx;
    font-size: 24rpx;
    color: #CCCCCC;
}