.crumbs {
  display:none;
}
.main {
    display: flex;
}
.area {
    float: left;
}
.affiliate .figure {
  position:relative;
  overflow:hidden;
  max-height:500px;
  text-align:center
}
.affiliate .figure img {
  width:100%
}
.affiliate .figure-box {
  position:absolute;
  top:50%;
  margin-top:-65px;
  left:0;
  right:0
}
.affiliate .figure-box .title-1 {
  font-size:60px
}
    .affiliate .figure-box .btn {
        height: 48px;
        line-height: 48px;
        width: 200px;
        background: #eb5304;
        color: #fff;
        font-family: montserrat;
        font-size: 16px;
    }
.affiliate .aff-ul-text {
  color:#fff;
  background:#0c5ba4
}
.affiliate .aff-ul-text li {
  padding:50px 0
}
.affiliate .aff-ul-text li:nth-child(even) {
  background:#093762
}
.affiliate .aff-ul-text img {
  float:left;
  width:24%
}
.affiliate .aff-ul-text li:nth-child(even) img {
  float:right
}
.affiliate .aff-ul-text .box {
  float:left;
  display:flex;
  height:240px;
  width:76%;
  text-align:left;
  flex-direction:column;
  justify-content:center
}
.affiliate .aff-ul-text li:nth-child(odd) .box {
  padding-left:50px
}
.affiliate .aff-ul-text li:nth-child(even) .box {
  padding-right:50px
}
.affiliate .aff-ul-text .title {
  font-size:32px;
  margin-bottom:25px
}
.affiliate .aff-ul-text p {
  line-height:1.5;
  font-size:18px
}
.affiliate .aff-ul-text .contact-info {
  margin-top:20px
}
.affiliate .aff-ul-text .name {
  color:#00e99c;
  padding-right:5px
}
.affiliate .aff-ul-text .contact-info p {
  font-size:16px
}
.guide {
  max-width:1200px;
  margin:0 auto;
  padding-top:70px
}
.guide li {
  position:relative;
  text-align:center;
  width:33.33333%;
  margin-bottom:70px
}
.guide p {
  color:#fff;
  font-size:18px
}
.guide .point {
  display:inline-block;
  width:35px;
  height:35px;
  line-height:35px;
  font-size:18px;
  border-radius:10px;
  color:#162029;
  background:#fff;
  margin-bottom:15px
}
.round {
  position:absolute;
  right:-36px;
  top:40%
}
.round span {
  float:left;
  width:10px;
  height:10px;
  margin:0 7px;
  border-radius:50%;
  background:#0c5ba4
}
.round .bright {
  background:#1e93ff
}
.aff-contact {
  overflow:hidden;
  max-width:960px;
  margin:0 auto;
  padding-bottom:60px
}
.aff-contact .content {
  border-radius:4px;
  background:#0c5ba4
}
.aff-contact .logged-box {
  text-align:center;
  padding:50px 0;
  color:#fff
}
.aff-contact .available {
  font-size:18px;
  margin-bottom:25px
}
.logged-box .btn {
    height: 35px;
    line-height: 33px;
    width: 120px;
    margin: 0 13px;
    border: 1px solid #ee6a25;
    background: #ee6a25;
    color: #fff;
}
.logged-box .btnup {
  color:#fff;
  border:1px solid #3d7cb6;
  background:#246bad
}
.aff-contact .aff-ul {
  overflow:hidden;
  margin:0 -4px 8px -4px
}
.aff-contact .aff-ul .box {
  float:left;
  width:25%;
  padding:0 4px
}
.aff-contact .aff-ul .link {
  display:block;
  color:#fff;
  height:58px;
  line-height:58px;
  font-weight:700;
  text-align:center;
  border-radius:4px;
  background:#093762
}
.aff-contact .aff-ul .current {
  color:#000;
  background:#1e93ff
}
.aff-contact .landing {
  padding:50px 40px 20px 40px
}
.aff-contact .landing .name {
  float:left;
  width:100%;
  color:#f4f4f5;
  font-size:14px;
  font-weight:700;
  margin-bottom:10px
}
.aff-contact .landing .ui-select {
  position:relative;
  float:left;
  width:50%
}
.aff-contact .landing .aff-link1 {
  padding-right:10px
}
.aff-contact .landing .aff-link2 {
  padding-left:10px
}
.aff-contact .landing .ui-btn {
  position:relative;
  float:left;
  width:100%;
  height:45px;
  line-height:45px;
  color:#f4f4f5;
  padding:0 15px;
  cursor:pointer;
  border-radius:4px;
  background:#093762
}
.aff-contact .landing .ui-btn .icon {
  position:absolute;
  top:0;
  right:10px;
  font-size:20px
}
.aff-contact .landing .ui-options {
  overflow:auto;
  position:absolute;
  top:45px;
  max-height:320px;
  background:#093762
}
.aff-contact .landing .aff-link2 .ui-options {
  left:10px;
  right:0
}
.aff-contact .landing .aff-link1 .ui-options {
  left:0;
  right:10px
}
.aff-contact .landing .search-area {
  padding:10px
}
.aff-contact .landing .keyword {
  width:100%;
  color:#fff;
  height:40px;
  line-height:40px;
  padding:0 10px;
  border-radius:4px;
  border:1px solid #0c5ba4;
  background:#093762
}
.aff-contact .landing .ui-option {
  color:#a3b1bf;
  cursor:pointer;
  padding:10px 15px
}
.aff-contact .landing .ui-option:hover {
  background:#162029
}
.aff-contact .landing .usname {
  margin-bottom:35px
}
.aff-contact .landing .save {
  height:48px;
  line-height:48px;
  width:200px;
  background:#00b67a;
  margin-top:20px;
  border:none
}
.aff-contact .landing .url-box {
  font-weight:700;
  color:#fff
}
.aff-contact .landing .copy {
  font-size:20px;
  color:#fff;
  margin:0 10px;
  cursor:pointer;
  vertical-align:sub
}
.aff-contact .landing .copy-error {
  color:#d8cb03
}
.aff-contact .landing .linput {
  height:45px;
  line-height:45px;
  width:100%;
  padding:0 15px;
  border-radius:4px;
  border:none
}
.aff-contact .landing .usname .box {
  width:50%
}
.aff-contact .landing .usname .box1 {
  padding-right:10px
}
.aff-contact .landing .usname .box2 {
  padding-left:10px
}
.faq-area {
    background: #1e243e;
    margin-bottom: 0px;
}
.faq-area .container {
  overflow:hidden;
  padding:60px 0;
  max-width:960px
}
.faq-area .title-1 {
  margin-bottom:20px;
  text-align:center
}
.faq-area .faq-ul li {
  margin-bottom:15px
}
    .faq-area .title {
        position: relative;
        color: #fff;
        padding: 20px;
        cursor: pointer;
        font-size: 16px;
        border-radius: 4px;
        background: #0c5ba4
    }
