.head {
  width: 100%;
  background: url(../img/dom/head.png);
  background-size: 100% 100%;
  height: 8.125rem;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.head .head_content_box {
  width: 75rem;
  height: 3.9375rem;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.head .head_content_box .title {
  flex-shrink: 0;
}
.head .head_content_box .title h1 {
  font-size: 3.75rem;
  font-family: Microsoft YaHei;
  font-weight: 500;
  color: #FFFFFF;
}
.head .head_content_box .head_center {
  flex-shrink: 0;
  margin-left: 1.25rem;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
}
.head .head_content_box .head_center .head_center_up {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 1.125rem;
  font-family: Microsoft YaHei;
  color: #FFFFFF;
}
.head .head_content_box .head_center .head_center_up .collect_btn {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-shrink: 0;
  cursor: pointer;
  background: #FF9791;
  border-radius: 0.375rem;
  padding: 0.125rem 0.5rem;
  margin-left: 1.0625rem;
}
.head .head_content_box .head_center .head_center_up .collect_btn .icon-jia::before {
  font-size: 0.5625rem;
  margin-right: 0.25rem;
}
.head .head_content_box .head_center .head_center_down {
  font-size: 1.25rem;
  font-family: Microsoft YaHei;
  color: #FFFFFF;
}
.head .head_content_box .search_box {
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-left: 3.125rem;
  width: 25rem;
  height: 2.5rem;
  background: #FFFFFF;
  border-radius: 0.375rem;
}
.head .head_content_box .search_box .search_placeholder::-webkit-input-placeholder {
  /* 使用webkit内核的浏览器 */
  font-size: 1rem;
  font-family: Microsoft YaHei;
  color: #DBDDE3;
}
.head .head_content_box .search_box .search_placeholder:-moz-placeholder {
  /* Firefox版本4-18 */
  font-size: 1rem;
  font-family: Microsoft YaHei;
  color: #DBDDE3;
}
.head .head_content_box .search_box .search_placeholder::-moz-placeholder {
  /* Firefox版本19+ */
  font-size: 1rem;
  font-family: Microsoft YaHei;
  color: #DBDDE3;
}
.head .head_content_box .search_box .search_placeholder:-ms-input-placeholder {
  /* IE浏览器 */
  font-size: 1rem;
  font-family: Microsoft YaHei;
  color: #DBDDE3;
}
.head .head_content_box .search_box .slectr {
  cursor: pointer;
  position: relative;
  margin-left: 0.5rem;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.head .head_content_box .search_box .slectr .nowTypeName {
  margin-right: 0.3125rem;
  font-size: 1rem;
}
.head .head_content_box .search_box .slectr .qiehuan {
  cursor: pointer;
  font-size: 1.125rem;
  color: #666;
  transform-origin: 50% 50%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.head .head_content_box .search_box .slectr .qiehuan::before {
  color: #666;
  font-size: 0.75rem;
}
.head .head_content_box .search_box .slectr .search_dwon {
  z-index: 9;
  display: none;
  position: absolute;
  padding: 0.8rem 0;
  bottom: 0;
  left: 0;
  transform: translate(-0.425rem, 100%);
}
.head .head_content_box .search_box .slectr .search_dwon .search_dwon_content {
  background-color: #fff;
  padding: 0 0.625rem;
}
.head .head_content_box .search_box .slectr .search_dwon .search_dwon_content .nowType {
  flex-shrink: 0;
  width: 2.5rem;
  padding: 0.3125rem 0;
}
.head .head_content_box .search_box .slectr .search_dwon .search_dwon_content .nowType:hover {
  color: #ff8214;
}
.head .head_content_box .search_box .slectr .search_dwon .sanjiao {
  position: absolute;
  top: 0.1875rem;
  left: 50%;
  transform: translateX(-50%);
  border: 0.375rem solid #fff;
  border-left: 0.375rem solid transparent;
  border-top: 0.375rem solid transparent;
  border-right: 0.375rem solid transparent;
}
.head .head_content_box .search_box .slectr .iconfont {
  transition: all 0.5s ease;
}
.head .head_content_box .search_box .search_placeholder {
  flex: 1;
  outline: none;
  margin-left: 0.5rem;
  list-style: none;
  border: none;
  font-size: 1.125rem;
  font-family: Microsoft YaHei;
  color: #383a3a;
}
.head .head_content_box .search_box .search_btn {
  cursor: pointer;
  width: 3.75rem;
  height: 100%;
  border-radius: 0.375rem;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.head .head_content_box .search_box .search_btn .icon-search::before {
  font-size: 1.25rem;
  color: #ABB0BD;
}
.head .head_content_box .login {
  flex-shrink: 0;
  cursor: pointer;
  margin-left: 1.875rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.head .head_content_box .login .img {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: center;
  width: 3.25rem;
  height: 3.25rem;
  background: #FFFFFF;
  border-radius: 50%;
}
.head .head_content_box .login .img img {
  width: 2.5rem;
  height: 2.5rem;
}
.head .head_content_box .login .dy_my_new_name {
  color: #fff;
}
.head .head_content_box .login .login_font {
  max-width: 9.375rem;
  margin-top: 0.3125rem;
  text-align: center;
  font-size: 1.125rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.center_box {
  padding: 0.625rem 0 5.5rem 0;
  position: relative;
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.center_box .left_nav {
  position: absolute;
  top: 0.625rem;
  left: 3.625rem;
  width: 15.625rem;
  background-color: #fff;
  padding: 0.625rem 0;
}
.center_box .left_nav .left_nav_item {
  cursor: pointer;
  padding-left: 2.1875rem;
  width: 100%;
  height: 2.25rem;
  line-height: 2.25rem;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.center_box .left_nav .left_nav_item .left_nav_item_ico {
  margin-right: 1.3125rem;
}
.center_box .left_nav .left_nav_item:hover {
  color: #ff8214;
}
.center_box .left_nav .left_nav_item.active {
  background-color: #41424B;
  color: #fff;
}
.center_box .right_nav {
  position: fixed;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  right: 4.875rem;
  width: 4.375rem;
  top: 0;
  bottom: 0;
}
.center_box .right_nav .right_nav_item_box {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 100%;
  margin-bottom: 0.625rem;
}
.center_box .right_nav .right_nav_item_box .right_nav_item {
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background-color: #fff;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.center_box .right_nav .right_nav_item_box .right_nav_text {
  margin-top: 0.3125rem;
  font-size: 0.75rem;
  font-family: Microsoft YaHei;
  color: #393939;
}
.center_box .right_nav .right_nav_item_box:hover {
  color: #ff8214;
}
.center_box .right_nav .right_nav_item_box:hover .right_nav_text {
  color: #ff8214;
}
.center_box .center_content {
  float: right;
  width: 75rem;
}
.center_box .center_content .banner_box {
  width: 100%;
  display: flex;
  flex-direction: row;
}
.center_box .center_content .banner_box .banner_box_one,
.center_box .center_content .banner_box .banner_box_tow {
  cursor: pointer;
  flex: 1;
  height: 12.5rem;
  border-radius: 0.3125rem;
  overflow: hidden;
}
.center_box .center_content .banner_box .banner_box_one img,
.center_box .center_content .banner_box .banner_box_tow img {
  width: 100%;
  height: 100%;
}
.center_box .center_content .banner_box .banner_box_one img:hover,
.center_box .center_content .banner_box .banner_box_tow img:hover {
  transition: all 0.3s ease;
  transform: scale(1.05);
}
.center_box .center_content .banner_box .banner_box_one {
  margin-right: 0.625rem;
}
.center_box .center_content .swap {
  margin-top: 0.625rem;
  width: 100%;
  height: 6.25rem;
}
.center_box .center_content .swap .swiper-container {
  width: 100%;
}
.center_box .center_content .swap .swiper-container .swiper_text {
  cursor: pointer;
  height: 6.25rem;
  background: #FFFFFF;
  border-radius: 0.375rem;
  margin-left: 0.625rem;
  padding: 1.1875rem 1.6875rem 0.75rem;
}
.center_box .center_content .swap .swiper-container .swiper_text .swiper_text_up {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.center_box .center_content .swap .swiper-container .swiper_text .swiper_text_up .new {
  padding: 0.125rem 0.25rem;
  background: #FD6944;
  border-radius: 4px 0px 4px 0px;
  font-size: 0.875rem;
  font-family: Microsoft YaHei;
  color: #FFFFFF;
}
.center_box .center_content .swap .swiper-container .swiper_text .swiper_text_up .time {
  font-size: 1rem;
  font-family: Microsoft YaHei;
  color: #7B808C;
}
.center_box .center_content .swap .swiper-container .swiper_text .swiper_text_down {
  margin-top: 0.8125rem;
  font-size: 0.875rem;
  font-family: Microsoft YaHei;
  color: #ABB0BD;
  line-height: 1.125rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.center_box .center_content .swap .swiper-container .swiper-button-next,
.center_box .center_content .swap .swiper-container .swiper-button-next:after {
  font-size: 1.5rem;
  right: 0 !important;
  color: #ABB0BD;
}
.center_box .center_content .swap .swiper-container .swiper-button-prev,
.center_box .center_content .swap .swiper-container .swiper-button-prev:after {
  font-size: 1.5rem;
  left: 0 !important;
  color: #ABB0BD;
}
.center_box .center_content .swap .swiper-slide-active .swiper_text {
  margin-left: 0;
}
.center_box .center_content .swap .swiper-pagination {
  bottom: 0;
}
.center_box .center_content .swap .swiper-pagination-bullet {
  border-radius: 0.3125rem;
  transition: all 0.3s ease;
  height: 0.3125rem;
  margin: 0 0.125rem;
}
.center_box .center_content .swap .swiper-pagination-bullet-active {
  width: 1.25rem;
}
.center_box .center_content .Mylink {
  margin-top: 0.625rem;
  width: 100%;
  height: 6.25rem;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.center_box .center_content .Mylink .mylink_item:hover {
  transition: all 0.5s ease;
  transform: translate(-0.1875rem, -0.1875rem);
}
.center_box .center_content .Mylink .mylink_item {
  cursor: pointer;
  flex: 1;
  margin-right: 0.625rem;
  height: 100%;
  padding: 0.125rem 0.125rem 0.0625rem 0.125rem;
  border-radius: 0.375rem;
}
.center_box .center_content .Mylink .mylink_item .mylink_item_content {
  width: 100%;
  height: 100%;
  background-color: #fff;
  border-radius: 0.375rem;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.center_box .center_content .Mylink .mylink_item .mylink_item_content .mylink_item_content_text {
  margin-right: 1.875rem;
}
.center_box .center_content .Mylink .mylink_item .mylink_item_content .mylink_item_content_text .mylink_item_content_text_title {
  font-size: 1.625rem;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #FCA715;
}
.center_box .center_content .Mylink .mylink_item .mylink_item_content .mylink_item_content_text .mylink_item_content_down {
  font-size: 1.25rem;
  font-family: Microsoft YaHei;
  color: #41424B;
}
.center_box .center_content .Mylink .mylink_item .mylink_item_content .icon-yuanjiantouzuo-copy {
  font-size: 2.25rem;
}
.center_box .center_content .Mylink .mylink_item .mylink_item_content .mylink_item_content_img {
  width: 2.25rem;
  height: 2.25rem;
}
.center_box .center_content .Mylink .mylink_item .mylink_item_content .mylink_item_content_img img {
  width: 100%;
  height: 100%;
}
.center_box .center_content .Mylink .mylink_one:hover {
  transform: translate(-5px -5px);
}
.center_box .center_content .Mylink .mylink_one {
  background: url(../img/dom/nav_1.png);
  background-size: 100% 100%;
}
.center_box .center_content .Mylink .mylink_two {
  background: url(../img/dom/nav_2.png);
  background-size: 100% 100%;
}
.center_box .center_content .Mylink .mylink_three {
  background: url(../img/dom/nav_3.png);
  background-size: 100% 100%;
}
.center_box .center_content .Mylink .mylink_four {
  background: url(../img/dom/nav_4.png);
  background-size: 100% 100%;
}
.center_box .center_content .Mylink .mylink_five {
  background: url(../img/dom/nav_5.png);
  background-size: 100% 100%;
}
.center_box .center_content .Mylink .mylink_item:last-child {
  margin-right: 0;
}
.center_box .center_content .commonItem {
  margin-top: 0.625rem;
  width: 100%;
  background-color: #fff;
  border-radius: 0.375rem;
  overflow: hidden;
}
.center_box .center_content .commonItem .commonItem_title {
  padding: 0 2.5rem;
  height: 3.625rem;
  width: 100%;
  border-bottom: 0.0625rem solid #F0F0F0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  font-size: 1.375rem;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #41424B;
}
.center_box .center_content .commonItem .commonItem_title .use_edit {
  cursor: pointer;
  font-size: 0.875rem;
  font-family: Microsoft YaHei;
  color: #009A99;
}
.center_box .center_content .commonItem .commonitem_content {
  padding-bottom: 1.3125rem;
  padding-right: 2.5rem;
  overflow: hidden;
}
.center_box .center_content .commonItem .commonitem_content .loading_box {
  width: 100%;
  text-align: center;
}
.center_box .center_content .commonItem .commonitem_content .loading_box .loading {
  width: 18.75rem;
  height: 18.75rem;
  margin: auto;
}
.center_box .center_content .commonItem .commonitem_content .commonitem_content_item {
  position: relative;
  padding-left: 2.5rem;
  margin-top: 1.125rem;
  float: left;
  width: 25%;
  display: flex;
  flex-direction: row;
}
.center_box .center_content .commonItem .commonitem_content .commonitem_content_item .web_ico {
  flex-shrink: 0;
  text-align: center;
  margin-right: 0.625rem;
  width: 1.25rem;
  height: 1.25rem;
  overflow: hidden;
  background: url(../img/dom/web.png);
  background-size: 100% 100%;
}
.center_box .center_content .commonItem .commonitem_content .commonitem_content_item .web_ico img {
  width: 100%;
  height: 100%;
  background-color: #fff;
}
.center_box .center_content .commonItem .commonitem_content .commonitem_content_item .web_info .web_title {
  cursor: pointer;
  width: 100%;
  font-size: 1rem;
  font-family: Microsoft YaHei;
  color: #414141;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.center_box .center_content .commonItem .commonitem_content .commonitem_content_item .web_info .kongUrl {
  color: #ccc;
}
.center_box .center_content .commonItem .commonitem_content .commonitem_content_item .web_info .web_edit {
  margin-top: 0.325rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 0.875rem;
  font-family: Microsoft YaHei;
  color: #A5A5A5;
}
.center_box .center_content .commonItem .commonitem_content .commonitem_content_item .web_info .web_edit .icon-icon-test::before,
.center_box .center_content .commonItem .commonitem_content .commonitem_content_item .web_info .web_edit .icon-xingxing::before {
  font-size: 0.5625rem;
}
.center_box .center_content .commonItem .commonitem_content .commonitem_content_item .web_info .web_edit .web_look {
  margin-right: 1.25rem;
}
.center_box .center_content .commonItem .commonitem_content .commonitem_content_item .web_info .web_edit .web_collet {
  cursor: pointer;
}
.center_box .center_content .commonItem .commonitem_content .commonitem_content_item .web_info .web_edit .web_collet:hover {
  color: #ff8214;
}
.center_box .center_content .commonItem .commonitem_content .commonitem_content_item .web_info .web_edit .web_collet.active {
  color: #ff8214;
}
.center_box .center_content .commonItem .commonitem_content .commonitem_content_item .WebDelet {
  display: none;
  cursor: pointer;
  position: absolute;
  z-index: 9;
  top: 0;
  right: 0;
  width: 0.9375rem;
  height: 0.9375rem;
}
.center_box .center_content .commonItem .commonitem_content .commonitem_content_item .WebDelet .icon-guanbi {
  font-weight: bold;
  color: #484951;
  font-size: 0.75rem;
}
.center_box .center_content .commonItem .commonitem_content .commonitem_content_item:hover {
  color: #ff8214;
}
.center_box .center_content .commonItem .commonitem_content .commonitem_content_item:hover .web_title {
  color: #ff8214;
}
.center_box .center_content .commonItem .commonitem_content .commonitem_content_item:hover .kongUrl {
  color: #ccc;
}
.center_box .center_content .commonItem .commonitem_content .commonitem_row {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.center_box .center_content .commonItem .commonitem_content .commonitem_row .commonitem_content_item {
  position: relative;
  padding-left: 2.5rem;
  margin-top: 1.125rem;
  float: left;
  width: 25%;
  display: flex;
  flex-direction: row;
}
.center_box .center_content .commonItem .commonitem_content .commonitem_row .commonitem_content_item .web_ico {
  flex-shrink: 0;
  text-align: center;
  margin-right: 0.625rem;
  width: 1.25rem;
  height: 1.25rem;
  overflow: hidden;
  background: url(../img/dom/web.png);
  background-size: 100% 100%;
}
.center_box .center_content .commonItem .commonitem_content .commonitem_row .commonitem_content_item .web_ico img {
  width: 100%;
  height: 100%;
  background-color: #fff;
}
.center_box .center_content .commonItem .commonitem_content .commonitem_row .commonitem_content_item .web_info .web_title {
  width: 100%;
  font-size: 1rem;
  font-family: Microsoft YaHei;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.center_box .center_content .commonItem .commonitem_content .commonitem_row .commonitem_content_item .web_info .kongUrl {
  color: #ccc;
}
.center_box .center_content .commonItem .commonitem_content .commonitem_row .commonitem_content_item .web_info .web_edit {
  margin-top: 0.325rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 0.875rem;
  font-family: Microsoft YaHei;
  color: #A5A5A5;
}
.center_box .center_content .commonItem .commonitem_content .commonitem_row .commonitem_content_item .web_info .web_edit .icon-icon-test::before,
.center_box .center_content .commonItem .commonitem_content .commonitem_row .commonitem_content_item .web_info .web_edit .icon-xingxing::before,
.center_box .center_content .commonItem .commonitem_content .commonitem_row .commonitem_content_item .web_info .web_edit .icon-shoucang1::before {
  font-size: 0.5625rem;
}
.center_box .center_content .commonItem .commonitem_content .commonitem_row .commonitem_content_item .web_info .web_edit .web_look {
  margin-right: 1.25rem;
}
.center_box .center_content .commonItem .commonitem_content .commonitem_row .commonitem_content_item .web_info .web_edit .web_collet {
  cursor: pointer;
}
.center_box .center_content .commonItem .commonitem_content .commonitem_row .commonitem_content_item .web_info .web_edit .web_collet:hover {
  color: #ff8214;
}
.center_box .center_content .commonItem .commonitem_content .commonitem_row .commonitem_content_item .web_info .web_edit .web_collet.active {
  color: #ff8214;
}
.center_box .center_content .commonItem .commonitem_content .commonitem_row .commonitem_content_item .WebDelet {
  display: none;
  cursor: pointer;
  position: absolute;
  z-index: 9;
  top: 0;
  right: 0;
  width: 0.9375rem;
  height: 0.9375rem;
}
.center_box .center_content .commonItem .commonitem_content .commonitem_row .commonitem_content_item .WebDelet .icon-guanbi {
  font-weight: bold;
  color: #484951;
  font-size: 0.75rem;
}
.center_box .center_content .commonItem .commonitem_content .commonitem_row .commonitem_content_item:hover {
  color: #ff8214;
}
.center_box .center_content .commonItem .commonitem_content .commonitem_row .commonitem_content_item:hover .web_title {
  color: #ff8214;
}
.center_box .center_content .commonItem .commonitem_content .commonitem_row .commonitem_content_item:hover .kongUrl {
  color: #ccc;
}
.center_box .center_content .commonItem .addWeb {
  padding: 0 2.5rem 1.25rem;
  display: none;
}
.center_box .center_content .commonItem .addWeb .addWeb_content {
  border-top: 0.0625rem solid #F0F0F0;
  padding-top: 0.9375rem;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.center_box .center_content .commonItem .addWeb .addWeb_content .addWeb_title {
  font-size: 1.125rem;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #333333;
}
.center_box .center_content .commonItem .addWeb .addWeb_content .WEB_name {
  margin-left: 4.25rem;
}
.center_box .center_content .commonItem .addWeb .addWeb_content .WEB_name .WEB_name_text {
  font-size: 1rem;
  font-family: Microsoft YaHei;
  color: #333333;
}
.center_box .center_content .commonItem .addWeb .addWeb_content .WEB_name .WEB_name_input {
  outline: none;
  width: 13.75rem;
  height: 1.5625rem;
  background: #FFFFFF;
  border: 0.0625rem solid #A5A5A5;
  border-radius: 0.375rem;
}
.center_box .center_content .commonItem .addWeb .addWeb_content .WEB_local {
  margin-left: 2.625rem;
}
.center_box .center_content .commonItem .addWeb .addWeb_content .WEB_local .WEB_local_name {
  font-size: 1rem;
  font-family: Microsoft YaHei;
  color: #333333;
}
.center_box .center_content .commonItem .addWeb .addWeb_content .WEB_local .WEB_local_input {
  width: 25rem;
  height: 1.5625rem;
  background: #FFFFFF;
  border: 0.0625rem solid #A5A5A5;
  border-radius: 0.375rem;
}
.center_box .center_content .commonItem .addWeb .addWeb_content .addWeb_btn {
  cursor: pointer;
  margin-left: 1.7rem;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 8.75rem;
  height: 2.25rem;
  background: #009A99;
  border-radius: 0.375rem;
}
.center_box .center_content .commonItem .addWeb .addWeb_content .addWeb_btn span {
  font-size: 1.125rem;
  font-family: Microsoft YaHei;
  font-weight: 500;
  color: #FFFFFF;
}
.foot {
  padding: 2.5625rem 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 11.25rem;
  background: #37383A;
  color: #FFFFFF;
}
.foot .foot_content_box {
  height: 100%;
  width: 48.4375rem;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.foot .foot_content_box .logo {
  width: 15.625rem;
}
.foot .foot_content_box .logo img {
  width: 8.4375rem;
  height: 2.75rem;
}
.foot .foot_content_box .kefu_box {
  display: flex;
  flex-direction: column;
  justify-content: s;
  width: 17.5rem;
  height: 100%;
}
.foot .foot_content_box .kefu_box .kefu_title {
  font-size: 1.125rem;
  font-family: PingFang SC;
  color: #FFFFFF;
}
.foot .foot_content_box .kefu_box .kefu_content {
  margin-top: 1.25rem;
  font-size: 0.875rem;
  font-family: PingFang SC;
  color: #FFFFFF;
}
.foot .foot_content_box .kefu_box .kefu_content p {
  line-height: 1.875rem;
}
.foot .foot_content_box .help {
  width: 11.25rem;
}
.foot .foot_content_box .help .help_content {
  cursor: pointer;
  margin-top: 1.15rem;
}
.foot .foot_content_box .QRcode {
  flex-shrink: 0;
  width: 6.0625rem;
  height: 6.0625rem;
}
.foot .foot_content_box .QRcode img {
  width: 100%;
  height: 100%;
}
.modle_box {
  z-index: 19;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.5);
}
.modle_box .modle {
  box-sizing: border-box;
  text-align: center;
  position: absolute;
  top: 20%;
  left: 50%;
  transform: translateX(-50%);
  margin: auto;
}
.modle_box .modle .modle_box_content {
  padding-bottom: 1.25rem;
  background-color: #fff;
  border-radius: 0.3125rem;
  overflow: hidden;
  box-sizing: content-box;
}
.modle_box .modle .modle_box_content .QRcode {
  margin: auto;
  width: 23.75rem;
  height: 21.75rem;
}
.modle_box .modle .modle_box_content .QRcode img {
  max-width: 100%;
  max-height: 100%;
}
.modle_box .modle .modle_close {
  margin-top: 1.25rem;
}
.modle_box .modle .modle_close .iconfont::before {
  font-size: 1.875rem;
  color: #eee;
}
.social-share {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 10.5rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  visibility: hidden;
}
.xiaoxi {
  line-height: 3.75rem;
}
.xiaoxi .img {
  height: 100%;
  font-size: 1.875rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.xiaoxi .img .iconfont {
  font-size: 1.875rem;
  margin-right: 10px;
}