/* CSS Document */
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
blockquote,
p {
  margin: 0;
  padding: 0;
}

body {
  color: #333;
  font-size: 14px;
  font-family: "Arial";
  background: #f2f2f2;
}

ul,
ol {
  list-style: none;
}

img,
fieldset {
  vertical-align: top;
  border: 0;
}

img {
  max-width: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}

address,
cite,
code,
em,
th {
  font-weight: normal;
  font-style: normal;
}

input,
button,
textarea,
select {
  font: 100% Arial, "";
  vertical-align: middle;
}

table {
  border-collapse: collapse;
}

.nodispaly {
  display: none;
}

.line {
  line-height: 50px;
}

.lineer {
  line-height: 40px;
}

.FK {
  color: #999;
}

.F14 {
  font-size: 14px;
}

.Fl {
  float: left;
}

.Fr {
  float: right;
}

.clearfix {
  *zoom: 1;
}

.clearfix:after {
  display: block;
  overflow: hidden;
  clear: both;
  height: 0px;
  visibility: hidden;
  content: ".";
}

a {
  color: #333;
  text-decoration: none;
  transition: all 0.3s;
}

a:hover {
  color: #d9261c;
  text-decoration: none;
}

header {
  height: 90px;
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  z-index: 100;
  background: rgba(255, 255, 255, 0.85);
  border-bottom: 1px solid #e2e2e2; /*box-shadow: 3px 1px 5px #ccc;*/
}

header .top {
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
}

header .top h1 {
  float: left;
  width: 215px;
  padding-top: 10px;
}

header .top h1 img {
  width: 100%;
}

header .top .yuyan {
  position: absolute;
  right: 50px;
  top: 30px;
  line-height: 30px;
}

header .top .yuyan a {
  margin: 0 10px;
}

header .top .yuyan a:hover {
  text-decoration: none;
}

header .top .yuyan a.current {
  color: #d9261c;
}

.yuyan_er {
  padding-left: 10%;
  float: left;
  padding-top: 10px;
}

.yuyan_er ul {
  text-align: right;
  font-size: 0px;
}

.yuyan_er li {
  display: inline-block;
  font-size: 12px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  margin-right: 10px;
  border-radius: 20px;
  overflow: hidden;
}

.yuyan_er li a {
  background: #999;
  display: block;
  color: #fff;
}

.yuyan_er li a:hover {
  background: #999;
  display: block;
  text-decoration: none;
  color: #fff;
}

.yuyan_er li a.current {
  background: #d9261c;
  color: #fff;
}

