html, body, div, span, p, a {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

body {
  line-height: 1;
  width: 100%;
  background-color: #000000;
}

ol, ul {
  list-style: none;
  margin: 0;
}

a {
  display: block;
  text-decoration: none;
  color: #fff;
}

img {
  width: 100%;
  height: auto;
}

.clearFloat {
  clear: both;
}

body {
  width: 100%;
  background-color: #000000;
}

.bubble-all {
  position: relative;
  overflow-x: scroll;
  overflow-y: hidden;
}

.popop {
  width: 2000px;
  height: 10px;
  background: #000000;
}

.black-shadow {
  width: 50px;
  height: 160px;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 80%, #000 100%);
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}

.popup {
  background: rgba(0, 0, 0, 0.7);
  z-index: 9999;
  margin: 0 auto;
  text-align: center;
  left: 0;
  right: 0;
  width: 319px;
  position: fixed;
  top: 40%;
  line-height: 1.8;
  font-size: 25px;
  color: #fff;
  border-radius: 10px;
  padding: 25px 35px;
}

.hotTag, .hotTag--fire {
  width: 148px;
  height: 70px;
  position: absolute;
  z-index: 1;
  background-size: contain;
  left: -13px;
}

.hotTag {
  top: -6px;
  left: -8px;
  background: url(../images/d2db42ab894b6e94.png) no-repeat;
}

.hotTag--fire--0 {
  top: -10px;
  background: url(../images/75f476e23abd6631.png) no-repeat;
}

.hotTag--fire--1 {
  top: -10px;
  background: url(../images/6aee993e6b972f23.png) no-repeat;
}

.hotTag--fire--2 {
  top: -10px;
  background: url(../images/99f008005e10e95f.png) no-repeat;
}

.newTag {
  width: 148px;
  height: 56px;
  position: absolute;
  z-index: 1;
  top: -5px;
  left: -6px;
  background: url(../images/6f0744f3369b335d.png) no-repeat;
  background-size: contain;
}

.goForver, .goTeamwork {
  cursor: pointer;
  padding: 10px 16px;
  background-color: #000;
  color: #fff;
  border-radius: 5px;
}

.swiper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 660px;
  height: 80px;
  background-color: #eee;
  overflow: hidden;
  border-radius: 10px;
  z-index: 1;
  display: none;
}

.swiper-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  transform: translate3d(0, 0, 0);
  transition-property: transform;
}

.swiper-slide {
  flex: 1 0 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  background-color: #fff;
}

.swiper-btn-prev, .swiper-btn-next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  color: #fff;
  background-color: #444;
  padding: 5px;
  width: 14px;
  border-radius: 100px;
  text-align: center;
  font-weight: 600;
}

.swiper-btn-prev {
  left: 0;
}

.swiper-btn-next {
  right: 0;
}

.featuresTitleWrap {
  margin-left: 30px;
  margin-bottom: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.featuresTitleWrap .featuresTitle {
  font-size: 35px;
  font-weight: 500;
  color: #69d2cb;
}

.featuresTitleWrap .featuresText {
  font-size: 25px;
  font-weight: 500;
}

.titleBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  white-space: nowrap;
}

.titleBox h1 {
  font-size: 35px;
  font-weight: 500;
  padding: 0 15px;
  border-left: 10px solid #f6921e;
}

.titleBox img {
  width: 100px;
}

.titleBox p {
  margin-left: -20px;
  font-size: 25px;
  color: #969696;
}

.bg-container {
  position: relative;
}

.gradual_bg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.commonAPP {
  width: 210px;
  height: 85px;
  border-radius: 5px;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 25px;
  margin-bottom: 25px;
}

.commonAPP img {
  width: 55px;
  height: 55px;
  margin: 0 15px 0 20px;
  border-radius: 10px;
}

.commonAPP p {
  color: #000;
  font-size: 19px;
  font-weight: 600;
}

.gapWrap {
  width: 100%;
  height: 40px;
}

.copyWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 80px;
  position: relative;
  margin-bottom: 0px;
}

.copyWrap:last-child {
  padding-bottom: 0px;
}

.copyWrap img {
  width: 50px;
  height: 50px;
  margin: 0 20px 0 10px;
}

.copyWrap .copyTitle {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 10px;
}

.copyWrap .copyText {
  font-size: 20px;
}

.copyWrap .copyBtn {
  padding: 5px 15px;
  font-size: 20px;
  font-weight: 600;
  line-height: 45px;
  text-align: center;
  position: absolute;
  right: 62px;
  cursor: pointer;
  background-color: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 10px;
}

.container, .foreverContainer, .teamworkContainer {
  width: 750px;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #ffffff;
}

.titleWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 219px;
  height: 62px;
  border-radius: 10px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  border: solid 2px #ffffff;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #2e3bc4), to(#1f256b));
  background-image: linear-gradient(to bottom, #2e3bc4 1%, #1f256b);
  margin: 0 auto;
}

.titleWrap img {
  width: 38px;
  height: 38px;
  margin-right: 10px;
}

.titleWrap p {
  font-size: 35px;
  font-weight: 500;
}

.smallTitle {
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
  font-family: PingFangTC;
  font-size: 25px;
  font-weight: 500;
  text-align: center;
  color: #000;
  margin-top: 15px;
}

