修改

app.json

@@ -1,14 +1,17 @@
 {
   "pages": [
-    "pages/administration/detail",
+    "pages/team/examine",
     "pages/me/index",
     "pages/login/index",
     "pages/home/index",
     "pages/search/index",
     "pages/administration/index",
+    "pages/administration/detail",
     "pages/competition/index",
     "pages/team/index",
     "pages/team/detail",
+   
+    "pages/team/apply",
     "pages/ranking/index",
     "pages/index/index",
     "pages/register/index",

commpents/mobile-frame/foot.wxml

@@ -18,7 +18,7 @@
     <van-tabbar-item>
       <image slot="icon" src="{{ four.normal }}" mode="aspectFit" style="width: 24px; height: 26px;" />
       <image slot="icon-active" src="{{ four.active }}" mode="aspectFit" style="width: 24px; height: 26px;" />
-      我的团队
+      查找团队
     </van-tabbar-item>
     <van-tabbar-item>
       <image slot="icon" src="{{ five.normal }}" mode="aspectFit" style="width: 24px; height: 26px;" />

icon/icon.wxss

@@ -29,7 +29,9 @@
 .icon-C1:before {
   content: "\e601";
   color: rgb(212, 0, 0);
-  font-size: 20px;
+  background-color: white;
+  font-size: 17px;
+  border-radius: 52%;
 }
 
 .icon-dayuhao1:before {

pages/administration/detail.js

@@ -9,7 +9,7 @@ Page({
   data: {
     src: '/image/adimges.jpg',
     src1: '/image/head1.png',
-    frameStyle: { useTop: false, name: '团队审核', leftArrow: false, useBar: false },
+    frameStyle: { useTop: false, name: '团队审核', leftArrow: true, useBar: false },
     // 主体高度
     infoHeight: '',
     list: [

pages/administration/detail.wxml

@@ -2,11 +2,18 @@
   <view slot="info" class="main" style="height:{{infoHeight}}px;">
     <view class="one">
       <view class="one-1">
-      <view class="ones"><text>团队信息</text></view>
+        <view class="onea">
+          <cover-image src='/image/back.png' class="back" bindtap='back'></cover-image>
+        </view>
+        <view class="ones">
+          <text>团队信息</text>
+        </view>
         <image style="width: 100%; height: 280px; background-color: #eeeeee;" src="{{src}}"></image>
       </view>
       <view class="one-2" wx:key="item" wx:for="{{list}}">
         <image class="imgs" src="{{src1}}"></image>
+      </view>
+      <view class="one-3" wx:key="item" wx:for="{{list}}">
         <view class="group">{{item.group}}</view>
         <view class="person">共{{item.person}}人</view>
       </view>
@@ -52,7 +59,7 @@
     <view class="four">
       <view class="four-1">
         <view class="four1">
-          <button class="button" form-type="submit" bindtap='back' >驳回</button>
+          <button class="button" form-type="submit">驳回</button>
         </view>
         <view class="four2">
           <button class="buttons" form-type="submit">通过</button>

pages/administration/detail.wxss

@@ -2,6 +2,19 @@
   position: relative;
   width: 100%;
 }
+.back {
+  width: 40rpx;
+  height: 40rpx;
+  left: 15px;
+  width: 40rpx;
+  height: 40rpx;
+}
+.onea{
+  font-weight: 600;
+  position: absolute;
+  top: 5%;
+  left: 2%;
+}
 .ones{
   font-weight: 600;
   position: absolute;
@@ -17,6 +30,13 @@
   height: 63.78px;
   border-radius: 50%; 
 }
+.one-3{
+  position: absolute;
+  top: 29%;
+  left: 42%;
+  width: 23%;
+  height: 63.78px;
+}
 .imgs{
   margin-top: 4px;
   margin-left: 2px;

pages/competition/index.js

@@ -14,10 +14,10 @@ Page({
     date2: '2018-01-24',//默认结束时间 
     singledate: '2018-09-01',
     time: '12:01',
-    multiIndex: [0,0,0],
-    multiIndex1: [0,0,0],
-    multiArray: [['循环赛', '半决赛', '双决赛',''], ['单循环', '双循环',''], ['淘汰赛', '单败淘汰','']],
-    multiArray1: [['循环赛', '半决赛', '双决赛',''], ['单循环', '双循环',''], ['淘汰赛', '单败淘汰','']],
+    multiIndex: [0,0],
+    multiIndex1: [0,0],
+    multiArray: [['循环制',''], ['单循环', '双循环', '四循环','']],
+    multiArray1: [['淘汰制',''], ['单败淘汰', '双败淘汰', '交叉淘汰','']],
   },
   bindMultiPickerChange: function (e) {
     console.log('picker发送选择改变，携带值为', e.detail.value)

pages/competition/index.wxml

@@ -44,7 +44,7 @@
           <view class="mult">赛制</view>
           <picker mode="multiSelector" bindchange="bindMultiPickerChange" bindcolumnchange="bindMultiPickerColumnChange" value="{{multiIndex}}" range="{{multiArray}}">
             <view class="mults">
-              {{multiArray[0][multiIndex[0]]}}，{{multiArray[1][multiIndex[1]]}}，{{multiArray[2][multiIndex[2]]}}
+              {{multiArray[0][multiIndex[0]]}}，{{multiArray[1][multiIndex[1]]}}
             </view>
           </picker>
         </view>
@@ -54,7 +54,7 @@
           <view class="mult">赛制</view>
           <picker mode="multiSelector" bindchange="bindMultiPickerChange" bindcolumnchange="bindMultiPickerColumnChange" value="{{multiIndex1}}" range="{{multiArray1}}">
             <view class="mults">
-              {{multiArray1[0][multiIndex1[0]]}}，{{multiArray1[1][multiIndex1[1]]}}，{{multiArray1[2][multiIndex1[2]]}}
+              {{multiArray1[0][multiIndex1[0]]}}，{{multiArray1[1][multiIndex1[1]]}}
             </view>
           </picker>
         </view>

pages/competition/index.wxss

@@ -86,7 +86,7 @@
 }
 .mult{
   float: left;
-  width: 50%;
+  width: 65%;
   padding-left:15px;
   font-size: 14px;
   line-height: 80rpx;

pages/team/apply.js

@@ -0,0 +1,120 @@
+// pages/login/login.js
+import WxValidate from '../../utils/wxValidate'
+const app = getApp()
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    src: '/image/adimges.jpg',
+    src1: '/image/head1.png',
+    frameStyle: { useTop: false, name: '团队审核', leftArrow: true, useBar: false },
+    // 主体高度
+    infoHeight: '',
+    list: [
+      {
+        id: '1',time: '08:30', date: '2022.01.15',Founder:'XXX',group:'哈拉海队',person:'10',grade:'c'
+      }
+    ],
+    lists: [
+      {
+        id: '1',name:'老头1',head:'/image/tou.png'
+      },
+      {
+        id: '1',name:'老头2',head:'/image/tou.png'
+      },
+      {
+        id: '1',name:'老头3',head:'/image/tou.png'
+      },
+      {
+        id: '1',name:'老头4',head:'/image/tou.png'
+      },
+      {
+        id: '1',name:'老头5',head:'/image/tou.png'
+      },
+      {
+        id: '1',name:'老头6',head:'/image/tou.png'
+      },
+      {
+        id: '1',name:'老头7',head:'/image/tou.png'
+      },
+
+      {
+        id: '1',name:'老头8',head:'/image/tou.png'
+      },
+      {
+        id: '1',name:'老头9',head:'/image/tou.png'
+      },
+    ],
+  },
+  back: function () {
+    wx.navigateBack({ url: '/pages/home/index' })
+  },
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+    // 计算高度
+    this.searchHeight()
+  },
+  // 计算高度
+  searchHeight: function () {
+    let frameStyle = this.data.frameStyle;
+    let client = app.globalData.client;
+    // 减去状态栏
+    let infoHeight = client.windowHeight - (client.statusBarHeight + client.getMenu.height + (client.getMenu.top - client.statusBarHeight) * 2);
+    // 是否减去底部菜单
+    if (frameStyle.useBar) infoHeight = infoHeight - 50;
+    if (infoHeight) this.setData({ infoHeight: infoHeight })
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function () {
+
+  }
+})

pages/team/apply.json

@@ -0,0 +1,6 @@
+{
+  "component": true,
+  "usingComponents": {
+    "mobile-main": "/commpents/mobile-frame/mobile-main"
+  }
+}

pages/team/apply.wxml

@@ -0,0 +1,70 @@
+<mobile-main frameStyle="{{frameStyle}}" bind:back="back">
+  <view slot="info" class="main" style="height:{{infoHeight}}px;">
+    <view class="one">
+      <view class="one-1">
+        <view class="onea">
+          <cover-image src='/image/back.png' class="back" bindtap='back'></cover-image>
+        </view>
+        <view class="ones">
+          <text>团队信息</text>
+        </view>
+        <image style="width: 100%; height: 280px; background-color: #eeeeee;" src="{{src}}"></image>
+      </view>
+      <view class="one-2" wx:key="item" wx:for="{{list}}">
+        <image class="imgs" src="{{src1}}"></image>
+      </view>
+    </view>
+    <view class="one-3" wx:key="item" wx:for="{{list}}">
+      <view class="group">{{item.group}}<text class=" icon iconfont icon-C1" wx:if="{{item.grade}}"></text></view>
+      <view class="person">共{{item.person}}人</view>
+    </view>
+    <view class="two" wx:key="item" wx:for="{{list}}">
+      <view class="two-1">
+        <view class="two1">
+          <view class="two-left1">
+            <text class=" icon iconfont icon-dian"></text>
+          </view>
+          <view class="two-right1">
+            <view><text class="zi">创建人：</text>{{item.Founder}}</view>
+          </view>
+        </view>
+        <view class="two2">
+          <view class="two-left2">
+            <text class=" icon iconfont icon-dian"></text>
+          </view>
+          <view class="two-right2">
+            <view><text class="zi">创建时间：</text><text class="date">{{item.date}}</text>{{item.time}}</view>
+          </view>
+        </view>
+      </view>
+    </view>
+    <view class="thr">
+      <view><text class="tuan">队员信息</text></view>
+      <view class="thr-1" wx:key="item" wx:for="{{lists}}">
+        <view class="thr1">
+          <view class="thr-left">
+            <image class="img" src="{{item.head}}"></image>
+          </view>
+          <view class="thr-right"><text class="name">{{item.name}}</text> </view>
+        </view>
+      </view>
+      <view class="thr-2">
+        <view class="thr2">
+          <view class="thr3">
+            <text class=" icon iconfont icon-jia"></text>
+          </view>
+        </view>
+      </view>
+    </view>
+    <view class="four">
+      <view class="four-1">
+        <view class="four1">
+          <button class="button" form-type="submit">驳回</button>
+        </view>
+        <view class="four2">
+          <button class="buttons" form-type="submit">通过</button>
+        </view>
+      </view>
+    </view>
+  </view>
+</mobile-main>

pages/team/apply.wxss

@@ -0,0 +1,194 @@
+.main {
+  position: relative;
+  width: 100%;
+}
+.back {
+  width: 40rpx;
+  height: 40rpx;
+  left: 15px;
+  width: 40rpx;
+  height: 40rpx;
+}
+.onea{
+  font-weight: 600;
+  position: absolute;
+  top: 5%;
+  left: 2%;
+}
+.ones{
+  font-weight: 600;
+  position: absolute;
+  top: 5%;
+  left: 42%;
+  color: #ffffff;
+}
+.one-2{
+  position: absolute;
+  top: 18%;
+  left: 41%;
+  width: 18%;
+  height: 63.78px;
+  border-radius: 50%; 
+}
+.one-3{
+  position: absolute;
+  top: 29%;
+  left: 40%;
+  width: 23%;
+  height: 63.78px;
+}
+.imgs{
+  margin-top: 4px;
+  margin-left: 2px;
+  width: 95%;
+  height: 51.58px; 
+}
+.two-1{
+  margin-top: -4px;
+  background-color: #ffffff;
+  font-size: 15px;
+  margin-bottom: 6%;
+}
+.two{
+  background-color: #ffffff;
+}
+.two1{
+  padding-top: 30px;
+  padding-bottom: 10px;
+}
+.two2{
+  padding-bottom: 20px;
+}
+.two-left1{
+  float: left;
+  margin-top: -3px;
+  width: 10%;
+}
+.two-left2{
+  margin-top: -3px;
+  float: left;
+  width: 10%;
+}
+.zi{
+  color: #9e9e9e;
+}
+.date{
+  margin-right: 2%;
+}
+.thr{
+  padding-top: 15px;
+  background-color: #ffffff;
+}
+.tuan {
+  margin-left: 11px;
+  font-size: 16px;
+  font-weight: 500;
+  margin-right: 10px;
+}
+.thr-left{
+  width: 79%;
+  height: 49px;
+  background-color: #eeeeee;
+}
+.img{
+  width: 100%;
+  height: 49px; 
+}
+.thr-1{
+  padding-top: 10px;
+  padding-left: 10px;
+  float: left;
+  width: 17.2%;
+  background-color: #ffffff;
+  padding-bottom: 5px;
+}
+.thr1{
+  background-color: #ffffff;
+}
+.thr-2{
+  padding-top: 10px;
+  padding-left: 8px;
+  float: left;
+  width: 18%;
+  height: 75px;
+  background-color: #ffffff;
+  /* border: 1px solid red; */
+}
+.thr2{
+  float: left;
+  width: 50px;
+  height: 50px;
+  border: 2px solid #dddcdc;
+}
+.name{
+  margin-left: 10px;
+  font-size: 13px;
+  color: #727272;
+}
+.thr3{
+  margin-top: 22%;
+  margin-left: 23%;
+}
+.four{
+  background-color: white;
+}
+.four-1{
+  background-color: white;
+  width: 100%;
+  height: 280px;
+  margin-top: 10%;
+}
+.four1{
+  background-color: white;
+  margin-top: 15%;
+  margin-bottom: 15%;
+  margin-left: 10%;
+  float: left;
+  width: 37%;
+}
+.four2{
+  background-color: white;
+  margin-top: 15%;
+  margin-bottom: 15%;
+  float: left;
+  width: 30%;
+}
+.button{
+  margin-top: 0 !important;
+  width: 140px !important;
+  height: 35px;
+  background-color: rgba(209, 205, 205, 0.5);
+  /* background-image: linear-gradient(to right, rgb(236, 75, 83) , rgb(247, 41, 230)); */
+  border-top-left-radius: 1.5em;
+  border-top-right-radius: 0em;
+  border-bottom-right-radius: 0em;
+  border-bottom-left-radius: 1.5em;
+  color:#777777; 
+  font-size: 14px;
+}
+.buttons{
+  margin-top: 0 !important;
+  width: 140px !important;
+  height: 35px;
+  background-color: rgba(32, 88, 243, 0.5);
+  background-image: linear-gradient(to right, rgb(75, 113, 236) , rgb(203, 97, 245));
+  border-top-left-radius: 0em;
+  border-top-right-radius: 1.5em;
+  border-bottom-right-radius: 1.5em;
+  border-bottom-left-radius: 0em;
+  color:#ffffff; 
+  font-size: 14px;
+}
+.group{
+  width: 100%;
+  color: #ffffff;
+  margin-top: 20%;
+  margin-left: 2%;
+  margin-bottom: 10%;
+}
+.person{
+  margin-left: 18%;
+  font-size: 13px;
+  color: #ffffff;
+  font-weight: 300;
+}

pages/team/examine.js

@@ -0,0 +1,131 @@
+// pages/login/login.js
+import WxValidate from '../../utils/wxValidate'
+const app = getApp()
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    src: '/image/adimges.jpg',
+    src1: '/image/head1.png',
+    frameStyle: { useTop: false, name: '团队详情', leftArrow: true, useBar: false },
+    // 主体高度
+    infoHeight: '',
+    list: [
+      {
+        id: '1',time: '08:30', date: '2022.01.15',Founder:'XXX',group:'哈拉海队',person:'10'
+      }
+    ],
+    listend: [
+      {
+        id: '1',name: '经开区足球比赛', state: '已结束',mark:'团队获得第4名',num:'20'
+      },
+      {
+        id: '1',name: '经开区足球比赛', state: '已结束',mark:'团队获得第4名',num:'20'
+      },
+      {
+        id: '1',name: '经开区足球比赛', state: '已结束',mark:'团队获得第4名',num:'20'
+      }
+    ],
+    lists: [
+      {
+        id: '1',name:'老头1',head:'/image/tou.png'
+      },
+      {
+        id: '1',name:'老头2',head:'/image/tou.png'
+      },
+      {
+        id: '1',name:'老头3',head:'/image/tou.png'
+      },
+      {
+        id: '1',name:'老头4',head:'/image/tou.png'
+      },
+      {
+        id: '1',name:'老头5',head:'/image/tou.png'
+      },
+      {
+        id: '1',name:'老头6',head:'/image/tou.png'
+      },
+      {
+        id: '1',name:'老头7',head:'/image/tou.png'
+      },
+
+      {
+        id: '1',name:'老头8',head:'/image/tou.png'
+      },
+      {
+        id: '1',name:'老头9',head:'/image/tou.png'
+      },
+    ],
+  },
+  back: function () {
+    wx.navigateBack({ url: '/pages/home/index' })
+  },
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+    // 计算高度
+    this.searchHeight()
+  },
+  // 计算高度
+  searchHeight: function () {
+    let frameStyle = this.data.frameStyle;
+    let client = app.globalData.client;
+    // 减去状态栏
+    let infoHeight = client.windowHeight - (client.statusBarHeight + client.getMenu.height + (client.getMenu.top - client.statusBarHeight) * 2);
+    // 是否减去底部菜单
+    if (frameStyle.useBar) infoHeight = infoHeight - 50;
+    if (infoHeight) this.setData({ infoHeight: infoHeight })
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function () {
+
+  }
+})

pages/team/examine.json

@@ -0,0 +1,6 @@
+{
+  "component": true,
+  "usingComponents": {
+    "mobile-main": "/commpents/mobile-frame/mobile-main"
+  }
+}

pages/team/examine.wxml

@@ -0,0 +1,77 @@
+<mobile-main frameStyle="{{frameStyle}}" bind:back="back">
+  <view slot="info" class="main" style="height:{{infoHeight}}px;">
+    <view class="one">
+      <view class="one-1">
+        <view class="onea">
+          <cover-image src='/image/back.png' class="back" bindtap='back'></cover-image>
+        </view>
+        <view class="ones">
+          <text>团队详情</text>
+        </view>
+        <image style="width: 100%; height: 280px; background-color: #eeeeee;" src="{{src}}"></image>
+      </view>
+      <view class="one-2" wx:key="item" wx:for="{{list}}">
+        <image class="imgs" src="{{src1}}"></image>
+      </view>
+      <view class="one-3" wx:key="item" wx:for="{{list}}">
+      <view class="group">{{item.group}}</view>
+      <view class="person">共{{item.person}}人</view>
+    </view>
+    </view>
+    <view class="two" wx:key="item" wx:for="{{list}}">
+      <view class="two-1">
+        <view class="two1">
+          <view class="two-left1">
+            <text class=" icon iconfont icon-dian"></text>
+          </view>
+          <view class="two-right1">
+            <view><text class="zi">创建人：</text>{{item.Founder}}</view>
+          </view>
+        </view>
+        <view class="two2">
+          <view class="two-left2">
+            <text class=" icon iconfont icon-dian"></text>
+          </view>
+          <view class="two-right2">
+            <view><text class="zi">创建时间：</text><text class="date">{{item.date}}</text>{{item.time}}</view>
+          </view>
+        </view>
+      </view>
+    </view>
+    <view class="thr">
+      <view><text class="tuan">队员信息</text></view>
+      <view class="thr-1" wx:key="item" wx:for="{{lists}}">
+        <view class="thr1">
+          <view class="thr-left">
+            <image class="img" src="{{item.head}}"></image>
+          </view>
+          <view class="thr-right"><text class="name">{{item.name}}</text> </view>
+        </view>
+      </view>
+      <view class="thr-2">
+        <view class="thr2">
+          <view class="thr3">
+            <text class=" icon iconfont icon-jia"></text>
+          </view>
+        </view>
+      </view>
+    </view>
+    <view class="four">
+      <view class="four1">
+        <text class="four11">参赛历史</text>
+      </view>
+      <view class="list" wx:key="item" wx:for="{{listend}}">
+        <view class="four2">
+          <view class="left">
+            <view class="names">{{item.name}}</view>
+            <button class="buttonend" size="mini">{{item.state}}</button>
+            <view class="otherInfos">
+              <text class="text1">{{item.mark}}</text>
+            </view>
+          </view>
+          <view class="num"><text class="text3">{{item.num}}</text></view>
+        </view>
+      </view>
+    </view>
+  </view>
+</mobile-main>

pages/team/examine.wxss

@@ -0,0 +1,229 @@
+.main {
+  position: relative;
+  width: 100%;
+}
+
+.back {
+  width: 40rpx;
+  height: 40rpx;
+  left: 15px;
+  width: 40rpx;
+  height: 40rpx;
+}
+
+.onea {
+  font-weight: 600;
+  position: absolute;
+  top: 5%;
+  left: 2%;
+}
+
+.ones {
+  font-weight: 600;
+  position: absolute;
+  top: 5%;
+  left: 42%;
+  color: #ffffff;
+}
+
+.one-2 {
+  position: absolute;
+  top: 18%;
+  left: 41%;
+  width: 18%;
+  height: 63.78px;
+  border-radius: 50%;
+}
+.one-3{
+  position: absolute;
+  top: 29%;
+  left: 41.5%;
+  width: 23%;
+  height: 63.78px;
+}
+
+.imgs {
+  margin-top: 4px;
+  margin-left: 2px;
+  width: 95%;
+  height: 51.58px;
+}
+
+.two-1 {
+  margin-top: -4px;
+  background-color: #ffffff;
+  font-size: 15px;
+  margin-bottom: 6%;
+}
+
+.two {
+  background-color: #ffffff;
+}
+
+.two1 {
+  padding-top: 30px;
+  padding-bottom: 10px;
+}
+
+.two2 {
+  padding-bottom: 20px;
+}
+
+.two-left1 {
+  float: left;
+  margin-top: -3px;
+  width: 10%;
+}
+
+.two-left2 {
+  margin-top: -3px;
+  float: left;
+  width: 10%;
+}
+
+.zi {
+  color: #9e9e9e;
+}
+
+.date {
+  margin-right: 2%;
+}
+
+.thr {
+  padding-top: 15px;
+  background-color: #ffffff;
+}
+
+.tuan {
+  margin-left: 11px;
+  font-size: 16px;
+  font-weight: 550;
+  margin-right: 10px;
+}
+
+.thr-left {
+  width: 79%;
+  height: 49px;
+  background-color: #eeeeee;
+}
+
+.img {
+  width: 100%;
+  height: 49px;
+}
+
+.thr-1 {
+  padding-top: 10px;
+  padding-left: 10px;
+  float: left;
+  width: 17.2%;
+  background-color: #ffffff;
+  padding-bottom: 5px;
+}
+
+.thr1 {
+  background-color: #ffffff;
+}
+
+.thr-2 {
+  padding-top: 10px;
+  padding-left: 8px;
+  float: left;
+  width: 18%;
+  height: 75px;
+  background-color: #ffffff;
+  /* border: 1px solid red; */
+}
+
+.thr2 {
+  float: left;
+  width: 50px;
+  height: 50px;
+  border: 2px solid #dddcdc;
+}
+
+.name {
+  margin-left: 10px;
+  font-size: 13px;
+  color: #727272;
+}
+
+.thr3 {
+  margin-top: 22%;
+  margin-left: 23%;
+}
+
+.group {
+  color: #ffffff;
+  margin-top: 20%;
+  margin-left: 2%;
+  margin-bottom: 10%;
+}
+
+.person {
+  margin-left: 18%;
+  font-size: 13px;
+  color: #ffffff;
+  font-weight: 300;
+}
+
+.buttonend {
+  background-color: rgb(136, 136, 136);
+  border-radius: 15px;
+  font-size: 13px !important;
+  color: #fff;
+}
+
+.four {
+  float: left;
+  width: 100%;
+  margin-top: 3%;
+}
+
+.four1 {
+  padding-top: 10px;
+  padding-left: 10px;
+  background-color: #ffffff;
+}
+.four11{
+  font-size: 15px;
+  font-weight: 550;
+}
+
+.names {
+  float: left;
+  width: 47%;
+  margin-top: 2px;
+  font-size: 16px;
+  color: #0034cf;
+  font-weight: bold;
+}
+.text1{
+  color: #616161;
+  font-size: 13px;
+}
+.left{
+  float: left;
+  width: 68%;
+}
+.num{
+  margin-top: 10px;
+  margin-left: 300px;
+}
+.four2{
+  width: 100%;
+  height: 60px;
+  padding-top: 2%;
+}
+
+.list {
+  padding-left: 10px;
+  background-color: #fff;
+  margin-bottom: 5px;
+}
+
+.text3 {
+  font-size: 18px;
+  font-weight: 700;
+  color: #f73838;
+}