.langs {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
}
.langs i {
  margin-right: 5px;
}
.langs ul {
  position: absolute;
  width: 120px;
  padding: 10px 0;
  top: 30px;
  left: 0;
  background-color: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  display: none;
  flex-direction: column;
  border-radius: 10px;
}
.langs ul li {
  padding: 5px 20px;
  margin: 0 !important;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.langs ul li icon {
  margin-right: 5px;
  flex-shrink: 0;
}
.langs ul li:hover {
  background-color: #333;
}
.langs ul li:hover span {
  color: #fff;
}
.langs:hover ul {
  display: flex;
}

.i-app-lang {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 22q-2.05 0-3.875-.788t-3.187-2.15t-2.15-3.187T2 12q0-2.075.788-3.887t2.15-3.175t3.187-2.15T12 2q2.075 0 3.888.788t3.174 2.15t2.15 3.175T22 12q0 2.05-.788 3.875t-2.15 3.188t-3.175 2.15T12 22m0-2.05q.65-.9 1.125-1.875T13.9 16h-3.8q.3 1.1.775 2.075T12 19.95m-2.6-.4q-.45-.825-.787-1.713T8.05 16H5.1q.725 1.25 1.813 2.175T9.4 19.55m5.2 0q1.4-.45 2.488-1.375T18.9 16h-2.95q-.225.95-.562 1.838T14.6 19.55M4.25 14h3.4q-.075-.5-.112-.987T7.5 12t.038-1.012T7.65 10h-3.4q-.125.5-.187.988T4 12t.063 1.013t.187.987m5.4 0h4.7q.075-.5.113-.987T14.5 12t-.038-1.012T14.35 10h-4.7q-.075.5-.112.988T9.5 12t.038 1.013t.112.987m6.7 0h3.4q.125-.5.188-.987T20 12t-.062-1.012T19.75 10h-3.4q.075.5.113.988T16.5 12t-.038 1.013t-.112.987m-.4-6h2.95q-.725-1.25-1.812-2.175T14.6 4.45q.45.825.788 1.713T15.95 8M10.1 8h3.8q-.3-1.1-.775-2.075T12 4.05q-.65.9-1.125 1.875T10.1 8m-5 0h2.95q.225-.95.563-1.838T9.4 4.45Q8 4.9 6.912 5.825T5.1 8'/%3E%3C/svg%3E") 0% 0%/100% 100% no-repeat transparent;
  width: 1em;
  height: 1em;
}

.i-app-zh {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 512 512'%3E%3C!-- Icon from Circle Flags by HatScripts - https://github.com/HatScripts/circle-flags/blob/gh-pages/LICENSE --%3E%3Cmask id='circleFlagsCn0'%3E%3Ccircle cx='256' cy='256' r='256' fill='%23fff'/%3E%3C/mask%3E%3Cg mask='url(%23circleFlagsCn0)'%3E%3Cpath fill='%23d80027' d='M0 0h512v512H0z'/%3E%3Cpath fill='%23ffda44' d='m140.1 155.8l22.1 68h71.5l-57.8 42.1l22.1 68l-57.9-42l-57.9 42l22.2-68l-57.9-42.1H118zm163.4 240.7l-16.9-20.8l-25 9.7l14.5-22.5l-16.9-20.9l25.9 6.9l14.6-22.5l1.4 26.8l26 6.9l-25.1 9.6zm33.6-61l8-25.6l-21.9-15.5l26.8-.4l7.9-25.6l8.7 25.4l26.8-.3l-21.5 16l8.6 25.4l-21.9-15.5zm45.3-147.6L370.6 212l19.2 18.7l-26.5-3.8l-11.8 24l-4.6-26.4l-26.6-3.8l23.8-12.5l-4.6-26.5l19.2 18.7zm-78.2-73l-2 26.7l24.9 10.1l-26.1 6.4l-1.9 26.8l-14.1-22.8l-26.1 6.4l17.3-20.5l-14.2-22.7l24.9 10.1z'/%3E%3C/g%3E%3C/svg%3E") 0% 0%/100% 100% no-repeat transparent;
  width: 1em;
  height: 1em;
}

.i-app-en {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 512 512'%3E%3C!-- Icon from Circle Flags by HatScripts - https://github.com/HatScripts/circle-flags/blob/gh-pages/LICENSE --%3E%3Cmask id='circleFlagsEn0'%3E%3Ccircle cx='256' cy='256' r='256' fill='%23fff'/%3E%3C/mask%3E%3Cg mask='url(%23circleFlagsEn0)'%3E%3Cpath fill='%23eee' d='m0 0l8 22l-8 23v23l32 54l-32 54v32l32 48l-32 48v32l32 54l-32 54v68l22-8l23 8h23l54-32l54 32h32l48-32l48 32h32l54-32l54 32h68l-8-22l8-23v-23l-32-54l32-54v-32l-32-48l32-48v-32l-32-54l32-54V0l-22 8l-23-8h-23l-54 32l-54-32h-32l-48 32l-48-32h-32l-54 32L68 0z'/%3E%3Cpath fill='%230052b4' d='M336 0v108L444 0Zm176 68L404 176h108zM0 176h108L0 68ZM68 0l108 108V0Zm108 512V404L68 512ZM0 444l108-108H0Zm512-108H404l108 108Zm-68 176L336 404v108z'/%3E%3Cpath fill='%23d80027' d='M0 0v45l131 131h45zm208 0v208H0v96h208v208h96V304h208v-96H304V0zm259 0L336 131v45L512 0zM176 336L0 512h45l131-131zm160 0l176 176v-45L381 336z'/%3E%3C/g%3E%3C/svg%3E") 0% 0%/100% 100% no-repeat transparent;
  width: 1em;
  height: 1em;
}

.i-app-de {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 512 512'%3E%3C!-- Icon from Circle Flags by HatScripts - https://github.com/HatScripts/circle-flags/blob/gh-pages/LICENSE --%3E%3Cmask id='circleFlagsDe0'%3E%3Ccircle cx='256' cy='256' r='256' fill='%23fff'/%3E%3C/mask%3E%3Cg mask='url(%23circleFlagsDe0)'%3E%3Cpath fill='%23ffda44' d='m0 345l256.7-25.5L512 345v167H0z'/%3E%3Cpath fill='%23d80027' d='m0 167l255-23l257 23v178H0z'/%3E%3Cpath fill='%23333' d='M0 0h512v167H0z'/%3E%3C/g%3E%3C/svg%3E") 0% 0%/100% 100% no-repeat transparent;
  width: 1em;
  height: 1em;
}

.i-app-ru {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 512 512'%3E%3C!-- Icon from Circle Flags by HatScripts - https://github.com/HatScripts/circle-flags/blob/gh-pages/LICENSE --%3E%3Cmask id='circleFlagsLangRu0'%3E%3Ccircle cx='256' cy='256' r='256' fill='%23fff'/%3E%3C/mask%3E%3Cg mask='url(%23circleFlagsLangRu0)'%3E%3Cpath fill='%230052b4' d='M512 170v172l-256 32L0 342V170l256-32z'/%3E%3Cpath fill='%23eee' d='M512 0v170H0V0Z'/%3E%3Cpath fill='%23d80027' d='M512 342v170H0V342Z'/%3E%3C/g%3E%3C/svg%3E") 0% 0%/100% 100% no-repeat transparent;
  width: 1em;
  height: 1em;
}

.i-app-kr {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 512 512'%3E%3C!-- Icon from Circle Flags by HatScripts - https://github.com/HatScripts/circle-flags/blob/gh-pages/LICENSE --%3E%3Cmask id='circleFlagsIqKr0'%3E%3Ccircle cx='256' cy='256' r='256' fill='%23fff'/%3E%3C/mask%3E%3Cg mask='url(%23circleFlagsIqKr0)'%3E%3Cpath fill='%23eee' d='m0 144.7l257-22.4l255 22.4v222.6l-254.9 31L0 367.3z'/%3E%3Cpath fill='%23d80027' d='M0 0h512v144.7H0z'/%3E%3Cpath fill='%236da544' d='M0 367.3h512V512H0z'/%3E%3Cpath fill='%23ffda44' d='m256 95.9l19.4 83.6l56.1-65l-21.6 83l79.8-31.4l-57.7 63.5l85.3 9.2l-80.7 29.3L408 316l-85-11.5l40.8 75.5l-70-49.7L295 416l-39-76.4l-38.9 76.4l1.2-85.8l-70 49.7l40.8-75.5l-85 11.5l71.3-47.9l-80.7-29.3l85.3-9.3l-57.7-63.4l79.8 31.5l-21.6-83.1l56 65z'/%3E%3C/g%3E%3C/svg%3E") 0% 0%/100% 100% no-repeat transparent;
  width: 1em;
  height: 1em;
}

.i-app-it {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 512 512'%3E%3C!-- Icon from Circle Flags by HatScripts - https://github.com/HatScripts/circle-flags/blob/gh-pages/LICENSE --%3E%3Cmask id='circleFlagsIt0'%3E%3Ccircle cx='256' cy='256' r='256' fill='%23fff'/%3E%3C/mask%3E%3Cg mask='url(%23circleFlagsIt0)'%3E%3Cpath fill='%23eee' d='M167 0h178l25.9 252.3L345 512H167l-29.8-253.4z'/%3E%3Cpath fill='%236da544' d='M0 0h167v512H0z'/%3E%3Cpath fill='%23d80027' d='M345 0h167v512H345z'/%3E%3C/g%3E%3C/svg%3E") 0% 0%/100% 100% no-repeat transparent;
  width: 1em;
  height: 1em;
}

.i-app-ja {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 512 512'%3E%3C!-- Icon from Circle Flags by HatScripts - https://github.com/HatScripts/circle-flags/blob/gh-pages/LICENSE --%3E%3Cmask id='circleFlagsJa0'%3E%3Ccircle cx='256' cy='256' r='256' fill='%23fff'/%3E%3C/mask%3E%3Cg mask='url(%23circleFlagsJa0)'%3E%3Cpath fill='%23eee' d='M0 0h512v512H0z'/%3E%3Ccircle cx='256' cy='256' r='111.3' fill='%23d80027'/%3E%3C/g%3E%3C/svg%3E") 0% 0%/100% 100% no-repeat transparent;
  width: 1em;
  height: 1em;
}

header .top .search_an {
  width: 40px;
  position: absolute;
  right: 0px;
  top: 24px;
}

header .top .search_an i {
  width: 40px;
  color: #666;
  font-size: 20px;
  height: 40px;
  line-height: 40px;
  display: block;
  cursor: pointer;
  background: url(../image/icon04.png) no-repeat center;
}

header .top .search {
  position: absolute;
  right: 0px;
  top: 66px;
  width: 270px;
  display: none;
  background: #fff;
}

header .top .search .input_txt {
  width: 220px;
  height: 40px;
  border: 1px solid #ddd;
  float: left;
  outline: medium;
  padding-left: 5px;
  box-sizing: border-box;
}

header .top .search .input_btn {
  width: 50px;
  height: 40px;
  border: 1px solid #ddd;
  float: right;
  border-left: none;
  outline: medium;
  background: url(../image/icon04.png) no-repeat center;
  background-size: 20px;
  cursor: pointer;
}

header .top .nav {
  position: absolute;
  left: 220px;
  top: 0px;
}

header .top .nav li {
  float: left;
  margin-left: 52px;
  position: relative;
  z-index: 100;
}

header .top .nav li p {
  line-height: 90px;
  font-size: 16px;
}

header .top .nav li p a {
  color: #333;
}

header .top .nav li p a.current {
  color: #d9261c;
}

header .top .nav li:hover p a {
  text-decoration: none;
  color: #d9261c;
}

header .top .nav li dl {
  position: absolute;
  left: -10px;
  top: 90px;
  background: #fff;
  width: 180px;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s;
}

header .top .nav li:hover dl {
  visibility: visible;
  opacity: 1;
}

header .top .nav li dd {
  line-height: 36px;
  position: relative;
}

header .top .nav li dd a {
  padding: 3px 10px;
  display: block;
}

header .top .nav li dd:hover a {
  padding: 3px 10px;
  background: #d9261c;
  display: block;
  color: #fff;
  text-decoration: none;
}

header .top .nav li dd .box {
  position: absolute;
  left: 180px;
  top: 0px;
  background: #fff;
  width: 180px;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s;
}

header .top .nav li dd:hover .box {
  visibility: visible;
  opacity: 1;
}

header .top .nav li dd:hover .box .list a {
  background: #fff;
  color: #333;
}

header .top .nav li dd:hover .box .list a:hover {
  background: #ff4545;
  color: #fff;
}

header .top .nav li dd .sanji {
  position: absolute;
  left: 100%;
  top: 0px;
  width: 100%;
  background: #fff;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s;
}

header .top .nav li dd:hover .sanji {
  visibility: visible;
  opacity: 1;
}

header .top .nav li dd .sanji .list {
  border-bottom: 1px solid #eee;
}

header .top .nav li dd .sanji .list a {
  background: #fff;
  color: #666;
}

header .top .nav li dd .sanji .list a:hover {
  background: #d9261c;
  color: #fff;
}

header .top .nav li dd .sanji .list:last-child {
  border-bottom: none;
}

header .header-main {
  transition: padding 0.3s ease 0s, transform 0.5s ease 0s;
}

header .m-btn {
  display: none;
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  cursor: pointer;
  float: right;
  color: #333;
}

header .m-btn .box {
  position: relative;
  font-size: 24px;
}

.body-wrap {
  width: 100%;
  position: relative;
  transition: all 0.5s ease 0s;
  z-index: 1;
}

.body-wrap.left,
header.left .header-main {
  transform: translateX(-66%);
}

.m-sub-menu.show {
  right: 0;
  transition: all 0.44s ease 0s;
}

.m-sub-menu {
  position: fixed;
  right: -100%;
  width: 66%;
  top: 0;
  z-index: 1000;
  height: 100%;
  background: #fff;
  transition: all 0.64s ease 0s;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
}

.m-sub-menu .top-box {
  background: #333;
  height: 60px;
}

.m-sub-menu .top-box .close {
  cursor: pointer;
  float: right;
  text-align: center;
  color: #fff;
  width: 60px;
  line-height: 60px;
}

.m-sub-menu .top-box .close i {
  font-size: 18px;
}

.m-sub-menu .list-wrap ul {
  width: 100%;
}

.m-sub-menu .list-wrap li {
  height: 60px;
  line-height: 60px;
  border-bottom: 1px solid #f2f2f2;
  font-size: 16px;
}

.m-sub-menu .list-wrap li .col-box {
  position: relative;
}

.m-sub-menu .list-wrap li .col-box .tit {
  float: left;
  width: 90%;
  display: block;
  padding-left: 10%;
}

.m-sub-menu .list-wrap li .col-box .point {
  position: absolute;
  width: 60px;
  height: 60px;
  right: 0px;
  top: 0px;
  display: block;
  color: #999;
}

.m-sub-menu .list-wrap li a {
  display: block;
  padding: 0 10%;
}

.m-sub-menu .list-wrap li a:hover {
  text-decoration: none;
  display: block;
}

.m-sub-menu .list-wrap li i {
  float: right;
}

.m-sub-menu .bot-link {
  margin-top: 30px;
  text-align: right;
}

.m-sub-menu .bot-link i {
  font-size: 20px;
}

.m-sub-menu .bot-link a {
  margin-left: 20px;
}

.m-sub-menu .bot-link a:hover {
  text-decoration: none;
}

.m-sub-menu .sec-sub-list {
  position: absolute;
  right: -100%;
  top: 60px;
  width: 100%;
}

.m-sub-menu .sec-sub-list .return-fir {
  display: block;
  padding: 0 7%;
  line-height: 50px;
  background-color: #333;
}

.m-sub-menu .sec-sub-list .return-fir p {
  color: #fff;
  font-size: 17px;
  text-transform: uppercase;
  font-weight: bold;
}

.m-sub-menu .sec-sub-list .return-fir p i {
  font-size: 14px;
  margin-right: 10px;
}

.m-sub-menu .sec-sub-list .boxs {
  width: 100%;
  height: 1000px;
  transition: all 0.4s ease 0s;
  background: #fff;
  position: absolute;
  left: 0;
  top: 0;
}

.m-sub-menu .sec-sub-list .boxs.show {
  left: -100%;
}

.m-sub-menu .sec-sub-list ul,
.m-sub-menu .sec-sub-list li {
  width: 100%;
}

.m-sub-menu .sec-sub-list li {
  line-height: 60px;
  border-bottom: 1px solid #f2f2f2;
}

.m-sub-menu .sec-sub-list li a {
  display: block;
  padding: 0px 10%;
  font-size: 16px;
}

.m-sub-menu .sec-sub-list li a:hover {
  text-decoration: none;
}

.m-sub-menu .sec-sub-list .bot-link {
  margin-top: 14px;
}

.foot {
  background: #333;
  padding: 40px 0 25px;
}

.foot .box {
  max-width: 1200px;
  margin: 0 auto;
}

.foot .foot_t .t_l {
  float: left;
  width: 65%;
}

.foot .foot_t .t_l dl {
  float: left;
  width: 25%;
  box-sizing: border-box;
  padding-right: 2%;
}

.foot .foot_t .t_l dt {
  padding-bottom: 20px;
  font-size: 18px;
  color: #fff;
}

.foot .foot_t .t_l dd {
  line-height: 20px;
  padding: 5px 0;
}

.foot .foot_t .t_l dd a {
  color: #e0e0e0;
  font-size: 14px;
}

.foot .foot_t .t_l dd a:hover {
  color: #d9261c;
  text-decoration: none;
}

.foot .foot_t .t_c {
  float: left;
  max-width: 280px;
}

.foot .foot_t .t_c h2 {
  padding-bottom: 20px;
  font-size: 18px;
  color: #fff;
}

.foot .foot_t .t_c .txt {
  color: #e0e0e0;
}

.foot .foot_t .t_c .txt .dh {
  font-size: 30px;
  padding-bottom: 10px;
  color: #d9261c;
  font-weight: bold;
}

.foot .foot_t .t_c .txt p {
  line-height: 30px;
  word-wrap: break-word;
}

.foot .foot_t .t_r {
  float: right;
  text-align: center;
}

.foot .foot_t .t_r img {
  width: 125px;
}

.foot .foot_t .t_r p {
  margin-top: 10px;
  color: #e0e0e0;
}

.foot .subnav_foot {
  padding: 0px 6%;
  display: none;
}

.foot .subnav_foot li span {
  float: right;
}

.foot .subnav_foot li .border.active {
  background: url(/Data/feetechrc/template/en/images/pic11.png) no-repeat right center;
  background-size: 12px;
}

.foot .subnav_foot li .border {
  line-height: 40px;
  font-size: 14px;
  border-bottom: 1px solid #ddd;
  background: url(/Data/feetechrc/template/en/images/pic10.png) no-repeat right center;
  background-size: 12px;
}

.foot .subnav_foot li .con_er {
  display: none;
  line-height: 24px;
  padding: 0 15px;
  background: #ddd;
}

.foot .subnav_foot li .con_er dd {
  line-height: 40px;
  border-bottom: 1px solid #ccc;
}

.foot .subnav_foot li .con_er dd:last-child {
  border-bottom: none;
}

.foot .subnav_foot li .con_er dd a {
  display: block;
  color: #333;
}

.foot .subnav_foot li .con_er dd a:hover {
  display: block;
  text-decoration: none;
  color: #d9261c;
}

.foot .foot_b {
  line-height: 24px;
  text-align: center;
  border-top: none;
  padding: 20px 6% 0 6%;
  color: #e0e0e0;
  border-top: 1px solid #444;
  margin-top: 25px;
}

.client-2 {
  position: fixed;
  right: -20px;
  top: 50%;
  z-index: 900;
}

.client-2 li a {
  text-decoration: none;
}

.client-2 li {
  margin-top: 1px;
  clear: both;
  height: 48px;
  position: relative;
}

.client-2 li i {
  background: url(../image/fx.png) no-repeat;
  display: block;
  width: 30px;
  height: 27px;
  margin: 0px auto;
  text-align: center;
}

.client-2 li p {
  height: 20px;
  font-size: 14px;
  line-height: 20px;
  overflow: hidden;
  text-align: center;
  color: #fff;
}

.client-2 .my-kefu-qq i {
  background-position: 4px 5px;
}

.client-2 .my-kefu-tel i {
  background-position: 0 -21px;
}

.client-2 .my-kefu-liuyan i {
  background-position: 4px -48px;
}

.client-2 .my-kefu-weixin i {
  background-position: -34px 6px;
}

.client-2 .my-kefu-weibo i {
  background-position: -30px -22px;
}

.client-2 .my-kefu-ftop {
  display: none;
}

.client-2 .my-kefu-ftop i {
  width: 33px;
  height: 35px;
  background-position: -27px -51px;
}

.client-2 .my-kefu-left {
  float: left;
  width: 57px;
  height: 28px;
  position: relative;
}

.client-2 .my-kefu-tel-right {
  font-size: 16px;
  color: #fff;
  float: left;
  height: 24px;
  line-height: 22px;
  padding: 0 15px;
  border-left: 1px solid #fff;
  margin-top: 14px;
}

.client-2 .my-kefu-right {
  width: 20px;
}

.client-2 .my-kefu-tel-main {
  background: #e6212a;
  color: #fff;
  height: 56px;
  width: 247px;
  padding: 9px 0 6px;
  float: left;
}

.client-2 .my-kefu-main {
  background: #e6212a;
  width: 77px;
  height: 32px;
  position: relative;
  padding: 10px 0 6px 0;
  float: left;
}

.client-2 .my-kefu-weixin-pic {
  position: absolute;
  left: -130px;
  top: -24px;
  display: none;
  z-index: 333;
}

.my-kefu-weixin-pic img {
  width: 125px;
  height: 125px;
}

.i-app-left {
  display: inline-block;
  width: 24px;
  height: 24px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='m10.8 12l3.9 3.9q.275.275.275.7t-.275.7t-.7.275t-.7-.275l-4.6-4.6q-.15-.15-.212-.325T8.425 12t.063-.375t.212-.325l4.6-4.6q.275-.275.7-.275t.7.275t.275.7t-.275.7z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.i-app-right {
  display: inline-block;
  width: 24px;
  height: 24px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12.6 12L8.7 8.1q-.275-.275-.275-.7t.275-.7t.7-.275t.7.275l4.6 4.6q.15.15.213.325t.062.375t-.062.375t-.213.325l-4.6 4.6q-.275.275-.7.275t-.7-.275t-.275-.7t.275-.7z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}