.colorWrapBack {
  background: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 1)90%, rgba(50, 50, 50, 1)100%);
  border-radius: 20px;
}

.fixTop {
  position: fixed;
  top: 0;
  z-index: 2;
  background-color: #000;
}

.fixTopMargin {
  margin-top: 220px;
}

.headerWrap .topHeaderWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 750px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 120px;
  background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 1)0%, rgba(50, 50, 50, 1)100%);
}
.colorxWrapzBack {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#57e2848deed92365), to(#8c839255245751e2));
  background: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 1)90%, rgba(50, 50, 50, 1)100%);
  border-radius: 20px;
}
.headerWrap .topHeaderWrap .topLogo {
  width: 248px;
  -o-object-fit: contain;
  object-fit: contain;
  margin-left: 20px;
}

.headerWrap .topHeaderWrap .topRight {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.headerWrap .topHeaderWrap .topRight a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 20px;
}

.headerWrap .topHeaderWrap .topRight .editImg {
  width: 24px;
}

.headerWrap .topHeaderWrap .topRight p {
  font-size: 24px;
  font-weight: 600;
  color: #fff;
}

.headerWrap .navWrap {
  position: relative;
  width: 100%;
  height: 105px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: url(../images/8d01aff0551e9919.png);
  background-size: 100% 100%;
  background-position: 0 50px;
  background-repeat: no-repeat;
}

.headerWrap .navWrap #toggle-btn {
  position: absolute;
  top: 20px;
  left: 20%;
  width: 30%;
  height: 65px;
  background-color: #f6921e;
  -webkit-transition: left .4s, border-radius .5s;
  transition: left .4s, border-radius .5s;
  border-top-left-radius: 100px;
  border-bottom-left-radius: 100px;
}

.headerWrap .navWrap .button-box {
  width: 60%;
  height: 65px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
  border-radius: 100px;
}

.headerWrap .navWrap .leftNav, .headerWrap .navWrap .rightNav {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
}

.headerWrap .navWrap img {
  width: 33px;
  margin-right: 10px;
  -webkit-transition: opacity 1s;
  transition: opacity 1s;
}

.headerWrap .navWrap #crown-1, .headerWrap .navWrap #heart-1 {
  display: block;
  opacity: 1;
  visibility: visible;
}

.headerWrap .navWrap #crown-2, .headerWrap .navWrap #heart-2 {
  display: none;
  opacity: 0;
  visibility: hidden;
}

.headerWrap .navWrap p {
  font-size: 30px;
  font-weight: 600;
  color: #000;
  white-space: nowrap;
}

.headerWrap .navWrap .navBottom {
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  bottom: 0;
  width: 355px;
  height: 9px;
  background-image: url(../images/ff0201135a62c6cb.png);
  background-size: cover;
}

.top-gradual-bg {
  position: absolute;
  z-index: -1;
}

.bubbleWrap {
  margin: 0px 20px 0 20px;
  padding-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -ms-flex-wrap: wrap;
  flex-wrap: nowrap;
}

.bubbleWrap .bubbleTag {
  font-size: 25px;
  border-radius: 27.5px;
  border: solid 2px #ff8302;
  padding: 10px 50px;
  margin-right: 15px;
  margin-bottom: 20px;
  font-weight: 600;
  color: #000;
  background-color: #FFF;
  white-space: nowrap;
}

.bubble-top {
  margin-top: -20px;
  padding-bottom: 20px;
  margin-bottom: -28px;
}

.bubbleWrap .bubbleTag:hover {
  border-radius: 2px;
  border: solid 2px #ff8302;
  font-weight: 600;
  color: #ff8302;
  background-color: rgb(39, 39, 39);
  transition: .5s;
}

.bubbleWrap .bubbleTag:active {
  background-color: #f6921e;
  color: #000;
}

.bestColorWrap {
  position: relative;
  margin-top: 100px;
}

.bestColorWrap .titleBox {
  position: absolute;
  top: -100px;
  left: 25px;
}

.bestColorWrap .girlImg {
  position: absolute;
  top: -179px;
  left: 50%;
  -webkit-transform: translate(-55%, 0);
  transform: translate(-55%, 0);
  width: 85%;
  z-index: 1;
}

.bestColorWrap .paint {
  position: absolute;
  top: -170px;
  right: 0px;
  z-index: -1;
  width: 230px;
}

.bestColorWrap .topWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 60px 0 0 45px;
}

.bestColorWrap .topWrap p {
  font-size: 25px;
  font-weight: 600;
  text-align: center;
  margin-top: 10px;
  color: #000;
  width: 100%;
  line-height: 1.8;
}

.bestColorWrap .bigAPPWrap {
  margin-right: 68px;
  position: relative;
  border-radius: 10px;
  background-color: #f4f4f4;
}

.bestColorWrap .outLine {
  width: 175px;
  height: 175px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-size: contain;
}

.bestColorWrap .outLine img {
  width: 152px;
  border-radius: 10px;
}

.bestColorWrap .bigAPPImg {
  background-image: url(../images/logo-nine.png);
  position: relative;
  width: 175px;
  height: 175px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}

