[layout-align] {

  display: flex;

}



[layout-flex='none'] {

  flex: none;

}



[layout-flex='1'] {

  flex: 1;

}



[layout-flex='auto'] {

  flex: auto;

}



[layout-direction='row'] {

  flex-direction: row;

}



[flex-direction='column'] {

  flex-direction: column;

}



[layout-wrap='wrap'] {

  flex-wrap: wrap;

}



[layout-align='start start'],

[layout-align='start center'],

[layout-align='start end'] {

  justify-content: flex-start;

}



[layout-align='center start'],

[layout-align='center center'],

[layout-align='center end'] {

  justify-content: center;

}



[layout-align='end start'],

[layout-align='end center'],

[layout-align='end end'] {

  justify-content: flex-end;

}



[layout-align='space-between start'],

[layout-align='space-between center'],

[layout-align='space-between end'] {

  justify-content: space-between;

}



[layout-align='space-arround start'],

[layout-align='space-arround center'],

[layout-align='space-arround end'] {

  justify-content: space-around;

}



[layout-align='start start'],

[layout-align='center start'],

[layout-align='end start'],

[layout-align='space-between start'],

[layout-align='space-arround start'] {

  align-items: flex-start;

}



[layout-align='start center'],

[layout-align='center center'],

[layout-align='end center'],

[layout-align='space-between center'],

[layout-align='space-arround center'] {

  align-items: center;

}



[layout-align='start end'],

[layout-align='center end'],

[layout-align='end end'],

[layout-align='space-between end'],

[layout-align='space-arround end'] {

  align-items: flex-end;

}



.mgr{

  margin-right: 10px;

}



.inline-block{

  display: inline-block;

}

.color-dark-orange{

  color: #FF8800

}

.color-orange{

  color: #FF4800;

}

.color-white{

  color: #fff

}

.color-dark-gray{

  color: #999;

}

.color-primary{

  color: #0080FF;

}

.bg-color-white{

  background-color: #fff;

}

.bg-dark-orange{

  background-color: #FF8800

}

.bg-light-gray{

  background-color: #f9f9f9;

}



.font-size-xl{

  font-size: 28px;

}

.font-size-lg{

  font-size: 22px;

}

.font-size-md{

  font-size: 18px;
font-weight: bold;

}

.font-size-sm{

  font-size: 16px;

}

.font-size-xxs{

  font-size: 12px;

}

.font-weight-bold{

  font-weight: bold;

}

.tac{

  text-align: center;

}



.vam{

  vertical-align: middle;

}

.cursign{

  cursor: pointer;

}





.trade-search-outer {

  height: 500px;

  width: 100%;

  padding-top: 170px;

  background: #202124 url(img/sbzc-banner.jpg) no-repeat center;

  position: relative;

  background-size: cover;

}

.trade-page-outer{

  /* height: 280px; */

  height: 360px;

}

.trade-page-outer1{

  height: 420px;

  /* height: 340px; */

}

.page-title{

  padding: 40px 0;

  text-align: center;

}

.trade-page-title{

  font-size: 36px;

  color: #ffffff;

  line-height: 48px;

  font-weight: 900;

  text-align: center;

  line-height: 1;

}



.trade-page-sub-title{

  margin-top: 18px;

  height: 40px;

  line-height: 40px;

  font-size: 18px;

  text-align: center;

}

.trade-page-sub-title span{

  display: inline-block;

  padding: 0 70px;

  background-color: #fff;

}





.module-title {

  text-align: center;

  padding: 80px 0 35px;

  line-height: 1;

  font-size: 32px;

  color: #333333;
font-weight: bold;

}

.module-title p{

  margin-top: 25px;

  color: #999;

  font-size: 14px;

}



.icon-subpage-title{

  display: inline-block;

  width: 20px;

  height: 40px;

  vertical-align: middle;

}

.icon-subpage-title-left{

  background-image: url(./img/icon-subpage-title-left.png);

}

.icon-subpage-title-right{

  background-image: url(./img/icon-subpage-title-right.png);

}



.ny-row{

  margin-left: -10px;

  margin-right: -10px;

}

.ny-col{

  padding-left: 10px;

  padding-right: 10px;

}



.view-lg-pb{

  padding-bottom: 60px;

}



.btn-common-links{

  height: 40px;

  line-height: 40px;

  text-align: center;

}



.btn-operate-links{

  display: block;

  color: #0080FF;

  height: 40px;

  line-height: 40px;

  border: 1px solid #0080FF;

}

.links-hover:hover{

  color: #fff;

  opacity: .8;

}



.bdr-half{

  border-radius: 50%;

}



i[class^="inline-block"]{

  font-style: normal;

}



/* form */

.ny-md-form .necessary-mark{

  color: red;

}



.ny-md-form .ny-control-label{

  width: 90px;

  text-align: right;

  padding-right: 10px;

}



.ny-md-form input[type='text'],.ny-md-form  textarea{

  height: 38px;

  border: 1px solid #ddd;

  padding-left: 10px;

  width: 100%;

  flex: 1;

  font-size: 12px;

}

.ny-md-form  textarea{

  padding-top: 10px;

  min-height: 120px;

}

.ny-md-form .ny-long-input:focus{

  border: 1px solid #0084FB;

}

.ny-md-form  .ny-form-control{

  flex: 1;

}

.ny-md-form .form-group{

  display: flex;

  align-items: center;

  margin-bottom: 20px;

}

.ny-md-form .form-group-textarea{

  align-items: flex-start;

}









.ny-md-form input[type='checkbox']{

  width: 16px;

  height: 16px;

  border: 1px solid #aaa;

}

.ny-md-form button[type='submit']{

  cursor: pointer;

}





.national-flag-photo{

  width: 120px;

  height: 80px;

}



.ellipsis{

  white-space: nowrap;

  overflow: hidden;

  -ms-text-overflow: ellipsis;

  text-overflow: ellipsis;

}