#dify-chatbot-bubble-button {
  background-color: #1C64F2 !important;
}
#dify-chatbot-bubble-window {
  width: 4rem !important;
  height: 8rem !important;
}
a.base-warning-btn,
a.base-warning-plain-btn,
a.base-primary-btn {
  display: inline-block;
  font-size: 0.14rem;
  line-height: 0.21rem;
  padding: 0.06rem 0.18rem;
  border: 1px solid #ff6f2c;
}
a.base-warning-btn + a,
a.base-warning-plain-btn + a,
a.base-primary-btn + a {
  margin-left: 10px;
}
a.base-warning-btn {
  color: #fff;
  background-color: #ff6f2c;
}
a.base-warning-plain-btn {
  color: #ff6f2c;
}
a.base-primary-btn {
  color: #fff;
  border-color: #1374e0;
  background-color: #1374e0;
}
.margin10 {
  margin: 0.1rem;
}
.mt10 {
  margin-top: 0.1rem;
}
.mr10 {
  margin-right: 0.1rem;
}
.mb10 {
  margin-bottom: 0.1rem;
}
.ml10 {
  margin-left: 0.1rem;
}
.padding10 {
  padding: 0.1rem;
}
.pt10 {
  padding-top: 0.1rem;
}
.pr10 {
  padding-right: 0.1rem;
}
.pb10 {
  padding-bottom: 0.1rem;
}
.pl10 {
  padding-left: 0.1rem;
}
.margin20 {
  margin: 0.2rem;
}
.mt20 {
  margin-top: 0.2rem;
}
.mr20 {
  margin-right: 0.2rem;
}
.mb20 {
  margin-bottom: 0.2rem;
}
.ml20 {
  margin-left: 0.2rem;
}
.padding20 {
  padding: 0.2rem;
}
.pt20 {
  padding-top: 0.2rem;
}
.pr20 {
  padding-right: 0.2rem;
}
.pb20 {
  padding-bottom: 0.2rem;
}
.pl20 {
  padding-left: 0.2rem;
}
.margin30 {
  margin: 0.3rem;
}
.mt30 {
  margin-top: 0.3rem;
}
.mr30 {
  margin-right: 0.3rem;
}
.mb30 {
  margin-bottom: 0.3rem;
}
.ml30 {
  margin-left: 0.3rem;
}
.padding30 {
  padding: 0.3rem;
}
.pt30 {
  padding-top: 0.3rem;
}
.pr30 {
  padding-right: 0.3rem;
}
.pb30 {
  padding-bottom: 0.3rem;
}
.pl30 {
  padding-left: 0.3rem;
}
.margin40 {
  margin: 0.4rem;
}
.mt40 {
  margin-top: 0.4rem;
}
.mr40 {
  margin-right: 0.4rem;
}
.mb40 {
  margin-bottom: 0.4rem;
}
.ml40 {
  margin-left: 0.4rem;
}
.padding40 {
  padding: 0.4rem;
}
.pt40 {
  padding-top: 0.4rem;
}
.pr40 {
  padding-right: 0.4rem;
}
.pb40 {
  padding-bottom: 0.4rem;
}
.pl40 {
  padding-left: 0.4rem;
}
.margin50 {
  margin: 0.5rem;
}
.mt50 {
  margin-top: 0.5rem;
}
.mr50 {
  margin-right: 0.5rem;
}
.mb50 {
  margin-bottom: 0.5rem;
}
.ml50 {
  margin-left: 0.5rem;
}
.padding50 {
  padding: 0.5rem;
}
.pt50 {
  padding-top: 0.5rem;
}
.pr50 {
  padding-right: 0.5rem;
}
.pb50 {
  padding-bottom: 0.5rem;
}
.pl50 {
  padding-left: 0.5rem;
}
.margin60 {
  margin: 0.6rem;
}
.mt60 {
  margin-top: 0.6rem;
}
.mr60 {
  margin-right: 0.6rem;
}
.mb60 {
  margin-bottom: 0.6rem;
}
.ml60 {
  margin-left: 0.6rem;
}
.padding60 {
  padding: 0.6rem;
}
.pt60 {
  padding-top: 0.6rem;
}
.pr60 {
  padding-right: 0.6rem;
}
.pb60 {
  padding-bottom: 0.6rem;
}
.pl60 {
  padding-left: 0.6rem;
}
.margin70 {
  margin: 0.7rem;
}
.mt70 {
  margin-top: 0.7rem;
}
.mr70 {
  margin-right: 0.7rem;
}
.mb70 {
  margin-bottom: 0.7rem;
}
.ml70 {
  margin-left: 0.7rem;
}
.padding70 {
  padding: 0.7rem;
}
.pt70 {
  padding-top: 0.7rem;
}
.pr70 {
  padding-right: 0.7rem;
}
.pb70 {
  padding-bottom: 0.7rem;
}
.pl70 {
  padding-left: 0.7rem;
}
.margin80 {
  margin: 0.8rem;
}
.mt80 {
  margin-top: 0.8rem;
}
.mr80 {
  margin-right: 0.8rem;
}
.mb80 {
  margin-bottom: 0.8rem;
}
.ml80 {
  margin-left: 0.8rem;
}
.padding80 {
  padding: 0.8rem;
}
.pt80 {
  padding-top: 0.8rem;
}
.pr80 {
  padding-right: 0.8rem;
}
.pb80 {
  padding-bottom: 0.8rem;
}
.pl80 {
  padding-left: 0.8rem;
}
.margin90 {
  margin: 0.9rem;
}
.mt90 {
  margin-top: 0.9rem;
}
.mr90 {
  margin-right: 0.9rem;
}
.mb90 {
  margin-bottom: 0.9rem;
}
.ml90 {
  margin-left: 0.9rem;
}
.padding90 {
  padding: 0.9rem;
}
.pt90 {
  padding-top: 0.9rem;
}
.pr90 {
  padding-right: 0.9rem;
}
.pb90 {
  padding-bottom: 0.9rem;
}
.pl90 {
  padding-left: 0.9rem;
}
.margin100 {
  margin: 1rem;
}
.mt100 {
  margin-top: 1rem;
}
.mr100 {
  margin-right: 1rem;
}
.mb100 {
  margin-bottom: 1rem;
}
.ml100 {
  margin-left: 1rem;
}
.padding100 {
  padding: 1rem;
}
.pt100 {
  padding-top: 1rem;
}
.pr100 {
  padding-right: 1rem;
}
.pb100 {
  padding-bottom: 1rem;
}
.pl100 {
  padding-left: 1rem;
}
.home-h1 {
  color: #181818;
  font-size: 0.36rem;
  text-align: center;
}
.h-title-36 {
  color: #111;
  font-size: 0.36rem;
  text-align: center;
}
.home-nh2 {
  color: #000;
  font-size: 0.28rem;
  text-align: center;
}
.home-h2 {
  color: #000;
  font-size: 0.28rem;
  text-align: center;
  padding-top: 0.8rem;
}
.home-h2-p {
  color: #555;
  text-align: center;
  font-size: 0.14rem;
  line-height: 0.3rem;
  margin-top: 6px;
}
.outer-bound {
  width: 100%;
  background-color: #f3f5f8;
}
.outer-bound1 {
  width: 100%;
  background-color: #edf0f5;
}
.d-center {
  display: flex;
  justify-content: center;
}
.bg {
  background-image: linear-gradient(0deg, #ffffff 0%, #f7faff 100%);
  box-shadow: 0px 9px 14px 0px rgba(0, 0, 0, 0.07);
}
.return-head {
  width: 65px;
  height: 65px;
  position: fixed;
  top: 80%;
  right: 40px;
  z-index: 99;
  text-align: center;
  line-height: 65px;
  background-color: #ffffff;
  box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.07);
  border-radius: 30px;
  cursor: pointer;
}
.return-head img {
  width: 25px;
  height: auto;
}
.topc {
  width: 100%;
  height: 100px;
  z-index: 100;
  display: none;
}
.topr {
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 10000;
  display: none;
}
.topr .banner-head {
  position: absolute;
  left: 50%;
  margin-left: -960px;
  z-index: 2;
  width: 1920px;
  height: 100px;
}
.topr .click {
  position: fixed;
  z-index: 10;
  top: 0;
  right: 0;
  width: 33px;
  height: 33px;
  cursor: pointer;
}
.topr .click img {
  width: 33px;
  height: 33px;
}
.banner-2 {
  width: 100%;
  height: 3.5rem;
  position: relative;
}
.banner-2 img {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
}
.banner-2 .bound {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.banner-2 .bound > h1 {
  width: 100%;
  color: #181818;
  font-size: 0.36rem;
  margin-bottom: 0.12rem;
}
.banner-2 .bound > p {
  width: 8.5rem;
  color: #444;
  font-size: 0.16rem;
  line-height: 0.27rem;
}
.banner-2 .bound .buy-btn a {
  display: inline-block;
  color: #fff;
  font-size: 0.14rem;
  background-color: #f27113;
  padding: 0.1rem 0.35rem;
  margin-top: 0.3rem;
}
.ssl-brand-banner {
  width: 100%;
  height: 3.5rem;
  position: relative;
  overflow: hidden;
}
.ssl-brand-banner img {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
}
.ssl-brand-banner .recommend {
  width: 29%;
  position: absolute;
  bottom: 0;
  z-index: 1;
  color: #fff;
  font-size: 0.16rem;
  line-height: 0.45rem;
  text-align: right;
  font-weight: bold;
  background: linear-gradient(-90deg, #ff6e2d 0%, #ff9418 61%, #ffba02 100%);
  padding: 0 0.6rem 0 0.2rem;
  border-radius: 0 0.7rem 0 0;
}
.ssl-brand-banner .recommend a {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.ssl-brand-banner .bound {
  height: calc(100% - 0.45rem);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.ssl-brand-banner .bound.type-bound {
  height: 100%;
}
.ssl-brand-banner .bound > h1 {
  width: 6.5rem;
  color: #111;
  font-size: 0.36rem;
  line-height: 0.5rem;
  margin-bottom: 6px;
}
.ssl-brand-banner .bound > p {
  width: 8rem;
  color: #111;
  font-size: 0.14rem;
  line-height: 0.24rem;
  text-align: justify;
}
.ssl-brand-banner .bound > p a {
  color: #1374e0;
}
.ssl-brand-banner .bound .type-recommend {
  margin-top: 0.2rem;
}
.ssl-brand-banner .bound .type-recommend a {
  display: inline-block;
  color: #fff;
  font-size: 0.14rem;
  padding: 0.1rem 0.14rem;
  background-image: linear-gradient(90deg, #ff6e2d 0%, #ffba02 100%);
}
.ssl-brand-banner .bound .btns {
  display: flex;
  align-items: center;
  margin-top: 0.2rem;
}
.ssl-brand-banner .bound .btns a {
  display: inline-block;
  font-size: 0.14rem;
  padding: 0.1rem 0.15rem;
  border: 1px solid #ff6f2c;
}
.ssl-brand-banner .bound .btns a + a {
  margin-left: 10px;
}
.ssl-brand-banner .bound .btns .warning {
  color: #fff;
  background-color: #ff6f2c;
}
.ssl-brand-banner .bound .btns .warning-plain {
  color: #ff6f2c;
}
.ssl-brand-banner .bound .btns .primary {
  color: #fff;
  border-color: #1374e0;
  background-color: #1374e0;
}
.ssl-brand-banner .bound .btns .clm-ssl-price {
  color: #333;
  font-size: 0.14rem;
  margin-left: 0.1rem;
}
.ssl-brand-banner .bound .btns .clm-ssl-price span {
  color: #ff6f2c;
  font-size: 0.18rem;
  font-weight: bold;
}
@media screen and (max-width: 1420px) {
  .ssl-brand-banner .recommend {
    width: auto;
    text-align: left;
  }
}
.clear-fixed {
  height: 60px;
}
.header {
  position: fixed;
  z-index: 10000;
  width: 100%;
  height: 60px;
  color: #333;
  font-size: 0.14rem;
  background-color: #fff;
  border-bottom: 1px solid #ccc;
}
.header-content {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
.header-content .logo {
  padding: 0 0.4rem;
}
.header-content .logo img {
  width: 1.9rem;
}
/* 右边登录注册 */
.header-right {
  height: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  position: relative;
}
.header-right .station {
  height: 100%;
  position: relative;
  padding: 0 0.2rem;
}
.header-right .station:hover .down {
  transform: rotate(-90deg);
}
.header-right .station:hover > div {
  display: block;
}
.header-right .station > p {
  margin-top: 23px;
}
.header-right .station .down {
  display: inline-block;
  width: 5px;
  height: 9px;
  transform: rotate(90deg);
  background: url("../images/index/right-rowed.png") right center / 100% 100% no-repeat;
}
.header-right .station > div {
  width: 100px;
  position: absolute;
  top: 65px;
  left: 0;
  color: #181818;
  font-size: 0.14rem;
  line-height: 0.25rem;
  background-color: #fff;
  padding: 0.1rem 0.2rem;
  display: none;
}
.header-right .station > div span {
  display: inline-block;
  position: absolute;
  top: -14px;
  left: 40px;
  border: 8px solid #fff;
  border-left-color: transparent;
  border-right-color: transparent;
  border-top-color: transparent;
}
.header-right .contact {
  height: 100%;
  position: relative;
  padding: 0 0.15rem;
}
.header-right .contact .chat {
  display: inline-block;
  width: 18px;
  height: 14px;
  margin-top: 23px;
  background: url("../images/indexss/header客服1.png") center center / 100% 100% no-repeat;
}
.header-right .contact .info {
  width: 1.6rem;
  display: none;
  position: absolute;
  top: 59px;
  left: 0;
  color: #181818;
  font-size: 0.14rem;
  background-color: #fff;
  padding: 0.15rem 0.1rem;
}
.header-right .contact .info p:first-child {
  color: #999;
  line-height: 0.32rem;
}
.header-right .contact .info .call {
  margin: 0.15rem 0;
  padding-left: 25px;
  background: url("../images/indexss/header电话1.png") left center / 0.18rem 0.14rem no-repeat;
}
.header-right .contact .info .call:hover {
  color: #e95513;
  background-image: url("../images/indexss/header电话.png");
}
.header-right .contact .info .pre-sales {
  margin-bottom: 0.15rem;
  padding-left: 0.25rem;
  background: url("../images/indexss/header咨询1.png") left center / 0.18rem 0.14rem no-repeat;
}
.header-right .contact .info .pre-sales:hover {
  color: #e95513;
  background-image: url("../images/indexss/header咨询.png");
}
.header-right .contact .info .next-sales {
  padding-left: 0.25rem;
  background: url("../images/indexss/header客服1.png") left center / 0.18rem 0.14rem no-repeat;
}
.header-right .contact .info .next-sales:hover {
  color: #e95513;
  background-image: url("../images/indexss/header客服.png");
}
.header-right .contact:hover .chat {
  background-image: url("../images/indexss/header客服.png");
}
.header-right .contact:hover .info {
  display: block;
}
.header-right .register,
.header-right .logining {
  width: 1rem;
  height: 59px;
  text-align: center;
  line-height: 59px;
}
.header-right .register {
  width: 0.8rem;
}
.header-right .logining {
  color: #fff;
  background-color: #1374e0;
}
.header-right .register-coupon {
  display: inline-block;
  width: 119px;
  height: 47px;
  background: url("../images/index/注册送2万元券1.png") center center / 100% 100% no-repeat;
  position: absolute;
  right: 1.25rem;
  top: 45px;
  z-index: 10000;
}
/* 中间 */
.header-links {
  width: 10rem;
  flex-grow: 1;
}
.header-links a,
.header-links div {
  display: inline-block;
  line-height: 57px;
  padding: 0 0.15rem;
  margin-right: 0.1rem;
  cursor: pointer;
  border-bottom: 2px solid transparent;
}
.header-links a:hover,
.header-links div:hover,
.header-links a.active {
  color: #1374e0;
  border-bottom-color: #1374e0;
}
/* 产品二级 */
.submenu {
  width: 100%;
  position: relative;
  top: 0;
  background-color: #f4f5f9;
  box-shadow: 0px 4px 9px 0px rgba(14, 47, 177, 0.15);
  display: none;
}
.submenu .left {
  width: 23%;
  display: flex;
  justify-content: flex-end;
  padding: 0.5rem 0.2rem;
  background-color: #fff;
  background-image: url("../images/indexss/header图.png");
  background-position: right bottom;
  background-size: contain;
  background-repeat: no-repeat;
}
.submenu .right {
  width: 77%;
  padding: 0.5rem 0.7rem;
}
.submenu .right > div:not(:first-child) {
  display: none;
}
.submenu .right .title {
  display: inline-block;
  font-size: 0.16rem;
  line-height: 0.24rem;
  font-weight: bold;
  padding-bottom: 0.1rem;
}
.submenu .right .title + .header-box {
  border-top: 1px solid #ccc;
  padding-top: 0.15rem;
}
.submenu .right .header-box {
  display: flex;
  flex-wrap: wrap;
}
.submenu .right .header-box a {
  width: 2.8rem;
  display: flex;
  align-items: flex-start;
  padding: 0.15rem 0.11rem;
  margin-bottom: 0.2rem;
  border: 2px solid #fff;
  box-shadow: 0px 5px 13px 0px rgba(174, 206, 241, 0.33);
  background-image: linear-gradient(0deg, #fafafa 0%, #edeff2 100%), linear-gradient(#ffffff, #ffffff);
}
.submenu .right .header-box a span {
  flex-shrink: 0;
  width: 0.3rem;
  color: #1374e0;
  font-size: 0.18rem;
  line-height: 0.18rem;
  font-weight: bold;
}
.submenu .right .header-box a h4 {
  color: #181818;
  font-weight: bold;
  font-size: 0.15rem;
  margin-bottom: 5px;
}
.submenu .right .header-box a p {
  color: #555;
  font-size: 0.14rem;
  line-height: 0.2rem;
}
.submenu .product-left {
  width: 1.8rem;
  font-weight: bold;
  font-size: 0.14rem;
}
.submenu .product-left p {
  padding: 0.1rem 0.2rem;
}
.submenu .product-left p:hover {
  color: #1374e0;
  background-color: #f4f5f9;
}
.submenu .product-left p.active {
  color: #1374e0;
  background-color: #f4f5f9;
}
/* ssl证书 */
.submenu .product-ssl {
  width: 100%;
  display: flex;
  gap: 0 1.4rem;
}
.submenu .product-ssl .hot-ad img {
  width: 3.98rem;
  margin-left: 0.6rem;
}
.submenu .product-ssl .ssl > div {
  border-top: 1px solid #ccc;
  display: flex;
  justify-content: space-between;
}
.submenu .product-ssl .ssl > div a {
  word-break: keep-all;
  font-size: 0.14rem;
  line-height: 0.36rem;
}
.submenu .product-ssl .ssl > div a:hover {
  color: #1374e0;
}
.submenu .product-ssl .ssl .brands {
  width: 2.32rem;
}
.submenu .product-ssl .ssl .types {
  width: 2.8rem;
}
.submenu .product-ssl .company-services {
  width: 3.7rem;
}
.submenu .product-ssl .company-services > div {
  width: 100%;
}
.submenu .product-digital {
  display: flex;
  gap: 0 0.5rem;
}
.submenu .product-digital > div:first-child .company-services {
  width: 5rem;
}
.submenu .product-digital > div:last-child .company-services {
  width: 2.5rem;
}
.submenu .product-digital > div:last-child .company-services > div {
  width: 100%;
}
.submenu .company-services {
  width: 8rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.2rem;
  padding-top: 0.1rem;
  border-top: 1px solid #ccc;
}
.submenu .company-services > div {
  width: calc(50% - 0.1rem);
  color: #999;
  font-size: 0.12rem;
  line-height: 0.2rem;
}
.submenu .company-services > div a {
  color: #333;
  font-size: 0.14rem;
  margin-bottom: 10px;
}
.submenu .company-services > div a:hover {
  color: #1374e0;
}
.submenu .product-domain {
  display: flex;
}
.submenu .product-domain .domain {
  width: 2.5rem;
}
.submenu .product-domain .domain:not(:last-child) {
  margin-right: 0.8rem;
}
.submenu .product-domain .domain > div {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  border-top: 1px solid #ccc;
}
.submenu .product-domain .domain > div a {
  width: 50%;
  word-break: keep-all;
  font-size: 0.14rem;
  line-height: 0.36rem;
}
.submenu .product-domain .domain > div a:hover {
  color: #1374e0;
}
.submenu .product-domain .domain.hosting {
  width: 1.5rem;
}
.submenu .product-domain .domain.hosting > div a {
  width: 100%;
}
.submenu .product-domain .domain.safety {
  width: 2rem;
}
.submenu .product-domain .domain.safety:not(:last-child) {
  margin-right: 1rem;
}
.submenu .product-domain .domain.safety > div a {
  width: 100%;
}
.submenu .solution-left {
  width: 2rem;
  color: #555;
  font-size: 0.14rem;
  line-height: 0.24rem;
}
.submenu .solution-left h3 {
  color: #181818;
  font-size: 0.18rem;
  line-height: 0.24rem;
  margin-bottom: 0.1rem;
}
.submenu .solution-left a {
  display: inline-block;
  color: #1374e0;
  font-size: 0.14rem;
  margin-top: 0.25rem;
}
.submenu .solution {
  display: flex;
}
.submenu .solution > div {
  width: 2.8rem;
  margin-right: 1.2rem;
}
.submenu .client {
  display: flex;
}
.submenu .client > div {
  width: 2.7rem;
}
.submenu .client > div div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.submenu .client > div div a {
  color: #555;
  font-size: 0.14rem;
  line-height: 0.36rem;
}
.submenu .client > div div a:hover {
  color: #1374e0;
}
.submenu .partner > a img {
  width: 5.49rem;
}
.submenu .racent .racent-qr {
  width: 4rem;
  display: flex;
  align-items: flex-start;
  flex-direction: row;
  color: #181818;
  font-size: 0.14rem;
  line-height: 0.24rem;
  padding: 0.15rem;
  border: 2px solid #fff;
  box-shadow: 0px 5px 13px 0px rgba(174, 206, 241, 0.33);
  background-image: linear-gradient(0deg, #fafafa 0%, #edeff2 100%), linear-gradient(#ffffff, #ffffff);
}
.submenu .racent .racent-qr img {
  width: 1.4rem;
  margin-right: 0.2rem;
}
.submenu .racent .racent-qr h4 {
  font-size: 0.14rem;
  font-weight: bold;
  margin: 0.1rem 0;
}
@media screen and (max-width: 640px) {
  a.base-warning-btn,
  a.base-warning-plain-btn,
  a.base-primary-btn {
    font-size: 0.2rem;
    padding: 0.1rem 0.22rem;
  }
  .home-h1 {
    font-size: 0.42rem;
  }
  .home-nh2 {
    font-size: 0.36rem;
  }
  .home-h2 {
    font-size: 0.36rem;
    padding-top: 0.6rem;
  }
  .home-h2-p {
    font-size: 0.2rem;
    line-height: 0.35rem;
  }
  .banner-2 {
    height: 5rem;
  }
  .banner-2 .bound {
    align-items: center;
    justify-content: flex-start;
  }
  .banner-2 .bound > h1 {
    font-size: 0.42rem;
    margin-top: 0.5rem;
    text-align: center;
  }
  .banner-2 .bound > p {
    display: none;
  }
  .banner-2 .bound .buy-btn a {
    font-size: 0.2rem;
    margin-top: 0.2rem;
  }
  .ssl-brand-banner {
    height: 5.5rem;
  }
  .ssl-brand-banner .recommend {
    width: 4.8rem;
    font-size: 0.22rem;
    text-align: left;
  }
  .ssl-brand-banner .recommend.sms-recommend {
    width: 5.3rem;
  }
  .ssl-brand-banner .bound {
    height: calc(100% - 0.45rem);
    justify-content: flex-start;
  }
  .ssl-brand-banner .bound > h1:not(.show-dom) {
    display: none;
  }
  .ssl-brand-banner .bound > p:not(.show-dom) {
    display: none;
  }
  .ssl-brand-banner .bound > h1.show-dom {
    width: 100%;
    text-align: center;
    font-size: 0.42rem;
    padding-top: 0.2rem;
  }
  .ssl-brand-banner .bound > p.show-dom {
    width: 100%;
    font-size: 0.2rem;
    line-height: 0.34rem;
  }
  .ssl-brand-banner .bound .type-recommend {
    margin-top: 0.2rem;
    position: absolute;
    bottom: 0;
    left: 0;
  }
  .ssl-brand-banner .bound .type-recommend a {
    font-size: 0.2rem;
    padding: 0.15rem 0.3rem;
  }
  .ssl-brand-banner .bound .btns {
    display: none;
  }
  .topc {
    z-index: 1000;
    width: 100%;
    height: 2rem;
  }
  .topr {
    position: fixed;
    top: 0;
    z-index: 10000;
    width: 100%;
  }
  .topr .banner-head {
    position: absolute;
    left: 50%;
    margin-left: -3.2rem;
    z-index: 2;
    width: 6.4rem;
    height: 2rem;
  }
  .topr .click {
    position: fixed;
    z-index: 10;
    top: 0;
    right: 0;
    width: 33px;
    height: 33px;
    cursor: pointer;
  }
  .topr .click img {
    width: 33px;
    height: 33px;
  }
  .header {
    width: 100%;
    font-size: 0.2rem;
  }
  .header-phone a img {
    width: 0.39rem;
  }
  .header-phone > img {
    width: 0.33rem;
    margin: 0 0.2rem 0 0.3rem;
  }
  .header-content {
    justify-content: space-between;
  }
  .header-content .logo {
    padding: 0 0.2rem;
  }
  .header-content .logo img {
    width: 2.2rem;
  }
  /* 右边登录注册 */
  .header-right {
    display: none;
  }
  /* 中间 */
  .header-links {
    width: 1.7rem;
    flex-grow: 0;
    position: absolute;
    top: 60px;
    left: 0;
    font-size: 0.24rem;
    padding: 0.2rem 0;
    background-color: #edf0f5;
    box-shadow: 1px 2px 27px 0px rgba(8, 72, 143, 0.15);
    display: none;
  }
  .header-links a,
  .header-links div {
    width: 100%;
    line-height: 0.3rem;
    padding: 0.1rem 0.15rem;
    margin-right: 0;
  }
  /* 产品二级 */
  .submenu {
    left: 1.7rem;
    overflow-x: auto;
  }
  .submenu .left:not(.product) {
    display: none;
  }
  .submenu .left.product {
    width: 2.2rem;
    flex-shrink: 0;
  }
  .submenu .right {
    width: 14.7rem;
    flex-shrink: 0;
    padding: 0.5rem 0.7rem;
  }
  .submenu .right .title {
    font-size: 0.22rem;
    line-height: 0.3rem;
  }
  .submenu .right .header-box {
    display: flex;
    flex-wrap: wrap;
  }
  .submenu .right .header-box a span {
    width: 0.42rem;
    font-size: 0.24rem;
  }
  .submenu .right .header-box a h4 {
    font-size: 0.21rem;
  }
  .submenu .right .header-box a p {
    font-size: 0.2rem;
    line-height: 0.26rem;
  }
  .submenu .product-left {
    width: 1.8rem;
    font-size: 0.2rem;
  }
  /* ssl证书 */
  .submenu .product-ssl {
    width: 100%;
    display: flex;
  }
  .submenu .product-ssl .hot-ad img {
    width: 4rem;
    margin-left: 0.2rem;
  }
  .submenu .product-ssl .ssl > div a {
    font-size: 0.2rem;
    line-height: 0.42rem;
  }
  .submenu .product-ssl .ssl .brands {
    width: 2.8rem;
  }
  .submenu .product-ssl .ssl .types {
    width: 3.2rem;
  }
  .submenu .product-digital > div:last-child {
    margin-left: 0.3rem;
  }
  .submenu .product-domain .domain > div a {
    font-size: 0.2rem;
    line-height: 0.43rem;
  }
  .submenu .company-services > div {
    font-size: 0.2rem;
    line-height: 0.28rem;
  }
  .submenu .company-services > div a {
    font-size: 0.22rem;
  }
  .submenu .client > div div a {
    font-size: 0.2rem;
    line-height: 0.42rem;
  }
  .submenu .racent .racent-qr {
    font-size: 0.2rem;
    line-height: 0.34rem;
  }
  .submenu .racent .racent-qr img {
    width: 1.4rem;
    margin-right: 0.2rem;
  }
  .submenu .racent .racent-qr h4 {
    font-size: 0.2rem;
  }
}