body,html{
  padding: 0;
  margin: 0;
  background: #f5f5f5;
}
ul,ol,li { list-style:none;}
.wrapper{
  padding-top: 80px;
}
@media (min-width: 768px) {
  .container,.header_row {
      width:750px
  }
}

@media (min-width: 992px) {
  .container,.header_row{
      width:970px
  }
}

@media (min-width: 1200px) {
  .container,.header_row {
      width:1170px
  }
}

.container {
  box-sizing: border-box;
  margin:  0 auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  z-index: 9;
  background-color: #fef9f4;
}
.header{
  position: fixed;
  top: 0;
  left:0 ;
  width: 100%;
  z-index: 11;
  background-color: #fff;
  /* background-color: #fffef8; */
  
  box-shadow: 0 0 7px 1px rgba(0,0,0,.2);
  height: 80px;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.header_row{
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.logo{
  width: 60px;
  height: 60px;
  margin-right: 30px;
}
.nav_row{
  display: flex;
  flex-direction: row;
}
.li{
  padding: 0 15px;
}
.nav_row a,.foorer_a {
  color: #6f6f6f;
  text-decoration: none;
  font-size: 18px;
}
.active a{
  color: #5bc0eb;
}
.con{
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  padding-top: 80px;
  margin-top: -80px;
  padding-bottom: 40px;
}
.title{
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 60px;
}
.xiegang{
  transform: rotate(5deg);
    margin-top: 4px;
    width: 14px;
    height: 30px;
    vertical-align: middle;
}
.title_text{
  margin-left: 14px;
  font-size: 28px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-style: italic;
  color: #4D4D4D;
}
.img_row{
  margin-top: 30px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.img_item img{
  width: 100%;
  height: auto;
}
.img_item1 img{
  width:  100%;
  height: auto;
}
.img_item{
  flex: 1;
  margin: 0 15px;
}
.img_item1{
  flex: 1.4;
}
.official{
  padding: 0 15px;
}
.official p{
  line-height: 24px;
}
.official_p1{
  font-size: 18px;
}
.footer{
  width: 100%;
  background-color: #333333;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 170px;
  color: hsla(0,0%,100%,.5);
  font-size: 16px;
}
.fl{float:left}
.fr{float:right}
.clear{ clear:both} 
.foorer_a{
  font-size: 16px;
}
.payTxtBox h5{display:block;font-size:16px;font-weight:400;margin-bottom:18px}
.payTxtBox .hd{width:100%}
.payTxtBox .hd ul li{width:19.45%;color:#333;cursor:pointer;-webkit-box-shadow:inset 0 -1px 19px #666;box-shadow:inset 0 -1px 19px #999;float:left;margin:4px;padding:6px 0;text-align:center;height:52px;margin-bottom:6px;transition:all .3s;border-radius:4px}
.payTxtBox .hd ul li.on{color:#608908;background-color:#fff;border-color:#a5c85b;-webkit-box-shadow:inset 0 -1px 19px #ED6B26;box-shadow:inset 0 -1px 19px #ED6B26}
.clearfix h5,.paynum{display:block;font-size:16px;font-weight:500;margin:18px auto}
.clearfix select{display:block;width:250px;height:36px;line-height:36px;margin-bottom:18px;float:left;border-radius:4px;outline:0;background-color:#F2F2F2;margin-right:15px}
.payTxtBox .bd{width:100%;float:left;}
.payTxtBox .bd .row{margin:auto;float:left}
.payTxtBox .bd .row .col{background-color:#F2F2F2;border-color:#ccc;color:#333;display:inline-block;padding:6px 12px;margin:6px;float:left;font-size:14px;font-weight:400;line-height:26px;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px}
.payTxtBox .bd .row .col:hover{background-color:#DDD}
.payTxtBox .bd .row .col img{width:auto;height:16px;margin-top:5px}
.payTxtBox .bd .row .col .USD{display:block;width:104px;text-align:left}
.payTxtBox .bd .row .col .diamond{display:block;width:50px;text-align:left}
.payTxtBox .bd .row .col div.btn *{float:left}
.payTxtBox .bd .row .col a img{height:27px;margin:auto}
.payTxtBox .bd .row .cols{background-color:#F2F2F2;padding:10px 38px;width:160px;margin:6px;font-size:14px;border-radius:4px;float:left}
.payTxtBox .bd .row .cols.cur{background-color:#DDD;color:#000}
.payTxtBox .bd .row .cols:hover{color:#000}
.but{width:100%;margin-top:30px;height:42px;float:left;text-align:center}
.but #gopay{width:233px;outline:0;border-radius:5px;border:none;color:#fff;font-size:22px;line-height:42px;background:#F8A416}
.pay_row{width:100%;height:25px;line-height:25px;color:#666;float:left;margin-top: 17px;}
.pay_row em{float:left}
.pay_row input{height:25px;padding:0 3px;font-size:14px;margin:0 6px}
.pay_row span{float:left}
.main h1{text-align:center}