/**
 * 
 * @authors Bert
 * @date    2020-08-20 10:05:59
 * @version 1.0
 */
/**
 * 
 * @authors Bert
 * @date    2020-08-20 10:05:59
 * @version 1.0
 */
/*font star*/
.publicFont1 {
  font-family: OpenSans-Regular, Arial, Helvetica, sans-serif;
  font-weight: 400;
}
.publicFont2 {
  font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
  font-weight: 500;
}
.publicFont3 {
  font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
  font-weight: 600;
}
.publicFont4 {
  font-family: OpenSans-Bold, Arial, Helvetica, sans-serif;
  font-weight: 700;
}
.publicFont5 {
  font-family: OpenSans-ExtraBold, Arial, Helvetica, sans-serif;
  font-weight: 800;
}
/*font end*/
/*function star*/
/*function end*/
/**
 * 
 * @authors Bert
 * @date    2020-08-20 10:05:59
 * @version 1.0
 */
/********basic star********/
html {
  min-height: 121px;
  font-size: 14px;
  overflow-y: auto;
  overflow-x: hidden;
  color: #0f0f0f;
  min-width: 1300px;
}
html body {
  position: relative;
  min-height: 100vh;
}
html select {
  appearance: none;
}
html {
  overflow-x: auto !important;
  display: block !important;
}
.main {
  margin-right: calc(100% - 100vw);
  margin-right: 0;
}
* {
  margin: 0;
  padding: 0;
  outline: 0;
  vertical-align: baseline;
  -webkit-overflow-scrolling: touch;
  list-style: none;
  font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
  font-weight: 500;
}
a {
  border: none;
  text-decoration: none;
  color: #1b1b1b;
}
a:hover {
  text-decoration: none;
}
input::-ms-clear,
input::-ms-reveal {
  display: none;
}
.nowrapText {
  white-space: nowrap;
}
.newPublicHeader .blackLogo {
  margin-right: 16px;
}
.markAccount {
  height: 81px;
  justify-content: space-between;
  align-items: flex-start;
  padding: 24px 0 0;
  color: #FF0000;
  background: #fff;
  box-sizing: border-box;
  box-shadow: 0px 0px 30px 0px rgba(3, 62, 128, 0.08);
  text-align: center;
  margin: auto;
  position: sticky;
  top: 80px;
  z-index: 99;
  font-size: 15px;
}
.markAccount a {
  color: #007AFF;
  text-decoration: underline;
  text-underline-offset: 4px;
}
/********basic end********/
/********font star********/
/*AvenirNext star*/
@font-face {
  font-family: 'AvenirNext-Bold';
  src:url("/assets/194433005f2ac7de2309.eot");
  src:url("/assets/194433005f2ac7de2309.eot") format('embedded-opentype'), url("/assets/4e8e11fa6917e0cc07ac.svg") format('svg'), url("/assets/0ff9ecfb024d11a9ddf5.ttf") format('truetype'), url("/assets/070e4dfa92f1e839d361.woff") format('woff'), url("/assets/5f2d7dd1dfdc2298f511.woff2") format('woff2');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'AvenirNext-DemiBold';
  src:url("/assets/67abca5c8775b6f43832.eot");
  src:url("/assets/67abca5c8775b6f43832.eot") format('embedded-opentype'), url("/assets/f5be17fcfbec58d3b01c.svg") format('svg'), url("/assets/cd3f597d15f818b55dc2.ttf") format('truetype'), url("/assets/729be57994fdc0c8d0b1.woff") format('woff'), url("/assets/5256591c2b77b5276225.woff2") format('woff2');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'AvenirNext-Medium';
  src:url("/assets/c017e285648f762fb74f.eot");
  src:url("/assets/c017e285648f762fb74f.eot") format('embedded-opentype'), url("/assets/4bb0a3a14e578423bcdd.svg") format('svg'), url("/assets/37e947e7384d693d92ab.ttf") format('truetype'), url("/assets/961d16d45be10216c418.woff") format('woff'), url("/assets/2d3dca5dd24e25958e41.woff2") format('woff2');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'AvenirNext-Regular';
  src:url("/assets/cb92ba1c9069e1a54804.eot");
  src:url("/assets/cb92ba1c9069e1a54804.eot") format('embedded-opentype'), url("/assets/214f3aaa62975a48d84c.svg") format('svg'), url("/assets/85c292443135333869cc.ttf") format('truetype'), url("/assets/fef6c2979f6867181421.woff") format('woff'), url("/assets/ec281f0216889c5ee866.woff2") format('woff2');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'AvenirNext-UltraLight';
  src:url("/assets/29927e7a6a7317858320.eot");
  src:url("/assets/29927e7a6a7317858320.eot") format('embedded-opentype'), url("/assets/f5c4e8262511c5c67c79.svg") format('svg'), url("/assets/dbfb676e6ba31e584560.ttf") format('truetype'), url("/assets/a1a310916c9de6ad01b4.woff") format('woff'), url("/assets/e2b15561cd459dee6e9e.woff2") format('woff2');
  font-weight: normal;
  font-style: normal;
}
/*AvenirNext end*/
/*Hind star*/
@font-face {
  font-family: 'Hind-Light';
  src:url("/assets/4ea473b01a69a4de7d46.eot");
  src:url("/assets/4ea473b01a69a4de7d46.eot") format('embedded-opentype'), url("/assets/facb338ee57fb87dc306.svg") format('svg'), url("/assets/0aff1309e0774e808881.ttf") format('truetype'), url("/assets/1acef3e34534036e3047.woff") format('woff'), url("/assets/e80e787fe274df58d0b3.woff2") format('woff2');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Hind-Regular';
  src:url("/assets/75d77ec4d73c9e226c2b.eot");
  src:url("/assets/75d77ec4d73c9e226c2b.eot") format('embedded-opentype'), url("/assets/afdfdd5ec031048c917d.svg") format('svg'), url("/assets/576a5387c8aa75cd2aa2.ttf") format('truetype'), url("/assets/651236aa03019076f554.woff") format('woff'), url("/assets/ebcce5c56b69bbf4291a.woff2") format('woff2');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Hind-Medium';
  src:url("/assets/fd29101b7c960d8a6b40.eot");
  src:url("/assets/fd29101b7c960d8a6b40.eot") format('embedded-opentype'), url("/assets/b2d38e0a077ea2e73da6.svg") format('svg'), url("/assets/bc1ea91e8e17dafad4fa.ttf") format('truetype'), url("/assets/055139be2926612757b1.woff") format('woff'), url("/assets/c4aee2f912f7f5b9a2f2.woff2") format('woff2');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Hind-SemiBold';
  src:url("/assets/ce638679428e7d804527.eot");
  src:url("/assets/ce638679428e7d804527.eot") format('embedded-opentype'), url("/assets/0650edf97f96e1342737.svg") format('svg'), url("/assets/9c6a1999168e92717409.ttf") format('truetype'), url("/assets/a6a5ddf7298fe95f3e70.woff") format('woff'), url("/assets/9b32bfed589980206ad5.woff2") format('woff2');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Hind-Bold';
  src:url("/assets/fa8b7eb5702479cdd1c3.eot");
  src:url("/assets/fa8b7eb5702479cdd1c3.eot") format('embedded-opentype'), url("/assets/2e246fe3a028da8da919.svg") format('svg'), url("/assets/6de5d45c8b8baef3acfd.ttf") format('truetype'), url("/assets/4b4147b0d0ce97c00987.woff") format('woff'), url("/assets/1a77ea89bf8ee1225fa9.woff2") format('woff2');
  font-weight: normal;
  font-style: normal;
}
/*Hind end*/
/*PlayfairDisplay star*/

/*PlayfairDisplay end*/
/*OpenSans star*/
@font-face {
  font-family: "OpenSans-Light";
  src:url("/assets/361fb8f840cfc85bcaf1.eot");
  src:url("/assets/361fb8f840cfc85bcaf1.eot") format('embedded-opentype'), url("/assets/6c9dfa279ddc292d4116.woff2") format('woff2'), url("/assets/79e81224978af1fdc2f7.woff") format('woff'), url("/assets/5661b92e94ab41ea2d98.ttf") format('truetype'), url("/assets/f91b44bb6bb02002158d.svg") format('svg');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "OpenSans-Regular";
  src:url("/assets/2580c077d8e8800a9afd.eot");
  src:url("/assets/2580c077d8e8800a9afd.eot") format('embedded-opentype'), url("/assets/262f5da9e3ada9214549.woff2") format('woff2'), url("/assets/ad7af77a94314c3c6c19.woff") format('woff'), url("/assets/3d028c0e89339a1666aa.ttf") format('truetype'), url("/assets/7544b9557ff6460072de.svg") format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "OpenSans-Medium";
  src:url("/assets/2b7d628bf2cc7d38d0e2.eot");
  src:url("/assets/2b7d628bf2cc7d38d0e2.eot") format('embedded-opentype'), url("/assets/e26d77cceb13796c92ad.woff2") format('woff2'), url("/assets/c8f9dfbd5f4fb1955c17.woff") format('woff'), url("/assets/5f41fc8e6136d6a14236.ttf") format('truetype'), url("/assets/b580d246daede3e4df1a.svg") format('svg');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "OpenSans-SemiBold";
  src:url("/assets/4f7eaaef446672737db0.eot");
  src:url("/assets/4f7eaaef446672737db0.eot") format('embedded-opentype'), url("/assets/e6e92d1559d013412bfa.woff2") format('woff2'), url("/assets/0fed32ca9da7a93b8d4f.woff") format('woff'), url("/assets/9ebd2fa5b4b8a39cedbb.ttf") format('truetype'), url("/assets/e81099107ef9eb93e148.svg") format('svg');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "OpenSans-Bold";
  src:url("/assets/14fc6b355a9e59a7f481.eot");
  src:url("/assets/14fc6b355a9e59a7f481.eot") format('embedded-opentype'), url("/assets/bb1443cba6a493585c1d.woff2") format('woff2'), url("/assets/6dbc0be7750845f1df8a.woff") format('woff'), url("/assets/1575d41128e6586a6fc0.ttf") format('truetype'), url("/assets/aea1088d8d0113902100.svg") format('svg');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "OpenSans-ExtraBold";
  src:url("/assets/1ca7d773276b70356cb1.eot");
  src:url("/assets/1ca7d773276b70356cb1.eot") format('embedded-opentype'), url("/assets/e89341346dd1d660dbf5.woff2") format('woff2'), url("/assets/a73ed10d5dc821973091.woff") format('woff'), url("/assets/a1fe248e7eb433cc10e4.ttf") format('truetype'), url("/assets/3a9cc15299b8599a2c74.svg") format('svg');
  font-weight: 800;
  font-style: normal;
}