.faq-area .title:hover {
  background:#0c70a4
}
.faq-area .title .icon {
  position:absolute;
  right:15px;
  top:50%;
  font-size:30px;
  margin-top:-15px;
  transition:all ease-in-out .2s
}
    .faq-area .faq-text {
        overflow: hidden;
        max-height: 0;
        padding: 0 20px;
        line-height: 1.5;
        color: #d4eaf1;
        font-size: 14px;
        background: #0c5ba4;
        border-radius: 0 0 4px 4px;
        transition: all ease-in-out .2s
    }
.faq-area .faq-ul .current .title {
  border-radius:4px 4px 0 0
}
.faq-area .faq-ul .current .title::before {
  content:'';
  position:absolute;
  left:20px;
  right:20px;
  height:1px;
  bottom:0;
  background:#0c70a4
}
.faq-area .faq-ul .current .title .icon {
  transition:all ease-in-out .2s;
  transform:rotate(180deg)
}
.faq-area .faq-ul .current .faq-text {
  max-height:240px;
  padding:20px;
  transition:all ease-in-out .2s
}
.content strong {
  color:#f4f4f5;
  text-transform:capitalize
}
.modify-box ul {
  margin:0 -10px
}
.modify-box li {
  float:left;
  width:50%;
  padding:10px
}
.modify-box .name {
  float:left;
  width:100%;
  font-weight:700;
  color:#f4f4f5;
  font-size:14px
}
.modify-box .name .red {
  font-style:normal;
  color:#ef3621
}
.modify-box .opal {
  position:relative
}
.modify-box .foinput {
  float:left;
  width:100%;
  height:48px;
  line-height:46px;
  padding-left:35px;
  color:#f4f4f5;
  border:1px solid #093762;
  border-radius:4px;
  background:#093762
}
.modify-box .opal .icon {
  position:absolute;
  left:12px;
  top:35px
}
.profile {
  padding:30px
}
.profile .btn {
  line-height:48px;
  min-width:180px;
  height:48px;
  margin-top:10px;
  background:#00b67a
}
.profile .btton {
  padding-bottom:30px;
  margin-bottom:30px;
  border-bottom:1px solid #2a3742
}
.radio-area .radio {
  float:left;
  margin-right:20px
}
.radio-area .payment,
.radio-area label {
  cursor:pointer
}
.order {
  padding:40px
}
.order .time {
  margin-left:-5px;
  margin-bottom:30px
}
.order .time input {
  width:38%;
  height:45px;
  line-height:43px;
  margin:0 5px;
  padding-left:10px;
  color:#f4f4f5;
  border:1px solid #093762;
  border-radius:5px;
  background:#093762
}
.order .sth {
  line-height:45px;
  height:45px;
  padding:0 20px;
  border:none;
  width:165px;
  font-weight:700;
  background:#00b67a
}
.order .table-box {
  overflow:auto;
  max-height:486px;
  padding:1px;
  margin-bottom:15px
}
.order .one-first th {
  font-size:14px;
  width:2%;
  height:45px;
  text-align:center;
  color:#f4f4f5;
  background:#0c82a4
}
.order .one-first td {
  height:40px;
  color:#f4f4f5;
  text-align:center;
  border:1px solid #0c82a4
}
.order .settlement {
  margin:0 -10px
}
.order .settlement li {
  width:50%;
  padding:0 10px
}
.order .settlement .box {
  height:45px;
  line-height:45px;
  padding:0 15px;
  color:#fff;
  border-radius:4px;
  background:#093762
}
.order .settlement i {
  font-style:normal;
  color:#00e99c;
  font-size:20px;
  font-weight:700
}
.order .exchange-cash {
  float:right;
  font-weight:400;
  line-height:45px;
  height:45px;
  margin-top:20px;
  padding:0 20px;
  font-weight:700;
  background:#00b67a
}
.affil-prompt {
  position:fixed;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  max-width:420px;
  z-index:1000000;
  padding:30px 20px 20px;
  border-radius:4px;
  text-align:center;
  background:#fff
}
.affil-prompt .notification {
  font-size:20px;
  position:absolute;
  top:17px;
  color:#328530
}
.affil-prompt .error-content {
  text-align:left;
  color:#1e1a33;
  margin-bottom:15px
}
.affil-prompt .shut-down {
  font-size:18px;
  position:absolute;
  top:5px;
  right:5px;
  cursor:pointer;
  color:#000
}
.affil-prompt .btn {
  height:36px;
  line-height:36px;
  width:100px;
  margin:0 8px
}
.affil-prompt .tnbtn {
  background:#f1f1f1
}
.total-area {
  height:45px;
  line-height:45px;
  text-align:right;
  padding:0 15px;
  color:#fff;
  border-radius:4px;
  background:#093762
}
.total-area i {
  font-style:normal;
  font-size:20px;
  font-weight:700;
  color:#00e99c
}
@media (max-width:1280px) {
  .aff-left {
    width:32%
  }
  .aff-right {
    width:68%
  }
}
@media (max-width:1152px) {
  .affiliate .contact-area .box {
    margin-bottom:20px
  }
}

