*{margin: 0;padding: 0;}
a{text-decoration: none;color: #333;}
li{list-style: none;}
body{font-size: 14px;color: #000000;}
.mn{padding: 0 30px;}
.flexbetween{display: flex;align-items: center;justify-content: space-between;}
.flexitem{display: flex;align-items: center;}
.flexcolumn{display: flex;align-items: center;justify-content: center;}


.wrapper{min-width: 1100px;}
.tabhd .current {background: #1890ff; color: #fff;}
.tabhd .current span{border-right: none;font-weight: bold;font-size: 20px;}
.tabhd{display: flex;width: 100%;height: 56px;align-items: center;background: #eceef1;}
.tabhd a{display: inline-block;width: 23%;text-align: center;height: 56px;}
.tabhd a:first-child{width: 30%;}
.tabhd a span{display: block;border-right: 1px solid #ccc;height: 40px;margin: 8px 0;line-height: 40px;font-size: 16px;}
.tabhd a:last-child span{border-right: none;}
.tabhd .user{margin: 0 auto;font-size: 16px;color: #C4A1FA;line-height: 28px;cursor: pointer;}
.tabhd .user span{color: #1890ff;}
.tabhd .userIn{border: 1px solid #DBDBDB;border-radius: 5px;padding: 3px 10px;}
.tabhd .userInfo{color: #333333bd;display: none;}
.tabhd .userInfo cite{font-style: normal;margin-right: 15px;}


.popBg{position: fixed;left: 0;top: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.5);z-index: 9;font-size: 16px;display: none;}
.popBd{min-width: 368px;background: #fff;border-radius: 14px;width: 368px;height: 285px;z-index: 99;position: fixed;top: 29%;left:50%;overflow: auto;max-width: 800px;padding: 30px 50px;margin-left: -234px;}
.popBd h3{font-weight: normal;margin-bottom: 20px;}
.popBd input{font-size: 16px;margin: 10px 0;line-height: 45px;height: 45px;background: rgba(245, 246, 247, 1);border-radius: 5px;border: 1px solid rgba(215, 215, 215, 1);width: 94%;padding: 0 3%;}
.popBd #code{width: 52%;}
.popBd .codeBtn{width: 25%;margin: 10px 0;cursor: pointer;border-radius: 5px;height: 45px;line-height: 45px;border: 1px solid #1890ff;color: #1890ff;text-align: center;padding: 0 6%;}
.popBd .codeBtn .time{font-style: normal;}
#timeOut{display: none;}
.popBd p{font-size: 13px;}
.popBd p a{color: #1890ff;}
.loginBtn{font-size: 16px;background: #1890ff;color: #fff;border-radius: 35px;line-height: 42px;height: 42px;text-align: center;margin: 20px auto;width: 100%;}
button,input{outline: none;border: none;}
#checkbox{margin: 0 6px 0 0;width: 13px;height: 13px;border-radius: 0;}
.closeIco{width: 26px;height: 26px;display: inline-block;position: absolute;z-index: 99;top: 10px;right: 15px;}
.tip{text-align: center;width: auto;padding: 10px 15px;background: #EEEEEE;position: absolute;top: 30%;left: 50%;margin-left: -11%;border-radius: 7px;z-index: 99;font-size: 14px;display: none;}


/* 公用弹框 */
.popup-hint{text-align: center;z-index: 99;position: fixed;top: 33%;left: 0;right: 0;}
.popup-hint span{border-radius: 5px;font-size: 13px;min-width: 150px;min-height: 20px;line-height: 20px;background-color: rgba(0, 0, 0, 0.5);color: #fff;padding: 8px 11px;}


.bd{min-height: 700px;}
.tabcon{background: #fff;text-align: center;padding: 70px 30px;}
.tabcon .item{margin-bottom: 25px;}
.tabcon h2{font-size: 26px;padding-bottom: 20px;}
.tabcon p{padding: 0 18% 50px;font-size: 18px;color: #666;line-height: 28px;}
.tabcon img{margin: 30px 0;}
.flexcenter{display: flex;align-items: center;justify-content: center;}
.tabcon .stepImg{width: 45%;margin: 0 3% 50px 0;border-radius: 3px;border: 1px solid #f3f3f3;}
.tabcon .flexwrap:last-child .stepImg{width: 90.5%;margin-right: 0;margin-left: -8.5%;}
.maxflex{padding: 30px 0;align-items: inherit;}
.maxflex img{margin: 0;}
.maxflex a{margin: 0 30px 30px 0;}
.maxflex a,.maxflex .download{width: 298px;height: 298px;}
.qrbg{border: 2px solid #E9E9E9;width: 294px;height: 288px;}
.qrbg .qrcode{width: 55%;margin-top: 23%;}
.whbg{border: 2px solid #fff;width: 294px;height: 294px;}
.maxWd{max-width: 70%;margin: 0 auto;}

.item .tel{padding: 15px;border-radius: 7px;border: 1px solid #ddd;width: 20%;flex-flow: column;margin: 0 auto;}
.tel b{font-weight: normal;margin-right: 7px;}
.tel cite{font-style: normal;color: #8436FF;}
.tel p{padding: 0;}
.tel p span{font-size: 12px;}
.tabcon .item:last-child p{padding-bottom: 0;}

.maxmn{padding: 30px;color: #666;line-height: 28px;}
.maxmn h3{text-align: center;color: #333;font-size: 26px;padding: 20px;}
.maxmn h4,
.maxmn li{margin-bottom: 10px;word-wrap: break-word;}
.maxmn b{font-size: 20px;font-weight: normal;color: #000000;}
.maxmn p{margin-bottom: 15px;}
.maxmn strong{color: #000000;}

.ft{border-top: 1px solid #ddd;padding: 30px 15px;color: #666;}
.ft a{color: #666;}
.ft div{margin-bottom: 5px;}
.filiIco{margin: 0 5px 0 0;}
.ft .hover{margin-right: 10px;}
.ft .hover a{display: inline-flex;margin-top: 2px;}
.ft .hover a:hover{color: #1890ff;}

@media only screen and (min-width: 300px) and (max-width:768px){
  .flexcolumn{display: flex;align-items: center;justify-content: center;flex-flow: column;}
  .wrapper{min-width: 300px;}
  .tabhd,.tabhd a{height: 46px;}
  .tabhd a{width: 19%;}
  .tabhd a:first-child {width: 28%;font-size: 14px;}
  .tabhd a span{font-size: 12px;margin: 8px 0;height: 30px;line-height: 30px;}
  .tabhd .current span{font-size: 12px;}
  .tabhd .user{font-size: 12px;height: 28px;}
  .tabcon{padding: 30px 15px;}
  .tabcon p{font-size: 15px;padding: 0 7% 30px;}
  .tabcon h2,
  .maxmn h3{font-size: 22px;}
  .tabcon .logo{width: 25%;}
  .tabcon .stepImg{margin: 10px 5px;width: 49%;}
  .tabcon .flexwrap{width: 50%;}
  .flexcloumn{flex-wrap: wrap;}
  .tabcon .flexwrap img{width: 90% !important;max-width: 90%;}
  .item .tel{width: 70%;padding: 15px 10px;min-width: 70%;}
  .tabcon .tel p{padding: 0;}
  .maxflex{flex-flow: column;align-items: center;}
  .maxflex a{margin-right: 0;}
  .maxflex .qrcode{margin-top: 23%;height: 55%;}
  .maxflex img,
  .maxflex a, .maxflex .download,.whbg{width: 160px;height: 160px;}
  .qrbg{width: 100%;height: 100%;}
  .maxWd{max-width: inherit;margin: 0 auto;}
  .ft{position: inherit;width: 90%;}
  .maxmn{padding: 20px 15px;}
  .maxmn b{font-size: 16px;}
  .maxmn p{margin-bottom: 10px;}
  .popBd{height: 260px;top: 24%;padding:30px 12px;font-size: 14px;width: 266px;min-width: 266px;left: 50%;margin-left: -145px;}
  .popBd h3{margin-bottom: 10px;font-weight: bold;}
  .popBd input{height: 35px;line-height: 35px;font-size: 14px;}
  .popBd #code{width: 55%;}
  .popBd .codeBtn{height: 35px;line-height: 35px;font-size: 12px;padding: 0 3%;}
  /*#timeOut{width: 27%;}*/
  .popBd p{font-size: 12px;}
  .loginBtn{height: 40px;line-height: 40px;}
  #checkbox{width: 16px;height: 14px;margin-right: 3px;}
  .closeIco{width: 20px;height: 20px;}
  .tabhd .userIn{padding: 0px 5px;}
  .tabhd .userInfo .userIn{padding: 3px 5px;}
  .tabhd .userInfo cite{margin-right: 8px;}
}

@media only screen and (min-height: 667px) and (max-width:812px){
  .popBd{width: 290px;margin-left: -157px;}
}

@media only screen and (min-width: 768px) and (max-width:1010px){
  /* .tabcon .flexwrap img{width: 48% !important;max-width: 48%;} */
  /* .tabcon .flexwrap:last-child .stepImg{width: 99% !important;} */
  .item .tel{width: 35%;padding: 15px 10px;min-width: 35%;}
}