.pagetop {
  width: 100%;
  height: 2.2rem;
  background: #393d43 url(../../images/cbj_imgs/cbj_bgi.jpg) no-repeat center;
  background-size: cover;
  text-align: center;
}
.pagetop .tit {
  font-size: 0.36rem;
  line-height: 0.5rem;
  color: #ffffff;
  letter-spacing: .01rem;
  font-weight: bold;
  padding-top: .5rem;
}
.countbox .ctitle {
  font-size: 0;
  text-align: left;
  padding: 1.3rem .3rem .26rem;
  background-color: #fff;
}
.countbox .ctitle .gonext {
  display: inline-block;
  vertical-align: top;
  font-size: 0.3rem;
  line-height: 0.54rem;
  padding-left: .2rem;
  color: #00ac65;
}
.countbox .ctitle .tit {
  display: inline-block;
  font-size: 0.32rem;
  line-height: 0.54rem;
  color: #333333;
  position: relative;
  padding-right: .9rem;
  font-weight: bold;
}
.countbox .ctitle .tit span {
  display: block;
  width: 0.85rem;
  height: 0.35rem;
  border-radius: .16rem .16rem .16rem 0;
  background-color: #00ac65;
  font-size: 0.18rem;
  line-height: 0.35rem;
  color: #ffffff;
  position: absolute;
  top: 0;
  right: 0;
  text-align: center;
}
.cbj_navbox {
    font-size: 0;
    width: 100%;
    height: 1.36rem;
    position: absolute;
    top: -0.72rem;
    left: 0;
    text-align: center;
    z-index: 99;
  }
.cbj_navbox .citem {
    display: inline-block;
    width: 2.18rem;
    height: 1.36rem;
    border-radius: 0.05rem;
    background-color: #f7f7f7;
    background: #f7f7f7 url(../../images/cbj_imgs/nav_icon11.png) no-repeat top 0.24rem center;
    background-size: .42rem .45rem;
    margin: 0 .09rem;
  }
.cbj_navbox .citem .tit {
    font-size: 0.24rem;
    line-height: 0.5rem;
    color: #333333;
    text-align: center;
    padding-top: .7rem;
  }
.cbj_navbox div.tosel {
    background-color: #507ff8;
  }
.cbj_navbox div.tosel .tit {
    color: #fff;
  }
  .cbj_navbox a.tosel {
    background-color: #507ff8;
  }
.cbj_navbox a.tosel .tit {
    color: #fff;
  }
.cbj_navbox .item1.tosel {
    background-image: url(../../images/cbj_imgs/nav_icon12.png);
  }
.cbj_navbox .item2.tosel {
    background-image: url(../../images/cbj_imgs/nav_icon22.png);
  }
.cbj_navbox .item3.tosel {
    background-image: url(../../images/cbj_imgs/nav_icon32.png);
  }
.cbj_navbox div.item2 {
    background-image: url(../../images/cbj_imgs/nav_icon21.png);
  }
.cbj_navbox div.item3 {
    background-image: url(../../images/cbj_imgs/nav_icon31.png);
  }
  .cbj_navbox a.item2 {
    background-image: url(../../images/cbj_imgs/nav_icon21.png);
  }
.cbj_navbox a.item3 {
    background-image: url(../../images/cbj_imgs/nav_icon31.png);
  }
  .yqdk_nav {
    background-color: #fff;
    font-size: 0;
    width: 100%;
    height: 1.16rem;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
  }
  .yqdk_nav::-webkit-scrollbar {
    display: none;
  }
  .yqdk_nav .citem {
    display: inline-block;
    vertical-align: bottom;
    padding: .4rem .34rem;
    font-size: 0.28rem;
    line-height: normal;
    color: #333333;
    font-weight: bold;
    position: relative;
  }
  .yqdk_nav .citem.gonav {
    color: #00ac65;
  }
  .yqdk_nav .citem.gonav::after {
    content: '';
    display: block;
    width: 0.3rem;
    height: 0.04rem;
    background-color: #00ac65;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -0.15rem;
  }
  .mask{
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
    top: 0;
    left: 0;
    z-index: 9999;
    display: none;
}
.mask .box{
    width: 5.58rem;
    height: 4.5rem;
    background: #fff;
    border-radius:.2rem;
    -webkit-border-radius:.2rem;
    overflow: hidden;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -2.79rem;
    margin-top: -2.25rem;
    box-sizing: border-box;
    padding: .5rem .35rem 0;
    -webkit-animation:toChangeBigOpen linear .2s;
    animation:toChangeBigOpen linear .2s;
}
.mask .box .box-tit{
    text-align: center;
    line-height: .46rem;
    height: .46rem;
    font-size: .36rem;
    color: #333;
    margin-bottom: .2rem;
}
.mask .box .input-wraper{
    position: relative;
    height: .84rem;
    background: #EAEAEA;
    border-radius: .1rem;
    -webkit-border-radius: .1rem;
    overflow: hidden;
    margin-bottom: .2rem;
}
.mask .box .input-wraper input{
    position: absolute;
    left: .4rem;
    display: block;
    height: .84rem;
    line-height: .84rem;
    text-align: left;
    width: 3.8rem;
    color: #333333;
    font-size: .3rem;
    background: transparent;
}
.mask .box .sub-btn{
    width: 3.28rem;
    height: .8rem;
    line-height:  .8rem;
    background:linear-gradient(90deg,rgba(39,93,245,1) 0%,rgba(99,163,244,1) 100%);
    border-radius: .4rem;
    -webkit-border-radius: .4rem;
    overflow: hidden;
    text-align: center;
    color: #fff;
    font-size: .32rem;
    margin: .24rem auto 0;
}
.mask .box .sub-btn a {
  display: block;
  width: 100%;
  height: 100%;
  color: #fff;
}
.mask .box .close{
    position: absolute;
    width: .18rem;
    height: .18rem;
    background: url("../../../_files/images/common/m_com_close.png") no-repeat center center;
    background-size: 100%;
    right:.15rem;
    top: .18rem;
}
@-webkit-keyframes goUp {
  from {
    -webkit-transform: translateY(100px);
            transform: translateY(100px);
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes goUp {
  from {
    -webkit-transform: translateY(100px);
            transform: translateY(100px);
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes toChangeBigOpen{from{-webkit-transform:scale(.9);transform:scale(.9)}to{background:scale(1)}}@keyframes toChangeBigOpen{from{-webkit-transform:scale(.9);transform:scale(.9)}to{background:scale(1)}}