/*OpenSans end*/
/*Teko start*/
@font-face {
  font-family: "Teko-Bold";
  
  src: url("/assets/4d5fab5b0875e6c2f587.woff") format('woff'), url("/assets/ba3fbb0ba4d109d82737.ttf") format('truetype'), url("/assets/f8db7b94dd66bb2741a2.svg") format('svg');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Teko-Medium";
  
  src: url("/assets/791bfb0b5be6b990f9d4.woff") format('woff'), url("/assets/822342ee31b6e1859ed9.ttf") format('truetype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Teko-SemiBold";
  
  src: url("/assets/b4dbc448f11d33dcb7df.woff2") format('woff2'), url("/assets/e2363caff73c881c773d.woff") format('woff');
  font-weight: 600;
  font-style: normal;
}
/*Teko end*/
/********font end********/
/********translate start********/
.translated-rtl body,
.translated-ltr body {
  position: static !important;
  min-height: auto !important;
  top: auto !important;
}
.skiptranslate {
  display: none !important;
}
/********translate end********/
/********lib star********/
.help-block {
  color: #ff0000;
  margin-top: 10px;
  line-height: 1em;
}
.pupPublicBody table {
  border-spacing: 0;
  border: solid #ddd;
  border-width: 1px 0px 0px 1px;
  margin-bottom: 29px;
}
.pupPublicBody table:nth-child(1) {
  width: 100%;
}
.pupPublicBody table tr {
  border: solid #ddd;
  border-width: 0px 1px 1px 0px;
}
.pupPublicBody table th {
  height: 36px;
  border: solid #ddd;
  border-width: 0px 1px 1px 0px;
  vertical-align: middle;
  font-family: OpenSans-Bold, Arial, Helvetica, sans-serif;
  font-weight: 700;
  padding-left: 18px;
}
.pupPublicBody table td {
  border: solid #ddd;
  border-width: 0px 1px 1px 0px;
  height: 36px;
  vertical-align: middle;
  position: relative;
  text-align: center;
  padding: 0px 18px;
}
.blue {
  color: #153CC0;
}
.red {
  color: #D01F1F;
}
.purple {
  color: #8e1ba8;
}
.help-block-error {
  color: #ff0000;
}
input[type="radio"] {
  margin: 0 5px 0 0;
  border: 1px solid #d5d2c9;
  width: 20px;
  height: 20px;
  appearance: none;
  border-radius: 50%;
  position: relative;
  background: #fff;
  vertical-align: middle;
}
input[type="radio"]:checked {
  background-color: #fff;
  border: 1px solid #3e3d3e;
}
input[type="radio"]:checked::before {
  content: "";
  left: 50%;
  top: 50%;
  margin: -5px 0 0 -5px;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background: #3e3d3e;
  position: absolute;
}
input[type="checkbox"] {
  width: 17px;
  height: 17px;
  border-radius: 0;
  position: relative;
  border: 1px solid #DDDDDD;
  background: #fff;
  margin-right: 8px;
  appearance: none;
  box-sizing: border-box;
  padding: 0;
  vertical-align: middle;
}
input[type="checkbox"]:checked {
  background: #ffffff;
  border: 1px solid #3e3e3e;
  position: relative;
}
input[type="checkbox"]:checked::before {
  height: 9px;
  width: 6px;
  border-bottom: 2px solid #3e3e3e;
  border-right: 2px solid #3e3e3e;
  transform: rotate(40deg);
  position: absolute;
  top: 2px;
  left: 5px;
  box-sizing: border-box;
  content: "";
  display: block;
}
.select_component {
  background: #fff;
  border: 1px solid #DDDDDD;
  padding: 0 12px;
  height: 100%;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.select_component select {
  width: 100%;
  height: 100%;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
  padding-left: 10px;
}
.select_component .select_text {
  position: relative;
  display: block;
  font-size: 14px;
}
.select_component .select_text:after {
  content: '';
  display: block;
  width: 8px;
  height: 8px;
  border-top: 1px solid #000000;
  border-right: 1px solid #000000;
  transform: rotate(135deg);
  position: absolute;
  right: 4px;
  top: 34%;
}
html {
  background: #ffffff;
}
.flex {
  display: flex;
}
.flexBetween {
  display: flex;
  justify-content: space-between;
}
.flexStart {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.flexCenter {
  display: flex;
  justify-content: center;
  align-items: center;
}
#afLName {
  font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
  font-weight: 600;
}
.publicBody {
  max-width: 1200px;
  margin: 0 auto 120px;
  margin-top: 60px;
}
.publicBody > .newFlex {
  padding-top: 0;
  display: flex;
  flex-wrap: wrap;
}
.publicBody .left {
  margin-right: 25px;
}
.publicBody .card {
  width: 206px;
  padding: 0px 20px 30px;
  box-sizing: border-box;
  margin-bottom: 20px;
}
.publicBody .card:last-child {
  margin-bottom: 0;
}
.publicBody .card h2 {
  font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 20px;
  word-break: break-word;
}
.publicBody .card h3 {
  font-family: OpenSans-Bold, Arial, Helvetica, sans-serif;
  font-weight: 700;
  margin-bottom: 20px;
}
.publicBody .card a {
  margin-bottom: 20px;
  display: block;
}
.publicBody .card a:nth-last-child(1) {
  margin-bottom: 0;
}
.publicBody .card a.active {
  text-decoration: underline;
  text-underline-offset: 5px;
}
.publicBody .right {
  flex: 1;
}
.publicBody .right h2 {
  font-size: 18px;
  margin-bottom: 30px;
  text-align: center;
}
.publicBody .right input {
  height: 36px;
  line-height: 36px;
  width: 100%;
  border: 1px solid #ddd;
  padding: 0 10px;
  box-sizing: border-box;
}
.publicBody .right label {
  display: block;
  margin-bottom: 4px;
}
.publicBody .right .bannerCode {
  resize: none;
  width: 100%;
  height: 80px;
  padding: 14px;
  margin-bottom: 12px;
  border: 1px solid #ddd;
  box-sizing: border-box;
}
.publicBody h2.title {
  font-size: 24px;
  font-family: OpenSans-Bold, Arial, Helvetica, sans-serif;
  font-weight: 700;
  line-height: 25px;
  padding-bottom: 16px;
  margin-bottom: 26px;
}
.btn {
  display: inline-block;
  height: 40px;
  padding: 10px 27px;
  background: #1b1b1b;
  color: #fff;
  box-sizing: border-box;
  cursor: pointer;
  text-transform: uppercase;
  border: 0;
  margin-right: 7px;
  font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
  font-weight: 600;
}
.btn1 {
  display: inline-block;
  height: 28px;
  line-height: 28px;
  padding: 1px 10px;
  background: #fff;
  color: #000;
  box-sizing: border-box;
  cursor: pointer;
  text-transform: uppercase;
  border: 0;
  border: 1px solid #eee;
}
.btn1:hover {
  opacity: 0.8;
}
.a_button_border {
  display: inline-block;
  padding: 0 27px;
  line-height: 40px;
  color: #1b1b1b;
  font-size: 14px;
  border: 1px solid #ddd;
  text-align: center;
  background: #fff;
  text-transform: uppercase;
  box-sizing: border-box;
  cursor: pointer;
}
.a_button_border:hover {
  opacity: 0.8;
}
.maskLayer {
  height: 100%;
  width: 100%;
  background-color: rgba(15, 15, 15, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  z-index: 99;
}
.iosRadioBox {
  position: relative;
  width: 80px;
  height: 30px;
}
.iosRadioBox input[type="checkbox"] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 99;
  cursor: pointer;
}
.iosRadioBox input[type="checkbox"]:checked::before {
  display: none;
}
.iosRadioBox .iosSwitch {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 100px;
  background: #ddd;
  box-shadow: 0px 0px 2px #ddd inset;
  transition: all 0.2s ease-in-out;
}
.iosRadioBox input:checked ~ .iosSwitch {
  background: #1b1b1b;
  box-shadow: 0px 0px 2px #1b1b1b inset;
}
.iosRadioBox .iosCursor {
  display: inline-block;
  position: absolute;
  top: 3px;
  left: 3px;
  width: 23px;
  height: 23px;
  border-radius: 100%;
  background: #fff;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.1);
  z-index: 10;
  -webkit-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.iosRadioBox input:checked ~ .iosSwitch .iosCursor {
  left: 53px;
}
.iosRadioBox .iosLabel {
  position: absolute;
  top: 0;
  width: 70px;
  font-size: 28px;
  line-height: 25px;
  color: #fff;
  text-align: center;
  -webkit-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.iosRadioBox .iosLabelOn {
  left: -55px;
  opacity: 0.5;
}
.iosRadioBox input:checked ~ .iosSwitch .iosLabelOn {
  left: 3px;
  opacity: 1;
}
.iosRadioBox .iosLabelOff {
  opacity: 1;
  right: 0;
}
.iosRadioBox .iosLabel span {
  font-size: 14px;
}
.iosRadioBox input:checked ~ .iosSwitch .iosLabelOff {
  opacity: 0.5;
  right: -55px;
}
/********lib end********/
/********header star********/
.publicHeader {
  height: 115px;
  position: relative;
  z-index: 11;
}
.publicHeader .flexBetween {
  align-items: center;
}
.publicHeader .header {
  position: relative;
  width: 960px;
  height: 70px;
  line-height: 70px;
  margin: 0 auto;
}
.publicHeader .header .logo {
  margin-top: 18px;
}
.publicHeader .header .loginBtn {
  color: #008CBA;
  font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
  font-weight: 600;
  cursor: pointer;
}
.publicHeader .header .loginBtn.logoBox {
  height: 70px;
  position: relative;
}
.publicHeader .nav {
  background: #fff;
  border: 1px solid #dddddd;
  height: 45px;
}
.publicHeader .nav ul {
  width: 960px;
  margin: 0 auto;
}
.publicHeader .nav ul li {
  height: 45px;
  line-height: 45px;
  box-sizing: border-box;
  cursor: pointer;
}
.publicHeader .nav ul li.active {
  background: #000000;
}
.publicHeader .nav ul li.active a {
  color: #fff;
}
.publicHeader .nav ul li.active:hover {
  background: #000000;
}
.publicHeader .nav ul li a {
  padding: 14px;
  width: 100%;
  height: 100%;
}
.publicHeader .mobileNav {
  display: none;
}
.publicHeader .mobileNav .navBtn {
  position: fixed;
  top: 23px;
  right: 20px;
}
.publicHeader .mobileNav .navBtn i {
  display: block;
  width: 30px;
  height: 3px;
  margin: 6px 0;
  background: #1b1b1b;
}
.publicHeader .navGroup {
  width: 100%;
  height: auto;
  background: #edf0f9;
  border-top: 1px solid #ddd;
  position: relative;
  z-index: 9;
  display: none;
}
.publicHeader .navGroup li a {
  display: block;
  border-bottom: 1px solid #dedede;
  text-align: left;
  margin: 0 15px;
  padding: 15px 0px;
  width: 92%;
  position: relative;
  font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
  font-weight: 600;
}
.publicHeader .navGroup li a:after {
  display: inline-block;
  content: " ";
  height: 6px;
  width: 6px;
  border-width: 1px 1px 0 0;
  border-color: #373737;
  border-style: solid;
  transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
  position: absolute;
  top: 50%;
  right: 0;
}
.headerTop {
  min-width: 1300px;
  position: relative;
}
.headerTop.index {
  background-color: #edf0f9;
}
.headerTop .newPublicHeader {
  height: 80px;
  position: relative;
  z-index: 2;
}
.headerTop .newPublicHeader .header {
  max-width: 1200px;
  height: 80px;
  line-height: 80px;
  margin: 0 auto;
  align-items: center;
}
.headerTop .newPublicHeader .header .logo {
  top: 20%;
}
.headerTop .newPublicHeader .header .nav {
  background: none;
  border: none;
  height: auto;
  line-height: 80px;
}
.headerTop .newPublicHeader .header .nav ul {
  width: auto;
  max-width: 850px;
}
.headerTop .newPublicHeader .header .nav ul li {
  line-height: 80px;
  height: auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.headerTop .newPublicHeader .header .nav ul li.active a {
  color: #0f0f0f;
}
.headerTop .newPublicHeader .header .nav ul li a {
  margin: 5px 16px;
  width: 100%;
  height: 100%;
  font-size: 16px;
  color: #0f0f0f;
  font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
  font-weight: 600;
  cursor: pointer;
}
.headerTop .newPublicHeader .header .nav ul li span {
  margin: 5px 16px;
  width: 100%;
  height: 100%;
  font-size: 16px;
  color: #0f0f0f;
  font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
  font-weight: 600;
}
.headerTop .newPublicHeader .header .nav ul li a.signUp {
  margin-left: 16px;
  padding: 8px 30px;
  color: #ffffff;
  background-color: #0f0f0f;
  border-radius: 50px;
}
.headerTop .newPublicHeader .header .mobileNav {
  display: none;
}
.headerTop .newPublicHeader .header .mobileNav .navBtn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 16px;
}
.headerTop .newPublicHeader .header .mobileNav .navBtn i {
  display: block;
  width: 20px;
  height: 2px;
  margin: 4px 0;
  background: #1b1b1b;
}
.headerTop .newPublicHeader .header .navGroup {
  width: 100%;
  height: auto;
  background: #F6F5F3;
  border-top: 1px solid #ddd;
  position: relative;
  z-index: 9;
  display: none;
}
.headerTop .newPublicHeader .header .navGroup li a {
  display: block;
  border-bottom: 1px solid #dedede;
  text-align: left;
  margin: 0 15px;
  padding: 15px 0px;
  width: 92%;
  position: relative;
  font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
  font-weight: 600;
}
.headerTop .newPublicHeader .header .navGroup li a:after {
  display: inline-block;
  content: " ";
  height: 6px;
  width: 6px;
  border-width: 1px 1px 0 0;
  border-color: #373737;
  border-style: solid;
  transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
  position: absolute;
  top: 50%;
  right: 0;
}
.signHeader {
  margin: 0 auto;
  margin-top: 63px;
  max-width: 900px;
  align-items: center;
}
.signHeader .signIn {
  font-size: 16px;
  font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-weight: 300;
  color: #1C1401;
  line-height: 26px;
}
.signHeader .back {
  display: none;
}
.fixedTop {
  position: sticky;
  background-color: #FFFFFF;
  width: 100%;
  top: 0;
  z-index: 9999;
  box-shadow: 0px 10px 20px 0px rgba(15, 15, 15, 0.03);
}
.fixedTop.index {
  background-color: #edf0f9;
}
.fixedTop .nav ul li a {
  color: #000 !important;
}
.fixedTop .nav ul li span {
  color: #000 !important;
}
.fixedTop .nav ul .active {
  border-bottom: 2px solid #1C1401 !important;
}
.fixedTop .nav ul li a.signUp {
  color: #ffffff !important;
  border-color: #ffffff !important;
}
.banner {
  color: #fff;
  position: absolute;
  top: 0;
  background: url("/assets/dd19f27bf6182c13ecfc-optimized.webp") no-repeat center top / cover;
  height: 70vh;
  min-height: 770px;
  width: 100%;
  margin-bottom: 54px;
}
.bannerTwo {
  background: url("/assets/d91d76cf5d04386f6c58-optimized.webp") no-repeat center top / cover;
}
.bannerThree {
  background: none no-repeat center top / cover;
}
.bannerFour {
  background: none no-repeat center top / cover;
}
.bannerBoxContainer {
  display: flex;
  width: 1200px;
  justify-content: center;
  gap: 30px;
}
.bannerBoxContainer .item {
  width: 280px;
  height: 230px;
  background: #ffffff;
  border-radius: 8px;
  padding: 0 16px;
  box-sizing: border-box;
}
.bannerBoxContainer .item .itemTitle {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 84px;
  margin-top: 24px;
  margin-bottom: 16px;
}
.bannerBoxContainer .item .itemTitle span {
  font-family: "OpenSans-Bold";
  font-size: 28px;
  font-weight: 600;
  color: #0F0F0F;
  line-height: 42px;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-align: center;
}
.bannerBoxContainer .item .itemDesc {
  font-size: 18px;
  font-weight: 500;
  color: #0F0F0F;
  text-align: center;
}
.headerBanner {
  position: relative;
  height: 70vh !important;
  min-height: 770px;
  transform: translate3d(0, 0, 0);
}
.headerBanner .spTop {
  position: absolute;
  bottom: 18vh !important;
}
.headerBanner .swiper-slide {
  transform: translate3d(0, 0, 0);
  margin-left: -0.1px;
}
.headerBanner .swiper-pagination-bullet {
  background: #FFFFFF;
  opacity: 0.4;
}
.headerBanner .swiper-pagination-bullet-active {
  background-color: #fff;
  opacity: 1;
}
.bannerText {
  position: absolute;
  top: 50%;
  text-align: center;
  transform: translate(-50%, -50%);
  left: 50%;
}
.bannerText h3 {
  color: #0F0F0F;
}
.bannerPop {
  display: none;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 1200px;
  height: 470px;
  background-color: #ffffff;
  z-index: 999;
}
.bannerPop .popCancel {
  width: 28px;
  height: 28px;
  position: absolute;
  right: 20px;
  top: 20px;
  background: none;
  cursor: pointer;
}
.bannerPop .popHeader {
  width: 100%;
  height: 160px;
  background: #CBB6A1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bannerPop .popHeader p {
  font-size: 30px;
  font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-weight: 300;
  color: #FFFFFF;
  line-height: 30px;
  letter-spacing: 1px;
  display: flex;
  align-items: center;
}
.bannerPop .popHeader p span {
  padding: 0 30px;
  font-size: 70px;
  font-weight: 500;
  line-height: 45px;
  letter-spacing: 1px;
}
.bannerPop .popHeader .popBox {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.bannerPop .popHeader .popBox .item1 {
  padding-left: 30px;
}
.bannerPop .popHeader .popBox .item1 #popHeaderDollor1 {
  padding-left: 0;
}
.bannerPop .popContent {
  font-size: 18px;
  font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-weight: 300;
  color: #0F0F0F;
  line-height: 28px;
  padding: 0 80px;
  margin-top: 40px;
}
.bannerPop a {
  display: block;
  width: fit-content;
  margin: 0 auto;
}
.bannerPop .signBtn {
  width: 200px;
  height: 54px;
  background: #0F0F0F;
  color: #ffffff;
  display: block;
  margin: 0 auto;
  margin-top: 80px;
  cursor: pointer;
  font-size: 18px;
  border: none;
}
.bannerText .btn {
  width: 580px;
  height: 80px;
  border-radius: 249px;
  padding-top: 0;
  padding-bottom: 0;
  line-height: 80px;
  font-family: OpenSans-Bold, Arial, Helvetica, sans-serif;
  font-weight: 700;
  background: #0f0f0f;
  color: #ffffff;
  font-size: 24px;
  margin-top: 85px;
  text-transform: initial;
}
.banner h3,
h1 {
  font-family: "OpenSans-Bold";
  font-weight: 600;
  font-size: 50px;
  margin: 0 0px 4.5vh 0;
  letter-spacing: 1px;
}
.banner p {
  width: 1200px;
  font-size: 24px;
  font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
  font-weight: 600;
  text-align: center;
  color: #0f0f0f;
  line-height: 2.8vh;
  margin-top: 5vh;
  word-break: normal;
}
@media screen and (max-width: 1200px) {
  .bannerPop {
    width: 650px;
  }
  .bannerPop .signBtn {
    margin-top: 20px;
  }
  .headerBanner .spTop {
    bottom: 17vh !important;
  }
  .newsWrap .newBox .imgBox {
    height: 360px !important;
  }
}
/********header end********/
/********footer star********/
.publicFooter {
  height: auto;
  background: #0f0f0f;
  color: #fff;
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.publicFooter .navBox {
  width: 100%;
  display: flex;
  justify-content: center;
}
.publicFooter .footer {
  width: 1200px;
  flex-wrap: wrap;
  justify-content: center;
}
.publicFooter .disclaimer {
  margin-top: -15px;
  margin-bottom: 10px;
}
.publicFooter .footerNav {
  display: flex;
  justify-content: center;
  margin-top: 30px;
  margin-bottom: 10px;
  line-height: 18px;
}
.publicFooter .footerNav li {
  padding: 0 25px;
  margin-bottom: 12px;
  position: relative;
}
.publicFooter .footerNav li:first-child {
  padding-left: 0;
}
.publicFooter .footerNav li:not(:last-child)::after {
  content: '';
  height: 10px;
  width: 1px;
  background-color: rgba(255, 255, 255, 0.7);
  position: absolute;
  top: 7px;
  right: 0;
}
.publicFooter .footerNav a {
  color: #FFFFFF;
  font-size: 16px;
  font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-weight: 300;
  line-height: 26px;
}
.publicFooter .footerNav a.af_terms {
  color: #305CEF;
}
.publicFooter .footerNav a:hover {
  text-decoration: underline;
  text-underline-offset: 6px;
}
.publicFooter .footer > p {
  width: 100%;
  text-align: center;
  font-size: 16px;
  font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-weight: 300;
  padding: 10px;
  color: #ffffff;
}
.publicFooter .scrollTop {
  display: none;
  width: 40px;
  height: 45px;
  position: absolute;
  top: -55px;
  right: 16px;
  border: 1px solid rgba(28, 20, 1, 0.09);
}
.publicFooter .scrollTop img {
  position: absolute;
  width: 12px;
  height: 9px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.publicFooter .chooseLanguage {
  width: auto;
  height: 44px;
  margin-top: 20px;
  position: relative;
  cursor: pointer;
  display: flex;
  align-items: center;
  margin-left: 65px;
}
.publicFooter .chooseLanguage .placeHolder {
  font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-size: 15px;
  line-height: 24px;
  padding: 0 24px 0 26px;
  width: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: noWrap;
}
.publicFooter .chooseLanguage .changeIcon {
  display: block;
  width: 9px;
  height: 5px;
  background: url("/assets/500502b6ee61bfe3ef90.svg");
  background-repeat: no-repeat;
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
  background-size: contain;
}
.publicFooter .chooseLanguage .languageIcon {
  display: block;
  width: 16px;
  height: 16px;
  background: url("/assets/9d870078bd0acb5d35c7.svg");
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background-size: contain;
}
.publicFooter .chooseLanguage #language {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  opacity: 0;
  cursor: pointer;
  padding-left: 10px;
}
@media screen and (max-width: 1200px) {
  .publicFooter .footer {
    width: 92%;
    margin: 0 auto;
    display: block;
    height: auto;
    padding: 20px 0;
  }
  .publicFooter .footer p {
    line-height: 21px;
    margin-bottom: 15px;
    text-align: center;
    padding: 0px;
  }
  .publicFooter .disclaimer {
    margin-bottom: 0 !important;
  }
  .publicFooter .btnWrap {
    justify-content: center;
  }
  .publicFooter {
    height: auto;
  }
}
@media screen and (max-width: 1300px) {
  .presentation .prePic {
    width: 320px !important;
    height: 320px !important;
  }
  .presentation .preWords h2 {
    width: 620px !important;
  }
  .presentation .preWords p {
    width: 620px !important;
  }
}
/********footer star********/
/********public star********/
/********public end********/
/********afIndex star********/
.indexWrap .way {
  padding: 80px 0;
  width: 100%;
  background: #F9FBFF;
}
.indexWrap .way .listbox {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.indexWrap .way .listbox .swiper {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.indexWrap .way h2 {
  margin: 0 0 60px 0;
  font-size: 50px;
  font-family: "OpenSans-Bold";
  font-weight: 600;
  color: #1C1401;
  letter-spacing: 1px;
}
.indexWrap .way .list {
  width: 1248px;
}
.indexWrap .way .list .swiper-wrapper .item {
  height: 529px;
  background: #FFFFFF;
  box-shadow: 0px 0px 20px 0px rgba(79, 40, 2, 0.04);
  border-radius: 8px;
  display: inline-block;
}
.indexWrap .way .list .swiper-wrapper .item:hover .limitWrap {
  background-color: #C4B7AA;
}
.indexWrap .way .leftSel {
  width: 61px;
  height: 61px;
  display: inline-block;
  background: none no-repeat;
  margin-right: 40px;
  cursor: pointer;
}
.indexWrap .way .rightSel {
  width: 61px;
  height: 61px;
  display: inline-block;
  background: none no-repeat;
  margin-left: 40px;
  transform: rotate(180deg);
  cursor: pointer;
}
.indexWrap .way .swiper-button-disabled {
  visibility: hidden;
}
.indexWrap .way .limitWrap {
  background: #D3C7BB;
  text-align: center;
  padding-bottom: 40px;
  color: #1C1401;
  height: 202px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  cursor: pointer;
  position: relative;
}
.indexWrap .way .limitWrap .limitWrap-btn {
  width: 100%;
  height: 100%;
  position: absolute;
  display: block;
}
.indexWrap .way .limitWrap p {
  text-transform: uppercase;
  padding-top: 32px;
  font-size: 18px;
  line-height: 28px;
  font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
  font-weight: 500;
  text-align: center;
}
.indexWrap .way .limitWrap p.limit {
  font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-size: 44px;
  line-height: 50px;
}
.indexWrap .way .limitWrap p.limit.trafficLimit {
  display: inline-block;
}
.indexWrap .way .limitWrap p.limit.trafficLimit.trafficLimit1 {
  padding-top: 0;
}
.indexWrap .way .tipsWrap {
  padding: 40px 25px 0;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
}
.indexWrap .way .tipsWrap p {
  position: relative;
  font-size: 18px;
  font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
  font-weight: 500;
  color: #1C1401;
  line-height: 28px;
  text-align: left;
  height: 112px;
  width: 100%;
}
.indexWrap .way .tipsWrap .promoteText {
  display: block;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
.indexWrap .way .tipsWrap a,
.indexWrap .readMore {
  font-size: 18px;
  color: rgba(28, 20, 1, 0.4);
  text-decoration: underline;
}
.indexWrap .way .tipsWrap .exp1,
.indexWrap .exp2,
.indexWrap .exp3,
.indexWrap .exp4,
.indexWrap .exp5,
.indexWrap .exp6,
.indexWrap .exp7 {
  display: none;
}
.indexWrap .way .tipsWrap .readMore {
  height: 28px;
  left: 0;
  width: 100%;
  background: #ffffff;
  cursor: pointer;
}
.indexWrap .way .tipsWrap .readMore::after {
  content: 'Read more';
}
.indexWrap .way .tipsWrap .btn {
  margin-top: 24px;
  position: absolute;
  bottom: 40px;
  left: 25px;
  width: 61px;
  height: 60px;
  background: none no-repeat;
}
.indexWrap .way .listbox .sp {
  bottom: -50px !important;
}
.indexWrap .way .listbox .sp .swiper-pagination-bullet-active {
  background: #1E0F02;
}
.indexWrap .way .wayWrap {
  width: 1200px;
  display: flex;
  margin: 0 auto;
}
.indexWrap .way .leftWay {
  display: flex;
  flex-direction: column;
  gap: 0;
  margin-right: 32px;
  justify-content: flex-start;
}
.indexWrap .way .leftWayItem {
  position: relative;
  cursor: pointer;
  width: 164px;
  height: 154px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  background: #F6FCFF;
  overflow: hidden;
  border: 1px solid #D5E0E7;
  box-sizing: border-box;
}
.indexWrap .way .leftWayItem:first-child {
  border-radius: 8px 8px 0 0;
  border-bottom: 0;
}
.indexWrap .way .leftWayItem:last-child {
  border-radius: 0 0 8px 8px;
  border-top: 0;
}
.indexWrap .way .leftWayItem.active {
  background: linear-gradient(180deg, #68BAF0 0%, #3577C2 100%);
}
.indexWrap .way .leftWayItem.active .selected {
  display: block;
}
.indexWrap .way .leftWayItem .selected {
  display: none;
  position: absolute;
  right: 0;
  top: 0;
  width: 33px;
  height: 20px;
  background-color: #6495CB;
  border-radius: 0 0 0 10px;
}
.indexWrap .way .leftWayItem .selected::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 40%;
  width: 10px;
  height: 6px;
  border-left: 2px solid white;
  border-bottom: 2px solid white;
  transform: translate(-50%, -50%) rotate(-45deg);
}
.indexWrap .leftWayItem .leftWayItemCenter {
  font-size: 24px;
  font-family: OpenSans-Bold, Arial, Helvetica, sans-serif;
  font-weight: 700;
  text-align: center;
}
.indexWrap .leftWayItem .leftWayItemTop,
.indexWrap .leftWayItem .leftWayItemBottom {
  font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-size: 15px;
  color: #0F0F0F;
  text-align: center;
}
.indexWrap .leftWayItem .leftWayItemTop .symbol,
.indexWrap .leftWayItem .leftWayItemBottom .symbol {
  font-family: OpenSans-Bold, Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 18px;
}
.indexWrap .leftWayItem .leftWayItemBottom1 {
  font-size: 13px;
}
.indexWrap .leftWayItem .limit {
  font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-size: 20px;
  text-align: center;
}
.indexWrap .leftWayItem.active .leftWayItemTop,
.indexWrap .leftWayItem.active .leftWayItemCenter,
.indexWrap .leftWayItem.active .leftWayItemBottom {
  color: #ffffff;
}
.indexWrap .rightWay {
  background-color: #ffffff;
  padding: 28px 32px;
  border-radius: 8px;
  height: 618px;
  box-sizing: border-box;
}
.indexWrap .rightWay .rightWayDesc {
  font-size: 16px;
  line-height: 24px;
}
.indexWrap .rightWay2,
.indexWrap .rightWayNoReward1,
.indexWrap .rightWay3,
.indexWrap .rightWay5 {
  padding: 100px 200px;
  box-sizing: border-box;
}
.indexWrap .rightWay2 .icon,
.indexWrap .rightWayNoReward1 .icon,
.indexWrap .rightWay3 .icon,
.indexWrap .rightWay5 .icon {
  margin: 0 auto 24px auto;
  width: 120px;
  height: 120px;
  background: url("/assets/55e68c463b89da51dde6.svg") no-repeat;
  background-size: contain;
}
.indexWrap .rightWay2 .title,
.indexWrap .rightWayNoReward1 .title,
.indexWrap .rightWay3 .title,
.indexWrap .rightWay5 .title {
  font-size: 36px;
  font-family: OpenSans-Bold, Arial, Helvetica, sans-serif;
  font-weight: 700;
  text-align: center;
  margin-bottom: 32px;
}
.indexWrap .rightWay2 .desc,
.indexWrap .rightWayNoReward1 .desc,
.indexWrap .rightWay3 .desc,
.indexWrap .rightWay5 .desc {
  text-align: center;
  font-size: 18px;
}
.indexWrap .rightWay-default {
  padding: 100px 170px;
}
.indexWrap .rightWay-default .title {
  margin: 0 80px 32px;
}
.indexWrap .rightWay3 .icon {
  background: none no-repeat;
  background-size: contain;
}
.indexWrap .rightWayNoReward1 .icon {
  background: url("/assets/a42adf932ccfb2275181.svg") no-repeat;
  background-size: contain;
}
.indexWrap .rightWay4 {
  padding: 80px 20px 0 20px;
  box-sizing: border-box;
}
.indexWrap .rightWay4 .container {
  display: flex;
  width: 100%;
}
.indexWrap .rightWay4 .bottomTips {
  margin-top: 30px;
  text-align: center;
}
.indexWrap .rightWay4 .leftT {
  line-height: 24px;
  text-align: center;
  margin-bottom: 24px;
}
.indexWrap .rightWay4 .left {
  padding-right: 60px;
}
.indexWrap .rightWay4 .leftB {
  border-top: 1px solid #EFEFEF;
  display: flex;
}
.indexWrap .rightWay4 .r {
  border-left: 1px solid #EFEFEF;
}
.indexWrap .rightWay4 .r,
.indexWrap .rightWay4 .l {
  width: 50%;
  height: 280px;
  line-height: 24px;
  text-align: center;
  padding: 24px 16px;
  box-sizing: border-box;
}
.indexWrap .rightWay4 .left,
.indexWrap .rightWay4 .right {
  width: 50%;
}
.indexWrap .rightWay4 .text {
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.indexWrap .rightWay4 .count {
  margin-top: 70px;
}
.indexWrap .rightWay4 .right {
  padding-left: 60px;
  border-left: 1px solid #EFEFEF;
}
.indexWrap .rightWay4 .right .title {
  display: flex;
  text-align: center;
  border-bottom: 1px solid #EFEFEF;
  padding-bottom: 14px;
}
.indexWrap .rightWay4 .titleItem {
  width: 50%;
}
.indexWrap .rightWay4 .countData {
  display: flex;
  flex-wrap: wrap;
}
.indexWrap .rightWay4 .countItem {
  padding: 27px 0;
  text-align: center;
  display: flex;
  border-bottom: 1px solid #EFEFEF;
  width: 100%;
}
.indexWrap .rightWay4 .totalSale,
.indexWrap .rightWay4 .percentage {
  width: 50%;
}
.indexWrap .dataContainer {
  margin-top: 16px;
}
.indexWrap .dataContainer .titleBox {
  display: flex;
  margin-bottom: 28px;
}
.indexWrap .dataContainer .title {
  font-family: OpenSans-Bold, Arial, Helvetica, sans-serif;
  font-weight: 700;
  min-width: 100px;
  text-align: center;
  margin-right: 50px;
}
.indexWrap .dataContainer .dataItem {
  display: flex;
  align-items: center;
  margin-bottom: 56px;
}
.indexWrap .dataContainer .dataItem:last-child {
  margin-bottom: 30px;
}
.indexWrap .dataContainer .count {
  font-family: OpenSans-Bold, Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 18px;
  width: 100px;
  text-align: center;
  flex-shrink: 0;
  margin-right: 50px;
}
.indexWrap .dataContainer .bouns {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
}
.indexWrap .dataContainer .bounsLeft {
  width: 400px;
  height: 24px;
  background: #BEE4FF;
  margin-right: 8px;
}
.indexWrap .dataContainer .dataBox .basic {
  position: absolute;
  width: 400px;
  height: 100%;
  left: 0;
  top: 0;
  background: #88B8F0;
}
.indexWrap .dataContainer .dataDesc {
  display: flex;
  margin-left: 150px;
}
.indexWrap .dataContainer .dataDesc .basic {
  display: flex;
  margin-right: 24px;
}
.indexWrap .dataContainer .dataDesc .basic .circle {
  width: 24px;
  height: 24px;
  background: #88B8F0;
  margin-right: 6px;
}
.indexWrap .dataContainer .extra {
  display: flex;
}
.indexWrap .dataContainer .extra .circle {
  width: 24px;
  height: 24px;
  background: #BEE4FF;
  margin-right: 6px;
}
.indexWrap .dataContainer .descText {
  font-size: 16px;
}
.indexWrap .pay {
  background: #ffffff;
  padding: 80px 0;
}
.indexWrap .pay h2 {
  font-family: "OpenSans-Bold";
  font-size: 50px;
  margin-bottom: 40px;
}
.indexWrap .pay .payWarp {
  display: flex;
  justify-content: space-between;
  width: 1200px;
  margin: 0 auto;
}
.indexWrap .pay .payItem {
  box-sizing: border-box;
  width: 30%;
  height: 240px;
  background: #F9FBFF;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 40px 20px 0 20px;
}
.indexWrap .pay .payIcon {
  margin-bottom: 50px;
}
.indexWrap .pay .bank {
  width: 80%;
  height: 18%;
  background: url("/assets/f078e91e625efbfe8d2e-optimized.webp") no-repeat;
  background-size: contain;
}
.indexWrap .pay .wise {
  width: 40%;
  height: 18%;
  background: url("/assets/5658fbc5bb4922cc228c-optimized.webp") no-repeat;
  background-size: contain;
}
.indexWrap .pay .paypal {
  width: 40%;
  height: 18%;
  background: url("/assets/001c1e0a3ce1e2fb04f7-optimized.webp") no-repeat;
  background-size: contain;
}
.indexWrap .pay .payDesc {
  font-size: 18px;
  text-align: center;
}
.indexWrap h2 {
  text-align: center;
  font-size: 32px;
  font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
  font-weight: 600;
  color: #1C1401;
  letter-spacing: 1px;
}
.indexWrap .features {
  padding: 80px 0;
  min-height: auto;
  background: #F9FBFF;
}
.indexWrap .features ul {
  flex-wrap: wrap;
}
.indexWrap .features li {
  display: inline-block;
  text-align: center;
  width: 33%;
  margin-bottom: 60px;
}
.indexWrap .features li p {
  font-size: 18px;
  font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
  font-weight: 500;
}
.indexWrap .features .icon {
  display: inline-block;
  width: 90px;
  height: 90px;
  margin-bottom: 25px;
}
.indexWrap .features .icon.brand {
  background: url("/assets/a347424ef4fed9b10a10.svg") no-repeat;
}
.indexWrap .features .icon.payout {
  background: none no-repeat;
}
.indexWrap .features .icon.rates {
  background: none no-repeat;
}
.indexWrap .features .icon.leader {
  background: url("/assets/e6da67ab5359f2243b97.svg") no-repeat;
}
.indexWrap .features .icon.experience {
  background: none no-repeat;
}
.indexWrap .features .icon.reporting {
  background: none no-repeat;
}
.indexWrap .features .howWork {
  margin: 0 auto;
  width: 1200px;
}
.indexWrap .features .howWork .title1 {
  font-family: "OpenSans-Bold";
  font-size: 50px;
  color: #0F0F0F;
  line-height: 60px;
  text-align: center;
  margin-bottom: 50px;
}
.indexWrap .features .howWork .title2 {
  font-family: "OpenSans-Medium";
  font-size: 36px;
  color: #0F0F0F;
  line-height: 54px;
  text-align: center;
  margin-bottom: 54px;
}
.indexWrap .features .howWork .title2Icon {
  background: url("/assets/2fa4067c0a8d487cb227.png") no-repeat;
  display: inline-block;
  width: 40px;
  height: 40px;
  background-size: cover;
  vertical-align: sub;
  margin-right: 5px;
}
.indexWrap .features .howWork ul {
  display: flex;
  flex-wrap: wrap;
}
.indexWrap .features .howWork li {
  width: 100%;
  margin-bottom: 40px;
  font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-size: 18px;
  color: #0F0F0F;
  line-height: 28px;
  text-align: left;
  position: relative;
  padding-left: 20px;
}
.indexWrap .features .howWork li::before {
  content: "";
  width: 6px;
  height: 6px;
  background-color: #0f0f0f;
  border-radius: 50%;
  position: absolute;
  top: 9px;
  left: 0;
}
.indexWrap .features .howWork li span {
  font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-size: 18px;
  color: #0F0F0F;
  line-height: 24px;
  text-align: left;
  text-transform: uppercase;
}
.indexWrap .features .featuresContainer {
  display: flex;
  width: 1200px;
  justify-content: space-between;
}
.indexWrap .features .featuresContainer .item {
  width: 277px;
  height: 217px;
  background: #ffffff;
  border-radius: 8px;
  padding: 0 16px;
  box-sizing: border-box;
}
.indexWrap .features .featuresContainer .item .itemTitle {
  display: flex;
  align-items: center;
  height: 84px;
  margin-top: 10px;
  margin-bottom: 12px;
  justify-content: center;
  text-align: center;
}
.indexWrap .features .featuresContainer .item .itemTitle span {
  font-family: "OpenSans-Bold";
  font-size: 24px;
  font-weight: 600;
  color: #0F0F0F;
  line-height: 42px;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-align: center;
}
.indexWrap .features .featuresContainer .item .itemDesc {
  font-size: 16px;
  font-weight: 500;
  color: #0F0F0F;
  text-align: center;
}
.indexWrap .features .featuresContainer .item:hover {
  background: #5dace7;
  border: 2px solid #5893f9;
}
.indexWrap .features .featuresContainer .item:hover .itemTitle span {
  color: #fff;
}
.indexWrap .features .featuresContainer .item:hover .itemDesc {
  color: #fff;
}
.indexWrap .features .join {
  font-family: "OpenSans-Medium";
  font-size: 48px;
  text-align: center;
  text-decoration: underline;
  text-underline-offset: 14px;
  display: block;
  width: fit-content;
  margin: 40px auto 0;
}
.indexWrap .platform {
  background-color: #ffffff;
  padding: 80px 0;
}
.indexWrap .platform .appStore {
  margin-bottom: 100px;
}
.indexWrap .platform .platformTitle {
  font-size: 50px;
  font-family: "OpenSans-Bold";
  text-align: center;
  margin-bottom: 40px;
}
.indexWrap .platform .storeList {
  display: flex;
  justify-content: center;
}
.indexWrap .platform .appIcon {
  width: 250px;
  height: 75px;
}
.indexWrap .platform .apple {
  background: url("/assets/8decc4efd490061968a3-optimized.webp") no-repeat;
  background-size: contain;
  margin-right: 124px;
}
.indexWrap .platform .android {
  background: url("/assets/21a5a74465c374bb0612-optimized.webp") no-repeat;
  background-size: contain;
}
.indexWrap .platform .platformList {
  display: flex;
  width: 1200px;
  justify-content: space-between;
  margin: 0 auto;
}
.indexWrap .platform .platformItem {
  border-radius: 8px;
  background: #F9FBFF;
  width: 277px;
  height: 250px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 40px;
  box-sizing: border-box;
}
.indexWrap .platform .platformList[data-count="2"] {
  justify-content: center;
  gap: 80px;
}
.indexWrap .platform .deviceName {
  font-size: 24px;
}
.indexWrap .platform .deviceIcon {
  width: 80px;
  height: 80px;
  margin-bottom: 40px;
}
.indexWrap .platform .deviceIcon.desktop {
  background: none no-repeat;
  background-size: contain;
}
.indexWrap .platform .deviceIcon.mobile {
  background: none no-repeat;
  background-size: contain;
}
.indexWrap .platform .deviceIcon.iOS {
  background: none no-repeat;
  background-size: contain;
}
.indexWrap .platform .deviceIcon.android {
  background: none no-repeat;
  background-size: contain;
}
/********testimonials start********/
.testimonials {
  padding: 80px 0;
  background-color: #fff;
}
.testimonials .title {
  font-size: 50px;
  font-family: "OpenSans-Bold";
  text-align: center;
  margin-bottom: 40px;
}
.testimonials .testimonialsItem {
  margin-bottom: 40px;
}
.testimonials .testimonialsList {
  width: 1200px;
  margin: 0 auto;
  text-align: center;
}
.testimonials .testimonialsTitle1 {
  font-family: "OpenSans-Bold";
  font-size: 24px;
  margin-bottom: 8px;
}
.testimonials .testimonialsDesc,
.testimonials .testimonialsFrom {
  font-size: 16px;
  margin-bottom: 8px;
}
/********testimonials end********/
/********activity_wrap star********/
.activity_wrap {
  width: 881px;
  margin-top: 160px;
  box-sizing: border-box;
  background: none no-repeat;
  background-color: #FFFFFF;
  background-size: cover;
  color: #1C1401;
  padding: 50px 35px 70px 49px;
  overflow: hidden;
}
.activity_wrap .title {
  position: relative;
  width: 679px;
  font-size: 44px;
  line-height: 65px;
}
.activity_wrap .title p {
  font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
  font-weight: 600;
}
.activity_wrap .title_shadow {
  position: absolute;
  top: -34px;
  left: 8px;
  font-size: 120px;
  color: #1C1401;
  opacity: 0.04;
  line-height: 65px;
  letter-spacing: 6px;
  white-space: nowrap;
}
.activity_wrap .title i {
  display: inline-block;
  margin-left: 10px;
  width: 386px;
  height: 31px;
  background: none no-repeat;
}
.activity_wrap .content {
  margin-top: 44px;
}
.activity_wrap .content .top_info {
  width: 731px;
  font-size: 16px;
  font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
  font-weight: 500;
  line-height: 24px;
}
.activity_wrap .content .top_price {
  margin: 32px 0;
  padding-left: 23px;
}
.activity_wrap .content .top_price li {
  list-style: circle;
  font-size: 20px;
  font-family: OpenSans-Bold, Arial, Helvetica, sans-serif;
  font-weight: 700;
  line-height: 32px;
}
.activity_wrap .content .top_end {
  font-size: 16px;
  font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
  font-weight: 500;
  line-height: 24px;
}
.activity_wrap .content .content_title {
  padding: 3px 0 0 10px;
  display: flex;
  align-items: center;
  margin: 48px 0 24px 0;
  width: 139px;
  height: 40px;
  background: none no-repeat;
}
.activity_wrap .content .content_title p {
  font-size: 16px;
  font-family: OpenSans-Bold, Arial, Helvetica, sans-serif;
  font-weight: 700;
  line-height: 24px;
}
.activity_wrap .content .context p {
  font-size: 16px;
  line-height: 24px;
  font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
  font-weight: 500;
}
.activity_wrap .content .context p:not(:last-child) {
  margin-bottom: 12px;
}
.activity_wrap .content .howToEnter .context p {
  margin-bottom: 0;
}
.activity_wrap .footer {
  margin-top: 48px;
}
.activity_wrap .footer .joinBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 166px;
  height: 42px;
  background: linear-gradient(204deg, #3D2C02 0%, #181000 100%);
}
.activity_wrap .footer .joinBtn span {
  font-size: 14px;
  line-height: 32px;
  color: #FFFFFF;
  font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
  font-weight: 600;
  display: inline-block;
  margin-top: 2px;
}
.activity_wrap .footer .joinBtn i {
  display: inline-block;
  width: 39px;
  height: 20px;
  margin-left: 7px;
  background: none no-repeat;
}
.activity_wrap .footer .duration {
  position: relative;
  margin: 32px 0 0 0;
  width: max-content;
  height: 44px;
}
.activity_wrap .footer .duration::before {
  content: '';
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #1C1401;
  height: 1px;
  transform: scaleY(0.5);
}
.activity_wrap .footer .duration::after {
  content: '';
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #1C1401;
  height: 1px;
  transform: scaleY(0.5);
}
.activity_wrap .footer .duration span {
  font-size: 16px;
  font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
  font-weight: 600;
  line-height: 44px;
}
.activity_wrap .footer .duration .date {
  margin-left: 15px;
  font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
  font-weight: 500;
}
/********activity_wrap end********/
.presentation {
  height: 428px;
  background: url("/assets/d91d76cf5d04386f6c58-optimized.webp") no-repeat center top / cover;
}
.presentation .pre {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  height: 100%;
}
.presentation .prePic {
  position: relative;
  margin: 0px 40px 0 0;
  float: left;
  width: 257px;
  height: 257px;
  background-size: 100%;
  flex-shrink: 0;
}
.presentation .prePic.mobile {
  display: none;
}
.presentation .preWords h2 {
  float: left;
  width: 750px;
  font-size: 36px;
  font-family: "OpenSans-Bold";
  font-weight: 500;
  color: #1C1401;
  letter-spacing: 1px;
  position: relative;
}
.presentation .preWords .space {
  width: 120px;
  border-bottom: 1px solid #1C1401;
  padding-top: 245px;
  margin-left: 411px;
}
.presentation .preWords p {
  float: left;
  width: 789px;
  margin-top: 12px;
  font-size: 16px;
  font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-weight: 400;
  line-height: 24px;
  color: #000000;
}
.news {
  max-width: 1200px;
  margin: 140px auto;
  text-align: center;
}
.news h2 {
  margin: 0 auto 60px;
  text-transform: uppercase;
  width: 794px;
  font-size: 32px;
  font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-weight: 500;
  color: #332300;
  line-height: 46px;
  letter-spacing: 1px;
}
.news .btnWrap .btn {
  width: 400px;
  height: 54px;
  padding-top: 0;
  padding-bottom: 0;
  line-height: 54px;
  font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
  font-weight: 600;
  background: #1C1401;
  color: #fff;
  font-weight: 500;
  letter-spacing: 1.5px;
}
/********afIndex end********/
/********afSignUp star********/
.signUpWrap {
  max-width: 900px;
  background: rgba(255, 255, 255, 0.85);
  margin-top: 61px;
  position: relative;
}
.signUpWrap .signUpContainer {
  box-shadow: 0px 0px 30px 0px rgba(3, 62, 128, 0.06);
  margin-bottom: 80px;
  padding: 60px 0 80px 0;
}
.signUpWrap .field-afaccount-password {
  position: relative;
}
.signUpWrap h1 {
  font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-size: 24px;
  font-weight: 500;
  color: #1C1401;
  line-height: 26px;
  text-align: center;
  margin-bottom: 12px;
  letter-spacing: 0px;
}
.signUpWrap p.getMoneyTips {
  text-align: center;
  font-size: 16px;
  font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
  font-weight: 600;
  color: #1C1401;
  line-height: 24px;
  margin-bottom: 28px;
}
.signUpWrap .select_component .select_text:after {
  top: 13px !important;
}
.signUpWrap .select_component #country {
  padding-left: 10px;
}
.signUpWrap p.tip {
  line-height: 24px;
  margin: 0 auto;
  margin-bottom: 28px;
  width: 64%;
  font-size: 16px;
  font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-weight: 300;
  color: #1C1401;
}
.signUpWrap #selectCountry {
  width: 83%;
}
.signUpWrap .formWrap {
  width: 64%;
  margin: 0 auto;
}
.signUpWrap .formWrap .field-email {
  position: relative;
}
.signUpWrap .formWrap .emailSelect {
  position: absolute;
  background-color: #fff;
  z-index: 1;
  width: 100%;
  top: 44px;
  border: 1px solid #d1d1d1;
}
.signUpWrap .formWrap .emailSelect li {
  padding: 5px 10px;
  box-sizing: border-box;
  cursor: pointer;
}
.signUpWrap .formWrap .emailSelect li:hover {
  background: #f6f6f6;
}
.signUpWrap .formWrap > div {
  margin-bottom: 28px;
}
.signUpWrap .formWrap div label {
  display: block;
  margin-bottom: 12px;
  font-size: 16px;
  font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-weight: 500;
  color: #1C1401;
  line-height: 24px;
}
.signUpWrap .formWrap div label span {
  font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-weight: 300;
  color: #888888;
}
.signUpWrap #afaccount-wherefind::placeholder {
  color: #888888;
}
.signUpWrap .formWrap div input {
  width: 100%;
  height: 44px;
  border-radius: 0;
  padding: 0 30px 0 10px;
  border: 1px solid #DDDDDD;
  box-sizing: border-box;
  font-size: 16px;
  color: #1C1401;
}
.signUpWrap .formWrap div textarea {
  width: 100%;
  border-radius: 0;
  padding: 0 10px;
  border: 1px solid #DDDDDD;
  box-sizing: border-box;
  padding: 10px;
  min-height: 200px;
  font-size: 16px;
}
.signUpWrap .formWrap div .tips {
  color: #ff0000;
  margin-top: 10px;
  line-height: 7px;
  display: none;
}
.signUpWrap .formWrap div.clause .tips {
  text-align: center;
  line-height: 20px;
  margin: 5px 0;
}
.signUpWrap .formWrap .intl-tel-input {
  width: 100%;
}
.signUpWrap .selectWrap {
  width: 154px;
  height: 42px;
  line-height: 22px;
}
.signUpWrap .selectWrap {
  width: 100%;
}
.signUpWrap .selectWrap .iti__flag-container {
  width: 15%;
}
.signUpWrap .selectWrap .iti__selected-flag {
  width: 100%;
}
.signUpWrap .phoneIptWrap {
  height: inherit;
}
.signUpWrap .formWrap .clause {
  text-align: left;
  font-size: 16px;
  font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-weight: 300;
  color: #1C1401;
  line-height: 24px;
}
.signUpWrap .formWrap .existing {
  margin-bottom: 12px;
}
.signUpWrap .formWrap .clause input {
  width: 18px;
  height: 18px;
  padding: 0;
  cursor: pointer;
  margin-right: 10px;
  vertical-align: middle;
}
.signUpWrap .formWrap .clause span,
.signUpWrap .formWrap .clause a {
  vertical-align: middle;
}
.signUpWrap .formWrap .clause a {
  text-decoration: underline;
}
.signUpWrap .formWrap .btnWrap {
  text-align: center;
  margin: 80px auto 0;
}
.signUpWrap .formWrap .btnWrap .btn {
  width: 230px;
  height: 44px;
  background-color: #1b1b1b;
  font-size: 14px;
  font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-weight: 500;
  color: #FFFFFF;
}
.signUpWrap .formWrap .btnWrap .defaultBtn {
  cursor: not-allowed;
  background: #ddd;
  color: #fff;
}
.signUpWrap .noteWrap {
  background-color: #ffffff;
}
.signUpWrap .noteWrap h3 {
  font-family: OpenSans-Bold, Arial, Helvetica, sans-serif;
  font-weight: 700;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 300;
  color: #1C1401;
  line-height: 28px;
}
.signUpWrap .noteWrap ul li {
  line-height: 21px;
  margin-top: 8px;
  font-size: 14px;
  font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-weight: 300;
  color: #1C1401;
}
.signUpWrap .noteWrap ul li a {
  text-decoration: underline;
}
.signUpWrap .formWrap .whereFind {
  padding-top: 2px;
}
.signUpWrap .field-selectCountry .help-block {
  margin-top: 0;
}
.signUpWrap #eyes_no {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 26px;
  height: 24px;
  cursor: pointer;
}
.signUpWrap #eyes_no_data {
  position: relative;
}
.signUpWrap #eyes_yes {
  position: absolute;
  right: 10px;
  top: 46px;
  width: 26px;
  height: 24px;
  cursor: pointer;
}
.signUpWrap #eyes_yes_data {
  position: relative;
}
.signUpWrap #afaccount-captcha-image {
  width: 117px;
}
.signUpWrap #afaccount-captcha {
  margin-left: 15px;
}
.signUpWrap #afaccount-email_code {
  width: 60%;
}
.signUpWrap #verification_code {
  position: absolute;
  right: 0px;
  top: 36px;
  display: inline-block;
  box-sizing: border-box;
  cursor: pointer;
  text-transform: capitalize;
  width: 38%;
  height: 44px;
  background: #1C1401;
  border: 1px solid #1C1401;
  font-size: 14px;
  font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-weight: 300;
  color: #FFFFFF;
  line-height: 44px;
}
.signUpWrap .popup_group {
  margin: 0;
  padding: 0;
  border: 0;
}
.signUpWrap #index-modalpopup {
  width: 482px;
  border-radius: 5px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 8888;
  margin: 0;
}
.signUpWrap .modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 1050;
}
.signUpWrap .fade.in {
  opacity: 1;
}
.signUpWrap .fade {
  transition: opacity 0.15s linear;
}
.signUpWrap .modal-dialog {
  position: relative;
}
.signUpWrap .modal-content {
  overflow: hidden;
  position: relative;
  background-color: #fff;
  background-clip: padding-box;
  outline: 0;
  padding: 10px 30px 13px 30px;
}
.signUpWrap .modal-header .modal-title {
  text-align: center;
  font-size: 16px;
  font-family: OpenSans-Bold, Arial, Helvetica, sans-serif;
  font-weight: 700;
  color: #1C1401;
  line-height: 24px;
  text-transform: uppercase;
}
.signUpWrap .modal-title {
  margin: 0;
  line-height: 1.42857143;
}
.signUpWrap .modal-header .close {
  top: 16px;
  right: 16px;
  position: absolute;
}
.signUpWrap .modal-header {
  padding: 19px 0 32px 0;
}
.signUpWrap .modal-header::after {
  content: '';
  position: absolute;
  top: 82px;
  left: -50%;
  height: 1px;
  width: 200%;
  transform: scaleY(0.5);
  background: rgba(28, 20, 1, 0.15);
}
.signUpWrap .modal-header .modal-dialog-closeBtn {
  background: none no-repeat;
  background-size: contain;
  opacity: 1;
  width: 16px;
  height: 16px;
}
.signUpWrap button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.signUpWrap .close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: 0.2;
}
.signUpWrap .com_sure_btn {
  min-width: 156px;
  padding: 0 20px;
  background: #1b1b1b;
  color: #fffefe;
  line-height: 40px;
  border: none;
  outline: none;
  border-radius: 0;
  cursor: pointer;
}
.signUpWrap .duplicate {
  justify-content: space-between !important;
}
.signUpWrap .duplicate .com_sure_btn {
  width: auto !important;
}
.signUpWrap .duplicate .com_cancel_btn {
  display: block;
}
.signUpWrap .com_cancel_btn {
  display: none;
  min-width: 156px;
  padding: 0 20px;
  background: #fff;
  color: #1b1b1b;
  border: 1px solid #858585;
  line-height: 40px;
  outline: 1px solid #1b1b1b;
  border-radius: 0;
  font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
  font-weight: 600;
  cursor: pointer;
}
.signUpWrap .btn-list {
  margin-top: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.signUpWrap .modal-body {
  position: relative;
  padding: 15px;
}
.signUpWrap .modal-body .body_content {
  font-size: 16px;
  color: #0F0F0F;
  line-height: 26px;
  margin: 12px 0 20px 0;
}
.signUpWrap .modal-body #getemailcode-captcha-image {
  width: 42%;
  height: 44px;
}
.signUpWrap .modal-body .btn-list {
  margin-top: 40px;
}
.signUpWrap .modal-body .btn-list .com_sure_btn {
  width: 260px;
  height: 44px;
  line-height: 44px;
  background: #1C1401;
  font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
  font-weight: 600;
}
.signUpWrap #getemailcode-captcha {
  width: 58%;
  padding: 0px 5px 0px 5px;
  font-size: 14px;
  border: 1px solid #DDDDDD;
}
.signUpWrap #getemailcode-captcha-image {
  cursor: pointer;
}
.signUpWrap .iti__country-list {
  max-height: 290px;
  width: 667%;
  margin-top: 8px;
}
.signUpWrap .iti__country {
  font-size: 16px;
  font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-weight: 300;
  color: #1C1401;
  margin: 10px 0;
}
.signUpWrap .iti__country:hover {
  background: #FAF7F2;
}
.signUpWrap input[type="checkbox"]:checked {
  background: #000000;
  border-color: #000000;
}
.signUpWrap input[type="checkbox"]:checked::before {
  border-color: #ffffff;
}
.iti--separate-dial-code .iti__selected-flag {
  height: 44px !important;
}
.iti--separate-dial-code .iti__selected-flag .iti__arrow {
  top: 13px;
  border-top: 1px solid #000000;
  border-right: 1px solid #000000;
}
.iti--separate-dial-code .iti__selected-dial-code {
  font-size: 16px !important;
}
/********afSignUp end********/
/********afSignUp2 star********/
.signUpNextWrap {
  max-width: 900px;
  background: rgba(255, 255, 255, 0.85);
  padding: 60px 0 0 0;
  margin-top: 61px;
  position: relative;
}
.signUpNextWrap h1 {
  font-size: 24px;
  font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-weight: 500;
  color: #1C1401;
  line-height: 26px;
  text-align: center;
  margin-bottom: 12px;
  letter-spacing: 0px;
}
.signUpNextWrap h2 {
  font-size: 24px;
  font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-weight: 500;
  color: #1C1401;
  line-height: 26px;
  text-align: center;
  margin-bottom: 32px;
}
.signUpNextWrap p.tip {
  line-height: 24px;
  margin: 0 auto;
  margin-bottom: 28px;
  width: 50%;
  font-size: 16px;
  font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-weight: 300;
  color: #1C1401;
  text-align: center;
}
.signUpNextWrap .formWrap {
  width: 64%;
  margin: 0 auto;
  padding-bottom: 1px;
}
.signUpNextWrap .formWrap > div {
  margin-bottom: 28px;
}
.signUpNextWrap .formWrap div label {
  display: block;
  margin-bottom: 12px;
  font-size: 16px;
  font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-weight: 500;
  color: #1C1401;
  line-height: 24px;
}
.signUpNextWrap .formWrap div input {
  width: 100%;
  height: 44px;
  border-radius: 0;
  padding: 0 10px;
  border: 1px solid #DDDDDD;
  flex: 1;
  font-size: 16px;
  box-sizing: border-box;
}
.signUpNextWrap .formWrap div input[type="number"]::-webkit-outer-spin-button,
.signUpNextWrap .formWrap div input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.signUpNextWrap .formWrap div input[type="number"] {
  -moz-appearance: textfield;
}
.signUpNextWrap .selectWrap {
  width: 185px;
  min-width: 185px;
  height: 44px;
  line-height: 44px;
}
.signUpNextWrap .formWrap div.flex input {
  margin-left: 14px;
}
.signUpNextWrap .formWrap div textarea {
  width: 100%;
  height: 118px;
  border: 1px solid #DDDDDD;
  resize: none;
  padding: 10px;
  box-sizing: border-box;
}
.signUpNextWrap .formWrap div textarea::placeholder {
  color: #888888;
  font-size: 16px;
}
.signUpNextWrap .btnWrap {
  text-align: center;
  margin: 80px auto !important;
}
.signUpNextWrap .btnWrap .btn {
  width: 100%;
  height: 44px;
  background-color: #1b1b1b;
  font-size: 14px;
  font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-weight: 500;
  color: #FFFFFF;
}
.signUpNextWrap .select_component .select_text:after {
  top: 13px;
}
/********afSignUp2 end********/
/********afSignUp3 star********/
.signLastWrap h2 {
  font-size: 24px;
  padding: 30px 0 15px;
  border-bottom: 1px solid #DDDDDD;
  font-family: OpenSans-Bold, Arial, Helvetica, sans-serif;
  font-weight: 700;
  margin-bottom: 146px;
}
.signLastWrap .tips {
  width: 541px;
  margin: 0 auto;
}
.signLastWrap .tips p {
  text-align: center;
  margin-bottom: 30px;
}
.signLastWrap .tips a {
  text-decoration: underline;
  cursor: pointer;
}
.signLastWrap .tips .banner {
  text-align: center;
  margin-bottom: 40px;
}
.signLastWrap .tips .banner i {
  display: inline-block;
  width: 94px;
  height: 94px;
  background: url("/assets/9ed5279d260c2c0ba74f.svg") no-repeat;
}
/********afSignUp2 end********/
/********afSignIn star********/
.signInWrap {
  margin-top: 61px;
  padding-bottom: 80px;
  max-width: 900px;
  background: rgba(255, 255, 255, 0.85);
  box-shadow: 0px 0px 30px 0px rgba(3, 62, 128, 0.06);
}
.signInWrap h1 {
  font-size: 20px;
  color: #1C1401;
  padding: 60px 0 32px;
  text-align: center;
  font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
  font-weight: 600;
  letter-spacing: 0px;
}
.signInWrap div label {
  display: block;
  margin-bottom: 12px;
  line-height: 19px;
  font-size: 16px;
  font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-weight: 500;
  color: #1C1401;
}
.signInWrap form {
  width: 64%;
  margin: 0 auto;
}
.signInWrap form .pwd {
  margin: 28px 0;
}
.signInWrap div input {
  font-size: 16px;
  width: 100%;
  height: 44px;
  border-radius: 0;
  padding: 0 10px;
  border: 1px solid #DDDDDD;
  padding: 0 30px 0 10px;
  box-sizing: border-box;
}
.signInWrap .btnWrap {
  text-align: center;
  margin-top: 80px;
}
.signInWrap .btnWrap .wrapThree {
  font-size: 16px;
  font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-weight: 300;
  color: #1C1401;
  line-height: 24px;
}
.signInWrap .btnWrap .btn {
  margin-bottom: 25px;
  width: 35%;
  height: 44px;
  font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
  font-weight: 600;
}
.signInWrap p a {
  text-decoration: underline;
}
.signInWrap .btnWrap a {
  font-size: 16px;
  font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-weight: 300;
  color: #1C1401;
  line-height: 24px;
  text-decoration: underline;
  text-underline-offset: 5px;
}
.signInWrap p.tips {
  text-align: center;
  margin-top: 60px;
  font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-size: 16px;
}
.signInWrap p a {
  font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
  font-weight: 600;
}
.signInWrap .eyes {
  width: 24px;
  position: absolute;
  right: 12px;
  top: 42px;
  cursor: pointer;
}
.signInWrap .field-affiliateauthrize-password {
  position: relative;
}
.signInWrap #affiliateauthrize-captcha {
  margin-left: 15px;
}
.signInWrap .field-affiliateauthrize-captcha {
  margin-bottom: 35px;
}
.signInWrap .cf-turnstile {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.signInWrap .cf-turnstile .help-block-error {
  width: 100%;
  text-align: center;
}
#affiliateauthrize-captcha-image {
  height: 36px;
  cursor: pointer;
}
/********afSignIn end********/
/********afReport star********/
.reportWrap {
  max-width: 1200px;
}
.reportWrap .selectWrap {
  margin-bottom: 36px;
}
.reportWrap .selectWrap .selectItem {
  width: 310px;
  height: 36px;
  line-height: 36px;
}
.reportWrap .selectWrap .flex {
  align-items: center;
}
.reportWrap .selectWrap .flex .selectItem {
  width: 100px;
  margin-left: 12px;
}
.reportWrap .content h3 {
  font-family: OpenSans-Bold, Arial, Helvetica, sans-serif;
  font-weight: 700;
  margin-bottom: 24px;
  display: flex;
  align-items: center;
  margin-top: 60px;
}
.reportWrap .selectWrap .select_text {
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  padding-right: 20px;
}
.reportWrap .selectWrap form {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.reportWrap table {
  border-spacing: 0;
  border: solid #ddd;
  border-width: 1px 0px 0px 1px;
  margin-bottom: 29px;
}
.reportWrap table:nth-child(1) {
  width: 100%;
}
.reportWrap table:last-child {
  margin-bottom: 0;
}
.reportWrap table tr {
  border: solid #ddd;
  border-width: 0px 1px 1px 0px;
}
.reportWrap table th {
  height: 50px;
  border: solid #ddd;
  border-width: 0px 1px 1px 0px;
  vertical-align: middle;
  width: 140px;
  font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
  font-weight: 500;
}
.reportWrap table td {
  border: solid #ddd;
  border-width: 0px 1px 1px 0px;
  height: 40px;
  text-align: center;
  vertical-align: middle;
  position: relative;
  padding: 0 5px;
}
.reportWrap .triangle:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-bottom: 16px solid #1b1b1b;
  border-left: 16px solid transparent;
  position: absolute;
  right: 0;
  bottom: 0;
  cursor: pointer;
}
.reportWrap div.note {
  margin: 60px 0;
}
.reportWrap .selectItemWrap {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.reportWrap .note > p:first-child {
  font-family: OpenSans-Bold, Arial, Helvetica, sans-serif;
  font-weight: 700;
}
.reportWrap div.note p {
  line-height: 22px;
  margin-bottom: 16px;
  font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
  font-weight: 500;
}
.reportWrap div.note p.tips {
  margin-left: 20px;
}
.reportWrap .content h3 i,
.reportWrap .content tr td i,
.reportWrap .content tr th i {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("/assets/ff95a3a4558e1de2df5f-optimized.webp") no-repeat;
  background-size: 100% 100%;
  vertical-align: bottom;
}
.reportWrap .content tr td .noteWrap,
.reportWrap .content tr th .noteWrap {
  position: relative;
  width: 90px;
}
.reportWrap .content h3 .noteWrap {
  position: relative;
}
.reportWrap .content tr th .noteWrap {
  margin: 0 auto;
  display: inline-block;
}
.reportWrap .content h3 .tips,
.reportWrap .content tr td .noteWrap .tips,
.reportWrap .content tr th .noteWrap .tips {
  display: none;
  background: #000;
  color: #fff;
  text-align: left;
  line-height: 18px;
  position: absolute;
  top: 26px;
  z-index: 10;
  width: 220px;
  padding: 10px 20px;
  left: -170px;
  font-size: 14px;
}
.reportWrap .content tr td .noteWrap .tips,
.reportWrap .content tr th .noteWrap .tips {
  width: 154px;
  left: -87px;
}
.reportWrap .content h3 .tips {
  width: 350px;
}
.reportWrap .content h3 i:hover + .tips,
.reportWrap .content h3 .tips:hover,
.reportWrap .content tr td i:hover + .tips,
.reportWrap .content tr td .tips:hover,
.reportWrap .content tr th i:hover + .tips,
.reportWrap .content tr th .tips:hover {
  display: block;
}
.reportWrap .content h3 .noteWrap .tips::before,
.reportWrap .content tr td .noteWrap .tips::before,
.reportWrap .content tr th .noteWrap .tips::before {
  content: '';
  display: block;
  position: absolute;
  border: 5px solid transparent;
  border-bottom: 5px solid #000;
  height: 0;
  width: 0;
  left: 50%;
  margin-left: -20px;
  top: -10px;
}
.reportWrap .content tr td .noteWrap .tips::before,
.reportWrap .content tr th .noteWrap .tips::before {
  left: 50%;
  margin-left: -5px;
}
.reportWrap .publicPagination {
  display: flex;
  justify-content: left;
  padding: 20px 0 15px 0;
}
.reportWrap .publicPagination li {
  border: 1px solid #ddd;
  margin: 0 2px;
}
.reportWrap .publicPagination li a,
.reportWrap .publicPagination li span {
  display: block;
  line-height: 28px;
  padding: 0 10px;
  font-size: 14px;
}
.reportWrap .publicPagination li a:after {
  display: none;
}
.reportWrap .publicPagination li span {
  color: #ccc;
}
.reportWrap .publicPagination li a {
  color: #666666;
}
.reportWrap .publicPagination li a:hover {
  background-color: #eeeeee;
  color: #1b1b1b;
}
.reportWrap .publicPagination li.active {
  border: 1px solid #1b1b1b;
}
.reportWrap .publicPagination li.active a:hover,
.reportWrap .publicPagination li.active a {
  background-color: #1b1b1b;
  color: #fff;
}
.reportWrap .publicPagination li.prev a,
.reportWrap .publicPagination li.prev span,
.reportWrap .publicPagination li.next a,
.reportWrap .publicPagination li.next span {
  padding: 0 20px;
}
.reportWrap .publicPagination li.disabled {
  user-select: none;
}
.reportWrap .popup_group {
  margin: 0;
  padding: 0;
  border: 0;
}
.reportWrap #index-modalpopup {
  width: 500px;
  border-radius: 5px;
  position: fixed;
  top: 20%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 8888;
  margin: 0;
}
.reportWrap .modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 1050;
}
.reportWrap .fade.in {
  opacity: 1;
}
.reportWrap .fade {
  transition: opacity 0.15s linear;
}
.reportWrap .modal-dialog {
  position: relative;
}
.reportWrap .modal-content {
  overflow: hidden;
  position: relative;
  background-color: #fff;
  background-clip: padding-box;
  outline: 0;
  padding: 10px 30px 13px 30px;
}
.reportWrap .modal-header .modal-title {
  text-align: center;
  font-size: 16px;
  font-family: OpenSans-Bold, Arial, Helvetica, sans-serif;
  font-weight: 700;
  color: #1C1401;
  line-height: 24px;
  text-transform: uppercase;
}
.reportWrap .modal-title {
  margin: 0;
  line-height: 1.42857143;
}
.reportWrap .modal-header .close {
  margin-top: -2px;
}
.reportWrap .close:hover,
.reportWrap .close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  filter: alpha(opacity=50);
  opacity: 0.5;
}
.reportWrap .modal-header .close {
  top: 16px;
  right: 16px;
  position: absolute;
}
.reportWrap .modal-header {
  padding: 19px 0 32px 0;
}
.reportWrap .modal-header::after {
  content: '';
  position: absolute;
  top: 82px;
  left: -50%;
  height: 1px;
  width: 200%;
  transform: scaleY(0.5);
  background: rgba(28, 20, 1, 0.15);
}
.reportWrap .modal-header .modal-dialog-closeBtn {
  background: none no-repeat;
  background-size: contain;
  opacity: 1;
  width: 16px;
  height: 16px;
}
.reportWrap button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.reportWrap .close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
}
.reportWrap .btn-list {
  margin-top: 50px;
}
.reportWrap .modal-body {
  position: relative;
  padding: 15px;
}
.reportWrap .modal-body .body_content {
  font-size: 16px;
  color: #0F0F0F;
  line-height: 26px;
  margin: 12px 0 20px 0;
}
.reportWrap .modal-body .btn-list {
  margin-top: 40px;
  text-align: center;
}
.reportWrap .modal-body .btn-list .com_sure_btn {
  width: 260px;
  height: 44px;
  line-height: 44px;
  background: #1C1401;
  margin: 0 auto 20px;
  border: none;
  outline: none;
  font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
  font-weight: 600;
  min-width: 156px;
  color: #fffefe;
  cursor: pointer;
}
.reportWrap .note {
  margin-top: 60px;
  font-size: 16px;
  font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
  font-weight: 500;
  color: #1C1401;
  line-height: 24px;
}
.reportWrap .note p {
  margin-bottom: 24px;
}
.reportWrap .note .noteContent {
  color: rgba(28, 20, 1, 0.6);
  font-size: 14px;
  margin-bottom: 5px;
}
.reportWrap .note p.title_content {
  font-family: OpenSans-Bold, Arial, Helvetica, sans-serif;
  font-weight: 700;
}
.reportWrap .title_icon .title_content {
  font-family: OpenSans-Bold, Arial, Helvetica, sans-serif;
  font-weight: 700;
}
.reportWrap_new {
  max-width: 1200px;
}
.reportWrap_new h2.title {
  text-align: center;
  border: none;
  padding: 0;
  margin-bottom: 40px;
}
.reportWrap_new .selectWrap {
  margin-bottom: 28px;
}
.reportWrap_new .selectWrap .selectItem {
  width: 220px;
  margin-right: 48px;
}
.reportWrap_new .selectWrap .selectItem .select_time,
.reportWrap_new .selectWrap .selectItem .trackinIdInput {
  border: 1px solid rgba(28, 20, 1, 0.4);
  height: 42px;
  box-sizing: border-box;
  background-color: #F6F5F3;
  width: 100%;
}
.reportWrap_new .selectWrap .selectItem .trackinIdInput {
  padding: 0 15px;
}
.reportWrap_new .selectWrap .flex {
  align-items: center;
}
.reportWrap_new .selectWrap .flex .selectItem {
  width: 100px;
  margin-left: 12px;
}
.reportWrap_new h3 {
  font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
}
.reportWrap_new .content h3 {
  margin-bottom: 10px;
  display: flex;
}
.reportWrap_new .selectWrap .select_text {
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  padding-right: 20px;
}
.reportWrap_new .selectWrap form {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.reportWrap_new table {
  width: 100%;
  border-spacing: 0;
  border: solid #ddd;
  border-width: 1px 0px 0px 1px;
}
.reportWrap_new table:nth-child(1) {
  width: 100%;
}
.reportWrap_new table:last-child {
  margin-bottom: 0;
}
.reportWrap_new table tr {
  border: solid #ddd;
  border-width: 0px 1px 1px 0px;
}
.reportWrap_new table th {
  height: 77px;
  border: solid #ddd;
  border-width: 0px 1px 1px 0px;
  vertical-align: middle;
  font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
  font-weight: 500;
  color: #1C1401;
  box-sizing: border-box;
}
.reportWrap_new .content tr td .icon_down {
  width: 16px;
  height: 13px;
  background: url("/assets/a969f8bd6d2e196ccb04.svg") no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
}
.reportWrap_new table td {
  border: solid #ddd;
  border-width: 0px 1px 1px 0px;
  height: 77px;
  box-sizing: border-box;
  text-align: center;
  vertical-align: middle;
  position: relative;
  padding: 0 5px;
}
.reportWrap_new .table_container {
  position: relative;
  margin-top: 20px;
}
.reportWrap_new .option_table .transDown {
  transform: rotate(180deg);
}
.reportWrap_new .pop_table_div {
  max-height: 488px;
  overflow-y: auto;
  display: none;
  position: absolute;
  width: 100%;
}
.reportWrap_new .pop_table {
  position: relative;
  background-color: #fff;
  z-index: 99;
  max-height: 100px;
  overflow: hidden;
}
.reportWrap_new .pop_table .rowspan {
  height: 129px;
}
.reportWrap_new .pop_table .colspan1 {
  height: 73px;
}
.reportWrap_new .pop_table .colspan2 {
  height: auto;
}
.reportWrap_new .pop_table td {
  height: 40px;
}
.reportWrap_new .triangle:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-bottom: 16px solid #1b1b1b;
  border-left: 16px solid transparent;
  position: absolute;
  right: 0;
  bottom: 0;
  cursor: pointer;
}
.reportWrap_new .selectItemWrap {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
}
.reportWrap_new .selectItemWrap .searchBtn {
  width: 120px;
  height: 42px;
}
.reportWrap_new div.note p {
  line-height: 24px;
  margin-bottom: 12px;
}
.reportWrap_new div.note p.tips {
  margin-left: 20px;
}
.reportWrap_new .content h3 i,
.reportWrap_new .content tr td i,
.reportWrap_new .content tr th i {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("/assets/ff95a3a4558e1de2df5f-optimized.webp") no-repeat;
  background-size: 100% 100%;
  vertical-align: middle;
}
.reportWrap_new .content tr td .noteWrap,
.reportWrap_new .content tr th .noteWrap {
  position: relative;
  width: 90px;
}
.reportWrap_new .content h3 .noteWrap {
  position: relative;
}
.reportWrap_new .content tr th .noteWrap {
  margin: 0 auto;
  display: inline-block;
}
.reportWrap_new .content h3 .tips,
.reportWrap_new .content tr td .noteWrap .tips,
.reportWrap_new .content tr th .noteWrap .tips {
  display: none;
  background: #000;
  color: #fff;
  text-align: left;
  line-height: 18px;
  position: absolute;
  top: 26px;
  z-index: 10;
  width: 220px;
  padding: 10px 20px;
  left: -170px;
  font-size: 14px;
}
.reportWrap_new .content tr td .noteWrap .tips,
.reportWrap_new .content tr th .noteWrap .tips {
  width: 154px;
  left: -87px;
}
.reportWrap_new .content h3 .tips {
  width: 380px;
}
.reportWrap_new .content h3 i:hover + .tips,
.reportWrap_new .content h3 .tips:hover,
.reportWrap_new .content tr td i:hover + .tips,
.reportWrap_new .content tr td .tips:hover,
.reportWrap_new .content tr th i:hover + .tips,
.reportWrap_new .content tr th .tips:hover {
  display: block;
}
.reportWrap_new .content h3 .noteWrap .tips::before,
.reportWrap_new .content tr td .noteWrap .tips::before,
.reportWrap_new .content tr th .noteWrap .tips::before {
  content: '';
  display: block;
  position: absolute;
  border: 5px solid transparent;
  border-bottom: 5px solid #000;
  height: 0;
  width: 0;
  left: 50%;
  margin-left: -35px;
  top: -10px;
}
.reportWrap_new .content tr td .noteWrap .tips::before,
.reportWrap_new .content tr th .noteWrap .tips::before {
  left: 50%;
  margin-left: -5px;
}
.reportWrap_new .publicPagination {
  display: flex;
  justify-content: left;
  padding: 20px 0 15px 0;
}
.reportWrap_new .publicPagination li {
  border: 1px solid #ddd;
  margin: 0 2px;
}
.reportWrap_new .publicPagination li a,
.reportWrap_new .publicPagination li span {
  display: block;
  line-height: 28px;
  padding: 0 10px;
  font-size: 14px;
}
.reportWrap_new .publicPagination li a:after {
  display: none;
}
.reportWrap_new .publicPagination li span {
  color: #ccc;
}
.reportWrap_new .publicPagination li a {
  color: #666666;
}
.reportWrap_new .publicPagination li a:hover {
  background-color: #eeeeee;
  color: #1b1b1b;
}
.reportWrap_new .publicPagination li.active {
  border: 1px solid #1b1b1b;
}
.reportWrap_new .publicPagination li.active a:hover,
.reportWrap_new .publicPagination li.active a {
  background-color: #1b1b1b;
  color: #fff;
}
.reportWrap_new .publicPagination li.prev a,
.reportWrap_new .publicPagination li.prev span,
.reportWrap_new .publicPagination li.next a,
.reportWrap_new .publicPagination li.next span {
  padding: 0 20px;
}
.reportWrap_new .publicPagination li.disabled {
  user-select: none;
}
.reportWrap_new .popup_group {
  margin: 0;
  padding: 0;
  border: 0;
}
.reportWrap_new #index-modalpopup {
  width: 500px;
  border-radius: 5px;
  position: fixed;
  top: 20%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 8888;
  margin: 0;
}
.reportWrap_new .modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 1050;
}
.reportWrap_new .fade.in {
  opacity: 1;
}
.reportWrap_new .fade {
  transition: opacity 0.15s linear;
}
.reportWrap_new .modal-dialog {
  position: relative;
}
.reportWrap_new .modal-content {
  overflow: hidden;
  position: relative;
  background-color: #fff;
  background-clip: padding-box;
  outline: 0;
  padding: 10px 30px 13px 30px;
}
.reportWrap_new .modal-header .modal-title {
  text-align: center;
  font-size: 16px;
  font-family: OpenSans-Bold, Arial, Helvetica, sans-serif;
  font-weight: 700;
  color: #1C1401;
  line-height: 24px;
  text-transform: uppercase;
}
.reportWrap_new .modal-title {
  margin: 0;
  line-height: 1.42857143;
}
.reportWrap_new .modal-header .close {
  margin-top: -2px;
}
.reportWrap_new .close:hover,
.reportWrap_new .close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  filter: alpha(opacity=50);
  opacity: 0.5;
}
.reportWrap_new .modal-header .close {
  top: 16px;
  right: 16px;
  position: absolute;
}
.reportWrap_new .modal-header {
  padding: 19px 0 32px 0;
}
.reportWrap_new .modal-header::after {
  content: '';
  position: absolute;
  top: 82px;
  left: -50%;
  height: 1px;
  width: 200%;
  transform: scaleY(0.5);
  background: rgba(28, 20, 1, 0.15);
}
.reportWrap_new .modal-header .modal-dialog-closeBtn {
  background: none no-repeat;
  background-size: contain;
  opacity: 1;
  width: 16px;
  height: 16px;
}
.reportWrap_new button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.reportWrap_new .close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
}
.reportWrap_new .btn-list {
  margin-top: 50px;
}
.reportWrap_new .modal-body {
  position: relative;
  padding: 15px;
}
.reportWrap_new .modal-body .body_content {
  font-size: 16px;
  color: #0F0F0F;
  line-height: 26px;
  margin: 12px 0 20px 0;
}
.reportWrap_new .modal-body .btn-list {
  margin-top: 40px;
  text-align: center;
}
.reportWrap_new .modal-body .btn-list .com_sure_btn {
  width: 260px;
  height: 44px;
  line-height: 44px;
  background: #1C1401;
  margin: 0 auto 20px;
  border: none;
  outline: none;
  font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
  font-weight: 600;
  min-width: 156px;
  color: #fffefe;
  cursor: pointer;
}
.reportWrap_new .note {
  font-size: 16px;
  font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
  font-weight: 500;
  color: #1C1401;
  line-height: 24px;
}
.reportWrap_new .note p {
  margin-bottom: 24px;
}
.reportWrap_new .note .noteContent {
  color: rgba(28, 20, 1, 0.6);
  font-size: 14px;
  margin-bottom: 5px;
}
.reportWrap_new .note h3 {
  margin-bottom: 16px;
}
.reportWrap_new .more_note {
  display: none;
}
.reportWrap_new .read_more_btn {
  font-size: 14px;
  font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
  font-weight: 500;
  color: #888888;
  line-height: 21px;
  text-decoration: underline;
  margin-bottom: 32px;
  cursor: pointer;
}
/********afReport end********/
/********afProducts star********/
.productsWrap {
  max-width: 960px;
}
.productsWrap .underline {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.productsWrap .btn {
  background: #fff;
  border: 1px solid #1b1b1b;
  color: #0f0f0f;
}
.productsWrap h1 {
  text-align: center;
  font-size: 24px;
  font-family: OpenSans-Bold, Arial, Helvetica, sans-serif;
  font-weight: 700;
  padding-bottom: 20px;
  color: #1b1b1b;
}
.productsWrap .product > p {
  text-align: center;
  padding: 0 153px 60px 153px;
}
.productsWrap nav {
  width: auto;
}
.productsWrap nav ul {
  background: #fff;
  display: flex;
  margin: 20px 0px;
}
.productsWrap nav li {
  color: #1b1b1b;
  padding: 5px 24px;
  width: 100%;
  position: relative;
  cursor: pointer;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
}
.productsWrap nav ul li span.hasBrand:after {
  content: "®";
  font-size: smaller;
  vertical-align: super;
  margin-left: 1px;
}
.productsWrap nav ul li span.isBrandTm:after {
  content: "™";
  font-size: smaller;
  vertical-align: super;
  margin-left: 1px;
}
.productsWrap nav li span {
  font-size: 16px;
  font-weight: 600;
  padding: 10px 25px 15px;
}
.productsWrap nav li.active span {
  border-bottom: 2px solid #1C1401 !important;
}
.productsWrap .tab {
  flex: 1;
  margin-left: 40px;
}
.productsWrap .tab > div {
  display: none;
}
.productsWrap .tab .title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.productsWrap .tab .title i {
  background: none no-repeat left;
  background-size: 210px 41px;
  display: inline-block;
  width: 215px;
  height: 43px;
}
.productsWrap .tab .nmm .title i {
  background: url("/assets/89006f6c6644c25276b1.svg") no-repeat left;
}
.productsWrap .tab .ssg .title i {
  background: none no-repeat left;
}
.productsWrap .tab .esg .title i {
  background: url("/assets/c625b2eb6e48fe02d262.svg") no-repeat left;
}
.productsWrap .tab .bc .title i {
  background: none no-repeat center;
  width: 125px;
  height: 43px;
}
.productsWrap .tab .irm .title i {
  background: none no-repeat left;
}
.productsWrap .tab .sc .title i {
  background: none no-repeat left;
}
.productsWrap .tab .sum .title i {
  background: none no-repeat left;
  background-size: 210px 41px;
  display: inline-block;
  width: 210px;
  height: 41px;
}
.productsWrap .tab .lf .title i {
  background: url("/assets/a49b12f8c594b4043944.svg") no-repeat left;
}
.productsWrap .tab .sdm .title i {
  background: url("/assets/c9c88fb57f770cbbd1ef.svg") no-repeat left;
}
.productsWrap .tab .am .title i {
  background: none no-repeat left;
}
.productsWrap .tab .hs .title i {
  background: url("/assets/86379337b59305c606ca.svg") no-repeat left;
}
.productsWrap .tab .nff .title i {
  background: transparent;
  background-color: #1b1b1b;
  -webkit-mask-image: url("/assets/db2dfb796a2e4e00a004.svg");
  mask-image: url("/assets/db2dfb796a2e4e00a004.svg");
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  width: 251px;
}
.productsWrap .tab .bk .title i {
  background: url("/assets/45fb4c526cd3209088a1.svg") no-repeat left;
}
.productsWrap .tab .pmt .title i {
  background: none no-repeat left;
}
.productsWrap .tab > div > p {
  padding: 20px 0;
}
.productsWrap .tab ul li {
  margin: 10px 0 20px;
  background: #fff;
  display: flex;
  position: relative;
  box-shadow: 0px 0px 30px 0px rgba(3, 62, 128, 0.08);
  border-radius: 8px;
  overflow: hidden;
}
.productsWrap .tab ul li:last-child {
  margin-bottom: 0;
}
.productsWrap .cLeft {
  text-align: center;
  background: #1b1b1b;
  color: #fff;
  padding: 25px 0;
  width: 166px;
}
.productsWrap .cLeft span {
  display: block;
  padding: 0 5px;
}
.productsWrap .cLeft span.num {
  font-size: 30px;
  padding: 5px;
  display: block;
}
.productsWrap .cRight {
  display: flex;
  justify-content: center;
  align-items: center;
}
.productsWrap .cRight p {
  width: 560px;
  padding: 25px;
}
.productsWrap .aBtnBorder {
  display: block;
  border: 1px solid #1b1b1b;
  width: 120px;
  height: 33px;
  text-align: center;
  color: #1b1b1b;
  line-height: 32px;
  font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
  font-weight: 600;
  background: #fff;
  box-sizing: border-box;
  position: absolute;
  right: 25px;
  top: 50%;
  margin-top: -20px;
}
.productsWrap div.show {
  display: block;
}
@media screen and (max-width: 912px) {
  .productsWrap .product {
    width: 92%;
    margin: 0 auto;
  }
  .productsWrap .container {
    flex-wrap: wrap;
  }
  .productsWrap nav {
    width: 100%;
  }
  .productsWrap .tab {
    margin-left: 0;
    width: 100%;
  }
  .productsWrap .cRight {
    width: calc(100% - 166px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .productsWrap .cRight p {
    width: auto;
    padding: 25px 15px 10px;
  }
  .productsWrap .aBtnBorder {
    margin-top: 0;
    position: static;
    margin-left: 15px;
    margin-bottom: 25px;
  }
  .productsWrap .tab .title i,
  .productsWrap .tab .title .btn {
    margin-top: 20px;
  }
  .mobileScroll {
    overflow-y: scroll;
  }
}
/********afProducts end********/
/********afFaq star********/
.faqWrap .head {
  padding: 30px 0 15px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 21px;
}
.faqWrap .faqSearchUl {
  display: flex;
  overflow: auto;
}
.faqWrap .faqSearchUl::-webkit-scrollbar {
  display: none;
}
.faqWrap .faqSearchli {
  padding: 0 10px;
  position: relative;
}
.faqWrap .coverBox {
  display: none;
}
.faqWrap h1.title {
  font-size: 20px;
  font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
  font-weight: 600;
  padding: 0;
  margin: 0;
  border-bottom: initial;
}
.faqWrap .head input {
  width: 250px;
  height: 40px;
  border-radius: 0;
  border: 1px solid #DDDDDD;
  padding: 0px 27px 0 10px;
  box-sizing: border-box;
  margin: 0 30px;
  font-size: 15px;
}
.faqWrap .no-search {
  font-size: 16px;
  color: #3E3E3E;
  text-align: left;
  line-height: 20px;
}
.faqWrap .tips {
  margin-bottom: 8px;
  margin-top: 32px;
}
.faqWrap ul.faqSearchUl li {
  display: inline-block;
  position: relative;
  padding: 12px 16px;
  white-space: nowrap;
}
.faqWrap ul.faqSearchUl li:nth-child(1) {
  padding-left: 0;
}
.faqWrap ul.faqSearchUl li .all_title {
  text-decoration: none;
  font-family: OpenSans-Bold, Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 16px;
}
.faqWrap ul.faqSearchUl li a.checked {
  border-bottom: 2px solid #0F0F0F;
  padding-bottom: 4px;
}
.faqWrap ul li:nth-last-child(1)::after {
  display: none;
}
.faqWrap .content {
  margin: 30px 0 62px;
}
.faqWrap .content div {
  margin-bottom: 30px;
}
.faqWrap .content h3 {
  font-size: 14px;
  font-family: OpenSans-Bold, Arial, Helvetica, sans-serif;
  font-weight: 700;
  line-height: 22px;
  margin-bottom: 8px;
}
.faqWrap .content p {
  color: #1b1b1b;
  line-height: 22px;
}
.faqWrap .content ul li {
  display: list-item;
  position: static;
  padding: 0;
}
.faqWrap .paypelTips {
  margin-bottom: 20px;
}
.faqWrap .close {
  position: relative;
  width: 40px;
  height: 40px;
}
.faqWrap .close::before,
.faqWrap .close::after {
  position: absolute;
  content: ' ';
  background-color: black;
  top: 13px;
  width: 1px;
  height: 15px;
}
.faqWrap .close::before {
  transform: rotate(45deg);
}
.faqWrap .close::after {
  transform: rotate(-45deg);
}
.faqWrap .searchInt {
  position: relative;
}
.faqWrap .searchInt .close {
  position: absolute;
  right: 28px;
  top: 0;
  text-align: center;
}
.faqWrap .searchWrap {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
/********afProducts end********/
/********afFaq star********/
.faqWrap .head {
  padding: 30px 0 15px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 21px;
}
.faqWrap h1.title {
  font-size: 20px;
  font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
  font-weight: 600;
  padding: 0;
  margin: 0;
  border-bottom: initial;
}
.faqWrap .head input {
  width: 250px;
  height: 40px;
  border-radius: 0;
  border: 1px solid #DDDDDD;
  padding: 0px 27px 0 10px;
  box-sizing: border-box;
  margin: 0 30px;
  font-size: 15px;
}
.faqWrap .no-search {
  font-size: 16px;
  color: #3E3E3E;
  text-align: left;
  line-height: 20px;
}
.faqWrap .tips {
  margin-bottom: 8px;
}
.faqWrap ul.banner li {
  display: inline-block;
  position: relative;
  padding: 0 10px;
}
.faqWrap ul.banner li:nth-child(1) {
  padding-left: 0;
}
.faqWrap ul.banner li::after {
  content: '';
  display: inline-block;
  width: 2px;
  height: 16px;
  background: #1b1b1b;
  position: absolute;
  right: -3px;
  top: 2px;
}
.faqWrap ul li:nth-last-child(1)::after {
  display: none;
}
.faqWrap .content {
  margin: 30px 0 62px;
}
.faqWrap .content div {
  margin-bottom: 30px;
}
.faqWrap .content p {
  line-height: 22px;
}
.faqWrap .content .tips {
  margin-bottom: 30px;
}
.faqWrap .content ul li {
  display: list-item;
  position: static;
  padding: 0;
}
.faqWrap .paypelTips {
  margin-bottom: 20px;
}
.faqWrap .close {
  position: relative;
  width: 40px;
  height: 40px;
}
.faqWrap .close::before,
.faqWrap .close::after {
  position: absolute;
  content: ' ';
  background-color: black;
  top: 13px;
  width: 1px;
  height: 15px;
}
.faqWrap .close::before {
  transform: rotate(45deg);
}
.faqWrap .close::after {
  transform: rotate(-45deg);
}
.faqWrap .searchInt {
  position: relative;
}
.faqWrap .searchInt .close {
  position: absolute;
  right: 25px;
  top: 0;
  text-align: center;
}
.faqWrap .searchWrap {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
/********afFaq end********/
/********afContact star********/
.contactWrap h1 {
  font-size: 24px;
  padding: 30px 0 15px;
  font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
  font-weight: 600;
  margin-bottom: 21px;
  text-align: center;
}
.contactWrap p {
  margin-bottom: -4px;
}
.contactWrap .contactText {
  text-align: left;
  width: 573px;
  margin: 0 auto;
}
.contactWrap .formWrap {
  width: 573px;
  margin: 0 auto;
}
.contactWrap .formWrap > div {
  margin-bottom: 21px;
}
.contactWrap .formWrap div label {
  display: block;
  margin-bottom: 4px;
  font-weight: 700;
}
.contactWrap .formWrap div label span {
  color: #666666;
}
.contactWrap .formWrap div label .imgCount {
  font-weight: 700;
  color: #0f0f0f;
}
.contactWrap .formWrap div input {
  width: 100%;
  height: 36px;
  border-radius: 0;
  padding: 0 10px;
  border: 1px solid #DDDDDD;
  box-sizing: border-box;
}
.contactWrap .formWrap div input#phoneNum {
  padding: 0 10px !important;
  width: 80%;
  float: right;
}
.contactWrap .formWrap .field-phoneNum .help-block {
  margin-top: 0;
}
.contactWrap .selectWrap {
  width: 100%;
  margin-bottom: 36px;
  height: 36px;
  line-height: 36px;
}
.contactWrap textarea {
  border: 1px solid #DDDDDD;
  background: #fff;
  width: 100%;
  height: 100px;
  box-sizing: border-box;
  padding: 10px;
  resize: none;
  vertical-align: top;
}
.contactWrap textarea.url {
  height: 36px;
  padding: 8px 10px;
}
.contactWrap .verifyCode img {
  display: inline-block;
  width: 154px;
  height: 36px;
  margin-right: 14px;
}
.contactWrap .verifyCode input {
  display: inline-block;
  width: 100%;
  flex: 1;
}
.contactWrap .btnWrap {
  text-align: center;
  margin-top: 50px;
}
.contactWrap .disableBtn {
  cursor: not-allowed;
  background: #ddd;
  color: #fff;
}
.contactWrap .btn.com_sure_btn {
  margin: 15px 0 0 0;
}
.contactWrap #affiliatefeedbackfrom-captcha-image {
  margin-top: 0px;
  cursor: pointer;
}
.contactWrap .field-affiliatefeedbackfrom-phone {
  margin-top: 10px;
}
.contactWrap .relation {
  margin-top: 30px;
}
.contactWrap .relation i {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-color: #1b1b1b;
  -webkit-mask-image: url("/assets/7ec82c567472572e5527.svg");
  mask-image: url("/assets/7ec82c567472572e5527.svg");
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.contactWrap .relation .phone {
  margin-left: 89px;
}
.contactWrap .relation .phone i {
  background-color: #1b1b1b;
  -webkit-mask-image: url("/assets/4966a7d31b0908440028.svg");
  mask-image: url("/assets/4966a7d31b0908440028.svg");
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.contactWrap .relation h3 {
  font-family: OpenSans-Bold, Arial, Helvetica, sans-serif;
  font-weight: 700;
  margin-bottom: 6px;
}
.contactWrap .relation p {
  width: 277px;
}
.contactWrap .relation > div > div {
  margin-left: 10px;
}
.contactWrap .relation div p {
  margin-bottom: 0;
}
.contactWrap .imgFileUpload .uploadBox div.uploadIcon {
  background: url("/assets/4e7b3fb24e71ef3476ed.svg") no-repeat center center;
  background-size: cover;
}
.contactWrap .imgFileUpload .delImg {
  background: url("/assets/7fd0efbc4802d69551e2.svg") no-repeat;
  background-size: cover;
}
.contactWrap .relation .hide {
  display: none;
}
.contactWrap .url,
.contactWrap .message {
  position: relative;
}
.contactWrap .textareaCount {
  position: absolute;
  top: 137px;
  right: 0;
  font-size: 12px;
  line-height: 15px;
}
/********afContact end********/
#homePageTitle,
#allPageTitle {
  font-size: 24px;
  text-align: center;
  line-height: 26px;
  padding-bottom: 16px;
  margin-bottom: 26px;
}
/********afHome star********/
.homeWrap {
  max-width: 1200px;
}
.homeWrap #prohibitedTitle {
  color: #ff0000;
}
.homeWrap .popText {
  margin-bottom: 35px;
  line-height: 30px;
}
.homeWrap .flex {
  display: flex;
  justify-content: space-between;
}
.homeWrap .flex .customizeDialogContainer {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  visibility: hidden;
  z-index: 100;
}
.homeWrap .flex .customizeTid {
  width: 180px;
  height: 32px;
  background: #1C1401;
  border-radius: 4px;
  opacity: 1;
  color: #fff;
  text-align: center;
  line-height: 32px;
  cursor: pointer;
  margin-right: 32px;
  margin-bottom: 15px;
}
.homeWrap .flex .customizeDialog {
  position: absolute;
  width: 980px;
  top: 55%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 19px 32px;
  background-color: #fff;
  max-height: calc(100% - 100px);
  overflow-y: auto;
}
.homeWrap .flex .customizeDialog i {
  float: right;
  margin-right: -12px;
  width: 16px;
  height: 16px;
  display: inline-block;
  background-image: none;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}
.homeWrap .flex .customizeDialog h4 {
  width: 160px;
  height: 21px;
  font-size: 15px;
  font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
  font-weight: 500;
  color: #1C1401;
  line-height: 21px;
  margin-top: 20px;
}
.homeWrap .flex .customizeDialog .trackingCode {
  height: 21px;
  font-size: 16px;
  font-family: OpenSans-Bold, Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-weight: normal;
  color: #1C1401;
  line-height: 21px;
  margin-top: 24px;
  margin-bottom: 16px;
}
.homeWrap .flex .customizeDialog .actualId,
.homeWrap .flex .customizeDialog .searchTrackId {
  margin-bottom: 5px;
  display: flex;
  justify-content: start;
  align-items: center;
}
.homeWrap .flex .customizeDialog .actualId input,
.homeWrap .flex .customizeDialog .searchTrackId input {
  width: 450px;
  height: 44px;
  opacity: 0.4;
  border: 0.5px solid rgba(28, 20, 1, 0.406);
  margin-right: 20px;
  padding-left: 10px;
}
.homeWrap .flex .customizeDialog .actualId #track_id,
.homeWrap .flex .customizeDialog .searchTrackId #track_id {
  width: 200px;
  margin-left: 5px;
}
.homeWrap .flex .customizeDialog .actualId .addActualIdInfo,
.homeWrap .flex .customizeDialog .searchTrackId .addActualIdInfo {
  font-size: 14px;
  font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-weight: normal;
  color: #1C1401;
  line-height: 21px;
}
.homeWrap .flex .customizeDialog .actualId .addActualIdInfo span,
.homeWrap .flex .customizeDialog .searchTrackId .addActualIdInfo span {
  color: #1C1401;
  font-size: 14px;
  font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-weight: normal;
  margin-top: 10px;
  display: inline-block;
}
.homeWrap .flex .customizeDialog .actualIdBtn,
.homeWrap .flex .customizeDialog .searchTrackIdBtn {
  width: 119px;
  height: 44px;
  background: linear-gradient(204deg, #3D2C02 0%, #181000 100%);
  color: #fff;
  text-align: center;
  line-height: 44px;
  cursor: pointer;
  margin-top: 0;
  margin-bottom: 0;
  border: none;
}
.homeWrap .flex .customizeDialog .actualIdBtn a,
.homeWrap .flex .customizeDialog .searchTrackIdBtn a {
  color: #fff;
  text-align: center;
  display: inline-block;
  width: inherit;
  height: inherit;
}
.homeWrap .flex .customizeDialog .searchTrackIdBtn {
  padding-bottom: 24px;
}
.homeWrap .flex .customizeDialog .actualList {
  width: 25px;
  height: 21px;
  font-size: 15px;
  font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
  font-weight: 500;
  color: #1C1401;
  line-height: 21px;
  margin-bottom: 16px;
}
.homeWrap .flex .customizeDialog .listInfoItems {
  height: 300px;
  overflow-y: auto;
  margin-top: 25px;
}
.homeWrap .flex .customizeDialog .listInfoItems .listInfoItem {
  background: #F6F5F3;
  padding: 16px 12px;
  margin-bottom: 16px;
}
.homeWrap .flex .customizeDialog .listInfoItems .listInfoItem .actualDate {
  display: flex;
  justify-content: space-between;
}
.homeWrap .flex .customizeDialog .listInfoItems .listInfoItem .actualDate div,
.homeWrap .flex .customizeDialog .listInfoItems .listInfoItem .actualDate span {
  height: 21px;
  font-size: 14px;
  font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
  font-weight: 500;
  color: #1C1401;
  line-height: 21px;
}
.homeWrap .flex .customizeDialog .listInfoItems .listInfoItem .channelName {
  width: 100%;
  height: 21px;
  font-size: 14px;
  font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-weight: normal;
  color: #1C1401;
  line-height: 21px;
  margin-top: 12px;
  margin-bottom: 15px;
}
.homeWrap .flex .customizeDialog .listInfoItems .listInfoItem .channelName .edit_platform {
  text-decoration: underline;
  text-underline-offset: 2px;
}
.homeWrap .flex .customizeDialog .listInfoItems .listInfoItem .channelName .hide {
  display: none;
}
.homeWrap .flex .customizeDialog .listInfoItems .listInfoItem .channelName .edit_channel_name {
  width: 200px;
  height: 24px;
  opacity: 0.4;
  border: 1px solid #1C1401;
  margin-right: 10px;
  margin-left: 5px;
  padding-left: 10px;
}
.homeWrap .flex .customizeDialog .listInfoItems .listInfoItem .channelName .btn_edit_channel {
  width: 45px;
  height: 26px;
  background: linear-gradient(204deg, #3D2C02 0%, #181000 100%);
  color: #fff;
  text-align: center;
  line-height: 24px;
  cursor: pointer;
  border: none;
}
.homeWrap .flex .customizeDialog .listInfoItems .listInfoItem .pcAndMobile,
.homeWrap .flex .customizeDialog .listInfoItems .listInfoItem .Ios,
.homeWrap .flex .customizeDialog .listInfoItems .listInfoItem .Android {
  display: flex;
  margin-bottom: 15px;
  justify-content: space-between;
  position: relative;
}
.homeWrap .flex .customizeDialog .listInfoItems .listInfoItem .pcAndMobile .link-operation span,
.homeWrap .flex .customizeDialog .listInfoItems .listInfoItem .Ios .link-operation span,
.homeWrap .flex .customizeDialog .listInfoItems .listInfoItem .Android .link-operation span {
  padding-left: 0;
  margin-left: 17px;
  border-bottom: 1px solid #1C1401;
  cursor: pointer;
}
.homeWrap .flex .customizeDialog .listInfoItems .listInfoItem .pcAndMobile div,
.homeWrap .flex .customizeDialog .listInfoItems .listInfoItem .Ios div,
.homeWrap .flex .customizeDialog .listInfoItems .listInfoItem .Android div,
.homeWrap .flex .customizeDialog .listInfoItems .listInfoItem .pcAndMobile span,
.homeWrap .flex .customizeDialog .listInfoItems .listInfoItem .Ios span,
.homeWrap .flex .customizeDialog .listInfoItems .listInfoItem .Android span {
  height: 21px;
  font-size: 14px;
  font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
  font-weight: 500;
  color: #1C1401;
  line-height: 21px;
}
.homeWrap .flex .customizeDialog .listInfoItems .listInfoItem .pcAndMobile div i,
.homeWrap .flex .customizeDialog .listInfoItems .listInfoItem .Ios div i,
.homeWrap .flex .customizeDialog .listInfoItems .listInfoItem .Android div i,
.homeWrap .flex .customizeDialog .listInfoItems .listInfoItem .pcAndMobile span i,
.homeWrap .flex .customizeDialog .listInfoItems .listInfoItem .Ios span i,
.homeWrap .flex .customizeDialog .listInfoItems .listInfoItem .Android span i {
  margin-top: 2px;
  display: inline-block;
  background: url("/assets/c407f136b3921bbbf89c.svg") no-repeat;
  width: 20px;
  height: 20px;
  text-decoration: none;
}
.homeWrap .flex .customizeDialog .listInfoItems .listInfoItem .pcAndMobile span,
.homeWrap .flex .customizeDialog .listInfoItems .listInfoItem .Ios span,
.homeWrap .flex .customizeDialog .listInfoItems .listInfoItem .Android span {
  padding-left: 17px;
}
.homeWrap .flex .customizeDialog .listInfoItems .listInfoItem .pcAndMobile .infoTitle,
.homeWrap .flex .customizeDialog .listInfoItems .listInfoItem .Ios .infoTitle,
.homeWrap .flex .customizeDialog .listInfoItems .listInfoItem .Android .infoTitle {
  padding-left: 0;
  min-width: 95px;
  display: inline-block;
}
.homeWrap .flex .customizeDialog .listInfoItems .listInfoItem .pcAndMobile .copy,
.homeWrap .flex .customizeDialog .listInfoItems .listInfoItem .Ios .copy,
.homeWrap .flex .customizeDialog .listInfoItems .listInfoItem .Android .copy {
  border-bottom: 1px solid #1C1401;
  cursor: pointer;
}
.homeWrap .flex .customizeDialog .listInfoItems .listInfoItem .pcAndMobile #copiedTips,
.homeWrap .flex .customizeDialog .listInfoItems .listInfoItem .Ios #copiedTips,
.homeWrap .flex .customizeDialog .listInfoItems .listInfoItem .Android #copiedTips {
  display: none;
  font-size: 12px;
  font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
  font-weight: 500;
  color: #2BB51C;
  position: absolute;
  right: 0;
  top: 20px;
}
.homeWrap h2.title {
  text-align: left;
  font-size: 16px;
  font-family: OpenSans-Bold, Arial, Helvetica, sans-serif;
  font-weight: 700;
  color: #1C1401;
  line-height: 24px;
  border: none;
  margin-bottom: 24px;
  padding: 0;
}
.homeWrap p a {
  text-decoration: underline;
  text-underline-offset: 5px;
}
.homeWrap .statistics p {
  font-size: 16px;
  font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
  font-weight: 500;
  color: #1C1401;
  line-height: 24px;
}
.homeWrap .statistics ul {
  width: 100%;
  margin-bottom: 32px;
  margin-top: 32px;
  font-size: 13px;
  flex-wrap: wrap;
}
.homeWrap .statistics ul p {
  margin-bottom: 0;
  font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
}
.homeWrap .statistics .totalBalance {
  width: 100%;
  height: 150px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 24px 0 0;
  background: #fff;
  box-sizing: border-box;
  box-shadow: 0px 0px 30px 0px rgba(3, 62, 128, 0.08);
  text-align: center;
}
.homeWrap .statistics .totalBalance .currentCommission .balanceTitle {
  font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-size: 16px;
}
.homeWrap .statistics .totalBalance .balanceTitle {
  margin-bottom: 20px;
}
.homeWrap .statistics .totalBalance .tips {
  padding-right: 20px;
  color: #666;
}
.homeWrap .statistics .totalBalance .tips span {
  font-family: OpenSans-Bold, Arial, Helvetica, sans-serif;
  font-weight: 700;
  color: #1b1b1b;
}
.homeWrap .statistics .totalBalance .limitW {
  padding-left: 20px;
}
.homeWrap .statistics .totalBalance .limitW p {
  margin: 10px 0;
}
.homeWrap .statistics .totalBalance .limitW p:first-child {
  font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
  font-weight: 600;
}
.homeWrap .statistics .totalBalance .limit {
  font-size: 20px;
  font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
  font-weight: 600;
  color: #1C1401;
  line-height: 24px;
}
.homeWrap .statistics .totalBalance .paidWrap {
  margin-top: 8px;
}
.homeWrap .statistics .totalBalance .todayMonth span {
  font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
  font-weight: 600;
  margin-left: 8px;
}
.homeWrap .statistics .totalBalance .todayMonth .today,
.homeWrap .statistics .totalBalance .month {
  font-size: 16px;
  font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
  font-weight: 500;
  color: #1C1401;
  line-height: 24px;
}
.homeWrap .statistics .totalBalance .todayMonth .month {
  margin-top: 8px;
}
.homeWrap .statistics .totalBalance .rTotalBanance {
  position: relative;
}
.homeWrap .statistics .totalBalance .paidWrap p,
.homeWrap .statistics .totalBalance .paidWrap span {
  font-size: 16px;
  font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
  font-weight: 500;
  color: #888888;
  line-height: 24px;
}
.homeWrap .statistics .totalBalance .bonus_tips {
  background-color: #000;
  border-radius: 4px 4px 4px 0px;
  width: 85px;
  height: 15px;
  line-height: 15px;
  padding: 2px 0px 2px 8px;
  font-size: 12px;
  -webkit-transform: scale(0.8);
  color: #fff;
  margin-top: -4px;
}
.homeWrap .statistics .totalBalance .bonus_box {
  align-items: center;
}
.homeWrap .statistics .totalBalance .bonus_box .flex {
  display: flex;
  align-items: center;
}
.homeWrap .statistics .totalBalance .limit_platform_bonus {
  font-size: 16px;
  margin-left: 5px;
}
.homeWrap .statistics li {
  width: 24%;
  height: 170px;
  padding: 15px 20px;
  position: relative;
  margin-right: 20px;
  margin-bottom: 10px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: #fff;
  box-sizing: border-box;
}
.homeWrap .statistics li span:first-child {
  display: flex;
  height: 61px;
  width: 100%;
  background: linear-gradient(180deg, #7BBBE5 0%, #6191C8 100%);
  font-size: 18px;
  font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-weight: 300;
  color: #ffffff;
  text-align: center;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
}
.homeWrap .statistics li span.optionTitle {
  padding: 0 8px;
  box-sizing: border-box;
}
.homeWrap .statistics li > span:last-child {
  color: #666;
}
.homeWrap .statistics li:last-child {
  margin-right: 0 !important;
}
.homeWrap .statistics .flexBetween {
  display: flex;
}
.homeWrap .statistics .flexBetween .statisticsOptionBody {
  margin-top: 24px;
  text-align: center;
}
.homeWrap .statistics .flexBetween .statisticsOptionBody p {
  font-size: 18px;
  font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
  font-weight: 600;
  color: #1C1401;
  line-height: 24px;
  margin-bottom: 4px;
}
.homeWrap .statistics .flexBetween .statisticsOptionBody .limit {
  font-size: 28px;
  font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
  font-weight: 600;
  color: #1C1401;
  line-height: 45px;
  margin-bottom: 8px;
}
.homeWrap .statistics .flexBetween .statisticsOptionBody .limit .pending-font {
  font-size: 14px;
}
.homeWrap .statistics .flexBetween .statisticsOptionBody .paidCommissions {
  font-size: 16px;
  font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-weight: 300;
  color: #888888;
  line-height: 21px;
}
.homeWrap .balance {
  margin-bottom: 60px;
}
.homeWrap .statistics .flexBetween li {
  width: inherit;
  height: 220px;
  flex: 1;
  padding: 0;
  box-shadow: 0px 0px 30px 0px rgba(3, 62, 128, 0.08);
  border-radius: 8px;
  overflow: hidden;
}
.homeWrap .statistics .flexBetweenMore {
  display: block;
  overflow: hidden;
}
.homeWrap .statistics .flexBetweenMore li {
  float: left;
  width: calc((100% - 30px) / 4);
}
.homeWrap .statistics .flexBetweenMore li:nth-child(4n) {
  margin-right: 0 !important;
}
.homeWrap .statistics i {
  height: 20px;
  width: 20px;
  display: inline-block;
  vertical-align: middle;
  background: url("/assets/ff95a3a4558e1de2df5f-optimized.webp") no-repeat center center / cover;
  cursor: pointer;
}
.homeWrap .totalBalance div {
  flex: 1;
  width: inherit;
  margin-right: 10px;
}
.homeWrap .totalBalance .tips {
  display: none;
  position: absolute;
  padding: 5px 10px;
  width: 198px;
  top: calc(140%);
  left: 0;
  transform: translateX(-46%);
  background-color: #333;
  text-align: center;
  color: #fff;
  font-size: 13px;
  line-height: 22px;
  z-index: 9;
}
.homeWrap .statistics .totalBalance div > p .tips:after {
  content: "";
  position: absolute;
  top: -17px;
  left: 50%;
  margin-left: -8px;
  color: #fff;
  border: 8px solid transparent;
  border-bottom: 10px solid #333;
}
.homeWrap li .limit {
  font-family: OpenSans-Bold, Arial, Helvetica, sans-serif;
  font-weight: 700;
  display: block;
  font-size: 24px;
}
.homeWrap .options table,
.homeWrap td {
  border-collapse: collapse;
  border: 1px solid rgba(28, 20, 1, 0.3);
}
.homeWrap .options td {
  height: 164px;
  vertical-align: middle;
}
.homeWrap .options table .link {
  padding-left: 20px;
  width: 278px;
  box-sizing: border-box;
}
.homeWrap .options table .link p {
  font-size: 16px;
  font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
  font-weight: 600;
  color: #1C1401;
  line-height: 24px;
}
.homeWrap .options table .link a {
  text-decoration: underline;
  font-size: 14px;
  font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
  font-weight: 500;
  color: #1C1401;
  line-height: 21px;
}
.homeWrap .options table .infor {
  padding: 10px 39px;
  font-size: 16px;
  font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
  font-weight: 500;
  color: #1C1401;
  line-height: 24px;
}
.homeWrap .options .optionsBox {
  border: 1px solid rgba(28, 20, 1, 0.1);
  color: #1C1401;
  display: flex;
}
.homeWrap .options .optionsBox:not(:last-child) {
  border-bottom: none;
}
.homeWrap .options .optionsBox.optionsTh div:nth-child(1) {
  padding: 20px;
  border-right: 1px solid rgba(28, 20, 1, 0.1);
  width: 278px;
  min-width: 278px;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  text-transform: uppercase;
  font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
  font-weight: 600;
}
.homeWrap .options .optionsBox.optionsTh div:nth-child(2) {
  padding: 20px;
  font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  text-align: left;
  box-sizing: border-box;
  width: 100%;
}
.homeWrap .options .optionsBox .link {
  padding: 20px 0 24px 0;
  border-right: 1px solid rgba(28, 20, 1, 0.1);
  width: 278px;
  min-width: 278px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.homeWrap .options .optionsBox .link p {
  text-align: center;
  text-transform: uppercase;
  font-size: 14px;
  font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
  font-weight: 600;
  line-height: 24px;
  margin-bottom: 8px;
}
.homeWrap .options .optionsBox .link a {
  text-align: center;
  text-decoration: underline;
  text-transform: uppercase;
  font-size: 14px;
  font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
  font-weight: 500;
  line-height: 21px;
  display: inline-block;
  width: 100%;
}
.homeWrap .options .optionsBox .link span {
  text-align: center;
  text-transform: uppercase;
  font-size: 14px;
  font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
  font-weight: 500;
  line-height: 21px;
  display: inline-block;
  width: 100%;
}
.homeWrap .options .optionsBox .infor {
  padding: 24px 16px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.homeWrap .options .optionsBox .infor .sale_apply {
  padding: 10px 0px;
  margin-top: 10px;
}
.homeWrap .options .optionsBox .infor .sale_apply p {
  margin-bottom: 10px;
}
.homeWrap .options .optionsBox .infor .sale_apply .apply_now {
  text-align: center;
  margin-top: 10px;
}
.homeWrap .options .optionsBox .infor .sale_apply .apply_now button.can_apply,
.homeWrap .options .optionsBox .infor .sale_apply .apply_now button.applied {
  display: inline-block;
  width: 120px;
  height: 32px;
  background: #1C1401;
  border-radius: 4px;
  opacity: 1;
  color: #fff;
  text-align: center;
  line-height: 32px;
  cursor: pointer;
  margin-right: 32px;
  border: none;
}
.homeWrap .options .optionsBox .infor .sale_apply .apply_now button.applied {
  background: #d1cec6;
  color: #020202;
  cursor: auto;
}
.homeWrap .options .optionsBox .infor .inforText {
  font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-size: 18px;
}
.homeWrap .options .optionsBox .infor .inforText2 {
  margin-top: 10px;
}
.homeWrap .options .optionsBox .infor .inforBtn {
  display: flex;
  margin-top: 16px;
}
.homeWrap .options .optionsBox .infor .inforBtn .direct,
.homeWrap .options .optionsBox .infor .inforBtn .redirect,
.homeWrap .options .optionsBox .infor .inforBtn .customize {
  width: 120px;
  height: 32px;
  background: #1C1401;
  border-radius: 4px;
  opacity: 1;
  color: #fff;
  text-align: center;
  line-height: 32px;
  cursor: pointer;
  margin-right: 32px;
}
.homeWrap .options .optionsBox .infor .inforBtn .direct:active,
.homeWrap .options .optionsBox .infor .inforBtn .redirect:active,
.homeWrap .options .optionsBox .infor .inforBtn .customize:active {
  background: #0F0F0F;
}
.homeWrap .options .optionsBox .infor .inforBtn .direct {
  background: #0F0F0F;
}
.homeWrap .options .optionsBox .infor .inforUrl {
  display: flex;
  margin-top: 16px;
  position: relative;
}
.homeWrap .options .optionsBox .infor .inforUrl div:first-child {
  font-size: 14px;
  font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-weight: 400;
  color: #1C1401;
  width: 470px;
  height: 32px;
  background: #f1f1f1;
  border-radius: 4px;
  line-height: 32px;
  text-align: left;
  padding-left: 7px;
}
.homeWrap .options .optionsBox .infor .inforUrl #copy {
  padding: 3px 0 0 15px;
}
.homeWrap .options .optionsBox .infor .inforUrl #copy span {
  vertical-align: super;
  font-size: 16px;
  font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-weight: 300;
  color: #1C1401;
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 5px;
}
.homeWrap .options .optionsBox .infor .inforUrl #copiedTips {
  display: none;
  font-size: 14px;
  font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
  font-weight: 500;
  color: #2BB51C;
  position: absolute;
  right: 0;
  top: 35px;
}
.homeWrap .otherOptions .title {
  font-size: 18px;
  margin-bottom: 14px;
  margin-top: 55px;
}
.homeWrap .otherOptions .optionsBox1 {
  color: #1C1401;
  display: flex;
}
.homeWrap .otherOptions .optionsBox1 .infor {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.homeWrap .otherOptions .optionsBox1 .infor .items .dec {
  margin-bottom: 10px;
}
.homeWrap .otherOptions .optionsBox1 .infor .items .item {
  margin-left: 10px;
  line-height: 24px;
  margin-bottom: 5px;
}
.homeWrap .otherOptions .optionsBox1 .infor .items .item span {
  font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-size: 16px;
}
.homeWrap .otherOptions .optionsBox1 .infor .items.list {
  margin-top: 10px;
}
.homeWrap .otherOptions .optionsBox1 .infor .items.list .item {
  position: relative;
}
.homeWrap .otherOptions .optionsBox1 .infor .items.list .item::before {
  content: '';
  position: absolute;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #000;
  left: -10px;
  top: 6px;
}
.homeWrap .otherOptions .optionsBox1 .infor .btnInfo {
  background-color: #1c1401;
  color: #fff;
  width: 300px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  border-radius: 4px;
  margin-top: 15px;
  cursor: pointer;
}
.homeWrap .popup_group {
  margin: 0;
  padding: 0;
  border: 0;
}
.homeWrap #index-modalpopup {
  width: 800px;
  border-radius: 5px;
  position: fixed;
  top: 20%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 8888;
  margin: 0;
}
.homeWrap .modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 1050;
}
.homeWrap .fade.in {
  opacity: 1;
}
.homeWrap .fade {
  transition: opacity 0.15s linear;
}
.homeWrap .modal-dialog {
  position: relative;
  box-shadow: 0px 0px 11px #999;
}
.homeWrap .modal-content {
  overflow: hidden;
  position: relative;
  background-color: #fff;
  background-clip: padding-box;
  outline: 0;
  padding: 10px 30px 35px 30px;
}
.homeWrap .modal-header .modal-title {
  text-align: center;
  font-size: 18px;
  font-family: OpenSans-Bold, Arial, Helvetica, sans-serif;
  font-weight: 700;
  color: #1C1401;
  line-height: 24px;
  text-transform: uppercase;
}
.homeWrap .modal-title {
  margin: 0;
  line-height: 1.42857143;
}
.homeWrap .modal-header .close {
  top: 16px;
  right: 16px;
  position: absolute;
}
.homeWrap .modal-header {
  padding: 19px 0 19px 0;
}
.homeWrap .modal-header::after {
  content: '';
  position: absolute;
  width: 200%;
  left: -50%;
  top: 82px;
  height: 1px;
  transform: scaleY(0.5);
}
.homeWrap button.close {
  padding: 0;
  cursor: pointer;
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.homeWrap .close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: 0.2;
}
.homeWrap .com_sure_btn3 {
  width: 260px;
  margin: 0 auto;
}
.homeWrap .modal-dialog-closeBtn {
  background: none no-repeat;
  background-size: contain;
  opacity: 1;
  width: 16px;
  height: 16px;
}
.homeWrap .com_sure_btn,
.homeWrap .com_sure_btn1,
.homeWrap .com_sure_btn2 {
  min-width: 146px;
  height: 44px;
  background: #1b1b1b;
  color: #fffefe;
  line-height: 44px;
  border: none;
  outline: none;
  border-radius: 0;
  cursor: pointer;
  font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
  font-weight: 600;
}
.homeWrap .com_cancel_btn {
  font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
  font-weight: 600;
  min-width: 156px;
  padding: 0 20px;
  background: #fff;
  color: #1b1b1b;
  border: 1px solid #858585;
  line-height: 36px;
  outline: 1px solid #1b1b1b;
  border-radius: 0;
  margin-left: 60%;
}
.homeWrap .com_cancel_btn1 {
  font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
  font-weight: 600;
  margin-left: 0;
}
.homeWrap .btn-list {
  padding: 0 40px;
  margin-top: 38px;
  display: flex;
  justify-content: space-around;
}
.homeWrap .modal-body {
  position: relative;
  padding: 20px 15px 15px 15px;
}
.homeWrap .modal-body .body_content {
  margin-top: 10px;
  font-size: 16px;
  color: #0F0F0F;
  overflow: hidden;
}
.homeWrap .modal-body .body_content p {
  margin-bottom: 20px;
}
.homeWrap .modal-body .btn-list .com_sure_btn {
  min-width: 156px;
  width: 260px;
  height: 44px;
  background: #1C1401;
  font-size: 14px;
  font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-weight: 500;
  margin-bottom: 20px;
}
.homeWrap .note {
  margin-top: 60px;
  font-size: 16px;
  font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
  font-weight: 500;
  color: #1C1401;
  line-height: 24px;
}
.homeWrap .note p {
  margin-bottom: 24px;
}
.homeWrap .note .noteContent {
  font-size: 14px;
  margin-bottom: 5px;
}
.homeWrap .prohibited {
  margin-top: 60px;
  margin-bottom: 24px;
  font-size: 16px;
  font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
  font-weight: 500;
  color: #1C1401;
}
.homeWrap .bottom .prohibitedText1,
.homeWrap .prohibitedText2 {
  font-size: 14px;
  font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
  font-weight: 500;
  line-height: 24px;
}
.homeWrap .prohibitedText2 {
  margin-top: 32px;
}
.homeWrap #prohibitedTitle {
  font-size: 24px;
  text-align: center;
  padding-bottom: 16px;
}
.homeWrap .modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}
.homeWrap .modal-backdrop.in {
  opacity: 0.5;
}
.homeWrap .inputBox {
  display: flex;
  justify-content: center;
  padding: 0 0 0 0;
  text-align: center;
  margin-top: 30px;
}
.homeWrap .inputBox .normal {
  border: 1px solid #d1d1d1;
  text-align: center;
  font-weight: bold;
  box-sizing: border-box;
  padding: 7px 0;
  display: block;
  width: 34px;
  margin-right: 4px;
}
.homeWrap .error {
  font-size: 14px;
  margin: 10px 0 0;
  color: #f00;
  display: none;
}
.homeWrap .p2 {
  color: #777;
  font-size: 14px;
  margin-top: 30px;
  margin-bottom: 10px;
}
.homeWrap .p2 span {
  cursor: pointer;
  text-decoration: underline;
}
.homeWrap .homeContact {
  margin-top: 10px;
}
.homeWrap .com_cancel_btn1 {
  min-width: 156px;
  padding: 0 20px;
  background: #fff;
  color: #1b1b1b;
  border: 1px solid #858585;
  line-height: 36px;
  outline: 1px solid #1b1b1b;
  border-radius: 0;
  margin-left: 20%;
  cursor: pointer;
  font-size: 14px;
}
.homeWrap .com_cancel_btn2 {
  min-width: 156px;
  padding: 0 20px;
  background: #fff;
  color: #1b1b1b;
  border: 1px solid #858585;
  line-height: 36px;
  outline: 1px solid #1b1b1b;
  border-radius: 0;
  cursor: pointer;
  font-size: 14px;
}
.homeWrap .com_sure_btn1 {
  font-size: 14px;
}
.homeWrap .com_sure_btn1.com_sure_btn_disable {
  background: #c0c0c0;
}
.homeWrap .modal-body span {
  text-decoration: underline;
  cursor: pointer;
}
.homeWrap .options .optionsBox .infor {
  flex-direction: column;
}
.homeWrap .options .optionsBox .infor .inforBtn .customize {
  width: 180px;
}
.homeWrap .options .optionsBox .infor .infor-top {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 20px;
}
.homeWrap .options .optionsBox .infor .infor-top .inforText {
  flex: 1;
}
.homeWrap .options .optionsBox .infor .infor-bottom {
  width: 100%;
}
.homeWrap .options .optionsBox .infor .infor-bottom .reject {
  margin-top: 10px;
}
.homeWrap .customizeTid {
  padding: 5px;
}
.homeWrap .statistics li span:first-child.optionTitleSale {
  font-size: 18px;
}
.homeWrap .statistics .flexBetween li.saleLi {
  margin-right: 10px;
  height: 250px;
}
.homeWrap .statistics .flexBetween .statisticsOptionBody p {
  font-size: 16px;
}
.homeWrap .statistics .flexBetween .statisticsOptionBody .limit {
  font-size: 24px;
}
.homeWrap .statistics .flexBetween .statisticsOptionBody .paidCommissions {
  font-size: 14px;
}
.homeWrap .statistics ul p {
  font-size: 17px;
}
.homeWrap .statistics ul {
  margin-bottom: 12px;
}
.homeWrap .statistics #flexBetween li span:first-child {
  color: black;
  background: white;
  font-size: 20px;
  font-weight: bold;
  line-height: 21px;
}
.homeWrap .statisticsSale {
  text-align: center;
  margin: 0 30px 20px 30px;
}
.homeWrap .statisticsSale > p {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 30px;
  height: 23%;
  border-bottom: 1px solid #EFEFEF;
}
.homeWrap .statisticsSale > div {
  font-size: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 0 5px 0;
  border-bottom: 1px solid #efefef;
  margin: 0;
}
.homeWrap .statisticsSale > div > p:last-child {
  color: #333;
  font-weight: 500;
}
.homeWrap #payOutSummary {
  text-align: center;
  align-items: center;
  justify-content: center;
  display: block;
}
.homeWrap #payOutSummary .childDiv {
  margin-top: 20px;
}
.homeWrap #payOutSummary .childDiv div p,
.homeWrap #payOutSummary .childDiv div span {
  margin-top: 20px;
}
.homeWrap #payOutSummary .childDiv .paidWrap p {
  color: #888888;
  font-size: 16px;
  font-weight: 500;
  line-height: 18.46px;
  letter-spacing: 0em;
}
.homeWrap #registrationSummaryDiv,
.homeWrap #payoutSummaryDiv {
  all: unset;
}
.homeWrap #registrationSummaryDiv .tips,
.homeWrap #payoutSummaryDiv .tips {
  display: none;
  position: absolute;
  padding: 5px 10px;
  width: 198px;
  top: calc(40%);
  left: -80px;
  transform: translateX(-46%);
  background-color: #333;
  text-align: center;
  color: #fff;
  font-size: 13px;
  line-height: 22px;
  z-index: 9;
}
.homeWrap #registrationSummaryDiv .tipsRegistration,
.homeWrap #payoutSummaryDiv .tipsRegistration {
  top: calc(100%);
}
.homeWrap #i_registration_com {
  margin-left: 5px;
  margin-bottom: 3px;
}
.homeWrap #flexBetween {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 0 30px;
  margin: 0;
  padding-top: 30px;
  list-style: none;
  width: calc(90%);
}
.homeWrap #flexBetween li {
  margin-bottom: 24px;
  margin-right: 0;
}
.homeWrap #registrationSummaryDiv #i_registration_com {
  background: none no-repeat center center;
  background-size: 18px 18px;
}
.homeWrap .payout-options-section {
  margin-top: 30px;
  padding-top: 30px;
}
.homeWrap .payout-options-section .title {
  font-size: 18px;
  font-weight: bold;
  color: #000;
  margin-bottom: 20px;
  text-align: center;
  letter-spacing: 0.5px;
}
.homeWrap .payout-options-section .section-intro {
  font-size: 16px;
  line-height: 1.6;
  margin: 0 0 50px 0;
}
.homeWrap .payout-options-section .payoutOptions {
  margin-top: 32px;
  margin-bottom: 60px;
}
.homeWrap .payout-options-section ul.radioWrap.payoutOptions {
  list-style: none;
  padding: 0;
  margin: 0;
}
.homeWrap .payout-options-section ul.radioWrap.payoutOptions li {
  display: block;
  margin-right: 0;
}
.homeWrap .payout-options-section ul.radioWrap.payoutOptions li:not(:last-child) {
  margin-bottom: 30px;
}
.homeWrap .payout-options-section ul li label,
.homeWrap .payout-options-section ul li .clickArea {
  display: block;
  cursor: default;
}
.homeWrap .payout-options-section ul li label .cont,
.homeWrap .payout-options-section ul li .clickArea .cont {
  display: flex;
  justify-content: flex-start;
}
.homeWrap .payout-options-section ul li label .lf,
.homeWrap .payout-options-section ul li .clickArea .lf {
  position: relative;
  width: 200px;
  min-width: 200px;
  min-height: 210px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  text-align: center;
  cursor: default;
  background: #fff;
  border: 1px solid #000;
}
.homeWrap .payout-options-section ul li label .lf input,
.homeWrap .payout-options-section ul li .clickArea .lf input {
  display: none;
}
.homeWrap .payout-options-section ul li label .lf .lfActiveBg,
.homeWrap .payout-options-section ul li .clickArea .lf .lfActiveBg {
  display: none;
}
.homeWrap .payout-options-section ul li label .lf .lfText,
.homeWrap .payout-options-section ul li .clickArea .lf .lfText {
  position: relative;
  left: auto;
  transform: none;
  width: 100%;
}
.homeWrap .payout-options-section ul li label .lf div .sum,
.homeWrap .payout-options-section ul li .clickArea .lf div .sum {
  font-size: 48px;
  font-weight: 500;
  color: #000;
}
.homeWrap .payout-options-section ul li label .lf div .sum.trafficSum,
.homeWrap .payout-options-section ul li .clickArea .lf div .sum.trafficSum {
  display: inline-block;
  width: auto;
  margin-right: 16px;
  font-size: 36px;
  font-weight: 500;
}
.homeWrap .payout-options-section ul li label .lf p,
.homeWrap .payout-options-section ul li .clickArea .lf p {
  text-transform: uppercase;
  font-size: 12px;
  color: #000;
  width: 100%;
  margin-bottom: 10px;
  font-weight: 600;
}
.homeWrap .payout-options-section ul li label .lf p.divider-line,
.homeWrap .payout-options-section ul li .clickArea .lf p.divider-line {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 15px 0;
}
.homeWrap .payout-options-section ul li label .lf p.divider-line::before,
.homeWrap .payout-options-section ul li .clickArea .lf p.divider-line::before,
.homeWrap .payout-options-section ul li label .lf p.divider-line::after,
.homeWrap .payout-options-section ul li .clickArea .lf p.divider-line::after {
  content: '';
  flex: 1;
  height: 1px;
  background: #000;
  margin: 0 20px;
}
.homeWrap .payout-options-section ul li label .lf .divider-symbol,
.homeWrap .payout-options-section ul li .clickArea .lf .divider-symbol {
  font-size: 20px;
  font-weight: normal;
}
.homeWrap .payout-options-section ul li label .lf .checkedStyle,
.homeWrap .payout-options-section ul li .clickArea .lf .checkedStyle {
  display: none;
}
.homeWrap .payout-options-section ul li label .lfType,
.homeWrap .payout-options-section ul li .clickArea .lfType {
  min-height: 280px;
}
.homeWrap .payout-options-section ul li label .rt,
.homeWrap .payout-options-section ul li .clickArea .rt {
  flex: 1;
  padding: 30px 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #fff;
  box-sizing: border-box;
  font-size: 16px;
  color: #000;
}
.homeWrap .payout-options-section .rt .dataContainer {
  margin-top: 16px;
  height: 290px;
}
.homeWrap .payout-options-section .rt .dataContainer .titleBox {
  display: flex;
  margin-bottom: 28px;
}
.homeWrap .payout-options-section .rt .dataContainer .title {
  font-weight: 600;
  min-width: 100px;
  text-align: center;
  margin-right: 50px;
}
.homeWrap .payout-options-section .rt .dataContainer .dataItem {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.homeWrap .payout-options-section .rt .dataContainer .dataItem:last-child {
  margin-bottom: 16px;
}
.homeWrap .payout-options-section .rt .dataContainer .count {
  font-weight: 500;
  font-size: 18px;
  width: 100px;
  text-align: center;
  flex-shrink: 0;
  margin-right: 50px;
}
.homeWrap .payout-options-section .rt .dataContainer .bouns {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
}
.homeWrap .payout-options-section .rt .dataContainer .bounsLeft {
  width: 260px;
  height: 24px;
  background: #88B8F0;
  margin-right: 8px;
}
.homeWrap .payout-options-section .rt .dataContainer .dataBox .basic {
  position: absolute;
  height: 100%;
  left: 0;
  top: 0;
  background: #88B8F0;
}
.homeWrap .payout-options-section .rt .dataContainer .dataDesc {
  display: flex;
  margin-left: 150px;
}
.homeWrap .payout-options-section .rt .dataContainer .dataDesc .basic {
  display: flex;
  margin-right: 24px;
}
.homeWrap .payout-options-section .rt .dataContainer .dataDesc .basic .circle {
  width: 24px;
  height: 24px;
  background: #88B8F0;
  margin-right: 6px;
}
.homeWrap .payout-options-section .rt .dataContainer .extra {
  display: flex;
}
.homeWrap .payout-options-section .rt .dataContainer .extra .circle {
  width: 24px;
  height: 24px;
  background: #BEE4FF;
  margin-right: 6px;
}
.homeWrap .payout-options-section .rt .dataContainer .descText {
  font-size: 16px;
}
.homeWrap .payout-options-section .tierTable {
  width: 100%;
  border-collapse: collapse;
  margin: 10px 0;
}
.homeWrap .payout-options-section .tierTable td {
  border: 1px solid #E5E5E5;
  padding: 10px;
  font-size: 14px;
}
.homeWrap .payout-options-section .tierTable tr:first-child td {
  background: #F8F8F8;
  font-weight: 600;
}
.homeWrap .payout-options-section .apply-status-section {
  margin: 20px 0;
  text-align: center;
}
.homeWrap .payout-options-section .apply-status-section button {
  display: inline-block;
  padding: 10px 30px;
  font-size: 14px;
  font-weight: 600;
  border: 1px solid #333;
  background: #fff;
  color: #333;
  transition: background-color 0.2s, color 0.2s;
}
.homeWrap .payout-options-section .apply-status-section button.can_apply {
  cursor: pointer;
}
.homeWrap .payout-options-section .apply-status-section button.can_apply:hover {
  background: #333;
  color: #fff;
}
.homeWrap .payout-options-section .apply-status-section button.applied {
  background: #E5E5E5;
  color: #666;
  cursor: default;
  border-color: #999;
}
.homeWrap .payout-options-section .reject-message-section {
  margin: 10px 0;
  padding: 15px;
  background: #FFF3F3;
  border-left: 4px solid #d32f2f;
}
.homeWrap .payout-options-section .reject-message-section .reject-text {
  color: #d32f2f;
  font-weight: 500;
  margin: 0;
}
.homeWrap .payout-options-section .tracking-url-section h4 {
  font-size: 14px;
  font-weight: 600;
  color: #000;
  margin: 0 0 10px 0;
}
.homeWrap .payout-options-section .tracking-url-box {
  display: flex;
  gap: 10px;
  margin: 10px 0;
}
.homeWrap .payout-options-section .tracking-url-input {
  flex: 1;
  padding: 10px 15px;
  border: 1px solid #D1D1D1;
  font-size: 13px;
  color: #000;
  background: #F9F9F9;
  min-width: 0;
}
.homeWrap .payout-options-section .tracking-btn-copy,
.homeWrap .payout-options-section .tracking-btn-qr {
  padding: 10px 20px;
  border: 1px solid #333;
  background: #fff;
  color: #333;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  white-space: nowrap;
  transition: all 0.2s;
}
.homeWrap .payout-options-section .tracking-btn-copy:hover,
.homeWrap .payout-options-section .tracking-btn-qr:hover {
  background: #333;
  color: #fff;
}
.homeWrap .payout-options-section .tier-invite-box {
  max-width: 80%;
}
.homeWrap .payout-options-section .tier-invite-label {
  font-size: 16px;
  color: #000;
  margin: 20px 0 8px 0;
}
.homeWrap .payout-options-section .tier-copy-btn {
  background: #333;
  color: #fff;
  border-color: #333;
}
.homeWrap .payout-options-section .tracking-url-note {
  font-size: 14px;
  color: #000;
  margin-top: 20px;
}
.homeWrap .payout-options-section .tracking-url-link {
  text-decoration: underline;
  color: #000;
}
.homeWrap .payout-options-section .tracking-url-link:hover {
  color: #333;
}
.homeWrap .payout-options-section .tracking-info-details {
  margin-top: 20px;
  margin-bottom: 20px;
}
.homeWrap .payout-options-section .tracking-info-details .info-row {
  font-size: 14px;
  color: #000;
  margin-bottom: 5px;
}
.homeWrap .payout-options-section .tracking-info-details .fontTracking {
  font-family: OpenSans-Bold, Arial, Helvetica, sans-serif;
  font-weight: 700;
}
.homeWrap .payout-options-section .tracking-info-details .info-value {
  font-weight: normal;
}
.newsWrap {
  max-width: 1200px;
  color: #1C1401;
}
.newsWrap .topTitle {
  text-align: center;
  font-size: 24px;
  font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
  font-weight: 600;
  line-height: 26px;
  margin: 140px 0 40px 0;
}
.newsWrap .newBox {
  position: relative;
  padding-bottom: 60px;
  margin-bottom: 31px;
  font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
  font-weight: 500;
}
.newsWrap .newBox::after {
  content: "";
  position: absolute;
  width: 200%;
  height: 1px;
  background-color: rgba(28, 20, 1, 0.2);
  left: -50%;
  bottom: 0;
  transform: scale(0.5);
}
.newsWrap .newBox:last-child::after {
  display: none;
}
.newsWrap .newBox .newTitle {
  margin-bottom: 12px;
}
.newsWrap .newBox .newTitle,
.newsWrap .newBox .newTitle a {
  font-size: 16px;
  font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-weight: 500;
  line-height: 24px;
}
.newsWrap .newBox .date {
  font-size: 12px;
  line-height: 19px;
  margin-bottom: 20px;
}
.newsWrap .newBox .warpText,
.newsWrap .newBox .newsText .promoteText {
  font-size: 16px;
  line-height: 24px;
}
.newsWrap .newBox .newsText .promoteText .image-text_4,
.newsWrap .newBox .newsText .promoteText .image-text_4-2 {
  width: 59px;
  height: 21px;
  margin-top: -22px;
}
.newsWrap .newBox .newsText .promoteText .image-text_4 {
  margin-left: 1000px;
}
.newsWrap .newBox .newsText .promoteText .image-text_4-2 {
  margin-left: 620px;
}
.newsWrap .newBox .newsText .promoteText .copy_tips,
.newsWrap .newBox .newsText .promoteText .copy_tips-2 {
  display: none;
  font-size: 14px;
  font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
  font-weight: 500;
  color: #2BB51C;
}
.newsWrap .newBox .newsText .promoteText .copy_tips {
  margin-top: -24px;
  margin-left: 1070px;
}
.newsWrap .newBox .newsText .promoteText .copy_tips-2 {
  margin-top: -23px;
  margin-left: 690px;
}
.newsWrap .newBox .newsText .promoteText .justify-between {
  display: flex;
  justify-content: space-between;
}
.newsWrap .newBox .newsText .promoteText .image-text_4 .activity_copy,
.newsWrap .newBox .newsText .promoteText .image-text_4-2 .activity_copy {
  width: 16px;
  height: 16px;
  background: none;
  cursor: pointer;
}
.newsWrap .newBox .newsText .promoteText .image-text_4 .text-group_6,
.newsWrap .newBox .newsText .promoteText .image-text_4-2 .text-group_6 {
  width: 35px;
  height: 21px;
  overflow-wrap: break-word;
  color: #1c1401;
  font-size: 14px;
  letter-spacing: 0.20000000298023224px;
  font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-weight: 300;
  text-align: left;
  white-space: nowrap;
  line-height: 21px;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .newsWrap .newBox .newsText .promoteText .image-text_4-2 {
    margin-left: 9rem;
  }
  .newsWrap .newBox .newsText .promoteText .image-text_4 {
    margin-left: 9rem;
  }
  .newsWrap .newBox .newsText .promoteText .copy_tips-2 {
    margin-top: -1.7rem;
    margin-left: 14rem;
  }
  .newsWrap .newBox .newsText .promoteText .copy_tips {
    margin-top: -1.7rem;
    margin-left: 14rem;
  }
}
.newsWrap .newBox .warpText .promoteText {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}
.newsWrap .newBox .warpText .readMore {
  cursor: pointer;
  font-size: 14px;
  color: #888888;
  line-height: 28px;
  text-decoration: underline;
}
.newsWrap .newBox .warpText table {
  display: inline-block;
}
.newsWrap .newBox .newsText,
.newsWrap .newBox .warpText .newsTextTitle1 {
  font-size: 18px;
  font-weight: bold;
  margin: 10px 0 3px 0;
}
.newsWrap .newBox .newsText .newsTextTitle1 {
  font-size: 18px;
  font-weight: bold;
  margin: 10px 0 3px 0;
}
.newsWrap .newBox .newsText label {
  display: block;
}
.newsWrap .newBox .newsText .paragraph {
  margin-top: 8px;
}
.newsWrap .newBox .newsText a {
  word-wrap: break-word;
}
.newsWrap .newBox .warpText .paragraph {
  margin-top: 8px;
}
.newsWrap .newBox .imgBox {
  margin-top: 12px;
  width: 290px;
  height: 400px;
  background-size: cover;
}
.newsWrap .newBox .swiper-container2 {
  position: relative;
}
.newsWrap .newBox .leftSel,
.newsWrap .newBox .rightSel {
  cursor: pointer;
  z-index: 2;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 36px;
  height: 36px;
  background-color: rgba(0, 0, 0, 0.45);
  display: flex;
  justify-content: center;
  align-items: center;
}
.newsWrap .newBox .leftSel {
  left: 20px;
}
.newsWrap .newBox .leftSel i,
.newsWrap .newBox .rightSel i {
  display: block;
  width: 9px;
  height: 15px;
  background: none no-repeat;
  background-size: contain;
  color: #fff;
}
.newsWrap .newBox .rightSel {
  right: 20px;
  transform: translateY(-50%) rotate(180deg);
}
.newsWrap .newBox .tierTable {
  border-collapse: collapse;
  text-align: center;
  width: 80%;
  margin: 16px 0;
}
.newsWrap .newBox .tierTable tr td {
  border: 1px solid #00000096;
}
.newsWrap .newsBody .newBox::after {
  display: none;
}
.newsWrap .crumb {
  margin: 140px 0 40px 0;
  text-transform: uppercase;
}
.newsWrap .crumb ul {
  display: flex;
  font-size: 16px;
  line-height: 26px;
  font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
  font-weight: 500;
  color: #1C1401;
}
.newsWrap .crumb ul li:first-child {
  min-width: 100px;
}
.newsWrap .crumb ul li:first-child a {
  font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
  font-weight: 500;
}
.newsWrap .crumb ul li:last-child {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.newsWrap .crumb ul li:not(:last-child)::after {
  content: ">";
  margin: 0 8px;
}
.newsWrap .pageNav {
  display: flex;
  align-items: center;
}
.newsWrap .pageNav .nav {
  display: flex;
  align-items: center;
}
.newsWrap .pageNav .nav i {
  display: block;
  width: 10px;
  height: 10px;
  background: url("/assets/998092f8ff7a110ded97.svg") no-repeat;
  margin-right: 4px;
  margin-top: -2px;
}
.newsWrap .pageNav .nav a {
  cursor: pointer;
  font-size: 16px;
  font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
  font-weight: 500;
  line-height: 24px;
}
.newsWrap .pageNav .prevOrNext {
  margin-left: 120px;
}
.newsWrap .pageNav .nextNew i {
  transform: rotate(180deg);
  margin-left: 4px;
}
.newsWrap .pageNav .prevNew::after {
  content: "|";
  margin: 0 16px;
}
.newsWrap .news_recommend_rank {
  margin: -40px 0 140px 0;
}
.newsWrap .news_recommend_rank .news_recommend_rank_header {
  font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
  font-weight: 600;
  margin: 40px 0 16px 0;
  font-size: 16px;
}
.newsWrap .news_recommend_rank_list {
  margin-bottom: 32px;
  width: 550px;
  border: 1px solid rgba(28, 20, 1, 0.1);
}
.newsWrap .news_recommend_rank_list li {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border-bottom: 1px solid rgba(28, 20, 1, 0.1);
}
.newsWrap .news_recommend_rank_list li .li_lf_rank_title {
  font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
  font-weight: 500;
  color: inherit;
  font-style: normal;
  font-size: 16px;
}
.newsWrap .news_recommend_rank_list li .li_lf span.nowrapText {
  display: inline-block;
  width: auto;
  height: auto;
}
.newsWrap .news_recommend_rank_list li .li_lf_rank1 {
  font-size: 0;
  background: none no-repeat center;
}
.newsWrap .news_recommend_rank_list li .li_lf_rank2 {
  font-size: 0;
  background: url("/assets/ae15b38785d012314a89.png") no-repeat center;
}
.newsWrap .news_recommend_rank_list li .li_lf_rank3 {
  font-size: 0;
  background: url("/assets/89d893f0858de65582a5.png") no-repeat center;
}
.newsWrap .news_recommend_rank_list li:last-child {
  border: none;
}
.newsWrap .news_recommend_rank_list li i {
  display: block;
  width: 80px;
  height: 50px;
  font-size: 14px;
  font-family: OpenSans-Bold, Arial, Helvetica, sans-serif;
  font-weight: 700;
  color: #888888;
  line-height: 50px;
  text-align: center;
  border-right: 1px solid rgba(28, 20, 1, 0.1);
}
.newsWrap .news_recommend_rank_list li .li_lf {
  display: flex;
  align-items: center;
  border-right: 1px solid rgba(28, 20, 1, 0.1);
}
.newsWrap .news_recommend_rank_list .li_r {
  position: relative;
}
.newsWrap .news_recommend_rank_list .li_r::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -10px;
  width: 100px;
  height: 50px;
  background-color: red;
  display: none;
}
.newsWrap .news_recommend_rank_list .li_r::after::before {
  content: "";
}
.newsWrap .news_recommend_rank_list .li_r::before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  height: 0;
  width: 0;
  border: 5px solid transparent;
  border-bottom: 5px solid #000;
  display: none;
}
.newsWrap .news_recommend_rank_list .li_r_title {
  position: relative;
}
.newsWrap .news_recommend_rank_list .li_r_title .li_r_title_tips {
  display: none;
  position: absolute;
  left: 0;
  top: calc(100% - 10px);
  line-height: 18px;
  background: #000;
  color: #fff;
  font-size: 14px;
  height: auto;
  padding: 5px 10px;
  box-sizing: border-box;
  z-index: 1;
}
.newsWrap .news_recommend_rank_list .li_r_title .li_r_title_tips::before {
  content: "";
  position: absolute;
  left: 50%;
  top: -10px;
  transform: translateX(-50%);
  display: block;
  height: 0;
  width: 0;
  border: 5px solid transparent;
  border-bottom: 5px solid #000;
}
.newsWrap .news_recommend_rank_list .li_r_title:hover > .li_r_title_tips {
  display: block;
}
.newsWrap .news_recommend_rank_list li .li_lf span {
  display: block;
  width: 149px;
  text-align: center;
  height: 50px;
  line-height: 50px;
  white-space: nowrap;
}
.newsWrap .news_recommend_rank_list li span {
  height: 50px;
  font-size: 16px;
  line-height: 50px;
  width: 100%;
  text-align: center;
}
.newsWrap .news_recommend_moreBtn {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  width: 274px;
  height: 44px;
  padding: 0 20px 0 20px;
  box-sizing: border-box;
  border: 1px solid rgba(28, 20, 1, 0.12);
}
.newsWrap .news_recommend_moreBtn i {
  display: inline-block;
  width: 8px;
  height: 14px;
  background: none;
}
.news_recommend_rank_dialog .close i {
  background: none no-repeat;
}
/********afHome end********/
/********afPromotional end********/
.promotionalWrap {
  max-width: 1200px;
}
.promotionalWrap .question {
  margin-bottom: 40px;
}
.promotionalWrap .question h3 {
  font-size: 18px;
  font-family: OpenSans-Bold, Arial, Helvetica, sans-serif;
  font-weight: 700;
  line-height: 24px;
}
.promotionalWrap h2.title {
  font-size: 24px;
  font-family: OpenSans-Bold, Arial, Helvetica, sans-serif;
  font-weight: 700;
  line-height: 26px;
  border: none;
}
.promotionalWrap .question p {
  width: 100%;
  font-size: 16px;
  font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
  font-weight: 500;
  line-height: 24px;
  margin-top: 16px;
}
.promotionalWrap form {
  width: 100%;
}
.promotionalWrap form h3 {
  text-transform: uppercase;
  font-size: 16px;
  font-family: OpenSans-Bold, Arial, Helvetica, sans-serif;
  font-weight: 700;
}
.promotionalWrap form label {
  display: block;
}
.promotionalWrap form input {
  width: 100%;
  height: 36px;
  border-radius: 0;
  padding: 0 10px;
  border: 1px solid #DDDDDD;
  box-sizing: border-box;
}
.promotionalWrap form > div {
  margin-top: 12px;
}
.promotionalWrap .selectItem {
  height: 36px;
  line-height: 36px;
}
.promotionalWrap .radioWrap li {
  display: inline-block;
  margin-right: 60px;
}
.promotionalWrap .radioWrap li:nth-last-child(1) {
  margin-right: 0;
}
.promotionalWrap .radioWrap.landingWrap label {
  cursor: pointer;
  margin-bottom: 0;
}
.promotionalWrap .landingWrap {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-items: center;
}
.promotionalWrap .radioWrap.landingWrap li {
  width: 33%;
  margin-right: 0;
  margin-top: 16px;
}
.promotionalWrap #payout_type .selectWrap.secondAreaContent {
  padding-bottom: 0;
  padding-top: 0;
  margin-bottom: 32px;
}
.promotionalWrap #payout_type .selectWrap.selectWrapPromotional {
  padding-bottom: 32px;
}
.promotionalWrap .tierTable {
  border-collapse: collapse;
  text-align: center;
  width: 80%;
  margin: 16px 0;
}
.promotionalWrap .tierTable tr td {
  border: 1px solid #EFEFEF;
  padding: 4px 0;
}
.promotionalWrap .radioWrap span {
  vertical-align: middle;
  font-size: 16px;
}
.promotionalWrap .radioWrap input {
  width: 20px;
  height: 20px;
  border: 1px solid #1C1401;
  border-radius: 50%;
  box-sizing: border-box;
  padding: 0;
  background: rgba(0, 0, 0, 0);
}
.promotionalWrap .radioWrap input[type="radio"]:checked::before {
  transform: translate(-50%, -50%);
  margin: 0;
  height: 8px;
  width: 8px;
  background-color: #1C1401;
}
.promotionalWrap .radioWrap .radioWrapInput {
  margin-right: 12px;
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.promotionalWrap .radioWrap .radioWrapInput:checked::before {
  width: 8px !important;
  height: 8px !important;
}
.promotionalWrap label.flexBetween {
  display: flex;
}
.promotionalWrap label.flexBetween .tips {
  font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
  font-weight: 600;
}
.promotionalWrap textarea {
  resize: none;
  width: 58%;
  padding: 10px;
  border: 1px solid #ddd;
  border-radius: 0;
  box-sizing: border-box;
  font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
  font-weight: 500;
  scrollbar-width: none;
  color: #0f0f0f;
}
.promotionalWrap .bottomContentNotic {
  overflow: hidden;
  border-radius: 8px;
  margin-top: 32px;
  box-shadow: 0px 0px 20px 0px rgba(3, 62, 128, 0.08);
  padding-top: 20px;
  height: 80px;
}
.promotionalWrap .bottomContentNotic #applyTidNotice {
  font-size: 16px;
  font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
  font-weight: 500;
  line-height: 24px;
  margin-left: 35px;
}
.promotionalWrap .bottomContentNotic #applyTidNotice a {
  text-decoration: underline;
  text-underline-offset: 5px;
}
.promotionalWrap .right > p {
  margin: 32px 0 82px;
}
.promotionalWrap .payoutOptions {
  margin-top: 32px;
  margin-bottom: 60px;
}
.promotionalWrap ul.radioWrap.payoutOptions li {
  display: block;
  margin-right: 0;
  box-shadow: 0px 0px 30px 0px rgba(3, 62, 128, 0.08);
}
.promotionalWrap ul.radioWrap.payoutOptions li:not(:last-child) {
  margin-bottom: 32px;
}
.promotionalWrap ul li label input {
  margin-right: 20px;
}
.promotionalWrap ul li label input {
  margin-right: 20px;
}
.promotionalWrap ul li label .cont {
  display: flex;
  justify-content: flex-start;
}
.promotionalWrap ul li label .lf {
  position: relative;
  width: 29%;
  min-height: 210px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  border-radius: 8px 0 0 8px;
}
.promotionalWrap ul li label .lf input {
  display: none;
}
.promotionalWrap ul li label .lf input:checked + .lfActiveBg {
  background: linear-gradient(180deg, #7BBBE5 0%, #6191C8 100%);
}
.promotionalWrap ul li label .lf input:checked + .lfActiveBg .checkedStyle {
  display: block;
}
.promotionalWrap ul li label .lf input[type="radio"]:checked ~ .lfText p {
  color: #ffffff;
}
.promotionalWrap ul li label .lf .lfActiveBg {
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, #EDF8FF 0%, #CCEAFF 100%);
  border-radius: 8px 0 0 8px;
}
.promotionalWrap ul li label .lf div {
  text-align: center;
  position: absolute;
  left: 38%;
}
.promotionalWrap ul li label .lf .lfText {
  left: 50%;
  transform: translateX(-50%);
  width: 80%;
}
.promotionalWrap ul li label .lf div .sum {
  font-size: 36px;
  font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
  font-weight: 600;
}
.promotionalWrap ul li label .lf div .sum.trafficSum {
  display: inline-block;
  width: auto;
  margin-right: 16px;
  font-size: 30px;
}
.promotionalWrap ul li label .lf div .maleOpt {
  font-size: 20px;
}
.promotionalWrap ul li label .lf p {
  text-transform: uppercase;
  font-size: 16px;
  color: #1C1401;
  width: 100%;
  margin-bottom: 16px;
  font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
  font-weight: 500;
}
.promotionalWrap ul li label .lf .checkedStyle {
  display: none;
  width: 68px;
  height: 36px;
  box-sizing: border-box;
  background: #3F82CB;
  border-radius: 8px 0 8px 0;
  position: absolute;
  left: 0;
  top: 0;
}
.promotionalWrap ul li label .lf .checkedStyle .checkedIcon {
  background: url("/assets/388179e70dc6dff56b4d.svg") no-repeat;
  background-size: 100% 100%;
  width: 23px;
  height: 15px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.promotionalWrap ul li label .lfType {
  min-height: 280px;
}
.promotionalWrap ul li label .rt {
  width: calc(100% - 160px);
  padding: 24px 70px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #fff;
  box-sizing: border-box;
  border-radius: 0 8px 8px 0;
  font-size: 16px;
}
.promotionalWrap .rt .dataContainer {
  margin-top: 16px;
}
.promotionalWrap .rt .dataContainer .titleBox {
  display: flex;
  margin-bottom: 28px;
}
.promotionalWrap .rt .dataContainer .title {
  font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
  font-weight: 600;
  min-width: 100px;
  text-align: center;
  margin-right: 50px;
}
.promotionalWrap .rt .dataContainer .dataItem {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.promotionalWrap .rt .dataContainer .dataItem:last-child {
  margin-bottom: 16px;
}
.promotionalWrap .rt .dataContainer .count {
  font-family: OpenSans-Bold, Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 18px;
  width: 100px;
  text-align: center;
  flex-shrink: 0;
  margin-right: 50px;
}
.promotionalWrap .rt .dataContainer .bouns {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
}
.promotionalWrap .rt .dataContainer .bounsLeft {
  width: 260px;
  height: 24px;
  background: #BEE4FF;
  margin-right: 8px;
}
.promotionalWrap .rt .dataContainer .dataBox .basic {
  position: absolute;
  width: 260px;
  height: 100%;
  left: 0;
  top: 0;
  background: #88B8F0;
}
.promotionalWrap .rt .dataContainer .dataDesc {
  display: flex;
  margin-left: 150px;
}
.promotionalWrap .rt .dataContainer .dataDesc .basic {
  display: flex;
  margin-right: 24px;
}
.promotionalWrap .rt .dataContainer .dataDesc .basic .circle {
  width: 24px;
  height: 24px;
  background: #88B8F0;
  margin-right: 6px;
}
.promotionalWrap .rt .dataContainer .extra {
  display: flex;
}
.promotionalWrap .rt .dataContainer .extra .circle {
  width: 24px;
  height: 24px;
  background: #BEE4FF;
  margin-right: 6px;
}
.promotionalWrap .rt .dataContainer .descText {
  font-size: 16px;
}
.promotionalWrap ul li label .lf .sum {
  font-size: 30px;
}
.promotionalWrap .urlBox label {
  font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
  font-weight: 500;
  margin-bottom: 16px;
}
.promotionalWrap .urlBox #copy {
  font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
  font-weight: 600;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 135px;
  height: 37px;
  color: #fff;
  background-color: #1C1401;
}
.promotionalWrap .urlBox #copy.mBtn1 {
  display: none;
}
.promotionalWrap .urlBox #copy i {
  margin-right: 8px;
  width: 22px;
  height: 22px;
  display: inline-block;
  background: none no-repeat;
}
.promotionalWrap .urlBox #copiedTips {
  display: none;
  font-size: 14px;
  font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
  font-weight: 500;
  color: #2BB51C;
  margin-left: 10px;
}
.promotionalWrap .stepThree span {
  font-size: 14px;
}
.promotionalWrap .stepThree h3 {
  margin: 0 0 10px 0;
}
.promotionalWrap .right .lastTips {
  margin: 16px 0 80px 0;
}
.promotionalWrap #jumpLink {
  font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
  font-weight: 600;
  display: flex;
  margin: 0 auto;
  width: 33%;
  height: 54px;
  justify-content: center;
  align-items: center;
  padding: 0;
  text-align: center;
  margin-top: 30px;
  margin-bottom: -13px;
}
.promotionalWrap #payout_type .selectWrap {
  width: 100%;
  background: rgba(255, 255, 255, 0.5);
  box-shadow: 0px 0px 0px 0px rgba(211, 211, 211, 0.14);
  padding: 0 40px 20px 40px;
  box-sizing: border-box;
}
.promotionalWrap #payout_type .selectWrap .tips {
  font-size: 16px;
  font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
  font-weight: 600;
  color: #1C1401;
  line-height: 28px;
  margin-bottom: 2px;
  display: inline-block;
}
.promotionalWrap #payout_type .selectWrap .select_component {
  width: 100%;
  height: 44px;
  box-sizing: border-box;
  margin-top: 12px;
}
.promotionalWrap #payout_type .selectWrap .select_component select {
  -webkit-appearance: none;
  padding: 0 12px;
}
.promotionalWrap #payout_type .selectWrap .select_component .select_text {
  height: 100%;
  line-height: 44px;
}
.promotionalWrap #payout_type .selectWrap .select_component .select_text::after {
  top: 12px;
}
.promotionalWrap #payout_type .selectWrap .firstArea {
  display: flex;
  justify-content: flex-start;
}
.promotionalWrap #payout_type .selectWrap .firstArea .promotional {
  margin-right: 185px;
  width: 450px;
}
.promotionalWrap #payout_type .selectWrap .firstArea .targeted {
  width: 450px;
}
.promotionalWrap #payout_type .selectWrap .secondArea a {
  text-decoration: underline;
  text-underline-offset: 5px;
  cursor: pointer;
}
.promotionalWrap #payout_type .selectWrap .thirdArea .urlBox #btnBox,
.promotionalWrap #payout_type .selectWrap .fourthArea .urlBox #btnBox {
  display: flex;
  justify-content: space-between;
  width: 450px;
  margin-bottom: 10px;
}
.promotionalWrap #payout_type .selectWrap .thirdArea .urlBox #btnBox .item,
.promotionalWrap #payout_type .selectWrap .fourthArea .urlBox #btnBox .item {
  cursor: pointer;
  width: 220px;
  height: 32px;
  font-family: Hind-SemiBold, Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 15px;
  color: #fff;
  display: flex;
  justify-content: center;
  line-height: 34px;
}
.promotionalWrap #payout_type .selectWrap .thirdArea .urlBox #btnBox .item.redirectBtn,
.promotionalWrap #payout_type .selectWrap .fourthArea .urlBox #btnBox .item.redirectBtn {
  background-color: #8f8f8f;
}
.promotionalWrap #payout_type .selectWrap .thirdArea .urlBox #btnBox .item.directBtn,
.promotionalWrap #payout_type .selectWrap .fourthArea .urlBox #btnBox .item.directBtn {
  background-color: #0f0f0f;
}
.promotionalWrap #payout_type .selectWrap .thirdArea .urlBox #appPromotionalUrl,
.promotionalWrap #payout_type .selectWrap .fourthArea .urlBox #appPromotionalUrl {
  width: 57%;
}
.promotionalWrap #payout_type .selectWrap .thirdArea .urlBox .promotionalUrlNote,
.promotionalWrap #payout_type .selectWrap .fourthArea .urlBox .promotionalUrlNote {
  width: 57%;
  color: red;
}
.promotionalWrap #payout_type .selectWrap .thirdArea textarea,
.promotionalWrap #payout_type .selectWrap .fourthArea textarea {
  background-color: transparent;
}
.promotionalWrap #payout_type .selectWrap .thirdArea .urlBox .btnWrap,
.promotionalWrap #payout_type .selectWrap .fourthArea .urlBox .btnWrap {
  position: absolute;
  right: 30%;
}
.promotionalWrap #payout_type .selectWrap .thirdArea .inputWrap,
.promotionalWrap #payout_type .selectWrap .fourthArea .inputWrap {
  display: flex;
  align-items: center;
  margin-top: 16px;
  position: relative;
}
.promotionalWrap #payout_type .selectWrap .thirdArea .inputWrap .btnCopiedTips,
.promotionalWrap #payout_type .selectWrap .fourthArea .inputWrap .btnCopiedTips {
  position: relative;
  color: #2BB51C;
  left: 10px;
  display: none;
}
.promotionalWrap #payout_type .selectWrap .thirdArea .inputWrap .inputAre,
.promotionalWrap #payout_type .selectWrap .fourthArea .inputWrap .inputAre {
  display: flex;
  align-items: center;
  text-align: center;
  box-sizing: border-box;
  width: 310px;
  height: 44px;
  font-size: 14px;
  border: 1px solid #1C1401;
  padding: 0px 12px 0px 14px;
}
.promotionalWrap #payout_type .selectWrap .thirdArea .inputWrap .inputAre input,
.promotionalWrap #payout_type .selectWrap .fourthArea .inputWrap .inputAre input {
  background: #ffffff;
  border: 0;
}
.promotionalWrap #payout_type .selectWrap .thirdArea .inputWrap .inputAre span,
.promotionalWrap #payout_type .selectWrap .fourthArea .inputWrap .inputAre span {
  padding-left: 20px;
  text-underline-offset: 5px;
  text-decoration: underline;
  cursor: pointer;
  color: #0f0f0f;
}
.promotionalWrap #payout_type .selectWrap .thirdArea .inputWrap .inputAre:hover,
.promotionalWrap #payout_type .selectWrap .fourthArea .inputWrap .inputAre:hover {
  cursor: default;
}
.promotionalWrap #payout_type .selectWrap .thirdArea .add,
.promotionalWrap #payout_type .selectWrap .fourthArea .add {
  width: 310px;
  height: 22px;
  background: #1C1401;
  border-radius: 0px 0px 0px 0px;
  color: white;
  font-size: 14px;
  line-height: 24px;
  border: none;
  font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
  font-weight: 600;
  margin-top: 16px;
  text-align: center;
  padding: 11px 0px;
}
.promotionalWrap #payout_type .selectWrap .thirdArea .add:hover,
.promotionalWrap #payout_type .selectWrap .fourthArea .add:hover {
  cursor: pointer;
}
.promotionalWrap .fourthArea {
  margin-bottom: 32px;
}
.promotionalWrap .stepThree {
  margin-top: 24px;
}
.promotionalWrap .QRcodeArea .QRtitle {
  font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
  font-weight: 600;
  color: #1C1401;
  font-size: 16px;
  line-height: 28px;
  margin-bottom: 2px;
}
.promotionalWrap .QRcodeArea .QRImgContainer {
  margin-top: 16px;
  display: flex;
  align-items: flex-end;
  gap: 26px;
}
.promotionalWrap .QRcodeArea .QRImgContainer .QRImg {
  width: 188px;
  height: 188px;
  border: 1px solid #ccc;
}
.promotionalWrap .QRcodeArea .operation {
  margin-top: 10px;
  display: flex;
}
.promotionalWrap .QRcodeArea .operation div {
  cursor: pointer;
  margin-right: 22px;
  display: flex;
}
.promotionalWrap .QRcodeArea .operation div span {
  border-bottom: 1px solid;
  padding-bottom: 3px;
  margin-left: 7px;
  color: #0F0F0F;
  font-family: OpenSans-Regular, Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 15px;
  margin-top: -2px;
}
.promotionalWrap .QRcodeArea .operation div i {
  width: 20px;
  height: 20px;
  display: inline-block;
}
.promotionalWrap .QRcodeArea .operation div.upload i {
  margin-top: 2px;
  background: url("/assets/c407f136b3921bbbf89c.svg") no-repeat;
}
.promotionalWrap .QRcodeArea .operation div.share i {
  background: none no-repeat;
  margin-top: 2px;
}
.promotionalWrap .shareAILinkArea {
  margin-bottom: 32px;
}
.promotionalWrap .shareAILinkArea .tips {
  margin-bottom: 16px;
}
.promotionalWrap .shareAILinkArea .checkBoxArea {
  display: flex;
  margin-top: 23px;
}
.promotionalWrap .shareAILinkArea .checkBoxArea .checkItem {
  margin-right: 40px;
  display: flex;
  align-items: center;
}
.promotionalWrap .shareAILinkArea .checkBoxArea .checkItem span {
  font-size: 16px;
  line-height: 24px;
  color: #0f0f0f;
  font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
  padding-left: 8px;
}
.promotionalWrap .shareAILinkArea .checkBoxArea input {
  width: 18px;
  height: 18px;
  border: 1px solid #0f0f0f;
  border-radius: 50%;
  padding: 0 8px;
  box-sizing: border-box;
  cursor: pointer;
}
.promotionalWrap .shareAILinkArea .checkBoxArea .checkItem.disable,
.promotionalWrap .shareAILinkArea .checkBoxArea .checkItem.disable input {
  opacity: 0.6;
  cursor: auto;
}
.promotionalWrap .shareAILinkArea .checkBoxArea input[type="radio"]:checked::before {
  transform: translate(-50%, -50%);
  margin: 0;
  height: 8px;
  width: 8px;
  background-color: #1C1401;
}
.promotionalWrap .shareAILinkArea .descTypeList {
  display: flex;
  margin-top: 24px;
}
.promotionalWrap .shareAILinkArea .descTypeList .descTypeItem {
  cursor: pointer;
  width: 235px;
  height: 80px;
  border: 1px solid #ddd;
  margin-right: 12px;
}
.promotionalWrap .shareAILinkArea .descTypeList .descTypeItem .mainTitle {
  display: flex;
  align-items: center;
  margin: 12px 0 8px 9px;
}
.promotionalWrap .shareAILinkArea .descTypeList .descTypeItem .mainTitle span {
  font-size: 16px;
  line-height: 24px;
  color: #0F0F0F;
  font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
  font-weight: 700;
  padding-left: 12px;
}
.promotionalWrap .shareAILinkArea .descTypeList .descTypeItem .mainTitle .mediaSvg {
  background: none;
  width: 24px;
  height: 24px;
}
.promotionalWrap .shareAILinkArea .descTypeList .descTypeItem .mainTitle .mediaSvg2 {
  background: none;
  width: 24px;
  height: 24px;
}
.promotionalWrap .shareAILinkArea .descTypeList .descTypeItem .mainTitle .mediaSvg3 {
  background: none;
  width: 24px;
  height: 24px;
}
.promotionalWrap .shareAILinkArea .descTypeList .descTypeItem .desc {
  margin: 0 0 0 9px;
}
.promotionalWrap .shareAILinkArea .descTypeList .descTypeItem.active {
  border: 1px solid #1C1401;
}
.promotionalWrap .shareAILinkArea .descTypeList .generateBtn {
  margin-right: 12px;
  width: 200px;
  height: 22px;
  background: #1C1401;
  border-radius: 0px 0px 0px 0px;
  color: #fff;
  font-size: 14px;
  line-height: 24px;
  border: none;
  font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
  font-weight: 600;
  margin-top: 16px;
  text-align: center;
  padding: 11px 0px;
  cursor: pointer;
}
.promotionalWrap .shareAILinkArea .aiOperationArea {
  display: flex;
}
.promotionalWrap .shareAILinkArea .aiOperationArea .aiText {
  min-height: 130px;
  width: 736px;
  border: 1px solid #ddd;
  padding: 16px;
  margin-top: 16px;
  font-size: 14px;
  line-height: 21px;
  color: #0f0f0f;
  font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
}
.promotionalWrap .shareAILinkArea .aiOperationArea div {
  margin-right: 12px;
  width: 310px;
  height: 22px;
  background: #1C1401;
  border-radius: 0px 0px 0px 0px;
  color: #fff;
  font-size: 14px;
  line-height: 24px;
  border: none;
  font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
  font-weight: 600;
  margin-top: 16px;
  text-align: center;
  padding: 11px 0px;
  cursor: pointer;
}
.promotionalWrap .shareAILinkArea .aiOperationArea .copyToAIResTips {
  position: relative;
  top: 80px;
  right: 175px;
}
.promotionalWrap .shareAILinkArea .aiOperationArea .copyBtn {
  background: none;
  border: 1px solid #1C1401;
  color: #1C1401;
  display: flex;
  justify-content: center;
  justify-items: center;
  width: 200px;
  margin: 50px 12px;
}
.promotionalWrap .shareAILinkArea .aiOperationArea .copyBtn i {
  display: inline-block;
  background: none no-repeat;
  width: 16px;
  height: 16px;
  margin-top: 3px;
  margin-right: 8px;
}
.promotionalWrap .shareAILinkArea .aiOperationArea .copyBtn.disable {
  color: #888;
  border-color: #888;
  cursor: auto;
}
.promotionalWrap .shareAILinkArea .aiOperationArea p.copyToAIResTips {
  margin-top: 16px;
  text-align: center;
  padding: 11px 0px;
  color: #2BB51C;
  display: none;
}
.promotionalWrap .deviceChoose {
  display: flex;
  margin-top: 32px;
}
.promotionalWrap .deviceChoose .deviceChooseItem {
  font-family: OpenSans-Bold, Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  text-align: center;
  color: #111110;
  margin-right: 150px;
  cursor: pointer;
}
.promotionalWrap .deviceChoose .deviceChooseItem.choose {
  text-decoration: underline;
  text-underline-offset: 10px;
  text-decoration-thickness: 2px;
}
.promotionalWrap .bottomContent {
  overflow: hidden;
  border-radius: 8px;
  margin-top: 32px;
  box-shadow: 0px 0px 20px 0px rgba(3, 62, 128, 0.08);
  padding-top: 20px;
}
.promotionalWrap .otherPromotional {
  margin-top: 60px;
}
@media screen and (max-width: 912px) {
  .thirdArea .inputWrap {
    flex-direction: column;
  }
}
/********afPromotional end********/
/********promoting star********/
.promotingWrap h3 {
  margin-bottom: 17px;
  font-size: 20px;
  font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
  font-weight: 600;
}
.promotingWrap .guideCont {
  padding: 0 39px 50px 39px;
}
.promotingWrap .guideCont b {
  font-family: OpenSans-Bold, Arial, Helvetica, sans-serif;
  font-weight: 700;
}
.promotingWrap .guideCont p {
  padding: 5px 0;
  line-height: 22px;
}
.promotingWrap ol {
  padding: 1px 39px 0 39px;
  line-height: 22px;
}
.promotingWrap ol div {
  padding: 5px 0;
  list-style: decimal;
}
.promotingWrap .promotionTitle2:not(:first-child) {
  padding-top: 15px;
}
.promotingWrap ol .promotionTitle2 {
  font-family: OpenSans-Bold, Arial, Helvetica, sans-serif;
  font-weight: 700;
}
.promotingWrap h1 {
  padding: 0 39px 0 39px;
  font-size: 20px;
  font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
  font-weight: 600;
}
.promotingWrap .promoteWay {
  padding-left: 39px;
}
.promotingWrap .tipsDesr {
  margin-bottom: 10px;
  padding: 0px;
}
/********promoting end********/
/********afNotifications star********/
.notificationWrap {
  max-width: 1200px;
}
.notificationWrap .right h2.title {
  text-align: left;
  margin-bottom: 44px;
}
.notificationWrap .right div {
  margin-bottom: 18px;
}
.notificationWrap .right div span {
  vertical-align: middle;
}
.notificationWrap .right div label span {
  cursor: pointer;
}
.notificationWrap input[type="checkbox"] {
  width: 18px;
  height: 18px;
  padding: 0;
}
.notificationWrap input[type="checkbox"]:checked::before {
  top: 2px;
  left: 5px;
  border-color: #ffffff;
}
.notificationWrap input[type="checkbox"]:checked {
  border-color: #0f0f0f;
  background: #000000;
}
.notificationWrap label {
  width: max-content;
}
@media screen and (max-width: 912px) {
  .notificationWrap .right div span {
    display: inline-block;
    width: 90%;
    vertical-align: text-top;
  }
}
/********afNotifications end********/
/********terms star********/
.termsWrap .right p span {
  margin-top: 10px;
  display: block;
}
.termsWrap .right div {
  margin-top: 30px;
}
.termsWrap .right h1,
.termsWrap h3 {
  margin-bottom: 30px;
}
.termsWrap h1 {
  font-size: 20px;
  font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
  font-weight: 600;
}
.termsWrap ul li {
  list-style-type: disc;
  margin: 10px 0 10px 28px;
}
.termsWrap p {
  margin: 10px 0;
}
.termsWrap p.weight {
  font-weight: bold;
}
.termsWrap ul.weight li {
  list-style-type: none;
  font-weight: bold;
}
.termsWrap ul.list_none li {
  list-style-type: none;
}
.termsWrap ul.list_letter li {
  list-style-type: lower-alpha;
}
.termsWrap ul.list_disc li {
  list-style-type: disc;
}
.termsWrap ul.list_disc li sup {
  vertical-align: super;
}
.termsWrap .afEmail {
  color: #157abb;
  text-decoration: underline;
}
@media screen and (max-width: 912px) {
  .termsWrap .right div span {
    display: inline-block;
    width: 90%;
    vertical-align: text-top;
  }
}
/********terms end********/
/********afPayment star********/
.paymentWrap {
  max-width: 1200px;
}
.paymentWrap .right {
  margin-left: 83px;
}
.paymentWrap .right h2.title {
  text-align: center;
  margin-bottom: 42px;
}
.paymentWrap .formWrap {
  width: 573px;
}
.paymentWrap .formWrap > div {
  margin-bottom: 22px;
}
.paymentWrap .formWrap div label {
  display: block;
  margin-bottom: 12px;
}
.paymentWrap .formWrap div label.title {
  font-family: OpenSans-Bold, Arial, Helvetica, sans-serif;
  font-weight: 700;
}
.paymentWrap .formWrap div input {
  width: 100%;
  height: 36px;
  border-radius: 0;
  padding: 0 10px;
  border: 1px solid #DDDDDD;
  box-sizing: border-box;
}
.paymentWrap .selectWrap {
  height: 36px;
  line-height: 36px;
}
.paymentWrap .formWrap .flex div {
  width: 270px;
  margin-right: 33px;
}
.paymentWrap .formWrap .flex div:nth-last-child(1) {
  margin-right: 0;
}
.paymentWrap .tips {
  margin: 50px 0 20px;
  line-height: 24px;
}
.paymentWrap .note,
.paymentWrap .notePaypal {
  margin: 53px auto 43px;
  width: 573px;
}
.paymentWrap .note h3,
.paymentWrap .notePaypal h3 {
  font-family: OpenSans-Bold, Arial, Helvetica, sans-serif;
  font-weight: 700;
  margin-bottom: 16px;
}
.paymentWrap .note p,
.paymentWrap .notePaypal p {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 16px;
}
.paymentWrap .note p a,
.paymentWrap .notePaypal p a {
  text-decoration: underline;
  text-underline-offset: 5px;
}
.paymentWrap .paymentCard {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  position: relative;
  margin-bottom: 50px;
}
.paymentWrap .paymentCard > div {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  width: 48.3%;
  margin: 0 24px 30px 0;
  background: #fff;
  box-shadow: 0px 0px 30px 0px rgba(3, 62, 128, 0.06);
  border-radius: 8px;
}
.paymentWrap .paymentCard > div:nth-child(even) {
  margin: 0 0 24px 0;
}
.paymentWrap .paymentCard h3 {
  font-family: OpenSans-Bold, Arial, Helvetica, sans-serif;
  font-weight: 700;
  color: #FFFFFF;
  font-size: 24px;
}
.paymentWrap .paymentCard .info div.btnWrap a {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 40px;
}
.paymentWrap .paymentCard .info div.btnWrap a.btn_delete {
  background: none;
}
.paymentWrap .paymentCard .info div.btnWrap a.btn_edit {
  background: url("/assets/ed101629a5bf952a38f2.svg");
}
.paymentWrap .paymentCard .info div.btnWrap a.btn_history {
  background: none;
}
.paymentWrap .paymentCard .info div span {
  font-size: 16px;
  word-break: break-all;
  line-height: 24px;
  font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
  font-weight: 600;
}
.paymentWrap .paymentCard .info div .omit {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  margin-bottom: 20px;
}
.paymentWrap .paymentCard .btnWrap {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.paymentWrap .paymentCard .addWrap {
  height: 100%;
  text-align: center;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.paymentWrap .paymentCard .addContainer {
  display: inline-block;
  flex: 1;
  width: 100%;
  border-radius: 0 0 8px 8px;
}
.paymentWrap .paymentCard .info i {
  display: inline-block;
  width: 21px;
  height: 21px;
  position: relative;
  background: url("/assets/ded01690dee4de9e86dd.svg") no-repeat;
  background-size: contain;
}
.paymentWrap .paymentCard .info .addWrap span {
  font-size: 16px;
  font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
  font-weight: 500;
  display: block;
  margin-top: 24px;
}
.paymentWrap .paymentCard .info .head {
  position: relative;
  width: 100%;
  margin: 0;
  display: flex;
  justify-content: center;
  height: 64px;
  align-items: center;
  background: linear-gradient(180deg, #7BBBE5 0%, #6191C8 100%);
  border-bottom: 1px solid #D5D5D5;
  border-radius: 8px 8px 0 0;
}
.paymentWrap .paymentCard .info .default {
  position: absolute;
  left: 16px;
}
.paymentWrap .paymentCard .info .head div {
  margin: 0;
}
.paymentWrap .paymentCard .info .head span {
  font-size: 12px;
  vertical-align: middle;
  color: #ffffff;
}
.paymentWrap .paymentCard .info .head i {
  display: inline-block;
  width: 15px;
  height: 18px;
  background: none no-repeat;
  background-size: contain;
  margin-right: 8px;
  vertical-align: middle;
}
.paymentWrap .paymentCard .info .head i::before,
.paymentWrap .paymentCard .info .head i::after {
  display: none;
}
.paymentWrap .paymentCard .info .head .wiseIcon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: none no-repeat;
  background-size: 100% 100%;
  margin: 2px 0 0 6px;
}
.paymentWrap .paymentCard .info .infoContainer {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 24px;
  box-sizing: border-box;
}
.paymentWrap .paymentCard .info .infoContainer .btnWrap {
  margin-top: auto;
  justify-content: flex-start;
}
.paymentWrap .tips {
  display: none;
  background: #fff;
  color: #fff;
  text-align: left;
  line-height: 18px;
  position: absolute;
  top: 45px;
  z-index: 10;
  /* width: 220px; */
  width: 100%;
  padding: 10px 20px;
  /* left: -85px; */
  height: 570px;
  border: 1px solid #D5D5D5;
  left: 20px;
}
.paymentWrap .wiseIcon:hover + .tips,
.paymentWrap .tips:hover {
  display: block;
}
.paymentWrap .head .tips::before {
  content: '';
  display: block;
  position: absolute;
  border: 5px solid transparent;
  border-bottom: 5px solid #fff;
  height: 0;
  width: 0;
  left: 50%;
  margin-left: -15px;
  top: -10px;
}
.paymentWrap .note {
  width: 96%;
  margin: 0 24px 80px 0;
  box-sizing: border-box;
}
.paymentWrap .note:last-child {
  margin-bottom: 0;
}
.paymentWrap .note .btnWrap {
  text-align: right;
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 0 80px;
}
.paymentWrap .note .w8Btn {
  margin: 0px 0 0 16px;
}
.paymentWrap .firstNote {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  box-sizing: border-box;
  font-size: 16px;
}
.paymentWrap .firstNote p {
  margin-bottom: 0;
}
.paymentWrap .firstNote .btnWrap {
  margin-top: 32px;
}
.paymentWrap .firstNote .btnWrap .btn {
  width: 140px;
  height: 42px;
  text-align: center;
}
.paymentWrap .subTitle {
  font-family: OpenSans-Bold, Arial, Helvetica, sans-serif;
  font-weight: 700;
  margin-bottom: 16px;
  font-size: 16px;
}
.paymentWrap .wiseTurnImg {
  display: inline-block;
  background: none no-repeat;
  background-size: 100% 100%;
  width: 100%;
  height: 220px;
  position: relative;
}
.paymentWrap .wiseAccountImg {
  display: inline-block;
  background: url("/assets/b837a1586b9334428b9c-optimized.webp") no-repeat;
  background-size: 100% 100%;
  width: 100%;
  height: 220px;
  position: relative;
}
.paymentWrap .wiseMsg {
  font-size: 14px;
  padding: 5px 0;
  color: black;
}
.paymentWrap .head .tips #wiseHr {
  border-bottom: 1px solid #D5D5D5;
  margin: 15px 0 13px 0;
}
.paymentWrap .tips img {
  width: 100%;
}
.paymentWrap .wiseAccountIcon,
.paymentWrap .wiseReturnIcon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("/assets/30aed5108872faf0d5d4.png") no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 200px;
  right: 16px;
}
.paymentWrap #verification_code {
  position: absolute;
  right: 0px;
  top: 23px;
  width: 160px;
  height: 36px;
  display: inline-block;
  background: #1b1b1b;
  color: #fff;
  box-sizing: border-box;
  cursor: pointer;
  text-transform: capitalize;
  border: 0;
}
.paymentWrap .popup_group {
  margin: 0;
  padding: 0;
  border: 0;
}
.paymentWrap #index-modalpopup {
  width: 572px;
  height: 416px;
  border-radius: 5px;
  position: fixed;
  top: 15%;
  left: 30%;
  z-index: 8888;
  margin: 0;
}
.paymentWrap #index-modalcontent {
  width: 572px;
  height: 416px;
  border: 1px solid #c1b8b8;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.4);
}
.paymentWrap .index-modalcontent-return {
  background: none no-repeat;
}
.paymentWrap .index-modalcontent-account {
  background: url("/assets/b837a1586b9334428b9c-optimized.webp") no-repeat;
}
.paymentWrap .modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 1050;
}
.paymentWrap .fade {
  transition: opacity 0.15s linear;
}
.paymentWrap .modal-dialog {
  position: relative;
}
.paymentWrap .modal-content {
  position: relative;
  background-color: #fff;
  background-clip: padding-box;
  outline: 0;
  padding: 10px 30px 13px 30px;
}
.paymentWrap .modal-header .close {
  margin-top: -2px;
}
.paymentWrap .close:hover,
.paymentWrap .close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  filter: alpha(opacity=50);
  opacity: 0.5;
}
.paymentWrap .modal-header .close {
  top: 16px;
  right: 16px;
  position: absolute;
}
.paymentWrap .modal-header {
  padding: 15px;
}
.paymentWrap .modal-header .modal-dialog-closeBtn {
  background: none no-repeat;
  background-size: contain;
  opacity: 1;
  width: 16px;
  height: 16px;
}
.paymentWrap button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.paymentWrap .close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: 0.8;
}
.paymentWrap .modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}
.paymentWrap .modal-backdrop.in {
  /* filter: alpha(opacity=50); */
  opacity: 0.5;
}
.paymentWrap .inputBox {
  display: flex;
  justify-content: left;
  padding: 0 0 0 0;
  text-align: center;
  margin-top: 30px;
}
.paymentWrap .inputBox .normal {
  border: 1px solid #d1d1d1;
  text-align: center;
  font-weight: bold;
  box-sizing: border-box;
  padding: 7px 0;
  display: block;
  width: 34px;
  margin-right: 4px;
}
.paymentWrap .error {
  font-size: 14px;
  margin: 10px 0 0;
  color: #f00;
  display: none;
}
.paymentWrap .p2 {
  color: #777;
  font-size: 14px;
  margin-top: 30px;
  margin-bottom: 10px;
}
.paymentWrap .p2 span {
  cursor: pointer;
  text-decoration: underline;
}
.paymentWrap .com_cancel_btn1 {
  min-width: 156px;
  padding: 0 20px;
  background: #fff;
  color: #1b1b1b;
  border: 1px solid #858585;
  line-height: 36px;
  outline: 1px solid #1b1b1b;
  border-radius: 0;
  margin-left: 20%;
  cursor: pointer;
}
.paymentWrap .iosRadioBox .iosLabel {
  line-height: 19px;
}
/********afNotifications end********/
/********afVerifyPwd star********/
.verifyPwdWrap {
  width: 573px;
  margin-top: 70px;
}
.verifyPwdWrap h3 {
  padding: 90px 0 60px;
  text-align: center;
  font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
  font-weight: 600;
}
.verifyPwdWrap label {
  display: block;
  margin-bottom: 4px;
}
.verifyPwdWrap input {
  width: 100%;
  height: 36px;
  border-radius: 0;
  padding: 0 10px;
  border: 1px solid #DDDDDD;
  box-sizing: border-box;
}
.verifyPwdWrap .inputContainer {
  position: relative;
}
.verifyPwdWrap .inputContainer label {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  cursor: pointer;
}
.verifyPwdWrap .btnWrap {
  margin: 43px 0 25px;
  text-align: center;
}
.verifyPwdWrap p {
  width: 100%;
  text-align: center;
}
.verifyPwdWrap a {
  text-decoration: underline;
  text-underline-offset: 5px;
}
.verifyPwdWrap a.btn {
  text-decoration: none;
  display: inline-block;
}
.verifyPwdWrap .eyes {
  width: 100%;
  height: 100%;
}
.verifyPwdWrap .field-afaccount-password {
  position: relative;
}
/********afVerifyPwd end********/
/********afAccount star********/
.accoutWrap {
  max-width: 1200px;
}
.accoutWrap #selectCountry {
  width: calc(100% - 176px);
}
.accoutWrap .left {
  margin-right: 25px;
}
.accoutWrap h2.title {
  text-align: center;
  margin-bottom: 21px;
  width: 726px;
}
.accoutWrap .formWrap {
  width: 726px;
}
.accoutWrap .formWrap > div {
  margin-bottom: 48px;
}
.accoutWrap .formWrap div label {
  display: block;
  margin-bottom: 12px;
  font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-size: 16px;
}
.accoutWrap .formWrap div input {
  width: 100%;
  height: 44px;
  border-radius: 0;
  padding: 0 10px;
  border: 1px solid #DDDDDD;
  box-sizing: border-box;
  font-size: 16px;
}
.accoutWrap .formWrap div input[type="number"]::-webkit-outer-spin-button,
.accoutWrap .formWrap div input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.accoutWrap .formWrap div input[type="number"] {
  -moz-appearance: textfield;
}
.accoutWrap .selectWrap {
  height: 44px;
  line-height: 44px;
}
.accoutWrap .btn {
  margin-top: 22px;
  padding: 0;
  font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
  font-weight: 600;
  width: 260px;
  height: 44px;
  line-height: 44px;
  text-align: center;
}
.accoutWrap .btn.disable {
  background: #888888;
  color: #ffffff;
  pointer-events: none;
}
.accoutWrap .btn.username_btn {
  margin-top: 0;
}
.accoutWrap .iti--separate-dial-code .iti__selected-flag {
  width: 162px;
}
.accoutWrap .selectWrap .select_component {
  width: 180px;
  margin-right: 14px;
  box-sizing: border-box;
}
.accoutWrap .selectWrap .select_component select {
  -webkit-appearance: none;
}
.accoutWrap .selectWrap .select_component .select_text {
  font-size: 16px;
}
.accoutWrap .selectWrap input {
  flex: 1;
}
.accoutWrap .formWrap .pwd label {
  font-family: OpenSans-Bold, Arial, Helvetica, sans-serif;
  font-weight: 700;
  margin-bottom: 24px;
}
.accoutWrap .pwdLabel {
  margin-bottom: 12px;
  font-size: 16px;
  font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
  font-weight: 600;
}
.accoutWrap .save {
  display: block;
  margin-top: 10px;
  color: #35B460;
  font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
  font-weight: 600;
}
.accoutWrap .save::before {
  content: '';
  display: inline-block;
  height: 15px;
  width: 6px;
  border-bottom: 2px solid #35B460;
  border-right: 2px solid #35B460;
  transform: rotate(40deg);
  content: "";
  margin: 0 16px 0 10px;
}
.accoutWrap .tips {
  margin-top: 60px;
}
.accoutWrap .tips a {
  text-decoration: underline;
}
.accoutWrap .pwd .newPwd,
.accoutWrap .pwd .newPwdAg {
  margin-bottom: 24px;
  position: relative;
}
.accoutWrap .pwd .btn {
  margin-top: 8px;
}
.accoutWrap .pwd .eyes {
  position: absolute;
  top: 59%;
  right: 10px;
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.accoutWrap .saveState {
  font-size: 14px;
  color: #1b1b1b;
  margin-top: 15px;
  position: relative;
}
.accoutWrap .saveState::before {
  content: "";
  display: inline-block;
  height: 10px;
  width: 5px;
  border-bottom: 2px solid #1b1b1b;
  border-right: 2px solid #1b1b1b;
  transform: rotate(40deg);
  margin: 0 10px 0 10px;
  vertical-align: top;
}
.deleteAccoutWrap h2.title {
  margin-bottom: 39px;
}
.deleteAccoutWrap .btn {
  background: none;
  width: 200px;
  height: 40px;
  line-height: 40px;
  border: 1px solid #1C1401;
  text-align: center;
  padding: 0 10px;
  margin-top: 24px;
  font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
  font-weight: 600;
}
.deleteAccoutWrap .deleteSureBtn {
  font-size: 14px;
  color: #1C1401;
  margin-right: 24px;
}
.deleteAccoutWrap .deleteNoBtn {
  background: #1C1401;
  color: #FFFFFF;
}
.deleteAccoutWrap #affiliatesuggestionform-feedback {
  width: 69%;
  height: 50px;
}
.deleteAccoutWrap #step2 .title {
  margin-bottom: 30px;
}
.deleteAccoutWrap #step2 .btn {
  margin-top: 10px;
}
/********afAccount end********/
/********afDelAccount star********/
.delAccountWrap h2.title {
  margin-bottom: 20px;
}
.delAccountWrap p {
  line-height: 24px;
  margin-bottom: 20px;
}
.delAccountWrap .btnWrap {
  margin-top: 50px;
}
.delAccountWrap .btn {
  text-transform: initial;
  margin-right: 20px;
}
.delAccountWrap .a_button_border {
  text-transform: initial;
}
/********afDelAccount end********/
/********afDelAccountCause star********/
.delAccountCauseWrap h2.title {
  margin-bottom: 20px;
  line-height: 24px;
}
.delAccountCauseWrap textarea {
  resize: none;
  width: 100%;
  border: 1px solid #ddd;
  height: 116px;
  margin: 20px 0 32px;
}
.delAccountCauseWrap .btn {
  text-transform: initial;
  margin-right: 20px;
}
.delAccountCauseWrap .a_button_border {
  text-transform: initial;
}
/********afDelAccountCause end********/
/********afDelAccountVerify end********/
.delAccountVerifyWrap h2.title {
  margin-bottom: 20px;
  line-height: 24px;
}
.delAccountVerifyWrap input {
  margin: 20px 0 36px;
  width: 364px;
  height: 36px;
  border-radius: 0;
  padding: 0 10px;
  border: 1px solid #DDDDDD;
  box-sizing: border-box;
}
.delAccountVerifyWrap .btnWrap a {
  text-transform: initial;
  margin-right: 20px;
}
@media screen and (max-width: 912px) {
  .delAccountVerifyWrap input {
    width: 100%;
  }
}
/********afDelAccountVerify end********/
/********afDelSuccess star********/
.delSuccessWrap {
  position: relative;
}
.delSuccessWrap > div {
  width: 100%;
  text-align: center;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.delSuccessWrap i {
  display: inline-block;
  width: 70px;
  height: 70px;
  background-color: #1b1b1b;
  -webkit-mask-image: url("/assets/6c448d062b52493e4084.svg");
  mask-image: url("/assets/6c448d062b52493e4084.svg");
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  margin-bottom: 36px;
}
.delSuccessWrap p {
  line-height: 32px;
  font-size: 16px;
}
/********afDelSuccess end********/
/********afLoginContactUs star********/
.loginContactWrap h2 {
  font-size: 24px;
  padding: 30px 0 15px;
  border-bottom: 1px solid #DDDDDD;
  font-family: OpenSans-Bold, Arial, Helvetica, sans-serif;
  font-weight: 700;
  margin-bottom: 21px;
}
.loginContactWrap p {
  margin-bottom: 20px;
}
.loginContactWrap .relation {
  margin-bottom: 48px;
}
.loginContactWrap .relation i {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-color: #1b1b1b;
  -webkit-mask-image: url("/assets/7ec82c567472572e5527.svg");
  mask-image: url("/assets/7ec82c567472572e5527.svg");
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.loginContactWrap .relation .phone {
  margin-left: 89px;
}
.loginContactWrap .relation .phone i {
  background-color: #1b1b1b;
  -webkit-mask-image: url("/assets/4966a7d31b0908440028.svg");
  mask-image: url("/assets/4966a7d31b0908440028.svg");
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.loginContactWrap .relation h3 {
  font-family: OpenSans-Bold, Arial, Helvetica, sans-serif;
  font-weight: 700;
  margin-bottom: 6px;
}
.loginContactWrap .relation p {
  width: 277px;
}
.loginContactWrap .relation > div > div {
  margin-left: 10px;
}
.loginContactWrap .relation div p {
  margin-bottom: 0;
}
.loginContactWrap .formWrap {
  width: 573px;
  margin: 0 auto;
}
.loginContactWrap .formWrap > div {
  margin-bottom: 21px;
}
.loginContactWrap .formWrap div label {
  display: block;
  margin-bottom: 4px;
}
.loginContactWrap .formWrap div label span {
  color: #666666;
}
.loginContactWrap .selectWrap {
  width: 100%;
  margin-bottom: 36px;
  height: 36px;
  line-height: 36px;
}
.loginContactWrap textarea {
  border: 1px solid #DDDDDD;
  background: #fff;
  width: 100%;
  height: 100px;
  box-sizing: border-box;
  padding: 10px;
  resize: none;
}
.loginContactWrap textarea.url {
  height: 36px;
  padding: 8px 10px;
}
.loginContactWrap .btnWrap {
  text-align: center;
  margin-top: 50px;
}
@media screen and (max-width: 912px) {
  .loginContactWrap .flexStart {
    display: block;
  }
  .loginContactWrap .relation .phone {
    margin-left: 0;
    margin-top: 10px;
  }
  .loginContactWrap .formWrap {
    width: 100%;
  }
}
/********afLoginContactUs end********/
/**********afBanner start *********/
#ads .selectWrap {
  height: 36px;
  margin-bottom: 30px;
  width: 20%;
}
#ads .select_text {
  padding: 8px 0;
}
#ads label {
  margin: 16px 0;
  font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
  font-weight: 600;
}
#ads .bannerContent {
  margin-bottom: 35px;
}
#ads .bannerContent a img {
  max-width: 800px;
  margin: 10px 0;
}
#ads .bannerContent label {
  margin: 10px 0;
}
#ads .bannerCode {
  font-size: 14px;
}
/**********afBanner end   *********/
/********afForgetPassword start********/
.forgetPwdWarp {
  max-width: 900px;
  margin-top: 61px;
  background-color: #ffffff;
  padding-bottom: 40px;
}
.forgetPwdWarp h2 {
  text-align: center;
  font-size: 22px;
  padding: 80px 0 20px 0;
  font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-weight: normal;
  color: #1C1401;
  line-height: 26px;
}
.forgetPwdWarp p {
  line-height: 24px;
}
.forgetPwdWarp .forgerPwdBox .contact {
  font-size: 16px;
  text-align: center;
}
.forgetPwdWarp .contact {
  font-size: 16px;
  font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-weight: 300;
  color: #1C1401;
  text-align: center;
}
.forgetPwdWarp li {
  width: 100%;
  padding: 12px 0;
}
.forgetPwdWarp li b {
  font-weight: bold;
  font-size: 16px;
  font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-weight: 300;
  color: #1C1401;
  line-height: 24px;
}
.forgetPwdWarp li .btn {
  display: block;
  margin: 0 auto;
  margin-top: 80px;
  width: 50%;
  height: 44px;
  font-size: 14px;
  font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-weight: 500;
}
.forgetPwdWarp .reToSignIn {
  margin-bottom: -10px;
  line-height: 24px;
  font-size: 16px;
  font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-weight: 300;
  color: #1C1401;
  text-align: center;
}
.forgetPwdWarp input[name='email'] {
  width: 100%;
  height: 36px;
  border-radius: 0;
  border: 1px solid #DDDDDD;
  padding: 0 10px;
  box-sizing: border-box;
  max-width: 573px;
}
.forgetPwdWarp a {
  text-decoration: underline;
  text-underline-offset: 5px;
}
.forgetPwdWarp .title {
  font-size: 16px;
  text-align: left;
  padding: 10px 0;
}
.forgetPwdWarp .emailArea {
  margin-top: -10px;
}
.forgetPwdWarp div input {
  width: 100%;
  height: 44px;
  border-radius: 0;
  padding: 0 10px;
  border: 1px solid #DDDDDD;
  padding: 0 30px 0 10px;
  box-sizing: border-box;
  font-size: 16px;
  font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-weight: 300;
}
.forgetPwdWarp div label {
  display: block;
  margin-bottom: 16px;
  font-size: 16px;
  font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
  font-weight: 500;
  color: #1C1401;
  line-height: 24px;
}
.forgetPwdWarp #forgotpwd-captcha {
  margin-left: 15px;
  height: 44px;
  font-size: 16px;
  font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-weight: 300;
}
.forgetPwdWarp form .field-forgotpwd-captcha {
  margin: 28px 0 25px;
}
.forgetPwdWarp form .field-forgotpwd-email .control-label {
  display: none;
}
.forgetPwdWarp input::-webkit-outer-spin-button,
.forgetPwdWarp input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.forgetPwdWarp input[type="number"] {
  -moz-appearance: textfield;
}
.forgetPwdWarp .editPwdSuccess {
  text-align: center;
  font-size: 24px;
  padding: 30px 0 15px;
  font-family: OpenSans-Bold, Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-weight: normal;
  margin-bottom: 13px;
}
.forgetPwdWarp #forget-pwd-new {
  margin-bottom: 20px;
  width: 100%;
  position: relative;
}
.forgetPwdWarp #forget-pwd-renew {
  width: 100%;
  position: relative;
}
.forgetPwdWarp .eyes-new {
  width: 18px;
  height: 18px;
}
.forgetPwdWarp .eyes {
  width: 18px;
  position: absolute;
  right: 8px;
  top: 16px;
}
.forgetPwdWarp .sentSuccess {
  font-size: 16px;
  padding: 4.5% 18.3% 6.67% 18.3%;
  color: #1C1401;
}
.forgetPwdWarp .sentSuccess .sentSuccessOne {
  margin-bottom: 2.2%;
}
.forgetPwdWarp .editPwdSuccessBtn {
  display: block;
  margin: 0 auto;
  width: 110px;
  text-align: center;
  text-decoration: none;
}
.forgerPwdBox {
  width: 64%;
  margin: 0 auto;
}
.forgerPwdBox #forgotpwd-captcha-image {
  cursor: pointer;
  width: 160px;
  height: 44px;
}
/********afForgetPassword end********/
/* af tax_info start */
.w8_page {
  width: 100%;
  background: #fff;
}
form[name=tax] p,
form[name=tax] h3,
form[name=tax] h2,
form[name=tax] h4,
form[name=tax] ul {
  padding: 0;
  margin: 0;
}
form[name=tax] {
  max-width: 1000px;
  margin: 0 auto;
  color: #1b1b1b;
  font-size: 12px;
  /* page2 */
}
form[name=tax] .trackingId {
  width: 100%;
  padding: 4px 0;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  border-bottom: 2px solid #1b1b1b;
}
form[name=tax] .trackingId input[type=text] {
  width: auto;
  padding-left: 5px;
  min-width: 196px;
  border-bottom: 0;
  background: none;
  border: 1px solid #1b1b1b;
}
form[name=tax] ul li {
  list-style: none;
}
form[name=tax] b {
  font-family: OpenSans-Bold, Arial, Helvetica, sans-serif;
  font-weight: 700;
}
form[name=tax] input[type=text],
form[name=tax] input[type=number] {
  border: 0;
  border-bottom: 1px solid #1b1b1b;
  box-sizing: border-box;
  width: 100%;
  background: #f1f4fe;
  outline: 0;
}
form[name=tax] input[type="checkbox"] {
  height: 15px;
  width: 15px;
  min-width: 15px;
  border-radius: 3px;
}
form[name=tax] input[type="checkbox"]:checked::before {
  height: 8px;
  width: 5px;
  top: 2px;
  left: 4px;
}
form[name=tax] .bottomBar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 2px solid #1b1b1b;
  padding-top: 2px;
}
form[name=tax] .topBar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 2px solid #1b1b1b;
  margin-top: 80px;
}
form[name=tax] .topBar b {
  font-size: 16px;
  font-family: OpenSans-Bold, Arial, Helvetica, sans-serif;
  font-weight: 700;
}
form[name=tax] .num {
  padding: 0 20px;
  display: inline-block;
  width: 56px;
  font-family: OpenSans-Bold, Arial, Helvetica, sans-serif;
  font-weight: 700;
  text-align: center;
  box-sizing: border-box;
}
form[name=tax] .bottomLine {
  padding-bottom: 4px;
  border-bottom: 1px solid #1b1b1b;
}
form[name=tax] .tit.noTopBorder {
  margin-top: 0;
  border-top: 0;
}
form[name=tax] .tit {
  margin-top: 5px;
  display: flex;
  justify-content: flex-start;
  border: 1px solid #1b1b1b;
  border-right: 0;
  border-left: 0;
  font-size: 16px;
}
form[name=tax] .tit span {
  padding: 0 20px;
  margin-right: 20px;
  height: 24px;
  white-space: nowrap;
  color: #fff;
  background: #1b1b1b;
  font-family: OpenSans-Bold, Arial, Helvetica, sans-serif;
  font-weight: 700;
}
form[name=tax] .flex {
  display: flex;
  align-items: center;
}
form[name=tax] label {
  width: 100%;
  display: inline-block;
}
form[name=tax] .checkboxGroup {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
form[name=tax] .checkboxGroup .checkBoxTitle {
  margin-left: -15px;
  margin-right: 10px;
}
form[name=tax] .checkboxGroup .partThreeInput {
  width: 50%;
}
form[name=tax] .checkboxGroup .a label {
  width: 20px;
  float: left;
}
form[name=tax] .checkboxGroup li {
  width: 50%;
  padding-left: 52px;
  box-sizing: border-box;
}
form[name=tax] .commonPart ul li {
  padding-left: 56px;
  margin-top: 2px;
}
form[name=tax] .commonPart p {
  display: flex;
  justify-content: flex-start;
}
form[name=tax] .commonPart label input {
  margin: 0 5px 0 0;
  display: inline-block;
  vertical-align: middle;
}
form[name=tax] .top {
  display: flex;
  justify-content: flex-start;
  border-bottom: 2px solid #1b1b1b;
}
form[name=tax] .top p {
  margin: 0;
}
form[name=tax] .top h2 {
  margin: 0;
  color: #000;
  text-align: center;
  line-height: 22px;
  font-family: OpenSans-Bold, Arial, Helvetica, sans-serif;
  font-weight: 700;
}
form[name=tax] .top li {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
form[name=tax] .top li.lt {
  padding-right: 10px;
  width: 185px;
  border-right: 2px solid #1b1b1b;
}
form[name=tax] .top li.lt span {
  font-size: 22px;
  font-family: OpenSans-Bold, Arial, Helvetica, sans-serif;
  font-weight: 700;
}
form[name=tax] .top li.middle {
  padding: 0 5px;
  align-items: center;
  border-right: 2px solid #1b1b1b;
}
form[name=tax] .top li.middle p {
  color: #000;
  font-family: OpenSans-Bold, Arial, Helvetica, sans-serif;
  font-weight: 700;
  line-height: 16px;
}
form[name=tax] .top li.rt {
  justify-content: center;
  padding: 0 24px;
}
form[name=tax] .notUseTitle {
  font-family: OpenSans-Bold, Arial, Helvetica, sans-serif;
  font-weight: 700;
  overflow: hidden;
}
form[name=tax] .notUseTitle .lt {
  float: left;
}
form[name=tax] .notUseTitle .rt {
  float: right;
}
form[name=tax] .notUse li {
  line-height: 20px;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  flex-wrap: nowrap;
}
form[name=tax] .notUse li span {
  white-space: nowrap;
}
form[name=tax] .notUse li span.dot {
  display: inline-block;
  width: 100%;
  height: 0;
  margin: 0 5px 6px;
  border-width: 1px;
  border-color: #1b1b1b;
  border-style: dashed;
}
form[name=tax] .notUse li span .dotline {
  width: 95%;
}
form[name=tax] .notUse li.longCont {
  display: block;
}
form[name=tax] .notUse li.longCont .dot {
  width: 65%;
  margin-bottom: 0;
}
form[name=tax] .partI_1 div:first-child {
  width: 60%;
  border-right: 1px solid #1b1b1b;
}
form[name=tax] .partI_1 div:last-child {
  width: 40%;
}
form[name=tax] .partI_4 .checkboxGroup li label input[type=checkbox] {
  vertical-align: bottom;
}
form[name=tax] .partI_4 .tips {
  margin-top: 10px;
}
form[name=tax] .partI_4 .tips label {
  width: auto;
}
form[name=tax] .partI_4 .tips input[type=checkbox] {
  vertical-align: bottom;
}
form[name=tax] .partI_4 .tips span {
  float: right;
}
form[name=tax] ul li label {
  display: flex;
  margin-top: 5px;
}
form[name=tax] .partI_6 div .num,
form[name=tax] .partI_7 div .num {
  padding: 0 24px;
}
form[name=tax] .partI_6 div:first-child,
form[name=tax] .partI_7 div:first-child {
  width: 70%;
  border-right: 1px solid #1b1b1b;
}
form[name=tax] .partI_6 div:last-child,
form[name=tax] .partI_7 div:last-child {
  width: 30%;
}
form[name=tax] .partI_6 div:last-child p,
form[name=tax] .partI_7 div:last-child p {
  padding-left: 10px;
}
form[name=tax] .partI6_ben {
  display: flex;
}
form[name=tax] .partI6_ben .partI_6a {
  width: 50% !important;
}
form[name=tax] .partI6_ben .partI_6a input {
  border-bottom: none;
}
form[name=tax] .partI6_ben .partI_6b {
  width: 50% !important;
}
form[name=tax] .partI6_ben .dot {
  display: inline-block;
  width: 36%;
  height: 0;
  margin: 0 5px 3px;
  border-width: 1px;
  border-color: #1b1b1b;
  border-style: dashed;
}
form[name=tax] .partI6_ben .num6b {
  width: 30px;
  padding: 0;
}
form[name=tax] .partI_8 div {
  width: 35%;
  border-right: 1px solid #1b1b1b;
}
form[name=tax] .partI_8 div:last-child {
  width: 100%;
  border: 0;
}
form[name=tax] .partI_9 {
  width: 100%;
  border-bottom: 1px solid;
}
form[name=tax] .partI_9 .partI_9_ab {
  border-right: 1px solid;
  width: 35%;
}
form[name=tax] .partI_9 .partI_9_ab input {
  border-bottom: none;
}
form[name=tax] .partI_9 .partI_9_b {
  width: 25%;
}
form[name=tax] .partI_9 .partI_9_c {
  width: 40%;
}
form[name=tax] .partI_9 .partI_9_c .dot {
  display: inline-block;
  width: 10%;
  height: 0;
  margin: 0 5px 3px;
  border-width: 1px;
  border-color: #1b1b1b;
  border-style: dashed;
}
form[name=tax] .partII_9 {
  display: flex;
}
form[name=tax] .partII_9 .num {
  display: inline-block;
  padding: 0;
  width: 40px;
}
form[name=tax] .partII_9 input {
  width: 30%;
}
form[name=tax] .partBen_10 input {
  width: 100%;
}
form[name=tax] .partBen_10 input:first-child {
  width: 25%;
}
form[name=tax] .partBen_10 input:nth-of-type(2) {
  width: 5%;
}
form[name=tax] .w8BenUl {
  padding: 10px 16px;
}
form[name=tax] .w8BenUl > li {
  list-style: disc;
}
form[name=tax] .w8BenOl {
  padding: 0 15px;
}
form[name=tax] .w8BenOl li {
  list-style: lower-alpha;
}
form[name=tax] .partI_11 .checkboxGroup li {
  width: 33%;
}
form[name=tax] .partI_12 .flex {
  white-space: nowrap;
}
form[name=tax] .partI_12 .flex input {
  margin-left: 16px;
}
form[name=tax] .partIII.tit {
  margin-top: 20px;
}
form[name=tax] .partI_14 .checkboxGroup {
  flex-wrap: wrap;
}
form[name=tax] .partI_14 .checkboxGroup li {
  width: 100%;
}
form[name=tax] .partI_15 p,
form[name=tax] .partI_16 p,
form[name=tax] .partI_34 li,
form[name=tax] .partI_35 li,
form[name=tax] .partI_37 li,
form[name=tax] .partI_42 label {
  display: flex;
  justify-content: flex-start;
}
form[name=tax] .partI_15 p input,
form[name=tax] .partI_16 p input {
  flex: 1;
}
form[name=tax] .partIV {
  margin-top: 20px;
}
form[name=tax] .partI_17 {
  padding-bottom: 5px;
}
form[name=tax] .partI_24 ul li ul li,
form[name=tax] .partI_29 ul li ul li,
form[name=tax] .partI_38 ul li ul li {
  padding-left: 0;
  margin-top: 6px;
}
form[name=tax] .partI_20 p input,
form[name=tax] .partI_34 li input,
form[name=tax] .partI_35 li input,
form[name=tax] .partI_37 li input,
form[name=tax] .partI_42 label input {
  flex: 1;
}
form[name=tax] .partI_3b {
  display: flex;
}
form[name=tax] .partI_3b div:first-child {
  width: 70%;
  border-right: 1px solid;
}
form[name=tax] .partI_3b div:first-child p {
  padding-left: 56px;
}
form[name=tax] .partI_3b div:last-child {
  width: 30%;
}
form[name=tax] .partI_3b div:last-child p {
  padding-left: 20px;
}
form[name=tax] .partI_26 .width_1 {
  width: 300px;
}
form[name=tax] .partI_26 .width_2 {
  flex: 1;
}
form[name=tax] .bottomCont > b {
  position: absolute;
  font-size: 20px;
}
form[name=tax] .bottomCont > b::after {
  content: '';
  display: block;
  height: 0;
  width: 0;
  position: absolute;
  right: -44px;
  top: 50%;
  margin-top: -21px;
  border: 24px solid transparent;
  border-left: 14px solid #1b1b1b;
}
form[name=tax] .bottomCont {
  position: relative;
  padding: 26px 0 0 30px;
  margin-bottom: 34px;
}
form[name=tax] .checkSign {
  margin-top: 20px;
  padding-left: 152px;
}
form[name=tax] .bottomCont div {
  padding-left: 120px;
}
form[name=tax] .bottomCont div ul {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
form[name=tax] .bottomCont div ul li {
  margin-left: 10px;
  text-align: center;
}
form[name=tax] .bottomCont div ul li input:disabled {
  background: none;
}
form[name=tax] .bottomCont div ul li:first-child {
  margin-left: 0;
}
form[name=tax] .bottomCont p {
  padding: 30px 0 20px;
}
form[name=tax] table {
  width: 100%;
  border-spacing: 0;
  border: 1px solid #a4a4a4;
  border-collapse: collapse;
}
form[name=tax] table thead,
form[name=tax] table body {
  width: 100%;
}
form[name=tax] tr {
  width: 100%;
  text-align: center;
  display: flex;
  justify-content: space-around;
  line-height: 30px;
}
form[name=tax] th,
form[name=tax] td {
  width: 33.33%;
  box-sizing: border-box;
  min-height: 32px;
  border-left: 1px solid #a4a4a4;
  border-bottom: 1px solid #a4a4a4;
}
form[name=tax] td input[type=text] {
  line-height: 30px;
  border: 0;
}
form[name=tax] .middleTable {
  width: 56%;
}
form[name=tax] table tr:last-child td {
  border-bottom: 0;
}
/* af tax_info end */
/**********afTextInfo star   *********/
.textInfoWrap {
  width: 940px;
  margin: 20px auto 0;
}
.textInfoWrap * {
  font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-size: 14px;
}
.textInfoWrap .selectWrap {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.textInfoWrap .selectWrap h3 {
  margin: 0px;
  padding: 7px 0px;
}
.textInfoWrap .selectWrap input {
  width: 208px;
  height: 19px;
  line-height: 19px;
  box-sizing: border-box;
}
.textInfoWrap .lineTop {
  border-top-width: 2px;
  border-top-style: solid;
  border-top-color: #000000;
}
.textInfoWrap .lineDown {
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: #000000;
}
.textInfoWrap .lineAll {
  border: 2px solid #000000;
  flex: 1;
  text-align: center;
}
.textInfoWrap .lineAll .tip {
  margin-bottom: 10px;
}
.textInfoWrap .lineRight {
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #333333;
}
.textInfoWrap .lineAll h3 {
  padding: 17px 0;
  font-weight: 600;
}
.textInfoWrap .head {
  display: flex;
}
.textInfoWrap .head .lineTop {
  width: 209px;
  font-size: 12px;
}
.textInfoWrap .head .last {
  padding: 10px 0;
  font-weight: 600;
}
.textInfoWrap .beforBegin {
  border-bottom: 2px solid;
}
.textInfoWrap .beforBegin span {
  font-weight: 600;
}
.textInfoWrap .flex {
  display: flex;
  padding-top: 2px;
}
.textInfoWrap .flex .lineRight {
  padding: 8px 4px 8px 0;
}
.textInfoWrap .line1Down {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #333333;
}
.textInfoWrap .line1Down .titleFlex {
  display: flex;
}
.textInfoWrap .line1Down .titleFlex div:first-child {
  margin-right: 5px;
}
.textInfoWrap .infoWrap {
  padding: 5px;
  flex: 1;
}
.textInfoWrap .leftCont {
  width: 663px;
  padding: 10px 0;
  line-height: 18px;
}
.textInfoWrap .leftCont .leftUpBox {
  border-bottom: 1px solid;
  padding-bottom: 5px;
}
.textInfoWrap .leftCont .leftDownContent {
  padding-right: 10px;
}
.textInfoWrap .infoWrap div {
  font-size: 12px;
}
.textInfoWrap .infoWrap input[type=text] {
  border: 1px solid #333333;
  width: 99%;
}
.textInfoWrap input[type="radio"] {
  margin: inherit;
  border: inherit;
  width: auto;
  height: inherit;
  appearance: auto;
  border-radius: inherit;
  position: inherit;
  background: inherit;
  vertical-align: inherit;
  margin-right: 5px;
}
.textInfoWrap input[type="radio"]:before {
  content: inherit;
}
.textInfoWrap .infoWrap input.taxClassification {
  width: 30px;
}
.textInfoWrap b {
  font-size: 12px;
  font-weight: 600;
}
.textInfoWrap .rightCont {
  flex: 1;
  padding: 4px;
}
.textInfoWrap .infoWrap input.otherInput {
  width: 502px;
}
.textInfoWrap .line1Left {
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #333333;
}
.textInfoWrap .line1Left input.exemptPayeeCode {
  width: 50px;
}
.textInfoWrap .line1Left input.exemptionFatcaReportingCode {
  width: 60px;
}
.textInfoWrap .addressInfo {
  padding: 0;
}
.textInfoWrap .addressInfo .leftInfo {
  width: 530px;
  padding: 4px 0;
}
.textInfoWrap .addressInfo .rightInfo {
  flex: 1;
}
.textInfoWrap .rightInfo {
  padding: 5px;
}
.textInfoWrap .rightInfo textarea {
  width: 98%;
  border: 1px solid #333333;
}
.textInfoWrap .line1Top {
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #333333;
}
.textInfoWrap .partTitle {
  line-height: 32px;
  display: flex;
}
.textInfoWrap .partTitle div {
  font-size: 12px;
  font-weight: 600;
}
.textInfoWrap .partTitle .back1 {
  color: #FFFFFF;
  background-color: #666666;
  width: 85px;
  text-align: center;
}
.textInfoWrap .partTitle .title {
  padding-left: 20px;
}
.textInfoWrap .tinInfo {
  width: 633px;
  font-size: 12px;
  padding: 15px 0;
}
.textInfoWrap .line1Right {
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #333333;
}
.textInfoWrap .rightTinInfo {
  flex: 1;
  margin-top: 6px;
}
.textInfoWrap .rightTinInfo > div {
  padding: 4px 0 4px 4px;
}
.textInfoWrap .rightTinInfo span {
  font-size: 12px;
}
.textInfoWrap .rightTinInfo input {
  width: 98%;
}
.textInfoWrap .rightTinInfo .or {
  text-align: center;
  font-size: 12px;
  font-weight: 600;
}
.textInfoWrap .pd5 {
  padding: 5px;
  font-size: 12px;
}
.textInfoWrap .hereWrap {
  padding: 8px 5px;
  font-size: 14px;
  box-sizing: border-box;
  align-items: center;
}
.textInfoWrap .hereWrap div:nth-child(1) {
  font-weight: 600;
  width: 73px;
  border-right: 1px solid #333;
}
.textInfoWrap .signature {
  padding-left: 20px;
  width: 476px;
  box-sizing: border-box;
}
.textInfoWrap .signature input {
  width: 144px;
  box-sizing: border-box;
}
.textInfoWrap .signature span,
.textInfoWrap .signdate span {
  position: relative;
  margin-left: 20px;
}
.textInfoWrap .signature span::before,
.textInfoWrap .signdate span::before {
  content: '';
  position: absolute;
  left: -14px;
  top: 0;
  display: block;
  height: 0;
  width: 0;
  border: 8px solid transparent;
  border-left: 10px solid #1b1b1b;
}
.textInfoWrap .leftGeneralInfo {
  padding: 5px 25px 5px 0;
  width: 51%;
  box-sizing: border-box;
}
.textInfoWrap .leftGeneralInfo h3 {
  font-weight: 600;
  padding: 7px 0px;
}
.textInfoWrap .leftGeneralInfo ul,
.textInfoWrap .rightGeneralInfo ul,
.textInfoWrap .rightGeneralInfo ol,
.textInfoWrap .section ul,
.textInfoWrap .section ol {
  margin: 12px 0;
  padding-left: 40px;
}
.textInfoWrap .leftGeneralInfo ul li,
.textInfoWrap .rightGeneralInfo ul li,
.textInfoWrap .section ul li,
.textInfoWrap .section ol li {
  font-size: 12px;
  list-style-type: disc;
}
.textInfoWrap .section ol li {
  list-style-type: decimal;
}
.textInfoWrap .rightGeneralInfo {
  flex: 1;
  font-size: 12px;
}
.textInfoWrap .rightGeneralInfo ol li {
  list-style-type: decimal;
  font-size: 12px;
}
.textInfoWrap .footerWrap {
  border-top-width: 2px;
  border-top-style: solid;
  border-top-color: #000000;
  display: flex;
}
.textInfoWrap .footerWrap div {
  font-size: 12px;
}
.textInfoWrap .footerWrap div:nth-child(1) {
  width: 31%;
}
.textInfoWrap .footerWrap div:nth-child(2) {
  width: 40%;
  text-align: center;
}
.textInfoWrap .footerWrap div:nth-child(3) {
  width: 40%;
  text-align: right;
}
.textInfoWrap .footerWrap div strong {
  font-weight: 600;
}
.textInfoWrap .headWrap {
  margin-top: 80px;
  border-bottom: 2px solid #000;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.textInfoWrap .headWrap span {
  font-size: 12px;
}
.textInfoWrap .headWrap span b {
  font-size: 16px;
  font-weight: 600;
}
.textInfoWrap .section {
  padding-top: 2px;
}
.textInfoWrap .section .leftSection {
  box-sizing: border-box;
  padding-right: 15px;
  width: 476px;
}
.textInfoWrap .section h3 {
  padding: 7px 0px;
  font-weight: 600;
}
.textInfoWrap .section .rightSection {
  flex: 1;
}
.textInfoWrap .section .rightSection,
.textInfoWrap .section .leftSection {
  font-size: 12px;
}
.textInfoWrap .section .exempt li {
  list-style-type: none;
}
.textInfoWrap .btnWrap {
  text-align: center;
  margin: 12px 0;
}
.textInfoWrap .btnWrap input {
  padding: 1px 6px;
}
/**********afTextInfo end   *********/
/********** GDPR dialog start *********/
.dark.cc_dialog.simple {
  width: 100%;
  max-width: 100%;
  background: #fff;
  padding: 20px 0 20px 15px !important;
  box-sizing: border-box;
  border-top: 1px solid #3e3e3e;
}
.dark.cc_dialog.simple .cc_dialog_headline {
  display: none;
}
.dark.cc_dialog.simple > div > div {
  float: left;
  max-width: calc(100% - 357px);
  padding-right: 10px;
}
.dark.cc_dialog.simple > div > div.cc_cp_container {
  max-width: 100%;
}
.dark.cc_dialog.simple .cc_dialog_text {
  font-size: 14px;
  font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
  font-weight: 500;
  line-height: 25px;
  font-weight: normal;
  color: #1b1b1b;
  margin-bottom: 0;
}
.dark.cc_dialog.simple > div > div button.cc_b_ok {
  float: right;
  background: #1b1b1b;
  width: 100px;
  height: 40px;
  padding: 0;
  border-radius: 0;
  font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-weight: normal;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.dark.cc_dialog.simple > div > div button.cc_b_cp {
  float: left;
  height: 40px;
  line-height: 40px;
  border: 1px solid #1b1b1b;
  background: #fff;
  font-size: 14px;
  color: #1b1b1b;
  padding: 0;
  width: 226px;
  font-weight: normal;
  margin-right: 8px;
  font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
  font-weight: 500;
  border-radius: 0;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.dark.cc_dialog.simple > div > div button:hover {
  opacity: 0.8;
}
.dark.cc_dialog.simple > div > div button.cc_b_ok:active {
  background: #3e3e3e;
}
.dark.cc_dialog.simple > div > div:last-child {
  margin-top: 7px;
}
.dark.cookie-consent-preferences-overlay.cc_css_reboot .cookie-consent-preferences-dialog .cc_cp_container {
  background: #fff;
  padding: 0 30px;
}
.dark.cookie-consent-preferences-overlay.cc_css_reboot .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_head {
  background: #fff;
  border-bottom: 1px solid #ddd;
}
.dark.cookie-consent-preferences-overlay.cc_css_reboot .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_head p,
.dark.cookie-consent-preferences-overlay.cc_css_reboot .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_content .cc_cp_m_content p,
.dark.cookie-consent-preferences-overlay.cc_css_reboot .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_content .cc_cp_m_content h1,
.dark.cookie-consent-preferences-overlay.cc_css_reboot .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_head h2,
.dark.cookie-consent-preferences-overlay.cc_css_reboot .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_content .cc_cp_m_menu li a,
.dark.cookie-consent-preferences-overlay.cc_css_reboot .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_footer .cc_cp_f_powered_by,
.dark.cookie-consent-preferences-overlay.cc_css_reboot .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_footer .cc_cp_f_powered_by a {
  color: #1b1b1b;
  font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-weight: normal;
}
.dark.cookie-consent-preferences-overlay.cc_css_reboot .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_content .cc_cp_m_menu li a,
.dark.cookie-consent-preferences-overlay.cc_css_reboot .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_content .cc_cp_m_content p {
  font-size: 14px;
}
.dark.cookie-consent-preferences-overlay.cc_css_reboot .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_content .cc_cp_m_content h1 {
  font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
  font-weight: 600;
}
.dark.cookie-consent-preferences-overlay.cc_css_reboot .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_content .cc_cp_m_menu li[active=true] a {
  color: #1b1b1b !important;
  text-decoration: underline;
}
.dark.cookie-consent-preferences-overlay.cc_css_reboot .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_content .cc_cp_m_menu li a:hover {
  text-decoration: underline !important;
}
.dark.cookie-consent-preferences-overlay.cc_css_reboot .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_content .cc_cp_m_content,
.dark.cookie-consent-preferences-overlay.cc_css_reboot .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_content .cc_cp_m_menu li[active=true],
.dark.cookie-consent-preferences-overlay.cc_css_reboot .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_content .cc_cp_m_menu li,
.dark.cookie-consent-preferences-overlay.cc_css_reboot .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_content .cc_cp_m_menu {
  background: #fff !important;
}
.dark.cookie-consent-preferences-overlay.cc_css_reboot .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_content .cc_cp_m_menu li {
  border: none;
}
.dark.cookie-consent-preferences-overlay.cc_css_reboot .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_content .cc_cp_m_content .cc_cp_m_content_entry[active=true] {
  padding-right: 0;
}
.dark.cookie-consent-preferences-overlay.cc_css_reboot .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_content .cc_cp_m_content {
  width: 100%;
}
.dark.cookie-consent-preferences-overlay.cc_css_reboot .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_content .cc_cp_m_content a {
  color: #1b1b1b !important;
  text-decoration: underline;
}
.dark.cookie-consent-preferences-overlay.cc_css_reboot .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_content .cc_cp_m_content a:focus {
  box-shadow: none;
}
.dark.cookie-consent-preferences-overlay.cc_css_reboot .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_footer {
  background: #fff !important;
  border: none;
  padding: 10px 0;
  border-top: 1px solid #ddd;
}
.dark.cookie-consent-preferences-overlay.cc_css_reboot .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_footer .cc_cp_f_powered_by a {
  font-weight: bold;
}
.dark.cookie-consent-preferences-overlay.cc_css_reboot .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_footer .cc_cp_f_save button {
  background: #3e3e3e;
  color: #fff;
  border-radius: 0;
  font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-weight: normal;
  text-transform: uppercase;
}
.dark.cookie-consent-preferences-overlay.cc_css_reboot .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_head h2 {
  font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
  font-weight: 600;
}
.dark.cookie-consent-preferences-overlay.cc_css_reboot .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_head .cc_cp_head_lang_selector {
  position: relative;
}
.dark.cookie-consent-preferences-overlay.cc_css_reboot .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_head .cc_cp_head_lang_selector select {
  height: 38px;
  border: 1px solid #ddd;
  padding: 0 6px 0 12px;
  cursor: pointer;
  font-size: 16px;
  background: transparent;
  width: 115px;
  position: relative;
  z-index: 9;
}
.dark.cookie-consent-preferences-overlay.cc_css_reboot .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_head .cc_cp_head_lang_selector select:focus {
  border: 1px solid #ddd;
}
.dark.cookie-consent-preferences-overlay.cc_css_reboot input[type="checkbox"].checkbox_cookie_consent + label {
  color: #1b1b1b !important;
  font-family: OpenSans-Medium, Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-weight: normal;
}
.dark.cookie-consent-preferences-overlay.cc_css_reboot input[type="checkbox"].checkbox_cookie_consent:checked + label:before {
  background: #3e3e3e;
}
@media screen and (max-width: 769px) {
  .dark.cc_dialog.simple {
    padding: 35px 10px 25px 10px !important;
  }
  .dark.cc_dialog.simple > div > div {
    float: none;
    padding-right: 0;
    clear: both;
    max-width: none;
  }
  .dark.cc_dialog.simple > div > div:last-child {
    float: left;
    margin-top: 15px;
  }
  .cc_cp_head_lang_selector::before,
  .cc_cp_head_lang_selector::after {
    display: none;
  }
}
@media screen and (max-width: 360px) {
  .dark.cc_dialog.simple > div > div button.cc_b_ok {
    margin-bottom: 15px;
  }
  .dark.cc_dialog.simple > div > div button.cc_b_cp {
    margin-left: 0 !important;
    margin-right: 6px;
  }
}
@media screen and (max-width: 320px) {
  .dark.cc_dialog.simple > div > div button.cc_b_ok {
    float: inherit;
    margin-bottom: 15px;
  }
  .dark.cc_dialog.simple > div > div button.cc_b_cp {
    margin-left: 0 !important;
    margin-right: 0 !important;
    float: inherit;
  }
  .dark.cc_dialog.simple > div > div:last-child {
    float: inherit;
    text-align: center;
  }
}
/********** GDPR dialog end *********/
.loading {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9999;
  top: 0;
}
.loading i {
  display: block;
  position: absolute;
  height: 80px;
  width: 80px;
  background-color: #fff;
  left: calc(50% - 40px);
  top: calc(50% - 40px);
  animation: loading 1s linear;
  animation-iteration-count: infinite;
  mask-image: url("/assets/7d811077486ec36ccd1c.svg");
  -webkit-mask-image: url("/assets/7d811077486ec36ccd1c.svg");
}
@keyframes loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.publicBackTop:before {
  content: '';
  display: block;
  border-style: solid;
  height: 0;
  width: 0;
  border: 8px solid transparent;
  border-bottom: 10px solid #fff;
  margin-top: -8px;
}
.publicBackTop {
  display: none;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.8);
  z-index: 999;
  position: fixed;
  right: 20px;
  bottom: 6%;
  cursor: pointer;
  border: 1px solid #fff;
}
.active:hover:before {
  border-bottom: 10px solid #d0d0d0;
}
.publicBackTop.active {
  display: flex;
}
.publicBackTop.active:hover {
  border: 1px solid #d0d0d0;
}
.otherNav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
.otherNav .userInfoBox {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-left: 55px;
  cursor: pointer;
}
.otherNav .userInfoBox .avatar {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  margin-right: 12px;
}
.otherNav .userInfoBox .avatar1 {
  background: none left center no-repeat;
  background-size: contain;
}
.otherNav .userInfoBox .avatar2 {
  background: none left center no-repeat;
  background-size: contain;
}
.otherNav .userInfoBox .avatar3 {
  background: url("/assets/682c4f9a75216ae1771a.png") left center no-repeat;
  background-size: contain;
}
.otherNav .userInfoBox .username {
  font-size: 16px;
  font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-weight: 500;
  color: #1C1401;
  line-height: 26px;
  max-width: 100px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
}
.otherNav .userInfoBox .username #afFnameLname {
  cursor: pointer;
  font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-size: 16px;
}
.otherNav .userInfoBox .more {
  cursor: pointer;
  width: 15px;
  height: 8px;
  background: url("/assets/a969f8bd6d2e196ccb04.svg") left center no-repeat;
  background-size: contain;
  margin-left: 11px;
}
.otherNav .hideMore {
  display: none;
}
.otherNav .moreInfo {
  width: auto;
  height: 295px;
  position: absolute;
  top: 100%;
  right: 0;
  box-shadow: 0px 10px 20px 0px rgba(30, 15, 2, 0.08);
  background-color: #fff;
}
.otherNav .moreInfo li {
  line-height: normal !important;
  padding: 0 10px;
  padding-top: 24px;
}
.otherNav .moreInfo a {
  font-family: OpenSans-Medium, Arial, Helvetica, sans-serif !important;
  font-weight: 500 !important;
  font-weight: 300;
  color: #1C1401;
}
.a_link {
  text-decoration: underline;
  text-underline-offset: 5px;
}
.a_link:hover {
  text-decoration: underline;
  text-underline-offset: 5px;
}
.text_link,
.text_link:hover {
  text-decoration: underline;
  text-underline-offset: 5px;
}
.grid-container {
  margin-top: 20px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto auto auto auto auto auto;
  gap: 0;
  border: 1px solid black;
}
.bold {
  font-weight: 600;
}
.grid-item {
  padding: 5px;
  border: 1px solid black;
}
.grid-item .circle {
  width: 5px;
  height: 5px;
  background-color: #333;
  border-radius: 50%;
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 2px;
}
.hasBorderTop {
  margin-top: 5px;
  border-top: 1px solid;
}
.termsNote {
  color: #305CEF !important;
}
.redNote {
  color: #ff0000;
}
.underline {
  text-decoration: none;
  transition: text-decoration 0.3s ease;
}
.underline:hover {
  text-decoration: underline;
}
h2.tips_title {
  font-size: 24px;
  font-family: OpenSans-Bold, Arial, Helvetica, sans-serif;
  font-weight: 700;
  line-height: 26px;
  border: none;
  text-align: center;
  margin-bottom: 26px;
  padding-bottom: 16px;
}