@import 'm_com_open_box.css';
.pc-com-module-title {
  padding: 1rem 0 .7rem 0;
  text-align: center;
  line-height: .34rem;
  color: #333333;
  font-size: 0.34rem;
  font-weight: bold;
}
.pc-banner {
  display: none;
}
.mbanner .banner {
  width: 100%;
  height: 5.2rem;
  background: url(../common/404.png) no-repeat center;
  background-size: cover;
}
.page-register .mbanner a {
  display: block;
  width: 100%;
}
.page-register .page-showmsg {
  padding: 0 .26rem;
}
.page-register .page-showmsg .tips {
  padding: 0.8rem 1rem .3rem;
  font-size: 0.27rem;
  line-height: 0.47rem;
  color: #666666;
  text-align: center;
}
.page-register .page-showmsg .tips span {
  color: #ff8331;
  /* font-weight: bold; */
  font-size: .54rem;
  letter-spacing: .02rem;
}
.page-register .page-showmsg .hmform {
  margin-bottom: .4rem;
}
.page-register .page-showmsg .complete {
  height: 1.6rem;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.page-register .page-showmsg .complete .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.page-register .page-showmsg .complete .item div {
  font-size: 0.26rem;
  line-height: 0.86rem;
  color: #666666;
}
.page-register .register-serve {
  padding: 0 .26rem .48rem;
}
.page-register .register-serve .sbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.page-register .register-serve .sbox li {
  width: 3.34rem;
  margin-bottom: .2rem;
}
.page-register .register-serve .sbox li img {
  width: 100%;
  height: 2.15rem;
}
.page-register .register-serve .sbox li .tit {
  font-size: 0.28rem;
  line-height: 0.76rem;
  color: #ff8331;
  padding-top: .04rem;
}
.page-register .register-serve .sbox li .cont {
  font-size: 0.18rem;
  line-height: 0.34rem;
  color: #888;
  padding-right: .12rem;
  text-align:justify;
}
.page-register .register-content {
  width: 100%;
  height: 16.67rem;
  background: url('../images/register/m_zc_46.jpg') no-repeat center;
  background-size: cover;
}
.page-register .register-content .pc-com-module-title {
  color: #fff;
}
.page-register .register-content .cbox li.citem {
  width: 6.98rem;
  height: 2.1rem;
  margin: 0 auto .2rem;
  padding-left: .34rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff;
}
.page-register .register-content .cbox li.citem .tit {
  padding: .4rem 0 0 .8rem;
  font-size: 0.31rem;
  line-height: 0.6rem;
  color: #ff8331;
  background: url(../images/register/zctm_27.png) no-repeat left bottom;
  background-size: .6rem .6rem;
}
.page-register .register-content .cbox li.citem .cont {
  font-size: 0.24rem;
  line-height: 0.36rem;
  color: #666666;
  padding-top: .2rem;
}
.page-register .register-content .cbox li.citem div.tit2 {
  background-image: url(../images/register/zctm_28.png);
}
.page-register .register-content .cbox li.citem div.tit3 {
  background-image: url(../images/register/zctm_31.png);
}
.page-register .register-content .cbox li.citem div.tit4 {
  background-image: url(../images/register/zctm_40.png);
}
.page-register .register-content .cbox li.citem div.tit5 {
  background-image: url(../images/register/zctm_42.png);
}
.page-register .register-content .cbox li.citem div.tit6 {
  background-image: url(../images/register/zctm_45.png);
}
.page-register .pack-yy {
  width: 100%;
  height: 2.7rem;
  text-align: center;
  background: -webkit-gradient(linear, left top, right top, from(#4f468d), to(#9685ff));
  background: linear-gradient(left, #4f468d, #9685ff);
}
.page-register .pack-yy .tit {
  font-size: 0.42rem;
  line-height: 0.68rem;
  color: #ffffff;
  padding-top: .33rem;
}
.page-register .pack-yy .cont {
  font-size: 0.25rem;
  line-height: 0.48rem;
  color: #ffffff;
  margin-bottom: .23rem;
}
.page-register .pack-yy .yybtn {
  display: block;
  width: 2.66rem;
  height: 0.66rem;
  border-radius: 0;
  background: transparent;
  cursor: pointer;
  text-align: center;
  line-height: 0.66rem;
  font-size: 0.27rem;
  color: #ffffff;
  margin: 0 auto;
  letter-spacing: .02rem;
  border: .02rem solid #fff;
}
.page-register .register-flow {
  padding-left: .26rem;
}
.page-register .register-flow .ctit {
  font-size: 0.28rem;
  line-height: 0.3rem;
  color: #ff8331;
  margin-bottom: .4rem;
}
.page-register .register-flow .ct-flow {
  margin-bottom: .72rem;
}
.page-register .register-flow .ct-flow .fbox {
  width: 7.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.page-register .register-flow .ct-flow .fbox li {
  float: left;
  width: 1.46rem;
  height: .54rem;
  background-color: #2c2f61;
  text-align: center;
  margin: 0 .9rem .6rem 0;
  position: relative;
  font-size: 0.24rem;
  line-height: 0.54rem;
  color: #ffffff;
}
.page-register .register-flow .ct-flow .fbox li.lastbot {
  margin-bottom: 0;
}
.page-register .register-flow .ct-flow .fbox .toleft::before {
  content: '';
  width: .68rem;
  height: .1rem;
  background: url(../images/register/im_da.png) no-repeat center;
  background-size: .68rem .1rem;
  position: absolute;
  top: 0.21rem;
  left: -0.75rem;
}
.page-register .register-flow .ct-flow .fbox .toright::after {
  content: '';
  width: .72rem;
  height: .1rem;
  background: url(../images/register/im_dd.png) no-repeat center;
  background-size: .72rem .1rem;
  position: absolute;
  top: 0.21rem;
  right: -0.78rem;
}
.page-register .register-flow .ct-flow .fbox .totop::before {
  content: '';
  width: .1rem;
  height: .4rem;
  background: url(../images/register/im_dc.png) no-repeat center;
  background-size: .1rem .4rem;
  position: absolute;
  top: -0.48rem;
  left: 0.69rem;
}
.page-register .register-flow .ct-flow .fbox .toright2::after {
  content: '';
  width: .73rem;
  height: 1.2rem;
  background: url(../images/register/im_db.png) no-repeat center;
  background-size: .73rem 1.2rem;
  position: absolute;
  bottom: 0.23rem;
  right: -0.8rem;
}
.page-register .register-flow .db-flow .fbox {
  width: 6.98rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.page-register .register-flow .db-flow .fbox li {
  width: 2.2rem;
  height: 2.6rem;
  background-color: #fff;
  -webkit-box-shadow: 0 0 .2rem #f1f3f2;
  box-shadow: 0 0 .2rem #f1f3f2;
  text-align: center;
  overflow: hidden;
}
.page-register .register-flow .db-flow .fbox li .img1 {
  width: 1.17rem;
  height: 1.2rem;
  margin-top: .4rem ;
}
.page-register .register-flow .db-flow .fbox li .img2 {
  width: 1.46rem;
  height: 1.1rem;
  margin-top: .5rem;
}
.page-register .register-flow .db-flow .fbox li .img3 {
  width: 1.02rem;
  height: 1.16rem;
  margin-top: .44rem;
}
.page-register .register-flow .db-flow .fbox li .cont {
  padding-top: .3rem;
  font-size: 0.24rem;
  line-height: 0.35rem;
  color: #333333;
}
.page-register .register-flow .db-flow .fbox li .cont1 {
  padding: 0 .45rem;
  padding-top: .15rem;
}
.page-register .need-some {
  padding-bottom: .5rem;
}
.page-register .need-some .zlbox {
  padding: 0 .26rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.page-register .need-some .zlbox li {
  text-align: center;
  margin-bottom: .3rem;
}
.page-register .need-some .zlbox li p {
  font-size: 0.24rem;
  line-height: 0.72rem;
  color: #333333;
}
.page-register .need-some .zlbox li p.pc-word {
  display: none;
}
.page-register .need-some .zlbox li.tp .img1 {
  width: 1.36rem;
  height: .86rem;
}
.page-register .need-some .zlbox li.tp .img2 {
  width: .94rem;
  height: 1.20rem;
}
.page-register .need-some .zlbox li.tp .img3 {
  width: 1.59rem;
  height: 1.18rem;
}
.page-register .need-some .zlbox li.jia {
  width: .25rem;
  height: .25rem;
  background: url(../images/common/page_com_jia.png) no-repeat top;
  background-size: 100%;
  margin: 0 .34rem;
  padding-top: .75rem;
}
.page-register .need-some .zlbox li.jia1 {
  display: none;
}
.page-register .getsome {
  width: 100%;
  height: 10.7rem;
  background: url(../images/register/m_zc_96.jpg) no-repeat center;
  background-size: cover;
}
.page-register .getsome .pc-com-module-title {
  color: #fff;
}
.page-register .getsome .stepbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  
}
.page-register .getsome .stepbox li {
  width: 2.20rem;
  margin: 0 .12rem;
  text-align: center;
  margin-bottom: .52rem;
}
.page-register .getsome .stepbox li .img {
  width: 100%;
  height: 2.70rem;
  background-color: #fff;
  overflow: hidden;
}
.page-register .getsome .stepbox li .img .img1 {
  width: 1.60rem;
  height: 2.16rem;
  margin-top: .26rem;
}
.page-register .getsome .stepbox li .img .img2 {
  width: 1.55rem;
  height: 2.16rem;
  margin-top: .29rem;
}
.page-register .getsome .stepbox li .img .img3 {
  width: 1.93rem;
  height: 1.33rem;
  margin-top: .68rem;
}
.page-register .getsome .stepbox li .img .img4 {
  width: 1.52rem;
  height: 2.21rem;
  margin-top: .24rem;
}
.page-register .getsome .stepbox li .img .img5 {
  width: 1.99rem;
  height: 1.15rem;
  margin-top: .78rem;
}
.page-register .getsome .stepbox li p {
  padding: .13rem .1rem 0;
  font-size: .26rem;
  line-height: .34rem;
  color: #ffffff;
}
.page-register .hm-question .pc-com-module-title {
  padding-top: .6rem;
}
.page-register .hm-question .qabox li {
  width: 6.98rem;
  margin: 0 auto .34rem;
}
.page-register .hm-question .qabox li.mhide {
  display: none;
}
.page-register .hm-question .qabox li .tit {
  width: .4rem;
  height: .4rem;
  background-color: #ff8331;
  font-size: 0.26rem;
  line-height: 0.4rem;
  color: #ffffff;
  margin-right: .26rem;
  text-align: center;
}
.page-register .hm-question .qabox li .cont {
  width: 6.3rem;
}
.page-register .hm-question .qabox li .ques {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: .3rem;
}
.page-register .hm-question .qabox li .ques .cont {
  font-size: 0.28rem;
  line-height: 0.4rem;
  color: #333333;
  font-weight: bold;
}
.page-register .hm-question .qabox li .answ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  overflow: hidden;
}
.page-register .hm-question .qabox li .answ .tit {
  background-color: #9685ff;
  margin-top: .1rem;
}
.page-register .hm-question .qabox li .answ .cont {
  font-size: 0.24rem;
  line-height: 0.56rem;
  color: #666666;
}
.page-register .hm-question .qbtn {
  width: 3.6rem;
  height: 0.9rem;
  border-radius: 0;
  background: -webkit-gradient(linear, left top, right top, from(#da4715), to(#fd8430));
  background: linear-gradient(left, #da4715, #fd8430);
  cursor: pointer;
  text-align: center;
  font-size: 0.32rem;
  line-height: 0.9rem;
  color: #ffffff;
  margin: 0 auto;
}
.page-register .other-provide {
  padding: 0 .26rem 1.2rem;
}
.page-register .other-provide .obox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.page-register .other-provide .obox .item {
  float: left;
  width: 2.14rem;
  height: 1.74rem;
  padding-top: .4rem;
  background-color: #fff;
  text-align: center;
  margin-bottom: .28rem;
  -webkit-box-shadow: 0 0 .5rem #f4f4f4;
  box-shadow: 0 0 .5rem #f4f4f4;
}
.page-register .other-provide .obox .item a {
  display: block;
  width: 100%;
  height: 100%;
}
.page-register .other-provide .obox .item img {
  width: .9rem;
  height: .9rem;
}
.page-register .other-provide .obox .item p {
  font-size: .24rem;
  line-height: .70rem;
  color: #666666;
}
.pagecover {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999;
  display: none;
}
.pagecover .gszc-submit {
  background-color: #ff8331;
}
