.bg-white {
  background-color: #fff;
  border-bottom: 1px solid #f1f3f7;
}

.color_fff .iconfont {
  color: #6d7c90;
  font-size: 10px;
  font-weight: 400;
}
.color_fff {
  font-weight: 700;
  color: #2a2b32;
  font-size: 1rem;
}
.white_color .color_fff {
  color: #fff;
}
.white_color .color_fff .iconfont {
  color: #fff;
}
.bg-white.white_color .color_fff {
  color: #2a2b32;
}
.bg-white.white_color .color_fff .iconfont {
  color: #2a2b32;
}

.head_click_color {
  background: no-repeat;
  background-image: linear-gradient(to bottom, #4164f6, #4164f6);
  background-size: auto 4px;
  background-position: 0 66px;
}

.head_click_color .color_fff {
  color: #4164f6;
}

.head_click_color .color_fff .iconfont {
  color: #4164f6;
}

.font-color .color_fff {
  color: #fff;
}

.font-color .color_fff .iconfont {
  color: #fff;
}

.font-color .UserInfo {
  background-color: #fff;
}

.font-color .head_email_lang .head_email_lang_a.color_fff {
  color: #fff;
}

.font-color .head_min .btn_header {
  color: #fff;
}

.headbox {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s;
  max-height: 50px;
  /* height: 60px; */
  background-image: linear-gradient(
      92deg,
      rgba(51, 228, 253, 0.42) 0%,
      rgba(143, 176, 254, 0.42) 43%,
      rgba(235, 123, 254, 0.42) 100%
    ),
    linear-gradient(#ffffff, #ffffff);
  background-blend-mode: normal, normal;
}

.headbox a {
  max-height: 50px;
}

.headbox .headbox_img_bg {
  height: 50px;
  width: auto;
}

.headbox_img_box {
  width: 1020px;
  height: 50px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.headbox_img_left {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.headbox_img_box .headbox_img_1 {
  width: 36px;
  height: auto;
  margin-right: 9px;
}

.headbox_img_box .headbox_img_p1 {
  font-size: 20px;
  font-family: var(--font-MT);
  color: #212220;
}

.headbox_img_box .headbox_img_2 {
  width: 24px;
  height: auto;
  margin: 0 8px;
}

.headbox_img_box .headbox_img_p2 {
  font-size: 16px;
  color: #212220;
}

.headbox_img_box .headbox_img_div {
  height: 32px;
  width: max-content;
  padding: 0 12px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 0 8px;
  background-color: rgba(255, 255, 255, 0.8);
  border: solid 1px #ffffff;
  border-radius: 15px;
}

.headbox_img_div .headbox_div_p1 {
  font-size: 18px;
  font-family: var(--font-MT);
  color: #262624;
}

.headbox_img_div .headbox_div_p2 {
  font-size: 16px;
  color: #212220;
}

.headbox_img_div .headbox_div_p3 {
  font-size: 17px;
  font-family: var(--font-MT);
  color: #d02503;
}

.headbox_img_right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.headbox_img_right .headbox_img_p3 {
  font-size: 16px;
  color: #000000;
  font-family: var(--font-MT);
  margin-right: 14px;
}

.headbox_img_right .iconfont {
  font-size: 22px;
  color: #000000;
}

.ar_ic {
  scale: 0.9;
  margin-left: 3px;
}
.headboxbg {
  position: fixed;
  width: 100%;
  font-size: 16px;
  top: 0;
  z-index: 99;
  height: 160px;
}

.bg-white {
  height: 70px;
  transition: all 0.2s;
  transform: translateY(0);
}

.headboxpric {
  height: 70px;
  transform: translateY(0px);
}

.bg-white .headbox {
  transform: translateY(-50px);
  max-height: 0;
}
.header {
  position: relative;
  height: 70px;
  /* display: flex;
  align-items: center;
  justify-content: space-between; */
  margin-top: 40px;
}

.header_flex {
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 1480px;
  width: 1480px;
  margin: 0 auto;
}

.bg-white .header {
  margin-top: 0;
}
.header_left {
  display: flex;
  align-items: center;
}
.logo {
  width: auto;
  height: 18.2px;
  cursor: pointer;
}
.typeList {
  display: flex;
  align-items: center;
  height: 70px;
  margin-left: 2rem;
}
.PagePath {
  position: relative;
  margin-right: 30px;
  height: 70px;
  display: flex;
  align-items: center;
}
.head_help .p_head_help {
  margin-right: 0;
}
.head_help:hover .p_head_help .iconfont {
  transform: rotate(-180deg);
}
.p_head_help .iconfont {
  transform: rotate(0);
  transition: all 0.2s;
  display: inline-block;
  margin-left: 2px;
}
.head_help_box {
  background-color: #fff;
  box-shadow: 0 3px 21px 0 rgba(31, 16, 43, 0.09);
  border-radius: 10px;
  padding: 17px 15px;
  position: absolute;
  top: 70px;
  left: -40px;
  display: none;
}
.p_head_help {
  cursor: pointer;
}
.head_help_box .head_help_item {
  width: 170px;
  height: 50px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  cursor: pointer;
  color: #000;
  padding: 0 1rem;
}
.head_help_box .head_help_item:hover {
  background-color: #4164f6;
  color: #fff;
}
.head_help_box .head_help_item:hover .iconfont {
  color: #fff;
}
.head_help_box .head_help_item .iconfont {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 5px;
  margin-right: 10px;
  font-size: 23px;
  color: #4164f6;
}
.now_user {
  display: flex;
  align-items: center;
  display: none;
}
.now_user .Login {
  font-weight: 700;
}
.now_user .SignUp {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 9px 21px;
  background-color: #212220;
  color: #fff;
  border-radius: 1.1rem;
  margin-left: 30px;
  font-size: 0.9rem;
}
.now_user .SignUp:hover {
  background-color: #1c44e4;
}
.user_header {
  height: 70px;
  position: relative;
  display: flex;
  align-items: center;
  display: none;
}
.user_header p {
  margin: 0;
}
.user_header .UserInfo {
  border-radius: 25px;
  border: solid 1px #e9ebf5;
  padding: 6px 8px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.user_header .UserInfo img {
  width: 40px;
  height: auto;
  margin-right: 3px;
}
.user_header .UserInfo .user_email {
  font-size: 14px;
  line-height: 25px;
  font-weight: 700;
  color: #22366c;
}
.bg-none .UserInfo .user_email {
  color: #fff;
}
.user_header .UserInfo .nickname {
  font-size: 12px;
  color: #22366c;
  opacity: 0.75;
}
.user_header:hover .user_center {
  display: block;
}
.user_center {
  position: absolute;
  top: 70px;
  left: 0;
  background-color: #fff;
  box-shadow: 0px 9px 14px 4px rgba(62, 62, 62, 0.1);
  border-radius: 10px;
  padding: 3px 8px;
  display: none;
}
.user_center .cen_mid {
  width: 184px;
  height: 40px;
  background-color: #fff;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  cursor: pointer;
  margin: 5px 0;
  font-size: 16px;
  font-family: var(--font-MT);
  color: #2a2b32;
}
.user_center .cen_mid:hover {
  background-color: #e9f1ff;
  color: #4164f6;
}
.lang_now {
  height: 40px;
  width: 110px;
  display: flex;
  margin-left: 20px;
  position: relative;
}
.language_now {
  display: flex;
  align-items: center;
  justify-content: space-around;
  width: 100%;
}
.language_now .icon_lang {
  font-size: 1.1rem;
  font-weight: 400;
  color: #2a2b32;
}
.language_now img {
  width: 26px;
  height: 26px;
}
.language_now .ar_ic {
  transform: rotate(0);
  transition: all 0.2s;
}
.lang_now:hover .language_now .ar_ic {
  transform: rotate(-180deg);
}
.lang_now:hover .language_box {
  display: flex;
}
.language_box {
  left: 0;
  top: 40px;
  position: absolute;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  z-index: 2;
  transform: translateX(-30px);
  display: none;
}
.language_l {
  padding: 15px;
  background: #fff;
  box-shadow: 0 3px 21px 0 rgba(31, 16, 43, 0.09);
  border-radius: 10px;
}
.language_r {
  width: 30px;
  height: 67px;
}
.language_box .lan_item {
  width: 170px;
  height: 50px;
  background-color: #fff;
  border-radius: 10px;
  font-size: 16px;
  color: #22366c;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.language_box .lan_item p {
  width: 90px;
  margin-left: 15px;
}
.language_box .lan_item img {
  width: 26px;
  height: auto;
  border-radius: 50%;
}
.language_box .lan_item:hover {
  background-color: #4164f6;
  color: #fff;
}
.typeList .Pricing_img {
  display: inline-block;
  width: 104px;
  height: 42px;
  background: url(/img/Header/Pricing.png) center no-repeat;
}
.head_solutions {
  position: static;
}
/* .head_solutions .head_full_screen {
  display: none;
} */

.head_solutions .ar_ic {
  transition: all 0.2s;
  transform: rotate(0);
  display: inline-block;
}

.head_solutions_box {
  width: 630px;
  margin: 0;
  margin-right: 0px;
}

.head_solutions_list {
  display: grid;
  grid-template-columns: repeat(2, auto);
  gap: 80px;
  padding-top: 1rem;
}

.head_target_box {
  width: 745px;
}

.head_target_list {
  grid-template-columns: repeat(3, auto);
  gap: 70px;
}

.head_solutions_list .head_solutions_txt {
  width: auto;
  margin-right: 0rem;
}
.head_solutions_list .head_solutions_txt:last-child {
  margin-right: 0;
}
.head_solutions_list .head_solutions_txt .head_solutions_a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0.5rem;
  border-radius: 10px;
  font-size: 16px;
  color: #2a2b32;
  margin-bottom: 10px;
}

.full_title_a {
  font-size: 14px;
  color: #23242c;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.full_title .full_title_a .iconfont {
  transform: rotate(-90deg);
  display: block;
  font-size: 12px;
  margin-left: 5px;
}

.head_solutions_list .head_solutions_txt .head_solutions_a:hover {
  background-color: #f6f9fb;
}

.head_solutions_list .head_solutions_txt .head_solutions_a .iconfont {
  transform: rotate(-90deg);
  font-weight: 400;
  scale: 0.9;
  display: inline-block;
  font-size: 12px;
}

.head_solutions_icon {
  width: 32px;
  height: 32px;
  background-color: #f1f6ff;
  border-radius: 50%;
  margin-right: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.head_solutions_list
  .head_solutions_txt
  .head_solutions_a
  .head_solutions_icon
  .iconfont {
  font-size: 17px;
  color: #4164f6;
  transform: rotate(0);
  scale: 1;
}

.Cases_img_box .Cases_box_txt {
  margin-top: 0;
  padding: 0.5rem;
  border-radius: 10px;
}
.use_cases {
  position: static;
}
.use_cases .iconfont {
  transform: rotate(0);
  display: inline-block;
  transition: all 0.2s;
}
.use_cases span {
  display: inline-block;
}
.use_cases .Cases_box_txt .iconfont {
  font-size: 12px;
  color: #333;
  transform: rotate(0);
  scale: 0.9;
  font-weight: 400;
}
/* .use_cases .head_full_screen {
  display: none;
} */
.Cases_box_none {
  width: 1480px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding-right: 80px;
}

.Cases_box_list {
  width: 380px;
}
.Cases_box_list_3 {
  width: 420px;
}

.Cases_box_list1_1 {
  width: 300px;
}

.Cases_box_txt {
  font-size: 16px;
  line-height: 20px;
  color: #2a2b32;
  margin-top: 20px;
  cursor: pointer;
  display: block;
}
.Cases_box_txt2 {
  font-size: 14px;
  line-height: 20px;
  color: #6d7c90;
  margin-top: 6px;
  cursor: pointer;
  display: block;
}
.Cases_img_box {
  border-radius: 6px;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  padding: 1rem;
  border-radius: 10px;
}
.Cases_img_box:hover {
  background-color: #f6f9fb;
}
.Cases_img_list {
  margin-top: 1rem;
}
.Cases_img_list img {
  width: 48px;
  height: 48px;
  background-color: #eeeaf6;
  border-radius: 4px;
  margin-right: 20px;
}
.Cases_box_list_3 .Cases_box_txt {
  box-sizing: border-box;
  padding: 0;
  border-radius: 10px;
  /* margin-left: 0.5rem; */
  font-size: 14px;
  color: #6d7c90;
}
.Cases_box_list_3 .Cases_box_txt:hover {
  background-color: #f6f9fb;
}
.Cases_box_none .Cases_box_list_1 {
  margin-top: 1rem;
}
.Cases_box_none .Cases_box_list_1 .Cases_box_txt {
  display: block;
  padding: 12px 14px;
  margin: 0;
  border-radius: 10px;
  font-size: 16px;
  color: #2a2b32;
}
.Cases_box_none .Cases_box_list_1 .Cases_box_txt:hover {
  background-color: #f6f9fb;
}
.Cases_box_list_2 .Cases_box_txt {
  margin: 0;
}
.Cases_box_list_2_1 {
  margin-top: 1rem;
}
.Cases_box_list_2 div {
  box-sizing: border-box;
  padding: 1rem;
  border-radius: 10px;
}
.Cases_box_list_2 div:hover {
  background-color: #f6f9fb;
}
.typeList .header_pric {
  cursor: pointer;
  position: static;
}
.header_pr {
  display: flex;
  align-items: center;
}
.act_pricing {
  z-index: 10;
  font-weight: 700;
}

.arrip {
  margin-left: 5px;
  width: auto;
  display: none;
}

.arrip_right {
  width: 77px;
  height: 21px;
  background-image: linear-gradient(145deg, #262624 0%, #474747 100%),
    linear-gradient(#5500fe, #5500fe);
  background-blend-mode: normal, normal;
  border-radius: 4px;
  transform: skewX(0deg);
  margin-left: 7px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.arrip_right span {
  font-size: 14px;
  font-weight: 400;
  color: #ffffff;
  transform: skewX(0deg);
}

.arrip_box {
  min-width: 90px;
  height: 28px;
  background-color: #d81e02;
  border-radius: 4px;
  padding: 0 10px;
  font-size: 16px;
  font-weight: 400;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: skewX(0deg);
  transform-origin: 0;
  position: absolute;
  left: -18px;
  top: 34px;

  background-image: linear-gradient(-88deg, #ff717b 0%, #ff6498 100%),
    linear-gradient(#ff758c, #ff758c);
  background-blend-mode: normal, normal;
  display: none;
}

.arrip_box::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 10px solid;
  border-color: transparent transparent #ff717b transparent;
  left: 30px;
  top: -18px;
}

.arrip_box span {
  transform: skewX(0deg);
  transform-origin: 0;
  display: block;
}

.arrip_box_en {
  left: -14px;
}

.typeList .header_pric .ar_ic {
  transition: all 0.2s;
  display: inline-block;
  transform: rotate(0deg);
}

.typeList .header_pric .rotate_0 {
  transform: rotate(-180deg);
}

.typeList .header_pric .header_pric_box {
  width: 1480px;
  margin: 0 auto;
}

/* .typeList .header_pric .head_full_screen {
  display: none;
} */

.header_pric_box_flex {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px 50px;
  margin-top: 1rem;
}

.typeList .header_pric .header_pric_box a {
  margin: 0;
}
.header_pric_item {
  display: flex;
  align-items: flex-start;
  /* justify-content: space-between; */
  cursor: pointer;
  width: auto;
  min-height: auto;
  position: relative;
  z-index: 99;
  padding: 10px;
  margin-bottom: 0px;
}
.header_pric_item:hover {
  background-color: #f6f9fb;
  border-radius: 10px;
}
.header_pric_item img {
  width: 1.4rem;
  margin-top: 10px;
}
.header_pric_item p {
  margin: 0;
  line-height: 16px;
}

.min_pr {
  width: 64%;
  width: calc(100% - 176px);
  margin-left: 13px;
}

.header_pric_item .min_pr p:last-child {
  color: #6d7c90;
  margin-top: 5px;
  /* width: 86%; */
  font-size: 13px;
  line-height: 20px;
}

.header_pric_item .min_pr p:first-child {
  font-size: 16px;
  font-weight: 700;
  color: #2a2b32;
  /* width: 240px; */
}

.header_pric_item .ri_pr {
  margin-left: 20px;
  border-left: solid 1px #e2e2e2;
  padding-left: 22px;
  width: auto;
  margin-top: 5px;
  height: auto;
  min-height: 70px;
}
.header_pric_item .ri_pr p {
  font-size: 14px;
  color: #6d7c90;
  line-height: 23px;
}

.header_pric_item .ri_pr p:nth-child(2) {
  font-size: 14px;
  color: #2a2b32;
  font-weight: bold;
  margin-top: 10px;
}

.header_pric_item .ri_pr .big_pr {
  color: #4164f6;
  font-size: 22px;
  font-weight: 700;
  font-family: "Gibson-Medium";
}

.header_pric_item_l .ri_pr .big_pr {
  color: #ff6e42;
}

.header_pric_flex {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.header_pric_left {
  width: 65%;
}

.header_pric_right {
  width: calc(35% - 50px);
}

.header_pric_right .header_pric_item {
  margin-top: 16px;
}

.header_pric_right .header_pric_item .ri_pr .big_pr {
  font-size: 22px;
}

.header_pric_right .min_pr {
  width: calc(100% - 230px);
}

.header_pric_web {
  padding: 0 8px;
  height: 20px;
  background-color: #2a2b32;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 4px;
  font-size: 12px;
  color: #ffffff;
}

/* ================================== */

.head_full_close {
  display: none;
}

.head_full_screen {
  top: 66px;
  position: absolute;
  z-index: -1;
  width: 100vw;
  left: 0;
  min-height: 14rem;
  background-color: #fff;
  box-shadow: 1px 0.6rem 0.6rem 0 rgba(63, 64, 70, 0.04);
  border-radius: 0;
  padding: 1rem 0 30px 0;
  border-top: 1px solid #f1f3f7;
  display: none;
  overflow: hidden;
}

.full_title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 32px;
  padding-bottom: 4px;
  border-bottom: solid 1px #e2e6ef;
  padding-right: 1rem;
}

.full_title span {
  font-size: 14px;
  font-weight: 400;
  color: #6d7c90;
}

.full_title .full_title_a {
  color: #6d7c90;
}

.full_title .iconfont {
  font-size: 0.8rem;
  color: #6d7c90;
  cursor: pointer;
}

.full_title2 {
  justify-content: flex-start;
}

.head_new_div {
  min-width: 50px;
  height: 24px;
  background-color: #ffc541;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 11px;
  margin-left: 10px;
  font-size: 12px;
  color: #1a1a1a;
  font-family: var(--font-MT);
}

.head_full_click {
  position: relative;
  cursor: pointer;
}
.head_new_flex {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.full_triangle {
  border-style: solid;
  border-width: 0 1.4rem 1.4rem 1.4rem;
  border-color: transparent transparent #fff transparent;
  width: 0;
  height: 0;
  position: absolute;
  top: 22px;
  left: 20%;
  display: none;
}
.proxy {
  position: static;
}
.proxy .ar_ic {
  transform: rotate(0);
  transition: all 0.2s;
  display: inline-block;
}
.proxy .Proxy_box_none {
  display: none;
}
.proxy .Proxy_box_none .proxy_box {
  width: 1480px;
  margin: 0 auto;
}
.Proxy_box_html {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px 100px;
  width: 80%;
  margin-top: 20px;
  /* flex-wrap: wrap; */
}

.Proxy_box_block {
  width: 50%;
  margin-right: 3rem;
}

.Proxy_box_html .proxy_op {
  width: auto;
  display: flex;
  align-items: flex-start;
  padding: 1rem;
  box-sizing: border-box;
  border-radius: 10px;
}
.Proxy_box_html .proxy_op_a:hover {
  background-color: #f6f9fb;
}
.Proxy_box_html .proxy_op_a {
  width: auto;
  display: block;
  margin-top: 0;
  border-radius: 10px;
}

.Proxy_box_html .proxy_op_a .proxy_op {
  width: 100%;
}
.Proxy_box_html .proxy_op img {
  width: 24px;
  margin-right: 13px;
}
.Proxy_box_html .proxy_op div {
  width: calc(100% - 2.3rem);
}
.Proxy_box_html .proxy_op div p:first-child {
  font-size: 16px;
  font-weight: 700;
  color: #2a2b32;
}
.Proxy_box_html .proxy_op div p:last-child {
  margin-top: 0.7rem;
  font-size: 13px;
  line-height: 20px;
  color: #6d7c90;
}

.proxy_box_flex {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.proxy_box_left {
  width: 65%;
}

.proxy_box_right {
  width: calc(35% - 65px);
}

.proxy_unblocker {
  width: 96%;
  margin-top: 24px;
  padding: 16px 24px 27px 24px;
  background: url("/img/Center/web-unblocker/bg.png"), #f5f6fa;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 20px;
}

.proxy_unblocker_free {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.proxy_unblocker_free div {
  height: 27px;
  background-color: #ebfff4;
  border-radius: 13px;
  border: solid 1px #36c379;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 18px;
  margin-left: auto;
  font-size: 14px;
  color: #36c379;
}

.proxy_unblock_img {
  width: auto;
  height: 50px;
  display: block;
  margin: 0 auto;
  margin-top: 2px;
}

.proxy_unblock_title {
  font-size: 24px;
  color: #2a2b32;
  font-family: var(--font-MT);
  margin-top: 8px;
  text-align: center;
}

.proxy_unblock_txt {
  font-size: 14px;
  line-height: 24px;
  color: #6d7c90;
  text-align: center;
  width: 86%;
  margin: 0 auto;
  margin-top: 10px;
}

.proxy_unblock_flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 34px;
}

.proxy_unblock_flex button {
  width: 48%;
  height: 45px;
  border-radius: 22px;
  font-size: 14px;
  font-family: var(--font-MT);
}

.proxy_unblock_flex a {
  display: block;
  width: 48%;
}

.proxy_unblock_flex a button {
  width: 100%;
}

.proxy_unblock_b {
  background-color: #4164f6;
  box-shadow: 0px 2px 0px 0px #2a49c9;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

.proxy_unblock_b .iconfont {
  color: #f5f6fa;
  font-size: 16px;
  display: block;
  transform: rotate(180deg);
  margin-left: 8px;
}

.proxy_unblock_b:hover {
  background-color: #1c44e4;
}

.proxy_unblock_s {
  background-color: #f5f6fa;
  border: solid 1px #2a2b32;
  font-size: 14px;
  color: #2a2b32;
}

/* ======================================= */

.head_Download_box {
  width: 410px;
  margin: 0;
}
.head_Download_box .full_title {
  margin-bottom: 1rem;
}
.head_help:hover .head_help_box {
  display: block;
}
.head_Download_item {
  display: flex;
  height: 50px;
  background-color: #fff;
  border-radius: 10px;
  align-items: center;
  justify-content: space-between;
  color: #e2e6ef;
  position: relative;
  padding: 0 1rem 0 0.5rem;
  margin-bottom: 5px;
}
.head_Download_item:first-child {
  margin-top: 0;
}
.head_Download_item:hover {
  background-color: #f4f7fa;
}
.Windows_p {
  width: 72%;
  display: inline-block;
  font-size: 16px;
  color: #2a2b32;
  font-family: "Gibson-Medium";
}

.Windows_new_div {
  display: block;
}

.Windows_new_p {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.Windows_new_p span {
  font-size: 16px;
  color: #2a2b32;
  font-family: "Gibson-Medium";
}

.Windows_new {
  width: 44px;
  height: 18px;
  background-color: #fff5f2;
  border-radius: 9px;
  border: solid 1px #ff6e42;
  line-height: 18px;
  font-size: 13px;
  color: #ff6e42;
  text-align: center;
  margin-left: 16px;
  font-family: var(--font-MT);
}

.head_Download_item .Windows_line {
  width: 1px;
  height: 24px;
  background-color: #e2e6ef;
}

.Windows_p_small {
  font-size: 12px;
  color: #6d7c90;
  font-family: "Gibson";
}

.head_Download_item .font_lan {
  color: #4164f6;
  font-size: 18px;
}

.head_Download_icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background-color: #f1f6ff;
  border-radius: 50%;
}

.head_Download_item .font_hong {
  color: #01ceea;
  font-size: 16px;
}
.head_Download_Android:hover .head_qr_Android {
  display: flex;
}
.head_qr_Android {
  position: absolute;
  top: 0;
  right: -14rem;
  width: 200px;
  height: 200px;
  border-radius: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0.6rem 1.7rem 0 rgba(48, 56, 108, 0.08);
  background-color: #fff;
  z-index: 1;
  display: none;
}
.head_Download_item_hover:hover .head_Download_item_none {
  display: block;
}
.head_Download_item_none {
  position: absolute;
  left: 100%;
  top: 0;
  display: none;
  padding-left: 1.5rem;
}
.head_Download_item_bg {
  width: 14rem;
  background-color: #fff;
  box-shadow: 0 0.6rem 1.7rem 0 rgba(48, 56, 108, 0.08);
  border-radius: 0.6rem;
  padding: 1rem;
}
.head_Download_item_bg .head_Download_item .Windows_p {
  width: 60%;
}
.head_Download_index {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.head_Download_index .head_Download_item {
  min-width: 11rem;
  justify-content: space-evenly;
}
.head_Download_index .head_down_qrcode {
  font-size: 2rem;
  cursor: pointer;
}
.head_Download_index .head_down_qrcode:hover {
  color: #4164f6;
}
.typeList .ref_img {
  line-height: normal;
  margin-right: 0;
}
.get_proxy {
  margin-right: 30px;
  position: static;
}
.get_proxy .ar_ic {
  transform: rotate(0);
  transition: all 0.2s;
  display: inline-block;
  margin-left: 2px;
}
.head_getproxy_box {
  background-color: #fff;
  border-radius: 0;
  position: absolute;
  display: none;
}
.head_getproxy_flex {
  width: 1480px;
  margin: 0 auto;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.head_getproxy_farme {
  /* margin: 0 2.5rem; */
  margin-right: 0rem;
  width: 410px;
}

.head_getproxy_farme .full_title {
  margin-bottom: 1rem;
}

.head_getproxy_box .head_getproxy_item {
  display: flex;
  align-items: flex-start;
  margin-top: 0;
  padding: 1rem;
  box-sizing: border-box;
  border-radius: 10px;
  cursor: pointer;
}

.head_getproxy_box .head_getproxy_item:hover {
  background-color: #f6f9fb;
}
.head_getproxy_box .head_getproxy_item img {
  width: 1.5rem;
  margin-right: 13px;
}
.head_getproxy_box .head_getproxy_item div {
  width: calc(100% - 2.5rem);
}
.head_getproxy_box .head_getproxy_item div p:first-child {
  font-size: 16px;
  font-weight: 700;
  color: #2a2b32;
  line-height: 1.6rem;
}
.head_getproxy_box .head_getproxy_item div p:last-child {
  font-size: 14px;
  line-height: 20px;
  color: #6d7c90;
  margin-top: 0.2rem;
}
.head_tool_box {
  width: 360px;
  margin: 0;
}

.head_tool_box .full_title {
  margin-bottom: 1rem;
}

.tool_head_p {
  margin-top: 0;
  border-radius: 10px;
  padding: 1rem;
}
.tool_head_p:hover {
  background-color: #f6f9fb;
}
.tool_head_p p:first-child {
  font-size: 16px;
  font-weight: 700;
  color: #2a2b32;
}
.tool_head_p p:last-child {
  font-size: 14px;
  line-height: 20px;
  color: #6d7c90;
  margin-top: 0.7rem;
}
.header_right {
  display: flex;
  align-items: center;
  height: 70px;
  position: relative;
}
#gray_header {
  width: 100vw;
  height: 100vh;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.6);
  position: fixed;
  z-index: 10;
  display: none;
}
.head_min {
  display: none;
  margin-right: 1.5rem;
}
.head_min .btn_header {
  cursor: pointer;
  font-size: 2rem;
  /* font-weight: 700; */
}

/* =================================== */

.head_html {
  position: fixed;
  right: 0;
  top: 0;
  height: 100vh;
  width: 100%;
  max-width: 25rem;
  background-color: #fff;
  font-size: 14px;
  color: #2a2b32;
  padding: 0 14px 24px 14px;
  z-index: 11;
  box-sizing: border-box;
  display: none;
}

.head_html_header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 59px;
  border-bottom: 1px solid #e2e6ef;
}

.head_html_logo {
  width: 140px;
}

.head_html_close {
  font-size: 1.8rem;
  cursor: pointer;
  transform: rotate(45deg);
  display: inline-block;
  font-weight: 400;
}
.head_html_box {
  /* margin-top: 2rem; */
  height: calc(100% - 170px);
  scrollbar-width: none;
  overflow-y: auto;
}

.head_html_box::-webkit-scrollbar {
  display: none;
  width: 0 !important;
  height: 0 !important;
  -webkit-appearance: none;
  background: 0 0;
}

.head_html_box details {
  /* margin-bottom: 1.5rem; */
  font-size: 1.3rem;
}
.head_html_box summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  font-size: 14px;
  height: 46px;
}
.head_html_box summary .iconfont {
  display: inline-block;
  transform: rotate(0);
  transition: all 0.2s;
  font-size: 10px;
}

.head_html_box summary .rotate_0 {
  transform: rotate(-180deg);
}
.head_html_box ul {
  border-top: solid 1px #e2e6ef;
  margin-bottom: 1rem;
}

.head_html_box .head_html_title {
  font-size: 14px;
  color: #6d7c90;
  margin-top: 14px;
}

.head_html_box ul li {
  margin-top: 16px;
  font-size: 1.2rem;
  cursor: pointer;
  font-size: 14px;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 30px;
}

.head_html_box ul li img {
  width: 20px;
  margin-right: 13px;
}

.head_html_box ul li .head_html_icon {
  width: 20px;
  font-size: 16px;
  color: #4164f6;
  font-weight: 400;
  margin-right: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sign_min {
  position: absolute;
  bottom: 3rem;
  width: 100%;
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  left: 0;
}
.sign_min button {
  background-color: #ffffff;
  border-radius: 20px;
  border: solid 1px #4164f6;
  width: 124px;
  height: 40px;
  font-size: 1rem;
  color: #4164f6;
  font-weight: 700;
}
.sign_min .sign_min_signup {
  background-color: #4164f6;
  color: #fff;
}
.user_min {
  left: 50%;
  bottom: 3rem;
  height: 2.5rem;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translateX(-50%);
  padding: 0.5rem 1rem;
  position: absolute;
  color: #4164f6;
  cursor: pointer;
  display: none;
  border-radius: 2rem;
  border: solid 1px #4164f6;
}
.user_min img {
  width: 2.5rem;
  margin-right: 0.5rem;
}
.user_min p {
  margin: 0.3rem;
  font-size: 0.8rem;
  font-weight: 700;
  white-space: nowrap;
}
.down_head_gray {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 100;
  display: none;
}
.down_head_gray_box {
  position: absolute;
  width: 280px;
  height: 280px;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.7rem;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.down_head_close {
  position: absolute;
  top: -3rem;
  right: -3rem;
  font-size: 3rem;
  color: #fff;
  cursor: pointer;
}
.head_email_lang {
  position: absolute;
  top: -37px;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.bg-white .head_email_lang {
  max-height: 0;
  overflow: hidden;
}
.head_email_lang .head_email_lang_a {
  font-size: 0.9rem;
  font-weight: 400;
  color: #2a2b32;
}
.PagePath .rotate_0 {
  transform: rotate(-180deg);
}

.head_pay_title_flex {
  display: flex;
  align-items: center;
  height: 35px;
}

.head_pay_title_flex .head_pay_title_img {
  background-size: contain;
  box-sizing: border-box;
  margin-left: 10px;
  /* font-weight: bold; */
  color: #915ce7;
  font-size: 14px;
  display: flex;
  align-items: flex-end;
  opacity: 0;
  transform: translateX(50px);
  transition: all 0.6s;
  white-space: nowrap;
}

.head_pay_title_flex .head_pay_title_img span {
  color: #ffffff;
}

.head_pay_title_flex .head_pay_title_img_show {
  opacity: 1;
  transform: translateX(0);
}

.head_pay_title_flex .head_pay_title_socks5 {
  min-width: 103px;
  width: 103px;
  height: 36px;
  background: url("/img/Header/pay_1.png?v=1.1.10") center no-repeat;
  background-size: contain;
  align-items: center;
  padding-top: 1px;
  padding-left: 20px;
  padding-bottom: 0px;
  color: #212220;
  font-size: 14px;
  margin-bottom: 5px;
}

.head_pay_title_flex .head_pay_title_socks5_zh {
  background: url("/img/Header/pay_1.png?v=1.1.10") center no-repeat;
  background-size: contain;
  width: 103px;
  height: 36px;
  padding-top: 1px;
  padding-left: 20px;
  color: #212220;
}

.head_pay_title_flex .head_pay_title_residential {
  min-width: 145px;
  width: 145px;
  height: 34px;
  background: url("/img/Header/pay_2.png?v=1.1.10") center no-repeat;
  background-size: contain;
  padding-bottom: 3px;
  padding-left: 36px;
  color: #ffffff;
  margin-bottom: 10px;
}

.head_pay_title_flex .head_pay_title_residential_zh {
  background: url("/img/Header/pay_2.png?v=1.1.10") center no-repeat;
  background-size: contain;
  width: 145px;
  height: 34px;
  padding-bottom: 3px;
  padding-left: 36px;
  color: #ffffff;
}

.head_pay_title_flex .head_pay_title_um {
  min-width: 116px;
  width: 116px;
  height: 35px;
  background: url("/img/Header/pay_3.png?v=1.1.10") center no-repeat;
  background-size: contain;
  align-items: center;
  padding-bottom: 0px;
  padding-top: 10px;
  padding-left: 44px;
  margin-top: 0px;
  margin-bottom: 14px;
  color: #ffffff;
}

.head_pay_title_flex .head_pay_title_um_zh {
  background: url("/img/Header/pay_3.png?v=1.1.10") center no-repeat;
  background-size: contain;
  width: 116px;
  height: 35px;
  padding-bottom: 0px;
  padding-top: 10px;
  padding-left: 44px;
  color: #ffffff;
}

.head_pay_title_flex .head_pay_title_static {
  min-width: 77px;
  width: 77px;
  height: 37px;
  background: url("/img/Header/pay_4.png?v=1.1.10") center no-repeat;
  background-size: contain;
  align-items: center;
  padding-bottom: 0px;
  padding-left: 12px;
  padding-top: 0px;
  margin-bottom: 0px;
  color: #ffffff;
}

.head_pay_title_flex .head_pay_title_static_zh {
  background: url("/img/Header/pay_4.png?v=1.1.10") center no-repeat;
  background-size: contain;
  width: 77px;
  height: 37px;
  padding-left: 12px;
  padding-top: 0px;
  color: #ffffff;
}

.head_pay_title_flex .head_pay_title_static span {
  color: transparent;
  background-image: linear-gradient(
      92deg,
      rgba(51, 228, 253, 0.42) 0%,
      rgba(143, 176, 254, 0.42) 43%,
      rgba(235, 123, 254, 0.42) 100%
    ),
    linear-gradient(#ffffff, #ffffff);
  -webkit-background-clip: text;
  font-weight: bold;
}

.head_pay_title_flex_p {
  width: 146px;
}

@media only screen and (max-width: 1500px) {
  .ref_img {
    display: none;
  }

  .header_flex {
    width: 100%;
    justify-content: space-between;
  }
}

@media only screen and (max-width: 1300px) {
  .Cases_box_none {
    width: 96%;
  }
  .typeList .header_pric .header_pric_box {
    width: 96%;
  }

  .proxy .Proxy_box_none .proxy_box {
    width: 96%;
  }

  .typeList .header_pric .header_pric_box {
    width: 96%;
  }
}

@media only screen and (max-width: 1368px) {
  .header_right {
    display: none;
  }
  .head_min {
    display: block;
  }
}
@media only screen and (max-width: 1100px) {
  .typeList {
    display: none;
  }
  .header {
    justify-content: space-between;
    margin-top: 0;
  }
  .logo {
    margin-left: 1rem;
  }
}
@media only screen and (max-width: 990px) {
  .typeList {
    display: none;
  }
  .headboxbg {
    height: 70px;
  }

  .headbox .headbox_img_bg {
    animation: headboxImgLeft linear 15s infinite;
  }
}

.head_full_ani.animate__headShake_11 {
  animation: 0.3s animate__headShake_12;
  animation-fill-mode: backwards;
}

@keyframes animate__headShake_12 {
  0% {
    scale: 0.97;
  }
  100% {
    scale: 1;
  }
}

@keyframes headboxImgLeft {
  0% {
    transform: translateX(800px);
  }
  100% {
    transform: translateX(-700px);
  }
}