.areas {
    float: left;
    width: 100%;
}
.items-img {
    width: initial;
    height: auto;
    margin: 0 auto;
}

.affiliate img {
    display: inline-block;
    max-width: 100%;
    max-height: 100%;
}
.title-1 {
    font-size: 36px;
    font-weight: 700;
    position: relative;
    margin-bottom: 10px;
    color: #f4f4f5;
}


.affiliate a, a:focus, a:hover {
    border: none;
    cursor: pointer;
    text-decoration: none;
}

.btn {
    font-weight: 700;
    display: inline-block;
    padding: 0 10px;
    cursor: pointer;
    text-align: center;
    color: #11151a;
    border-radius: 4px;
    background: #1e93ff;
}

@media(max-width:1024px) {
    .affiliate .aff-ul-text .title {
        font-size: 20px;
    }
    .affiliate .aff-ul-text li:nth-child(2n+1) .box {
        padding-left: 20px;
        padding-right: 20px;
    }
    .affiliate .aff-ul-text li:nth-child(2n) .box {
        padding-left: 20px;
        padding-right: 20px;
    }
    .faq-area .container {
        padding: 60px 20px;
    }
    .affiliate .figure-box .title-1 {
        font-size: 40px;
    }
}

@media(max-width:500px) {
    .affiliate .aff-ul-text .title {
        font-size: 18px;
    }

    .affiliate .aff-ul-text li:nth-child(2n+1) .box {
        padding-left: 20px;
        padding-right: 20px;
    }

    .affiliate .aff-ul-text li:nth-child(2n) .box {
        padding-left: 20px;
        padding-right: 20px;
    }

    .faq-area .container {
        padding: 20px 10px;
    }

    .affiliate .figure-box .title-1 {
        font-size: 20px;
    }
    .affiliate .figure-box {
        margin-top: -45px;
    }
    .affiliate .aff-ul-text p {
        line-height: 1.5;
        font-size: 14px;
    }
    .affiliate .aff-ul-text li {
        padding: 10px 0;
    }
    .guide p {
        color: #fff;
        font-size: 14px;
    }
    .round {
      
        top: 15%;
    }
    .aff-contact {
   
        max-width: 95%;
        padding-bottom: 10px;
    }
    .faq-area .title {
        font-size: 14px;
    }
}