html,body{
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
}
div,input,p{
  padding: 0;
  margin: 0;
  border: none;
}
/* input{
    caret-color:#fff;
    outline:medium;
}
::-webkit-input-placeholder { color:#fff; }
::-moz-placeholder { color:#fff; }
:-ms-input-placeholder { color:#fff; }
input:-moz-placeholder { color:#fff; }
input:focus{
    border: none;
    outline: none;
} */
input{
  caret-color:#fff;
  outline:medium;
}
input:focus{
  border: none;
  outline: none;
}
.letter-search{
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  /* background:url(./images/background-ct.png);
  -moz-background-size:100% 100%;
  background-size:100% 100%;
  background-repeat:no-repeat;  */
  /* background: rgba(145, 156, 167, 0.5) url(./images/background-ct.png) no-repeat center center; */
  background-size: 100% 100%;
  background: #F7F7F7;
}

/* hs鏌ヨ */
.search-condition{
  position: absolute;
  top:0px;
  left:0px;
  width: 100%;
  height: 100%;
  background: #fff;
}
.search{
  position: absolute;
  top: 200px;
  left: 0px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  color: #000;
  /* display: none; */
}

.search .search-box{
  width: 80%;
  padding: 0px 24px;
  box-sizing: border-box;
  background: #fff;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.16);
}
.company-logo-info{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  /* text-align: center; */
}
.company-title{
  font-size: 20px;
  text-align: center;
  color: #437EDA;
  margin: 20px 0px;
}
.company-logo{
  width: 100%;

}
.search-inp{
  margin-top: 15px;
}
.search-input-des{
  display: inline-block;
  width: 70px;
  font-size: 16px;
  margin-bottom: 10px;
}
.search-inp-item{
  font-size: 16px;
  /* padding: 40px 0 0px; */
  border-bottom: 1px solid #fff;
  margin-bottom: 30px;
}
.search-input{
  margin-left: 5px;
  width: 100%;
  height: 48px;
  line-height: 48px;
  background: none;
  padding: 0 10px;
  font-size: 16px;
  box-sizing: border-box;
  border-radius: 4px;
  background: #F7F6FB;
}
.company-submit{
  text-align: center;
}
.company-submit-info{
  display: inline-block;
  width: 300px;
  height: 56px;
  line-height: 56px;
  background: #191F36;
  text-align: center;
  font-size: 17px;
  border-radius: 4px;
  color: #fff;
  margin-top: 40px;
}
.company-submit-info.company-submit-gy{
  background: linear-gradient(337deg, #DEA55B 0%, #EBC269 100%);
}
.company-name{
  margin-top: 150px;
  text-align: center;
  font-size: 12px;
}

/* 鏌ヨ缁撴灉 */
.search-result{
  position: absolute;
  top: 0px;
  left: 0px;
  display: none;
  width: 100%;
  height:100%;
  border: 1px solid #fff;
  border-radius: 8px;
  padding: 8px;
  box-sizing: border-box;
  background: #fff;
  padding: 0px 50px;
  box-sizing: border-box;
  flex-direction: column;
}
.result-title{
  padding-top: 80px;
  font-size: 20px;
  text-align: center;
  font-weight: 600;
  color: #2F3D4E;
  padding-bottom: 40px;
  border-bottom: 1px solid #e5e5e5;
}

.result-main{
  padding: 15px 10px 0 5px;
  /* margin-top: 40px; */
  box-sizing: border-box;
  background: #fff;

}
.result-item{
  display: flex;
  justify-content: flex-start;
  flex-wrap: nowrap;
  padding: 15px 0;
  /* border-bottom: 1px solid #e5e5e5; */
}
.result-item-des{
  width: 80px;
  /* text-align: right; */
  margin-right: 12px;
  flex-shrink:0;
}
.result-item-info{
  flex-grow:1;
  word-break:break-all;
  word-wrap:break-word;
  /* text-align: right; */
  /* color: #969799; */
}

/* 鏌ヨ缁撴灉 */
.search-no-result{
  position: absolute;
  top: 0px;
  left: 0px;
  display: none;
  width: 100%;
  height:100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  border: 1px solid #fff;
  border-radius: 8px;
  background: #fff;
  box-sizing: border-box;
}
.search-no-result .no-more{
  width: 46px;
  height: 46px;
  font-size: 40px;
  text-align: center;
  color: #fff;
  background: #FF0000;
  border-radius: 50%;
  margin-top: -200px;
}
.search-no-result .no-result{
  padding-top: 10px;
  font-size: 16px;
  text-align: center;
}

.mask{
  display: none;
  position: fixed;
  top:50%;
  left: 50%;
  width: 120px;
  padding: 20px;
  margin-top: -70px;
  margin-left: -70px;
  text-align: center;
  border-radius: 4px;
  color: #fff;
  background: rgba(0,0,0,0.7);
  z-index: 9999;
}

.no-result{
  font-size: 16px;
  text-align: center;
}
.back{
  position: fixed;
  top: 10px;
  left: 10px;
}
.back-go{
  display: flex;
  align-items: center;
}

.back img{
  width: 20px;
  height: 20px;
  vertical-align:center;
  margin-right: 5px;
}

.show-box{
  display: flex;
  z-index: 999;
}




/* 鏀粯椤甸潰 */
.payment{
  width: 100%;
  height: 100%;
  background: #F5F5F5;
  font-size: 14px;
  color: #333333;
}
.payment-header{
  display: flex;
  justify-content: center;
  height: 94px;
  background: #fff;
}
.payment-header-top{
  width: 1100px;
  margin: 0px 50px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.company-info{
  display: flex;
  align-items: center;
}
.service-img{
  width: 10px;
  height: 10px;
}
.service-img2{
  width: 12px;
  height: 12px;
  margin-left: 20px;
}
.payment-header .company-logo{
  width: 36px;
  height: 36px;
}
.payment-header .company-name{
  color: #D69E45;
  font-size: 25px;
  margin-top:0px;
  margin-left: 10px;
}
.payment-header .company-name-hs{
  color: #303750;
}

.payment-box{
  display: flex;
  justify-content: center;
  margin-top: 48px;
}
.payment-main{
  width: 1100px;
  margin: 0px 50px;
  background: #fff;
}

.payment-order{
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 68px;
  background: #E3BD7A;
  color: #fff;
  padding: 0px 24px;
}
.payment-order-hs{
  background: #303750;
}
.payment-copy{
  display: inline-block;
  width: 46px;
  height: 24px;
  line-height: 24px;
  background: #FFF4E4;
  border: 1px solid #EEB65D;
  border-radius: 4px;
  color: #E3BD7A;
  text-align: center;
  margin-left: 10px;
  cursor: pointer;
}
.payment-copy-hs{
  background: #F6FAFF;
  border: 1px solid #437EDA;
  color: #437EDA;
}
.payment-copy1{
  margin-left: 30px;
}
.payment-order-info{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 52px;
  padding: 0px 24px;
  color: #666666;
}
.payment-copy-info{
  margin-top: 8px;
}
.payment-way{
  margin-top: 73px;
}
.payment-way-item{
  font-size: 19px;
  font-weight: 600;
  text-align: center;
  margin-top: 10px;
}
.payment-way-item1{
  text-align: center;
  margin-top: 23px;
  color: #666666;
  font-size: 19px;
}
.payment-red{
  color: #FF0000;
}
.company-bank{
  font-size: 20px;
}
.line-box{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 20px;
  margin-top: 40px;
}
.line-box .line{
  width: 100%;
  height: 1px;
  background: #D4D4D4;
}
.payment-tip{
  margin-top: 17px;
  padding: 40px 20px 80px;
  color: #666666;
}
.payment-tip-item{
  font-size: 16px;
  font-weight: bold;
  line-height: 24px;
  color: #333333;
}

.payment-tip-item1{
  line-height: 21px;
  padding-left: 24px;
  margin-top: 12px;
}
.payment-tip-item2{
  padding-left: 20px;
  margin-top: 5px;
}

.copy-success{
  display: none;
  position: fixed;
  top: 70px;
  left: 0;
  width: 100%;
  height: 30px;
  line-height: 30px;
  color: #64B968;
  text-align: center;
}
.copy-success-tip{
  display: inline-block;
  width: 200px;
  background: #F6FFED ;
  border: 1px solid #B7EB8F;
}


/* 娣辨櫤铻嶆媴淇� */

#szr-footer{
  opacity:0;
  height: 200px;
}
.szr-letter-search-pc{
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  flex-wrap: nowrap;
  background: rgba(145, 156, 167, 0.5) url(./images/szrPcBg.png) no-repeat center center;
  background-size: auto 100%;
  overflow: hidden;
  font-size: 14px;
}

.szr-search-pc-main{
  width: 1100px;
  margin: 0px 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}


.szr-search-pc-main .search-pc{
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 472px;
  height: 387px;
  background: rgba(255,255,255,0.9);

  border-radius: 8px;
  color: #333333;
}
.szr-search-pc-main .company-title{
  font-size: 32px;
  font-weight: 500;
  color: #333;
  margin-top: 32px;
}
.szr-search-pc-main .search-inp{
  width: 340px;
  color: #333333;
}
.szr-search-pc-main .company-submit-info{
  width: 262px;
  height: 40px;
  line-height: 40px;
  color: #fff;
  cursor: pointer;
  font-size: 16px;
  margin-top: 15px;
  background: #104DD9;
  border-radius: 42px;
}
.szr-search-pc-main.search-input-des{
  /* margin-top: 32px; */
  text-align: left;
}
.szr-search-pc-main .search-input{
  width: 320px;
  margin-left: 0px;
  color: #333333;
  caret-color:#333333;
  border: 1px solid #8F8F8F;
}
.szr-search-pc-main .search-inp-item{
  padding-top: 8px;
  margin-bottom: 10px;

}

.szr-search-pc-main ::-webkit-input-placeholder { color:#707070; }
.szr-search-pc-main ::-moz-placeholder { color:#707070; } /* firefox 19+ */
.szr-search-pc-main :-ms-input-placeholder { color:#707070; } /* ie */
.szr-search-pc-main input:-moz-placeholder { color:#707070; }





/* 鍥介挵pc淇濆嚱鏌ヨ */
.letter-search-pc{
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  flex-wrap: nowrap;
  background: rgba(145, 156, 167, 0.5) url(./images/gyPcBg.png) no-repeat center center;
  background-size: auto 100%;
  overflow: hidden;
  font-size: 14px;
}

.payment-header-pc{
  width: 100%;
  height: 104px;
}

.pc-footer{
  display: flex;
  justify-content: center;
  width: 100%;
  background: rgba(255, 255, 255, 0.9);
  height: 249px;
  color: #3E3E3E;
}
.pc-footer-main{
  width: 1100px;
  margin: 0px 50px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.company-logo-pc{
  /* width: 255px;
height: 85px; */
  width: 153px;
  height: 51px;
}
.company-logo-pcs{
  /* width: 255px;
height: 85px; */
  width: 325px;
  height: 30px;
}
.search-pc-main{
  width: 1100px;
  margin: 0px 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.search-pc-main .search-pc{
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 472px;
  height: 387px;
  background: rgba(255,255,255,0.9);

  border-radius: 8px;
  color: #333333;
}
.search-pc-main .company-title{
  font-size: 32px;
  font-weight: 500;
  color: #E0A85D;
  margin-top: 32px;
}
.search-pc-main .search-inp{
  width: 340px;
  color: #333333;
}
.search-pc-main .company-submit-info{
  width: 262px;
  height: 40px;
  line-height: 40px;
  color: #fff;
  cursor: pointer;
  font-size: 16px;
  margin-top: 15px;
  background: linear-gradient(333deg, #DEA55B 0%, #EBC269 100%, #5533FF 100%);;
  border-radius: 42px;
}
.search-pc-main .search-input-des{
  /* margin-top: 32px; */
  text-align: left;
}
.search-pc-main .search-input{
  width: 320px;
  margin-left: 0px;
  color: #333333;
  caret-color:#333333;
  border: 1px solid #8F8F8F;
}
.search-pc-main .search-inp-item{
  padding-top: 8px;
  margin-bottom: 10px;

}

.search-pc-main ::-webkit-input-placeholder { color:#707070; }
.search-pc-main ::-moz-placeholder { color:#707070; } /* firefox 19+ */
.search-pc-main :-ms-input-placeholder { color:#707070; } /* ie */
.search-pc-main input:-moz-placeholder { color:#707070; }

.footer-left{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.footer-nav{
  margin-right: 20px;
}
.footer-item-title{
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 25px;
}
.footer-item{
  margin-top: 11px;
}
.footer-item a{
  margin-right: 40px;
}
.code-img{
  width: 147px;
  height: 147px;
}
.footer-right .code-tip{
  text-align: center;
}
a{
  text-decoration:none;
  color: #3E3E3E;
}


.mask-pc{
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(0,0,0,0.5);
}

.mask-pc .no-content{
  position: relative;
  display: none;
  background: #fff;
  border-radius: 8px;
  padding: 35px 0 20px;
}
.mask-pc .no-result{
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0px 120px ;
}
.mask-pc .no-result img{
  width: 24px;
  height: 24px;
  margin-right: 10px;
}
.mask-pc .search-result{
  position: relative;
  width: 451px;
  height: 370px;
  margin-top: -150px;
  background: #fff;
}
.mask-pc .result-main{
  margin-top: 25px;
  padding-bottom: 20px;
}
.success-title{
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  color: #3E3E3E;
  margin-bottom: 25px;
}
.success-title img{
  width: 24px;
  height: 24px;
  margin-right: 10px;
}
.mask-pc .result-item{
  border: none;
  font-size: 16px;
  padding: 13px 0;
}
.mask-pc .result-item-info{
  text-align: left;
}
.mask-pc .result-item-des{
  margin-right: 40px;
}

.close-mask{
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer;
}

.mask-pc .search-result{
  display: block;
}