body, html {
  /*font-family: Roman-55,Helvetica Neue,Helvetica,Arial,sans-serif;*/
  /*font-feature-settings: "salt";*/
  /*font-family:MyriadPro Regular;*/

}
body,div,ul,ol,dl,dt,dd,li,dl,h1,h2,h3,h4,p
{margin:0;padding:0;font-style:normal;}
ol,ul,li{list-style:none;}
img{border:0;vertical-align:middle;}
body{color:#000000;background:#FFF;}
.clear{clear:both;height:1px;width:100%;overflow:hidden;margin-top:-1px;}
a{
  text-decoration:none;
  color:#333;
}
a:hover{color: black}
a:active{
  color: black;
}
a:link{
  color: black;
}
@font-face {
  font-family:MyriadPro Regular ;
  src: url("https://d2kbvjszk9d5ln.cloudfront.net/yshop/upload/TTF/OPENSANS-REGULAR-202410310429487.TTF");
}
@font-face {
  font-family:MyriadPro Bold ;
  src: url("https://d2kbvjszk9d5ln.cloudfront.net/yshop/upload/TTF/OPENSANS-SEMIBOLD-20241031042953321.TTF");
}

html,body{
  width: 100%;
  font-family: MyriadPro Regular ;
}
.btn_red {
  background-color: #FD7C5C;
  font-size: 18px;
  height: 100px;
  cursor: pointer;
  width: 388px;
  color: white;
}

#toTop {
  position: fixed;
  right:10px;
  text-align: center;
  bottom: 350px;
  color: #fff;
  z-index: 999;
}

.toTop_border {
  border-top: 2px solid white;
  border-bottom: 2px solid white;
}

.toTop_border1 {
  border-top: 2px solid white;
}

#toTop ul {
  background-color: #dad9d9;
  border-radius: 10px;
  padding: 10px;
}

#toTop ul li {
  padding: 10px;
  background-color: #FD7C5C;
}

#toTop svg {
  background-color: #FD7C5C;
  cursor: pointer;
  width: 60px;
  margin-top: 20px;
  height: 60px;
  border-radius: 50%;
}

/* subscribe star */
.subscribe {
  position: relative;
  height: 330px;
  background: #333333;
  display: flex;
  justify-content: center;
  /*align-items: center;*/
}

#subscribeSect a {
  color: #ffcd12;
}

.soon {
  background: #081f27;
  font-size: 36px;
  padding: 10px 0 0 0;
}

.subscribe .wrap {
  position: absolute;
  max-width: 100%;

}

.subscribe .text {}

.subscribe .text span {
  color: #ff0036;
}

.subscribe .sect-bd {
  /*max-width: 625px;*/
  margin: 0 auto;
  position: relative;
}

#subscribeForm {
  max-width: 625px;
}

