/*控制footer的li没有前面的点*/
.footer-li li {
list-style: none !important;
text-align:left;
}
.footer-li li:hover {
text-decoration:underline ;
}
.footer-li ul {
margin: 0;
}
/*控制footer的li没有前面的点*/

/*控制blog文章和zero app里图片的上下边距*/

.ba-field-content img {
margin: 8px 0;
}
/*控制播放按鈕*/
.click-button{
  position:relative;
}
.click-button::after{
  position:absolute;
  content:"▶";
  display:flex;
  align-items:center;
  justify-content:center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: clamp(2.5rem, 2rem + 2.5vw, 5rem);
  height: clamp(2.5rem, 2rem + 2.5vw, 5rem);
  background-color: #8a2d30;
  background-size: contain;
  background-repeat: no-repeat;
  border-radius: 50%;
  box-shadow: 0px 0px 5px 1px black;
  transition: all 0.3s ease;
  color:white;
  font-size:33px;
}

.click-button:hover::after {
   transform: translate(-50%, -50%) scale(1.1);
  	font-size:36px;
}

/*可视化链接seo版,小贴士专用*/
        .Visual_links-seo {
          		display:flex;
            border-radius: 10px;
            width:100%;
          		/*height:clamp(10.188rem, 3.768rem + 22.33vw, 30.563rem);*/
          		min-height:clamp(10.188rem, 5.127rem + 17.6vw, 26.25rem);
        }

        .Visual_links-seo>div {
          		height:100% !important;
            width: 50%;
          		box-sizing:border-box;
        }

        .Visual_links-seo>div:nth-of-type(1) {
          		display:flex;
          		align-items:center;
          		justify-content:center;
            background-color: #4e2c11;
          		height:100% !important;
        }

        .Visual_links-seo>div:nth-of-type(2) {
          		display:flex;
          		justify-content:center;
          		background-color: #efefef;
            flex-direction: column;
            padding-right: clamp(0.938rem, 0.347rem + 2.05vw, 2.813rem);
            padding-left: clamp(0.938rem, 0.347rem + 2.05vw, 2.813rem);
        }

        .Visual_links-seo img {
            width:100% !important;
            object-fit: cover !important;
        }

        .Visual_links-seo h3 {
            font-family: OPPOSans-B;
            font-size: clamp(1rem, 0.527rem + 1.64vw, 2.5rem);
            font-weight: 600;
            font-stretch: normal;
            line-height: 1.3;
            letter-spacing: 0px;
            color: #333333;
        }

        .Visual_links-seo p {
            font-family: OPPOSans-M;
            font-size: clamp(0.688rem, 0.412rem + 0.96vw, 1.563rem);
            font-weight: normal;
            font-stretch: normal;
            line-height: 1.3;
            letter-spacing: 0px;
            color: #333333;
            padding-top: clamp(0.625rem, 0.133rem + 1.71vw, 2.188rem);
            padding-bottom: clamp(0.625rem, 0.133rem + 1.71vw, 2.188rem);
        }

        .Visual_links-seo .Visual_links_button-seo {
            display: flex;
            justify-content: center;
            align-items: center;
            width: clamp(8.125rem, 4.777rem + 11.64vw, 18.75rem);
            height: clamp(2.125rem, 1.318rem + 2.81vw, 4.688rem);
            background-color: #dac37d;
            border-radius: 10px;
            /* padding: 21px 85px 21px 85px ; */
        }
						.Visual_links-seo a{
            font-family: OPPOSans-B;
            font-size: clamp(1rem, 0.665rem + 1.16vw, 2.063rem);
            font-weight: 750;
            font-stretch: normal;
            line-height: 1.3;
            letter-spacing: 0px;
            color: #333333;
        }
        .Visual_links_button-seo:hover{
            background-color: #333333;
            Cursor: pointer
        }
						.Visual_links-seo h3:hover a{
            color:#dac37d;
						}
						.Visual_links_button-seo:hover a{
            color:white;
					 }



        /*可视化链接seo版,设计案例和实拍案例专用*/
        .visual_links-seo {
            display: flex;
            border-radius: 10px;
            width: 100%;
            min-height: clamp(10.188rem, 3.768rem + 22.33vw, 30.563rem);
            overflow:hidden;
            /* min-height: clamp(15.375rem, 5.726rem + 33.56vw, 46rem); */

        }

        /* .visual_links-seo>div {
            height: 100% !important;
            box-sizing: border-box;
        } */

        .visual_links-seo>div:nth-of-type(1) {
            width: 45%;
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: #4c4c4c;
            overflow: hidden;
        }

        .visual_links-seo>div:nth-of-type(2) {
            width: 55%;
            display: flex;
            justify-content: center;
            background-color: #efefef;
            flex-direction: column;
            padding-right: clamp(0.938rem, 0.347rem + 2.05vw, 2.813rem);
            padding-left: clamp(0.938rem, 0.347rem + 2.05vw, 2.813rem);
          		padding-top:10px;
            padding-bottom:10px;
        }

        .visual_links-seo>div:nth-of-type(1) a {
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .visual_links-seo img {
            width: auto;
            height: 80% !important;
        }

        .visual_links-seo h3 {
            font-family: OPPOSans-B;
            font-size: clamp(1rem, 0.527rem + 1.64vw, 2.5rem);
            font-weight: 600;
            font-stretch: normal;
            line-height: 1.3;
            letter-spacing: 0px;
            color: #333333;
            text-align:left;
        }

        .visual_links-seo p {
            font-family: OPPOSans-M;
            font-size: clamp(0.688rem, 0.412rem + 0.96vw, 1.563rem);
            font-weight: 650;
            font-stretch: normal;
            line-height: 1.3;
            letter-spacing: 0px;
            color: #333333;
            padding-top: clamp(0.625rem, 0.527rem + 0.34vw, 0.938rem);
            padding-bottom: clamp(0.625rem, 0.527rem + 0.34vw, 0.938rem);
        }

        .visual_links-seo p:nth-of-type(1) {
            font-family: OPPOSans-M;
            font-size: clamp(0.5rem, 0.185rem + 1.1vw, 1.5rem);
            font-weight: normal;
            font-stretch: normal;
            line-height: 1.3;
            letter-spacing: 0px;
            color: #999999;
            padding-top: clamp(0.563rem, 0.11rem + 1.58vw, 2rem);
            /*padding-bottom: clamp(1.125rem, 0.377rem + 2.6vw, 3.5rem);*/
            padding-bottom: clamp(0.563rem, 0.11rem + 1.58vw, 2rem);
        }

        .visual_links-seo p:nth-of-type(6) {
            padding-bottom: clamp(0.875rem, 0.048rem + 2.88vw, 3.5rem);
        }

        .visual_links-seo span {
            font-weight: 550;
        }

        .visual_links-seo .visual_links_button-seo {
            display: flex;
            justify-content: center;
            align-items: center;
            width: clamp(8.125rem, 4.777rem + 11.64vw, 18.75rem);
            height: clamp(2.125rem, 1.318rem + 2.81vw, 4.688rem);
            background-color: #8a2d30;
            border-radius: 10px;
            /* padding: 21px 85px 21px 85px ; */
        }

        .visual_links-seo .visual_links_button-seo a {
            font-family: OPPOSans-B;
            font-size: clamp(1rem, 0.665rem + 1.16vw, 2.063rem);
            font-weight: 750;
            font-stretch: normal;
            line-height: 1.3;
            letter-spacing: 0px;
            color: white;
        }

        .visual_links_button-seo:hover {
            background-color: #333333;
            Cursor: pointer
        }

        .visual_links-seo h3:hover a {
            color: #8a2d30;
        }

        .visual_links_button-seo:hover a {
            color: white;
        }