<template>
  <div class="warrper">
    <div v-if="subNavShow == true" style="padding:24px 12px 24px 24px;">
      <div class="gotoButton pb24" style="padding-right:12px;" @click="gotoCLick"><i class="gotoIcon"></i>返回</div>
      <div class="gjhqTitle pb24" style="padding-right:12px;" >上报中心</div>
      <div v-if="basiDatas[0].report_status == 2">
        <div class="countdownTimers" v-if="typeTimer == 1 || typeTimer == 3">{{ timeTitle }}<span>{{ homeDay }}</span>天<span>{{ homexs }}</span>小时<span>{{ homef }}</span>分<span>{{ homem }}</span>秒</div>
      </div>
      <div class="basslslslwar">        
        <div class="tipTisBox" v-if="basiDatas[0].report_status == 1"><i></i>本月工作已上报，常态工作已暂停采集。请等待下个自然月初恢复</div>
        <div class="countdownTimers" v-if="typeTimer == 4">{{ timeTitle }}<span>{{ homeDay }}</span>天<span>{{ homexs }}</span>小时<span>{{ homef }}</span>分<span>{{ homem }}</span>秒</div>
        <div class="gjhqTitle pb24" style="padding-right:12px;" ><span class="rf"><span class="titlesSml">完成度</span> {{parseInt(wcdNum)}} %</span>基础信息采集</div>
        <div style="margin-right:12px;">
          <div class="basiWcd">
            <div class="basiWcdjdNums" :style="{width:parseInt(wcdNum)+'%'}"></div>
          </div>
        </div>
        <div class="basicinBox">
          <div class="ulliBox" v-for="(item, i) in basiDatas" :key="i">
            <div class="ulli"  v-if="item.meun == true">
              <div class="basicTile">{{ item.titles }}</div>
              <div class="basicinLibs" v-for="(itemSub, idex) in item.arrayDatas" :key="idex">
                  <div class="basicinLi">
                    <div class="basicTile">{{ itemSub.titles }}</div>
                    <div class="basicInfo">
                      <span class="jrButton" @click="tbDbFkClick(item, 'dbfk', 'edit')"></span>
                      <span v-if="item.wcd != null"><i class="iconInfo"></i>完整度 {{ item.wcd }} %</span>
                      <span v-else>-</span>
                      <span v-if="item.dbfk != null"><i class="iconInfo1"></i>督办反馈 {{ item.dbfk }}</span>
                      <span v-else>-</span>
                    </div>
                </div>
              </div>
            </div>
          </div>
          <div class="clear"></div>
        </div>
        <div class="gjhqTitle pb24" style="padding-right:12px;" ><span class="rf"><span class="titlesSml">完成度</span> {{parseInt(wcdNumCt)}} %</span>常态工作记录</div>
        <div style="margin-right:12px;">
          <div class="basiWcd">
            <div class="basiWcdjdNums" :style="{width:parseInt(wcdNumCt)+'%'}"></div>
          </div>
        </div>
        <div class="basicinBox">
          <div class="ulliBox" v-for="(item, i) in basiDatas" :key="i">
            <div class="ulli"  v-if="item.meun == true">
              <div class="basicTile">{{ item.titles }}</div>
              <div class="basicinLibs" v-for="(itemSub, idex) in item.arrayDatas" :key="idex">
                  <div class="basicinLi">
                    <div class="basicTile">{{ itemSub.titles }}</div>
                    <div class="basicInfo">
                      <span class="jrButton" @click="tbDbFkClick(item, 'dbfk', 'edit')"></span>
                      <span v-if="item.wcd != null"><i class="iconInfo"></i>完整度 {{ item.wcd }} %</span>
                      <span v-else>-</span>
                      <span v-if="item.dbfk != null"><i class="iconInfo1"></i>督办反馈 {{ item.dbfk }}</span>
                      <span v-else>-</span>
                    </div>
                </div>
              </div>
            </div>
          </div>
          <div class="clear"></div>
        </div>
      </div>
    </div>
    <div v-else>
      <div :is="componentVal" @gotoBack="subNavBack"></div>
    </div>
    <div class="reportButton">
      <div class="gjhqbtn">
        <el-button class="gjhqprimarybtn gjhqprimaryDisabl" v-if="basiDatas[0].report_status == 1">上报</el-button>
        <el-button class="gjhqprimarybtn" @click="upBaoHandleClick" v-else>上报</el-button>
      </div>
    </div>
  </div>