.bestColorWrap .bigAPPImg .outLine {
  background-image: url(../images/827d028b17479581.png);
  position: absolute;
  width: 175px;
  height: 175px;
  background-size: cover;
}

.bestColorWrap .APPWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 40px;
  margin-left: 46px;
  padding-bottom: 35px;
}

.bestColorWrap .APPWrap .smallAPP {
  width: 135px;
  height: 205px;
  margin-right: 40px;
  border-radius: 5px;
  background-color: #fff;
  -webkit-box-shadow: 0 3px 5px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 5px 2px rgba(0, 0, 0, 0.3);
}

.bestColorWrap .APPWrap .text {
  width: 100%;
  height: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.bestColorWrap .APPWrap .text p {
  margin-top: 0;
}

.bestColorWrap .smallAPP {
  width: 122px;
  margin-right: 57px;
  margin-bottom: 20px;
  text-align: center;
}

.bestColorWrap .smallAPP img {
  width: 122px;
  height: 122px;
  -o-object-fit: contain;
  object-fit: contain;
  padding-top: 5px;
  border-radius: 15px;
}

.bestColorWrap .smallAPP p {
  margin-top: 12px;
  font-size: 23px;
  font-weight: 600;
  text-align: center;
  color: #000;
}

.bestColorWrap .smallAPP:nth-child(4n) {
  margin-right: 0;
}

.bestColorWrap .bottomBK {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 280px;
  background-image: -webkit-gradient(linear, left bottom, left top, from(#313ca9), color-stop(50%, #131744));
  background-image: linear-gradient(to top, #313ca9, #131744 50%);
  z-index: -1;
}

.hotColorWrap {
  margin-top: 30px;
  position: relative;
}

.hotColorWrap .paintBK {
  position: absolute;
  /* background: url(../images/7f7476415a806a5d.png) no-repeat; */
  background-position: 114px -25px;
  background-size: contain;
  height: 369px;
  width: 230px;
  right: 0;
}

.hotColorWrap .titleBox {
  margin-left: 35px;
  margin-bottom: 30px;
}

.hotColorWrap .titleBox h1 {
  font-size: 45px;
}

.hotColorWrap .APPWrap {
  position: relative;
  margin-left: 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.hotColorWrap .smallTitle {
  margin-bottom: 26px;
}

.hotColorWrap .bigAPP {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 680px;
  height: 180px;
  border-radius: 15px;
  -webkit-box-shadow: 0 2px 5px 0 rgba(255, 255, 255, 0.1);
  box-shadow: 0 2px 5px 0 rgba(255, 255, 255, 0.1);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#0d2277), to(#090c51));
  background-image: linear-gradient(to bottom, #0d2277, #090c51);
  margin-bottom: 47px;
}

.hotColorWrap .bigAPP .bigAPPImg {
  width: 100px;
  height: 100px;
  margin: 0 35px 0 45px;
  border-radius: 10px;
}

.hotColorWrap .bigAPP .APPTitle {
  font-size: 35px;
  font-weight: 500;
  margin-bottom: 12px;
}

.hotColorWrap .bigAPP .APPText {
  font-size: 25px;
  color: #979797;
}

.hotColorWrap .bigAPP .downButton {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  right: 40px;
  width: 124px;
  height: 54px;
  border-radius: 12px;
  background: url(../images/544c05efb38c8889.png) no-repeat;
  background-size: contain;
}

.hotColorWrap .bigAPP .downButton img {
  width: 18px;
  height: 22px;
  margin: 0 10px 0 25px;
}

.hotColorWrap .bigAPP .downButton p {
  font-size: 25px;
}

.hotColorWrap .smallAPP {
  position: relative;
  margin-bottom: 47px;
  margin-right: 40px;
  width: 200px;
  height: 225px;
  border-radius: 15px;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
  text-align: center;
}

.hotColorWrap .smallAPP img {
  width: 100px;
  height: 100px;
  margin: 36px 0 27px;
  border-radius: 10px;
  padding: 5px;
  background-color: #fff;
  -webkit-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.5);
}

.hotColorWrap .smallAPP p {
  font-size: 23px;
  font-weight: 600;
  color: #000;
}

.hotColorWrap .smallAPP:nth-child(n+2) {
  margin-right: 35px;
}

.featuresWrap .titleBox {
  margin-left: 35px;
  margin-bottom: 35px;
}

.featuresWrap .titleBox h1 {
  font-size: 45px;
}

.featuresWrap .featuresAPPWrap {
  margin-left: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.hotsColorsWrapk .painztsBK {
  position: absolute;
  background: url(../images/ab9299ab90dd9272.png) no-repeat;
  background-position: 114px -25px;
}
.featuresWrap .bigAPP {
  width: 204px;
  height: 280px;
  margin-right: 27px;
  margin-bottom: 35px;
  border-radius: 15px;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
  text-align: center;
  background-color: #fff;
}

.featuresWrap .bigAPP img {
  width: 100px;
  height: 100px;
  margin: 30px 0 20px;
  border-radius: 10px;
  border: px solid #fff;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25), 0 0 2px 5px rgba(255, 255, 255, 0.8), inset 0.5px 0.5px 0.5px 0.5px rgba(255, 255, 255, 0.7);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25), 0 0 2px 5px rgba(255, 255, 255, 0.8), inset 0.5px 0.5px 0.5px 0.5px rgba(255, 255, 255, 0.7);
}

.featuresWrap .bigAPP .APPtitle {
  font-size: 23px;
  font-weight: 600;
  margin-bottom: 10px;
  color: #000;
}

.featuresWrap .bigAPP .APPText {
  font-size: 20px;
  font-weight: 500;
  color: #7081f7;
  padding: 0 23px;
  line-height: 1.5;
  color: #969696;
}

.featuresWrap .bigAPP:nth-child(3n) {
  margin-right: 0;
}

.goodWrap, .TVWrap, .shockWrap, .novelWrap {
  padding-top: 20px;
}

.goodWrap .commonAPPWrap, .TVWrap .commonAPPWrap, .shockWrap .commonAPPWrap, .novelWrap .commonAPPWrap {
  margin-left: 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.goodWrap .commonAPPWrap .commonAPP, .TVWrap .commonAPPWrap .commonAPP, .shockWrap .commonAPPWrap .commonAPP, .novelWrap .commonAPPWrap .commonAPP {
  width: 28%;
  border: 2px solid #f6921f;
  background-color: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.goodWrap .commonAPPWrap .commonAPP p, .TVWrap .commonAPPWrap .commonAPP p, .shockWrap .commonAPPWrap .commonAPP p, .novelWrap .commonAPPWrap .commonAPP p {
  font-size: 23px;
  color: #f6921f;
}

.goodWrap .titleBox, .TVWrap .titleBox, .shockWrap .titleBox, .novelWrap .titleBox {
  margin-left: 35px;
  margin-bottom: 40px;
}

.footerWrap {
  color: #fff;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.75;
  background: url(../images/8146c90f7aac0103.png) repeat-x bottom;
}

.footerWrap .footer {
  width: 750px;
  padding: 0 33px 196px;
  margin: 0 auto;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.footerWrap .footer .goTop {
  margin: 20px 0;
  width: 276px;
  height: 63px;
  cursor: pointer;
}

.footerWrap .footer .goTop:hover {
  margin: 20px 0;
  padding-top: 10px;
  width: 286px;
  height: 69px;
  cursor: pointer;
}


.footerWrap p {
  text-align: left;
}

.footerWrap .fixImg {
  width: 408px;
  height: 90px;
  position: fixed;
  bottom: 30px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  cursor: pointer;
  z-index: 2;
}

.footerWrap .fixImg .closeBtn {
  width: 27px;
  height: 27px;
  position: absolute;
  background: rgba(255, 255, 255, 0.4);
  border-radius: 100%;
  top: 6px;
  right: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.footerWrap .fixImg .closeBtn img {
  width: 14px;
  height: 14px;
}

.welfareWrap {
  padding-top: 25px;
}

.welfareWrap .bigAPP {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 680px;
  border-radius: 15px;
  margin: 0 auto;
}

.welfareWrap .bigAPP .bigAPPImg {
  width: 115px;
  height: 115px;
  margin: 0 25px 0 45px;
  border-radius: 10px;
  padding: 5px;
  border-radius: 10px;
}

.welfareWrap .bigAPP .APPTitle {
  font-size: 40px;
  font-weight: 500;
  margin-bottom: 20px;
}

.welfareWrap .bigAPP .APPText {
  font-size: 25px;
  color: #979797;
}

.welfareWrap .bigAPP .downButton {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  top: 35px;
  right: 40px;
  width: 124px;
  height: 54px;
  border-radius: 50px;
  background-color: #f6921e;
}

.welfareWrap .bigAPP .downButton p {
  color: #000;
  font-size: 25px;
  font-weight: 600;
}

.welfareWrap .bigAPP .downloadNum {
  font-size: 25px;
  position: absolute;
  right: 40px;
  top: 114px;
}

.welfareWrap .blueLine {
  width: 710px;
  height: 1px;
  background-color: #979797;
  margin: 18px auto 32px;
}

.foreverContainer .bestColorWrap {
  margin: 190px 25px 0 25px;
  padding-top: 80px;
}

.foreverContainer .bestColorWrap .girlImg {
  top: -168px;
}

.foreverContainer .bestColorWrap .smallTitle {
  padding-bottom: 60px;
}

.foreverContainer .bestColorWrap .addressWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 43px;
}

.foreverContainer .bestColorWrap .addressBtn {
  width: 251px;
  height: 65px;
  border-radius: 32.5px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#383838), to(#1a1a1a));
  background-image: linear-gradient(to bottom, #383838, #1a1a1a);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 30px;
  font-weight: 500;
  margin-right: 28px;
  margin-bottom: 30px;
  border: 3px solid #f7b500;
  -webkit-box-shadow: 1px 3px 3px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 1px 3px 3px 0 rgba(0, 0, 0, 0.2);
}

.foreverContainer .promptWrap {
  background-position: 0 0;
  padding: 0 62px;
}
.teamworkContainer .linkWrap p{padding: 0 62px;line-height: 1.75;}
.foreverContainer .promptWrap .title {
  font-size: 30px;
  font-weight: 600;
  text-align: center;
  padding-top: 45px;
}

.foreverContainer .promptWrap ul {
  padding: 0 62px;
}

.foreverContainer .promptWrap p {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.75;
}

.foreverFooter {
  width: 100%;
  height: 196px;
  background: url(../images/8146c90f7aac0103.png) repeat-x center;
  background-size: contain;
}

.teamworkContainer .headerWrap {
  position: relative;
}

.teamworkContainer .topHeaderWrap {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.teamworkContainer .headerRight {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.teamworkContainer .headerRight a {
  width: 100%;
  margin-right: 25px;
}

.teamworkContainer .announcementWrap {
  position: relative;
  height: 153px;
}

.teamworkContainer .announcementWrap img {
  width: 656px;
  height: 108px;
  position: absolute;
  left: 47px;
  top: 14px;
}
.bsbblezWraps .bsbblesTags {
    font-size: 2.5vw;
    border-radius: 3.66667vw;
    border: solid 0.26667vw #8f0719f95aeab551;
    margin-right: 2vw;
    margin-bottom: 2vw;
  }
.teamworkContainer .announcementWrap p {
  position: absolute;
  top: 70px;
  left: 190px;
  font-size: 25px;
  font-weight: 500;
  color: #070a2d;
}

.teamworkContainer .colorWrapBack {
  background-position: 0 0;
}

.teamworkContainer .featuresTitleWrap {
  padding-top: 30px;
}

.teamworkContainer .teamworkWrap {
  padding-bottom: 20px;
}

.teamworkContainer .contactText {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.75;
  padding: 0 62px 40px;
  color: #5a5a5a;
}

.teamworkContainer .copyWrap .copyBtn {
  background-color: #f6921e;
  color: #000;
}

.teamworkContainer .linkWrap .titleBox {
  margin-left: 35px;
  margin-bottom: 30px;
}

.teamworkContainer .linkWrap .linkText {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.75;
  padding: 0 62px;
}

@media (max-width: 768px) {
  .swiper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 380px;
    height: 42px;
    background-color: #eee;
    overflow: hidden;
    border-radius: 10px;
  }
  .popup {
    background: rgba(0, 0, 0, 0.7);
    width: 42.53333vw;
    font-size: 3.33333vw;
    color: #fff;
    border-radius: 1.33333vw;
    padding: 3.33333vw 4.66667vw;
  }
  .hotTag, .hotTag--fire {
    width: 24.73333vw;
    height: 10.46667vw;
    left: -1.06667vw;
    background-size: contain;
  }
  .hotTag {
    top: -.85vw;
  }
  .hotTag--fire {
    top: -1.46667vw;
  }
  .newTag {
    width: 19.73333vw;
    height: 10.46667vw;
    top: -3px;
    left: -1.06667vw;
  }
  .featuresTitleWrap {
    margin-left: 4vw;
    margin-bottom: 4vw;
  }
  .featuresTitleWrap .featuresTitle {
    font-size: 4.66667vw;
  }
  .featuresTitleWrap .featuresText {
    font-size: 3.33333vw;
  }
  .titleBox h1 {
    font-size: 4.66667vw;
    padding: 0 2vw;
    border-left: 1.33333vw solid #f6921e;
  }
  .titleBox img {
    width: 13.33333vw;
    height: auto;
  }
  .titleBox p {
    font-size: 3.33333vw;
    margin-left: -2.66667vw;
  }
  .commonAPP {
    width: 28vw;
    height: 11.33333vw;
    border-radius: 0.66667vw;
    margin-right: 3.33333vw;
    margin-bottom: 3.33333vw;
  }
  .commonAPP img {
    width: 7.33333vw;
    height: 7.33333vw;
    margin: 0 2vw 0 2.66667vw;
    border-radius: 1.33333vw;
  }
  .commonAPP p {
    font-size: 2.53333vw;
  }
  .gapWrap {
    height: 5.33333vw;
  }
  .copyWrap {
    height: 10.66667vw;
    margin-bottom: 7.6vw;
  }
  .copyWrap img {
    width: 10.66667vw;
    height: 10.66667vw;
    margin: 0 2.93333vw 0 1.53333vw;
  }
  .copyWrap .copyTitle {
    font-size: 3.13333vw;
    margin-bottom: 1.33333vw;
  }
  .copyWrap .copyText {
    font-size: 3.46667vw;
  }
  .copyWrap .copyBtn {
    padding: 1.86667vw 1.06667vw;
    border-width: 0.4vw;
    font-size: 3vw;
    line-height: 6vw;
    right: -2.26667vw;
  }
  .container, .foreverContainer, .teamworkContainer {
    width: 100%;
  }
  .titleWrap {
    width: 29.2vw;
    height: 8.26667vw;
    border-radius: 1.33333vw;
    -webkit-box-shadow: 0 0.26667vw 0.53333vw 0 rgba(0, 0, 0, 0.5);
    box-shadow: 0 0.26667vw 0.53333vw 0 rgba(0, 0, 0, 0.5);
    border: solid 0.26667vw #ffffff;
  }
  .titleWrap img {
    width: 5.06667vw;
    height: 5.06667vw;
    margin-right: 1.33333vw;
  }
  .titleWrap p {
    font-size: 4.66667vw;
  }
  .smallTitle {
    text-shadow: 0 0.26667vw 0.53333vw rgba(0, 0, 0, 0.5);
    font-size: 3.33333vw;
    margin-top: 2vw;
  }
  .fixTopMargin {
    margin-top: 29.33333vw;
  }
  .headerWrap .topHeaderWrap {
    width: 100vw;
    height: 16vw;
  }
  .headerWrap .topHeaderWrap .topLogo {
    width: 33.06667vw;
    margin-left: 2.66667vw;
  }
  .headerWrap .topHeaderWrap .topRight .goForver, .headerWrap .topHeaderWrap .topRight .goTeamwork {
    cursor: pointer;
    padding: 1.33333vw 2.13333vw;
  }
  .headerWrap .topHeaderWrap .topRight a {
    margin-right: 2.66667vw;
  }
  .headerWrap .topHeaderWrap .topRight .editImg {
    width: 4vw;
  }
  .headerWrap .topHeaderWrap .topRight p {
    font-size: 3.2vw;
  }
  .headerWrap .navWrap {
    height: 15.33333vw;
    margin: 1.33333vw auto;
    background-position: 0 6.66667vw;
  }
  .headerWrap .navWrap #toggle-btn {
    top: 2vw;
    height: 11.33333vw;
  }
  .headerWrap .navWrap .button-box {
    height: 11.33333vw;
  }
  .headerWrap .navWrap img {
    width: 4.4vw;
    margin-right: 1.33333vw;
  }
  .headerWrap .navWrap p {
    font-size: 4vw;
  }
  .headerWrap .navWrap .navBottom {
    width: 44.66667vw;
    height: 1.2vw;
    border-radius: 0.6vw;
  }
  .bubbleWrap {
    margin: 0vw 2.66667vw -10px 2.66667vw;
    padding-top: 7.33333vw;
  }
  .bubbleWrap .bubbleTag {
    font-size: 2.5vw;
    border-radius: 3.66667vw;
    border: solid 0.26667vw #f6921e;
    padding: 1.33333vw 6.66667vw;
    margin-right: 2vw;
    margin-bottom: 2vw;
  }
  .bubbleWrap .bubbleTag:hover {
    font-size: 2.5vw;
    border-radius: 3.66667vw;
    border: solid 0.26667vw #f6921e;
    padding: 1.33333vw 6.66667vw;
    margin-right: 2vw;
    margin-bottom: 2vw;
  }
  .bestColorWrap {
    margin-top: 13.33333vw;
  }
  .bestColorWrap .titleBox {
    top: -13.33333vw;
    left: 5.33333vw;
  }
  .bestColorWrap .girlImg {
    top: -23.86667vw;
  }
  .bestColorWrap .paint {
    top: -22.66667vw;
    right: 0vw;
    width: 30.66667vw;
  }
  .bestColorWrap .topWrap {
    padding: 8vw 0 0 6vw;
  }
  .bestColorWrap .topWrap p {
    font-size: 3.33333vw;
    margin-top: 1.33333vw;
  }
  .bestColorWrap .bigAPPWrap {
    margin-right: 9.06667vw;
  }
  .bestColorWrap .outLine {
    width: 23.33333vw;
    height: 23.33333vw;
  }
  .bestColorWrap .outLine img {
    width: 20.26667vw;
    border-radius: 1.33333vw;
  }
  .bestColorWrap .bigAPPImg {
    width: 23.33333vw;
    height: 23.33333vw;
  }
  .bestColorWrap .bigAPPImg .outLine {
    width: 23.33333vw;
    height: 23.33333vw;
  }
  .bestColorWrap .APPWrap {
    margin-top: 5.33333vw;
    margin-left: 6.13333vw;
    padding-bottom: 4.66667vw;
  }
  .bestColorWrap .APPWrap .smallAPP {
    width: 18vw;
    height: 27.33333vw;
    margin-right: 5.33333vw;
    border-radius: 0.66667vw;
    -webkit-box-shadow: 0 0.4vw 0.66667vw 0.26667vw rgba(0, 0, 0, 0.3);
    box-shadow: 0 0.4vw 0.66667vw 0.26667vw rgba(0, 0, 0, 0.3);
  }
  .bestColorWrap .APPWrap .text {
    height: 9.33333vw;
  }
  .bestColorWrap .smallAPP {
    width: 16.26667vw;
    margin-right: 7.6vw;
    margin-bottom: 2.66667vw;
  }
  .bestColorWrap .smallAPP img {
    width: 16.26667vw;
    height: 16.26667vw;
    padding-top: 0.93333vw;
    border-radius: 2vw;
  }
  .bestColorWrap .smallAPP p {
    margin-top: 1.6vw;
    font-size: 3.06667vw;
  }
  .bestColorWrap .bottomBK {
    height: 37.33333vw;
  }
  .hotColorWrap {
    margin-top: 3vw;
  }
  .hotColorWrap .paintBK {
    background-position: 15.2vw -3.33333vw;
    height: 62.53333vw;
    width: 30.66667vw;
  }
  .hotColorWrap .titleBox {
    margin-left: 4.66667vw;
    margin-bottom: 4.66667vw;
  }
  .hotColorWrap .titleBox h1 {
    font-size: 6vw;
  }
  .hotColorWrap .APPWrap {
    margin-left: 4.66667vw;
  }
  .hotColorWrap .smallTitle {
    margin-bottom: 3.46667vw;
  }
  .hotColorWrap .bigAPP {
    width: 90.66667vw;
    height: 24vw;
    border-radius: 2vw;
    -webkit-box-shadow: 0 0.26667vw 0.66667vw 0 rgba(255, 255, 255, 0.1);
    box-shadow: 0 0.26667vw 0.66667vw 0 rgba(255, 255, 255, 0.1);
    margin-bottom: 6.26667vw;
  }
  .hotColorWrap .bigAPP .bigAPPImg {
    width: 13.33333vw;
    height: 13.33333vw;
    margin: 0 4.66667vw 0 6vw;
    border-radius: 1.33333vw;
  }
  .hotColorWrap .bigAPP .APPTitle {
    font-size: 4.66667vw;
    margin-bottom: 1.6vw;
  }
  .hotColorWrap .bigAPP .APPText {
    font-size: 3.33333vw;
  }
  .hotColorWrap .bigAPP .downButton {
    right: 5.33333vw;
    width: 16.66667vw;
    height: 7.2vw;
    border-radius: 1.6vw;
    border-width: 0.4vw;
  }
  .hotColorWrap .bigAPP .downButton img {
    width: 2.4vw;
    height: 2.93333vw;
    margin: 0 1.33333vw 0 3.33333vw;
  }
  .hotColorWrap .bigAPP .downButton p {
    font-size: 3.33333vw;
  }
  .hotColorWrap .smallAPP {
    margin-bottom: 6.26667vw;
    margin-right: 5.33333vw;
    width: 26.66667vw;
    height: 29.86667vw;
    border-radius: 2vw;
    -webkit-box-shadow: 0 0.26667vw 0.66667vw 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0.26667vw 0.66667vw 0 rgba(0, 0, 0, 0.1);
  }
  .hotColorWrap .smallAPP img {
    width: 13.33333vw;
    height: 13.33333vw;
    margin: 4.8vw 0 3.6vw;
    border-radius: 1.33333vw;
    padding: 0.66667vw;
    -webkit-box-shadow: 0.26667vw 0.26667vw 0.66667vw 0 rgba(0, 0, 0, 0.5);
    box-shadow: 0.26667vw 0.26667vw 0.66667vw 0 rgba(0, 0, 0, 0.5);
  }
  .hotColorWrap .smallAPP p {
    font-size: 3vw;
  }
  .hotColorWrap .smallAPP:nth-child(n+2) {
    margin-right: 4.66667vw;
  }
  .featuresWrap .titleBox {
    margin-left: 4.66667vw;
    margin-bottom: 4.66667vw;
  }
  .featuresWrap .titleBox h1 {
    font-size: 6vw;
  }
  .featuresWrap .featuresAPPWrap {
    margin-left: 4vw;
  }
  .featuresWrap .bigAPP {
    width: 27.2vw;
    height: 37.33333vw;
    margin-right: 3.6vw;
    margin-bottom: 4.66667vw;
    border-radius: 2vw;
    -webkit-box-shadow: 0 0.26667vw 0.66667vw 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0.26667vw 0.66667vw 0 rgba(0, 0, 0, 0.1);
    padding: 0.66667vw;
  }
  .featuresWrap .bigAPP img {
    width: 13.33333vw;
    height: 13.33333vw;
    margin: 4vw 0 2.66667vw;
    border-radius: 1.33333vw;
    -webkit-box-shadow: 0 0.26667vw 0.66667vw 0 rgba(0, 0, 0, 0.25), 0 0 0.26667vw 0.66667vw rgba(255, 255, 255, 0.8), inset 0.06667vw 0.06667vw 0.06667vw 0.06667vw rgba(255, 255, 255, 0.7);
    box-shadow: 0 0.26667vw 0.66667vw 0 rgba(0, 0, 0, 0.25), 0 0 0.26667vw 0.66667vw rgba(255, 255, 255, 0.8), inset 0.06667vw 0.06667vw 0.06667vw 0.06667vw rgba(255, 255, 255, 0.7);
  }
  .featuresWrap .bigAPP .APPtitle {
    font-size: 4vw;
    margin-bottom: 1.33333vw;
  }
  .featuresWrap .bigAPP .APPText {
    font-size: 2.66667vw;
    padding: 0 3.06667vw;
  }
  .goodWrap, .TVWrap, .shockWrap, .novelWrap {
    padding-top: 2.66667vw;
  }
  .goodWrap .commonAPPWrap, .TVWrap .commonAPPWrap, .shockWrap .commonAPPWrap, .novelWrap .commonAPPWrap {
    margin-left: 4.66667vw;
  }
  .goodWrap .commonAPPWrap .commonAPP, .TVWrap .commonAPPWrap .commonAPP, .shockWrap .commonAPPWrap .commonAPP, .novelWrap .commonAPPWrap .commonAPP {
    border: 0.4vw solid #f6921f;
  }
  .goodWrap .commonAPPWrap .commonAPP p, .TVWrap .commonAPPWrap .commonAPP p, .shockWrap .commonAPPWrap .commonAPP p, .novelWrap .commonAPPWrap .commonAPP p {
    font-size: 3.06667vw;
  }
  .goodWrap .titleBox, .TVWrap .titleBox, .shockWrap .titleBox, .novelWrap .titleBox {
    margin-left: 4.66667vw;
    margin-bottom: 5.33333vw;
  }
  .footerWrap {
    font-size: 2.66667vw;
    background-size: contain;
  }
  .footerWrap .footer {
    width: 100vw;
    padding: 0 4.4vw 26.13333vw;
  }
  .footerWrap .footer .goTop {
    margin: 2.66667vw 0;
    width: 36.8vw;
    height: 8.4vw;
  }
  .footerWrap .fixImg {
    width: 90.66667vw;
    height: 20vw;
    bottom: 4vw;
  }
  .footerWrap .fixImg .closeBtn {
    width: 6.66667vw;
    height: 6.66667vw;
    top: 0.8vw;
    right: 0.8vw;
  }
  .footerWrap .fixImg .closeBtn img {
    width: 3.33333vw;
    height: 3.33333vw;
  }
  .welfareWrap {
    padding-top: 6vw;
  }
  .welfareWrap .bigAPP {
    width: 90.66667vw;
    border-radius: 2vw;
  }
  .welfareWrap .bigAPP .bigAPPImg {
    width: 15.33333vw;
    height: 15.33333vw;
    margin: 0 3.33333vw 0 6vw;
    border-radius: 1.33333vw;
    padding: 0.66667vw;
  }
  .welfareWrap .bigAPP .APPTitle {
    font-size: 5.33333vw;
    margin-bottom: 2.66667vw;
  }
  .welfareWrap .bigAPP .APPText {
    font-size: 3.33333vw;
  }
  .welfareWrap .bigAPP .downButton {
    top: 4.66667vw;
    right: 5.33333vw;
    width: 16.53333vw;
    height: 7.2vw;
    border-radius: 6.66667vw;
    border-width: 0.4vw;
  }
  .welfareWrap .bigAPP .downButton p {
    font-size: 3.33333vw;
  }
  .welfareWrap .bigAPP .downloadNum {
    font-size: 3.33333vw;
    right: 5.33333vw;
    top: 15.2vw;
  }
  .welfareWrap .blueLine {
    width: 94.66667vw;
    height: 0.13333vw;
    margin: 2.4vw auto 4.26667vw;
  }
  .foreverContainer .bestColorWrap {
    margin: 25.33333vw 3.33333vw 0 3.33333vw;
    padding-top: 10.66667vw;
  }
  .foreverContainer .bestColorWrap .girlImg {
    top: -22.4vw;
  }
  .foreverContainer .bestColorWrap .smallTitle {
    padding-bottom: 8vw;
  }
  .foreverContainer .bestColorWrap .addressWrap {
    margin-bottom: 5.73333vw;
  }
  .foreverContainer .bestColorWrap .addressBtn {
    width: 33.46667vw;
    height: 8.66667vw;
    border-radius: 4.33333vw;
    font-size: 4vw;
    margin-right: 3.73333vw;
    margin-bottom: 4vw;
  }
  .foreverContainer .bestColorWrap img {
    top: -21.33333vw;
  }
  .foreverContainer .promptWrap {
    padding: 0 8.26667vw;
  }
  .foreverContainer .promptWrap .title {
    font-size: 4vw;
    padding-top: 6vw;
  }
  .foreverContainer .promptWrap ul {
    padding: 0 8.26667vw;
  }
  .foreverContainer .promptWrap p {
    font-size: 2.66667vw;
  }
  .foreverFooter {
    height: 26.13333vw;
  }
  .teamworkContainer .headerRight a {
    width: 16vw;
    margin-right: 3.33333vw;
  }
  .teamworkContainer .announcementWrap {
    height: 20.4vw;
  }
  .teamworkContainer .announcementWrap img {
    width: 87.46667vw;
    height: 14.4vw;
    left: 6.26667vw;
    top: 1.86667vw;
  }
  .teamworkContainer .announcementWrap p {
    top: 9.33333vw;
    left: 25.33333vw;
    font-size: 3.33333vw;
  }
  .teamworkContainer .featuresTitleWrap {
    padding-top: 4vw;
  }
  .teamworkContainer .teamworkWrap {
    padding-bottom: 2.66667vw;
  }
  .teamworkContainer .contactText {
    font-size: 2.66667vw;
    padding: 0 8.26667vw 5.33333vw;
  }
  .teamworkContainer .linkWrap p{font-size: 2.66667vw;padding: 0 8.26667vw;line-height: 1.75;}
  .teamworkContainer .linkWrap .titleBox {
    margin-left: 4.66667vw;
    margin-bottom: 4vw;
  }
  .teamworkContainer .linkWrap .linkText {
    font-size: 2.66667vw;
    padding: 0 8.26667vw;
  }
}

@media (max-width: 320px) {
  .foreverContainer .bestColorWrap .copyWrap .copyBtn, .teamworkContainer .contactWrap .copyWrap .copyBtn {
    right: -2vw;
  }
}

/* size */

::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

/* Track */

::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 10px;
}

/* Handle */

::-webkit-scrollbar-thumb {
  background: #f6921e;
  border-radius: 10px;
}

/*# sourceMappingURL=main.css.map */