.subscribe .content {
  padding: 30px 15px;
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.subscribe .content p {
  color: white;
  font-size: 1.4em;
  line-height: 1.2em;
  margin: 1em 0;
  padding: 0;
  font-weight: 100;
}

.subscribe .content .p1 {
  color: #fff;
}

.subscribe .content .p3 {
  font-size: 1.8em;
  font-weight: bold;
  margin-top: 10px;
}

.subscribe .content .subscribe-msg {
  color: red;
  font-size: 2em;
  line-height: 1.5em;
  margin: 6px 0;
}

.subscribe .content img {
  margin: 0;
}

.subscribe .email input {
  color: #000;
  display: block;
  font-size: 18px;
  line-height: 2em;
  font-weight: 100;
  /*color: #333;*/
  border: 1px solid #eee;
  width: 100%;
  padding: 5px 10px;
  margin: 10px 0;
  /*border-radius:10px;*/
}

.subscribe .email input[name=email] {
  border: 1px solid #ccc;
  background-color: #f1f1f1;

}

.subscribe .email input[name=email]:focus {
  color: #000;
  outline: 0;
}

.subscribe .email input[name=submit] {
  /*font-weight: bold;*/
  /*background: #d73c26;*/
  border-color: #3b5d97;
  /*text-align: center;*/
  /*text-transform: capitalize;*/
  /*padding: 5px;*/
  /*color: #eee;*/
}

/*.subscribe .email input[name=submit]:hover {*/
/*    background: #c0250f;*/
/*    border: 1px solid #c0250f;*/
/*    color: #fff;*/
/*}*/
.subscribe .content .share {
  text-align: left;
}

.subscribe .p2 {
  margin: 0 !important;
  font-size: 1.2em !important;
}

.subscribe .p2 input {
  display: inline !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1em !important;
  width: auto !important;
}

.email {
  position: relative;
}

.input-box {
  right: 0;
  top: -10px;
  border-radius: 5px;
}

.subscribe .submit-btn {
  border-radius: 10px;
  background: #3b5d97;
  /*background-image: linear-gradient(to right,#f77120, #fbd05d);*/
  cursor: pointer;
  color: #fff;
  outline: none;
  /*text-align: left;*/
}

.social {
  padding: 50px 15px;
  background: #222;
  color: #fff;
}

.social .sect-bd {
  text-align: center;
  max-width: 900px;
  margin: 0 auto;
}

.social .sect-bd p {
  font-size: 24px;
  line-height: 1.3em;
}

.social .sect-bd .p1 {
  margin: 0 auto 1em;
}

.social .sect-bd .invite {}

.social .sect-bd .invite a {
  display: inline-block;
  color: #fff;
  background: #ab240e;
  font-size: 26px;
  line-height: 1.1em;
  padding: .5em 1em;
}

.social .sect-bd .invite a:hover {
  background: #a8240e;
}

.social .sect-bd .param {}

.social .sect-bd .param-item {}

.social .sect-bd .param-item img {
  margin-bottom: 6px;
}

.social .sect-bd .param-text {
  display: inline-block;
  line-height: 1em;
}

.social .sect-bd .param-text span {
  font-weight: 100;
  font-size: .8em;
}

.social-box {
  text-align: center;
  margin: 20px 0;
  vertical-align: middle;

}

.social-box a {
  display: inline-block;
  color: #8b8b8b;
  margin: 0;
  padding: 0;
  /*margin: 0 15px 10px;*/
  width: 45px;
  height: 45px;
  background: url("https://promo.blackview.hk/bv6900/src/img/social_icon.png") 0 0 no-repeat;

}

.social-box a:hover {
  /*border: 1px solid #ff0036;*/
}

.social-box a:nth-child(1) {
  border-radius: 0 0 0 10px;
}

.social-box a:nth-child(4) {
  background-position: -45px 0;
}

.social-box a:nth-child(5) {
  background-position: -90px 0;
}

.social-box a:nth-child(6) {
  background-position: -135px 0;
}

.social-box a:nth-child(7) {
  background-position: -180px 0;
}

.social-box a:nth-child(8) {
  background-position: -225px 0;
}

.social-box a:nth-child(9) {
  background-position: -270px 0;
}

.social-box a:nth-child(10) {
  background-position: -315px 0;
}

.social-box a:nth-child(9) {
  background: url('https://s3-eu-west-1.amazonaws.com/promo.blackview.hk/activity/bv6600_image/tiktok.png')no-repeat center;
  border-radius: 0 10px 0 0;
}

/*购买链接*/
.buy-link-item ul {
  font-size: 0;
}

.buy-link-item ul li {
  display: inline-block;
  width: auto;
}

.buy-link-item {
  padding-top: 0px;
  padding: 2vw 0;
  text-align: center;
}

.buy-link-item a {
  display: inline-block;
  font-size: 14px;
  line-height: 1;
  padding: .8em 1.2em;
  background: #ff5959;
  color: #fff;
  margin: 10px;
  border-radius: 6px;
}

.buy-link-item a.btn2 {
  background: #ff5959;
}

.buy-link-item a:hover {
  background: #ff0036;
}

.buy-link-item a .icon {
  display: inline-block;
  max-height: 20px;
}

.buy-link-item a span {
  display: inline-block;
}

.buy-link-item .btn2 .span2 {
  font-size: 18px;
}
@media screen and (max-width: 575.98px) {
  #toTop{
    bottom: 70px;
  }
  .subscribe .content .p3 {
    font-size: 1.4em;
  }

  .subscribe .email input {
    font-size: 14px;
  }

  .subscribe .content p {
    font-size: 1.4em;
  }

  .buy-link-item a {
    font-size: 12px !important;
    margin: auto !important;
    padding: .6em 0 !important;
  }

  .buy-link-item ul li {
    width: 40% !important;
    margin: 10px 10px;
    background: #ff5959;
    border-radius: 6px;
  }
}