</template>
<script>
import schoolscale from '../schoolscale/schoolscale.vue'
import { adminLoginqx, adminScalelvl } from '../../axios/api'
import { adminreport, adminreportcycle } from '../../axios/apiliangbiao'
export default {
  name: 'basicinfocoll',
  components: {
    schoolscale
  },
  data () {
    return {
      timeTitle: '距离下次上报',
      typeTimer: '',
      subNavShow: true,
      componentVal: 'schoolscale',
      quanxian: '',
      wcdNum: 0,
      wcdNumCt: 0,
      homeDay: '',
      homexs: '',
      homef: '',
      homem: '',
      reportcode: '',
      basiDatas: [
        {
          titles: '1.1 学校基础信息采集量表',
          wcd: 100,
          dbfk: 0,
          url: 'schoolscale',
          showV: '1',
          name: 'admin:school',
          role: [],
          meun: false,
          if_insert: 1,
          reportEdit: true,
          arrayDatas: [
            {
              titles: '1.1.1 学校基础信息采集量表',
              wcd: 100,
              dbfk: 0,
              url: 'schoolscale',
              showV: '1',
              name: 'admin:school',
              role: [],
              meun: false,
              if_insert: 1,
              reportEdit: true
            },
            {
              titles: '1.1.1 学校基础信息采集量表',
              wcd: 100,
              dbfk: 0,
              url: 'schoolscale',
              showV: '1',
              name: 'admin:school',
              role: [],
              meun: false,
              if_insert: 1,
              reportEdit: true
            }
          ]
        },
        {
          titles: '1.2 学校基础信息采集量表',
          wcd: 100,
          dbfk: 0,
          url: 'schoolscale',
          showV: '1',
          name: 'admin:school',
          role: [],
          meun: false,
          if_insert: 1,
          reportEdit: true,
          arrayDatas: [
            {
              titles: '1.2.1 学校基础信息采集量表',
              wcd: 100,
              dbfk: 0,
              url: 'schoolscale',
              showV: '1',
              name: 'admin:school',
              role: [],
              meun: false,
              if_insert: 1,
              reportEdit: true
            },
            {
              titles: '1.2,1 学校基础信息采集量表',
              wcd: 100,
              dbfk: 0,
              url: 'schoolscale',
              showV: '1',
              name: 'admin:school',
              role: [],
              meun: false,
              if_insert: 1,
              reportEdit: true
            },
            {
              titles: '1.2.1 学校基础信息采集量表',
              wcd: 100,
              dbfk: 0,
              url: 'schoolscale',
              showV: '1',
              name: 'admin:school',
              role: [],
              meun: false,
              if_insert: 1,
              reportEdit: true
            },
            {
              titles: '1.2,1 学校基础信息采集量表',
              wcd: 100,
              dbfk: 0,
              url: 'schoolscale',
              showV: '1',
              name: 'admin:school',
              role: [],
              meun: false,
              if_insert: 1,
              reportEdit: true
            },
            {
              titles: '1.2.1 学校基础信息采集量表',
              wcd: 100,
              dbfk: 0,
              url: 'schoolscale',
              showV: '1',
              name: 'admin:school',
              role: [],
              meun: false,
              if_insert: 1,
              reportEdit: true
            },
            {
              titles: '1.2,1 学校基础信息采集量表',
              wcd: 100,
              dbfk: 0,
              url: 'schoolscale',
              showV: '1',
              name: 'admin:school',
              role: [],
              meun: false,
              if_insert: 1,
              reportEdit: true
            }
          ]
        },
        {
          titles: '1.3 学校基础信息采集量表',
          wcd: 100,
          dbfk: 0,
          url: 'schoolscale',
          showV: '1',
          name: 'admin:school',
          role: [],
          meun: false,
          if_insert: 1,
          reportEdit: true,
          arrayDatas: [
            {
              titles: '1.3.1 学校基础信息采集量表',
              wcd: 100,
              dbfk: 0,
              url: 'schoolscale',
              showV: '1',
              name: 'admin:school',
              role: [],
              meun: false,
              if_insert: 1,
              reportEdit: true
            },
            {
              titles: '1.3.1 学校基础信息采集量表',
              wcd: 100,
              dbfk: 0,
              url: 'schoolscale',
              showV: '1',
              name: 'admin:school',
              role: [],
              meun: false,
              if_insert: 1,
              reportEdit: true
            }
          ]
        },
        {
          titles: '1.3 学校基础信息采集量表',
          wcd: 100,
          dbfk: 0,
          url: 'schoolscale',
          showV: '1',
          name: 'admin:school',
          role: [],
          meun: false,
          if_insert: 1,
          reportEdit: true,
          arrayDatas: [
            {
              titles: '1.3.1 学校基础信息采集量表',
              wcd: 100,
              dbfk: 0,
              url: 'schoolscale',
              showV: '1',
              name: 'admin:school',
              role: [],
              meun: false,
              if_insert: 1,
              reportEdit: true
            },
            {
              titles: '1.3.1 学校基础信息采集量表',
              wcd: 100,
              dbfk: 0,
              url: 'schoolscale',
              showV: '1',
              name: 'admin:school',
              role: [],
              meun: false,
              if_insert: 1,
              reportEdit: true
            }
          ]
        },
        {
          titles: '1.3 学校基础信息采集量表',
          wcd: 100,
          dbfk: 0,
          url: 'schoolscale',
          showV: '1',
          name: 'admin:school',
          role: [],
          meun: false,
          if_insert: 1,
          reportEdit: true,
          arrayDatas: [
            {
              titles: '1.3.1 学校基础信息采集量表',
              wcd: 100,
              dbfk: 0,
              url: 'schoolscale',
              showV: '1',
              name: 'admin:school',
              role: [],
              meun: false,
              if_insert: 1,
              reportEdit: true
            },
            {
              titles: '1.3.1 学校基础信息采集量表',
              wcd: 100,
              dbfk: 0,
              url: 'schoolscale',
              showV: '1',
              name: 'admin:school',
              role: [],
              meun: false,
              if_insert: 1,
              reportEdit: true
            }
          ]
        }
      ],
      basiDatasTwe: [
        {
          titles: '1.1 学校基础信息采集量表',
          wcd: 100,
          dbfk: 0,
          url: 'schoolscale',
          showV: '1',
          name: 'admin:school',
          role: [],
          meun: false,
          if_insert: 1,
          reportEdit: true,
          arrayDatas: [
            {
              titles: '1.1.1 学校基础信息采集量表',
              wcd: 100,
              dbfk: 0,
              url: 'schoolscale',
              showV: '1',
              name: 'admin:school',
              role: [],
              meun: false,
              if_insert: 1,
              reportEdit: true
            },
            {
              titles: '1.1.1 学校基础信息采集量表',
              wcd: 100,
              dbfk: 0,
              url: 'schoolscale',
              showV: '1',
              name: 'admin:school',
              role: [],
              meun: false,
              if_insert: 1,
              reportEdit: true
            }
          ]
        },
        {
          titles: '1.2 学校基础信息采集量表',
          wcd: 100,
          dbfk: 0,
          url: 'schoolscale',
          showV: '1',
          name: 'admin:school',
          role: [],
          meun: false,
          if_insert: 1,
          reportEdit: true,
          arrayDatas: [
            {
              titles: '1.2.1 学校基础信息采集量表',
              wcd: 100,
              dbfk: 0,
              url: 'schoolscale',
              showV: '1',
              name: 'admin:school',
              role: [],
              meun: false,
              if_insert: 1,
              reportEdit: true
            },
            {
              titles: '1.2,1 学校基础信息采集量表',
              wcd: 100,
              dbfk: 0,
              url: 'schoolscale',
              showV: '1',
              name: 'admin:school',
              role: [],
              meun: false,
              if_insert: 1,
              reportEdit: true
            },
            {
              titles: '1.2.1 学校基础信息采集量表',
              wcd: 100,
              dbfk: 0,
              url: 'schoolscale',
              showV: '1',
              name: 'admin:school',
              role: [],
              meun: false,
              if_insert: 1,
              reportEdit: true
            },
            {
              titles: '1.2,1 学校基础信息采集量表',
              wcd: 100,
              dbfk: 0,
              url: 'schoolscale',
              showV: '1',
              name: 'admin:school',
              role: [],
              meun: false,
              if_insert: 1,
              reportEdit: true
            },
            {
              titles: '1.2.1 学校基础信息采集量表',
              wcd: 100,
              dbfk: 0,
              url: 'schoolscale',
              showV: '1',
              name: 'admin:school',
              role: [],
              meun: false,
              if_insert: 1,
              reportEdit: true
            },
            {
              titles: '1.2,1 学校基础信息采集量表',
              wcd: 100,
              dbfk: 0,
              url: 'schoolscale',
              showV: '1',
              name: 'admin:school',
              role: [],
              meun: false,
              if_insert: 1,
              reportEdit: true
            }
          ]
        },
        {
          titles: '1.3 学校基础信息采集量表',
          wcd: 100,
          dbfk: 0,
          url: 'schoolscale',
          showV: '1',
          name: 'admin:school',
          role: [],
          meun: false,
          if_insert: 1,
          reportEdit: true,
          arrayDatas: [
            {
              titles: '1.3.1 学校基础信息采集量表',
              wcd: 100,
              dbfk: 0,
              url: 'schoolscale',
              showV: '1',
              name: 'admin:school',
              role: [],
              meun: false,
              if_insert: 1,
              reportEdit: true
            },
            {
              titles: '1.3.1 学校基础信息采集量表',
              wcd: 100,
              dbfk: 0,
              url: 'schoolscale',
              showV: '1',
              name: 'admin:school',
              role: [],
              meun: false,
              if_insert: 1,
              reportEdit: true
            }
          ]
        },
        {
          titles: '1.3 学校基础信息采集量表',
          wcd: 100,
          dbfk: 0,
          url: 'schoolscale',
          showV: '1',
          name: 'admin:school',
          role: [],
          meun: false,
          if_insert: 1,
          reportEdit: true,
          arrayDatas: [
            {
              titles: '1.3.1 学校基础信息采集量表',
              wcd: 100,
              dbfk: 0,
              url: 'schoolscale',
              showV: '1',
              name: 'admin:school',
              role: [],
              meun: false,
              if_insert: 1,
              reportEdit: true
            },
            {
              titles: '1.3.1 学校基础信息采集量表',
              wcd: 100,
              dbfk: 0,
              url: 'schoolscale',
              showV: '1',
              name: 'admin:school',
              role: [],
              meun: false,
              if_insert: 1,
              reportEdit: true
            }
          ]
        },
        {
          titles: '1.3 学校基础信息采集量表',
          wcd: 100,
          dbfk: 0,
          url: 'schoolscale',
          showV: '1',
          name: 'admin:school',
          role: [],
          meun: false,
          if_insert: 1,
          reportEdit: true,
          arrayDatas: [
            {
              titles: '1.3.1 学校基础信息采集量表',
              wcd: 100,
              dbfk: 0,
              url: 'schoolscale',
              showV: '1',
              name: 'admin:school',
              role: [],
              meun: false,
              if_insert: 1,
              reportEdit: true
            },
            {
              titles: '1.3.1 学校基础信息采集量表',
              wcd: 100,
              dbfk: 0,
              url: 'schoolscale',
              showV: '1',
              name: 'admin:school',
              role: [],
              meun: false,
              if_insert: 1,
              reportEdit: true
            }
          ]
        }
      ]
    }
  },
  created () {
    let that = this
    if (navigator.onLine) {
    } else {
      that.$messageOne({message: '网络异常，请检测网络是否链接！', type: 'error', duration: 3000})
      return
    }
    // 反向倒计时
    function startCountdown (endTime) {
      const end = new Date(endTime)
      let timer
      function updateCountdown () {
        const now = new Date()
        const diff = end - now
        if (diff <= 0) {
          clearInterval(timer)
          return
        }
        const seconds = Math.floor(diff / 1000) % 60
        const minutes = Math.floor(diff / 1000 / 60) % 60
        const hours = Math.floor(diff / (1000 * 60 * 60)) % 24
        const days = Math.floor(diff / (1000 * 60 * 60 * 24))
        that.homeDay = `${days}`
        that.homexs = `${hours}`
        that.homef = `${minutes}`
        that.homem = `${seconds}`
      }
      clearInterval(setInterval(updateCountdown, 1000))
      timer = setInterval(updateCountdown, 1000) // 每秒更新一次倒计时
      updateCountdown() // 立即更新一次，确保页面加载时显示正确的倒计时时间（如果需要的话）
    }
    // 正向倒计时
    function updateTimer (endTime) {
      function updateCountdown () {
        const now = new Date()
        const pastDate = new Date(endTime)
        const diffMs = now - pastDate
        const diffDays = Math.floor(diffMs / (1000 * 60 * 60 * 24))
        const diffHours = Math.floor((diffMs / (1000 * 60 * 60)) % 24)
        const diffMinutes = Math.floor((diffMs / (1000 * 60)) % 60)
        const diffSeconds = Math.floor((diffMs / 1000) % 60)
        that.homeDay = `${diffDays}`
        that.homexs = `${diffHours}`
        that.homef = `${diffMinutes}`
        that.homem = `${diffSeconds}`
      }
      clearInterval(setInterval(updateCountdown, 1000))
      setInterval(updateCountdown, 1000)
      updateCountdown()
    }
    adminreportcycle().then(res => {
      if (res.code == 10000) {
        let timer = res.day
        let type = res.type
        that.typeTimer = type
        if (res.report_code != null) {
          that.reportcode = res.report_code
        }
        if (type == 1) {
          // 反向倒计时
          startCountdown(timer)
          that.timeTitle = '距离下次上报'
        }
        if (type == 3) {
          // 反向倒计时
          startCountdown(timer)
          that.timeTitle = '距离下次上报'
        }
        if (type == 4) {
          // 正向倒计时
          updateTimer(timer)
          that.timeTitle = '已逾期上报'
        }
      } else if (res.code == 10002) {
        that.$router.push({name: 'Login'})
      } else {
        // that.$messageOne({message: res.message, type: 'error', duration: 3000})
      }
    }).catch(error => {
      that.$messageOne({message: error, type: 'error', duration: 3000})
    })
  },
  mounted () {
    let that = this    
    setTimeout(() => {
      adminLoginqx().then(res => {
        if (res.code == 10000) {
          if (res.role != null) {
            that.quanxian = res.role.id
          } else {
            that.quanxian = 0
          }
          if (res.system == 1) {
            let menulist = that.basiDatas
            let menulistTwe = that.basiDatasTwe
            for (var i = 0; i < menulist.length; i++) {
              menulist[i].meun = true
            }
            for (var i = 0; i < menulistTwe.length; i++) {
              menulistTwe[i].meun = true
            }
          } else {
            setTimeout(() => {
              let permissonListDatas = JSON.parse(localStorage.getItem('permissonListDatas'))
              let meunsArray = that.basiDatas
              for (var i = 0; i < meunsArray.length; i++) {
                let names = meunsArray[i].name
                for (var j = 0; j < permissonListDatas.length; j++) {
                  let arrNames = permissonListDatas[j].name
                  if (names == arrNames) {
                    meunsArray[i].role = permissonListDatas[j].roles
                  }
                }
              }
              that.meuns = meunsArray
              let menulist = that.basiDatas
              let qxVal = that.quanxian
              for (var i = 0; i < menulist.length; i++) {
                var qx = menulist[i].role
                for (var j = 0; j < qx.length; j++) {
                  if (qxVal == qx[j]) {
                    menulist[i].meun = true
                  }
                }
              }

              let meunsArrayTwe = that.basiDatasTwe
              for (var i = 0; i < meunsArrayTwe.length; i++) {
                let names = meunsArrayTwe[i].name
                for (var j = 0; j < permissonListDatas.length; j++) {
                  let arrNames = permissonListDatas[j].name
                  if (names == arrNames) {
                    meunsArrayTwe[i].role = permissonListDatas[j].roles
                  }
                }
              }
              that.basiDatasTwe = meunsArrayTwe
              let menulistTwe = that.basiDatasTwe
              for (var k = 0; k < menulistTwe.length; k++) {
                var qxs = menulistTwe[k].role
                for (var m = 0; m < qxs.length; m++) {
                  if (qxVal == qxs[m]) {
                    menulistTwe[k].meun = true
                  }
                }
              }
            }, 1000)
          }
        } else if (res.code == 10002) {
          that.$router.push({name: 'Login'})
        } else {
          that.$messageOne({message: res.message, type: 'error', duration: 3000})
        }
      }).catch(error => {
        that.$messageOne({message: error, type: 'error', duration: 3000})
      })
    }, 1500)
  },
  methods: {
    upBaoHandleClick () {
      let that = this
      this.$confirm('每月只可上报一次，上报成功后会无法再次上报。<br/>且无法填写常态工作内容。<br/>确定上报吗？', '提示', {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        dangerouslyUseHTMLString: true
      }).then(() => {
        let basiDatas = that.basiDatas
        let basiDatasTwe = that.basiDatasTwe
        let arr = []
        for (var i = 0; i < basiDatas.length; i++) {
          let completeness = parseInt(basiDatas[i].wcd)
          if (completeness > 0) {
            arr.push(basiDatas[i].id)
          }
        }
        for (var i = 0; i < basiDatasTwe.length; i++) {
          let completeness = parseInt(basiDatasTwe[i].wcd)
          if (completeness > 0) {
            arr.push(basiDatasTwe[i].id)
          }
        }
        let obj = {}
        obj.scale_lv1_data = arr.toString()
        adminreport(obj).then(res => {
          if (res.code == 10000) {
            that.$router.go(0)
          } else {
            that.$messageOne({message: res.message, type: 'error', duration: 3000})
          }
        }).catch(error => {
          console.log('error', error)
          that.$messageOne({message: error, type: 'error', duration: 3000})
        })
      }).catch(() => {
        this.$message({
          type: 'info',
          message: '取消上报'
        })
      })
    },
    gotoCLick () {
      this.$router.push({name: 'homes'})
    },
    tbTweClick (obj, txt) {
      obj.dbfkshow = true
      obj.report_code = this.reportcode
      obj.dbfj = 'dbfk'
      obj.edit = txt
      localStorage.setItem('basicinfollDatas', JSON.stringify(obj))
      this.subNavShow = false
      this.componentVal = obj.url
    },
    tbDbFkClick (obj, text, txt) {
      obj.dbfkshow = false
      obj.report_code = this.reportcode
      obj.dbfj = text
      obj.edit = txt
      localStorage.setItem('basicinfollDatas', JSON.stringify(obj))
      this.subNavShow = false
      this.componentVal = obj.url
    },
    subNavBack (value) {
      this.subNavShow = true
      this.componentVal = ''
    }
  }
}
</script>
<style scoped>
.basslslslwar{height:760px;overflow:hidden;overflow-y:auto;}
.basicinBox{margin:24px 0 0;}
.basicinBox .ulli{overflow:hidden;margin-bottom:24px;border-bottom:1px solid #E1E1E6;}
.basicinBox .basicTile{font-weight: bold;font-size: 20px;color: #161617;line-height: 28px;margin-bottom:16px;height:28px;overflow:hidden;}
.basicinBox .basicinLibs{width:25%;float:left;overflow:hidden;}
.basicinBox .basicinLi{background: #FFFFFF;border-radius: 2px;border: 1px solid #D9D9D9;margin-right:12px;padding:16px;margin-bottom:24px;height:70px;}
.basicinBox .basicinLi .basicInfo{padding-bottom:16px;font-size: 14px;color: #595959;line-height: 20px;}
.basicinBox .basicinLi .basicInfo span{margin-right:24px;}
.basicinBox .basicinLi .basicInfo .iconInfo{background:url('../../assets/icon48.png') no-repeat 0 0/100%;width:20px;height:20px;display:inline-block;margin-right:4px;position:relative;top:5px;}
.basicinBox .basicinLi .basicInfo .iconInfo1{background:url('../../assets/icon49.png') no-repeat 0 0/100%;width:20px;height:20px;display:inline-block;margin-right:4px;position:relative;top:5px;}
.basicinBox .basicinLi .basicInfo .jrButton{background:url('../../assets/icon56.png') no-repeat 0 0/100%;width:20px;height:20px;position:relative;top:5px;float:right;margin-right:0;cursor:pointer;}
.basiButton{padding-top:16px;cursor:pointer;font-size: 14px;color: #0071DB;line-height: 20px;text-align:right;}
.basiButton.cur{color:#A8ABB2}
.basiWcd{height: 8px;background: #E6E6E6;border-radius: 2px;overflow:hidden;width:100%;}
.basiWcd .basiWcdjdNums{height: 8px;background: #3384E2;overflow:hidden;}
.countdownTimers{height:30px;line-height:30px;font-size: 16px;color: #161617;margin-bottom:24px;}
.countdownTimers span{height: 30px;padding:0 8px;background: linear-gradient( 180deg, #5E5F62 0%, #303133 100%);box-shadow: inset 0px 2px 2px 0px rgba(0,0,0,0.5);border-radius: 2px;display:inline-block;margin:0 4px 0 12px;color:#fff;}
.reportButton{background: #FFFFFF;border-top:1px solid #E6E6E6;text-align:right;padding:16px 24px;}
.basicinBox .basicinLi .dbfkCLss{color:#F56C6C;}
.basiButton .basiButtonCUr{color:#A8ABB2}
.tipTisBox{height: 40px;background: #FCF6EC;border-radius: 4px;border: 1px solid #F8E3C5;line-height:40px;font-size: 14px;color: #E6A23C;padding:0 17px;margin-bottom:14px;margin-right:10px;}
.tipTisBox i{display:block;float:left;margin-right:4px;width:16px;height:16px;background:url('../../assets/icon9.png') no-repeat 0 0/100%;position:relative;top:12px;}
</style>
