HTML form-阿里云

HTML基础之form表单前言：这里的表单指的是文本框、按钮、下拉列表等的统称。一：表单属性表单一共有五个重要属性：name 、 action、 method 和 target属性1 name 属性一个页面上的表单可能不止一个，为了区分这些表单，就需要name 属性给表单命名，通常与id属性值相同。需要注意的是表单名称中不能...

【前端异常】html页面中的button按钮会自动提交form表单的问题以及解决方案一、情景描述有时候我们可能需要在表单中放置多个按钮，比如表单页面常见的按钮有创建和取消。点击创建按钮会触发单击响应事件，在单击响应事件中进行提交表单，这没有任何问题。点击取消按钮的时候，触发对应的单击响应事件，这个单击响应事件中主要处理关闭表单页面逻辑，所以会关闭页面，这也正常。但是！......

HTML 入门与实战

33 课时 |

31186 人已学 |

加入学习

HTML基础入门学习

21 课时 |

2437 人已学 |

加入学习

HTML5 新特性教程

15 课时 |

21057 人已学 |

加入学习

【前端】HTML标签：表单标签(form标签) * input：可以通过type属性值，改变元素展示的样式 * type属性(这里说下最主要的, 其他属性用到在网上搜索就行)： * text：文本输入框，默认值 * placeholder：指定输入框的提示信息，当输入框的内容发生变化...

纯html的form表单实操练习 练习一先看一下最终效果代码如下<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content=....

HTML之

元素详解
                    </a>
                    <b class="detail-list-desc">
                                                    1、<form>标签用于为用户创建HTML表单，表单能够包含input元素。该元素为块级元素，前后会产生折行。还可以包含menu，textarea，fieldset，legend和label元素。表单用于向服务器传输数据。属性accept-charset：规定服务器可以处理表单字符集。属...
                        
                       </b>
                </div>
            </div>
                                                        <div class="detail-list-card">
                                                                            <div class="detail-list-text">
                    <a href="                    https://developer.aliyun.com/ask/450410
                    "
                    target="_blank" class="detail-list-title">
                 HTML中的form是什么呢？

</a>
                    <b class="detail-list-desc">
                                                    HTML中的form是什么呢？...
                        
                       </b>
                </div>
            </div>
                                                        <div class="detail-list-card">
                                                                            <div class="detail-list-text">
                    <a href="                    https://developer.aliyun.com/ask/450409
                    "
                    target="_blank" class="detail-list-title">
                 HTML中的form是做什么的啊？

</a>
                    <b class="detail-list-desc">
                                                    HTML中的form是做什么的啊？...
                        
                       </b>
                </div>
            </div>
                                                        <div class="detail-list-card">
                                                                            <div class="detail-list-text">
                    <a href="                    https://developer.aliyun.com/ask/448277
                    "
                    target="_blank" class="detail-list-title">
                 HTML表单对于form的特殊设定有什么？
                    </a>
                    <b class="detail-list-desc">
                                                    HTML表单对于form的特殊设定有什么？...
                        
                       </b>
                </div>
            </div>
                                                        <div class="detail-list-card">
                                                                            <div class="detail-list-text">
                    <a href="                    https://developer.aliyun.com/ask/448273
                    "
                    target="_blank" class="detail-list-title">
                 form在HTML表单里是什么意思啊？
                    </a>
                    <b class="detail-list-desc">
                                                    form在HTML表单里是什么意思啊？...
                        
                       </b>
                </div>
            </div>
                                                        <div class="detail-list-card">
                                                                                                        <div class="img-box"
                                                 style="position: relative;">
                                                  <img alt="HTML - Form" src="https://ucc.alicdn.com/images/user-upload-01/20200325161635647.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0RyZWFtX1dlYXZl,size_16,color_FFFFFF,t_70" class="top-image" style="">
                                            </div>
                                                        <div class="detail-list-text">
                    <a href="                    https://developer.aliyun.com/article/938414
                    "
                    target="_blank" class="detail-list-title">
                 HTML - Form
                    </a>
                    <b class="detail-list-desc">
                                                    ...
                        
                       </b>
                </div>
            </div>

</div>

</div>
        
<div style="
    position: absolute;
    display: inline-block;
    right: 10px;
    bottom: 10px;
" class="b-text">
    本页面内关键词为智能算法引擎基于机器学习所生成，如有任何问题，可在页面底部提交“技术工单”与我们联系。
</div>    </div>
    <div data-spm="product" class="ProductUP">
                                        
        <div class="group-h5">
    <p style="display: inline-block;font-size: 0.115rem;font-weight: bold;margin-bottom: 12px;margin-top: 6px;">社区圈子</p>
    <div class="swiper-slide swiper-slide-next" >
        <div class="swiper-slide-content">
            <div class="swiper-slide-top">
                <div class="swiper-slide-top-title">
                    <img class="swiper-slide-top-title-img" alt="开发与运维" src="https://ucc.alicdn.com/pic/developer-ecology/7a5fdea8685c463aa5540b5253ebc23a.png">
                    <div class="swiper-slide-top-title-text">开发与运维</div>
                </div>
                <div class="swiper-slide-top-desc">集结各类场景实战经验，助你开发运维畅行无忧</div>
            </div>
            <div class="swiper-slide-bottom">
                <div class="swiper-slide-bottom-info">
                    <span class="swiper-slide-bottom-info-text">5786+人已加入</span>
                </div>
                <a target="_blank" class="swiper-slide-bottom-btn" href="https://developer.aliyun.com/group/othertech/" style="color: #ff6a00 !important;">加入</a>
            </div>
        </div>
    </div>
</div>
        <div class="ebook">
    <div class="right-module-top">
        <div class="right-module-top-title">相关电子书</div>
        <a href="https://developer.aliyun.com/ebook/" target="_blank" class="right-module-top-link">更多</a>
    </div>
    <div class="img-content">
        <div class="img-min">
                            <div class="img-box-ebook">
                    <a class="img-link" target="_blank" href="https://developer.aliyun.com/ebook/7435">
                                                   <img class="top-image" alt="《零基础HTML入门教程》" src="https://ucc.alicdn.com/pic/developer-ecology/90676024d49d4d2c9ba4708006aaeb3c.jpg">
                                        </a>
                </div>
                            <div class="img-box-ebook">
                    <a class="img-link" target="_blank" href="https://developer.aliyun.com/ebook/919">
                                                                                <img  class="top-image" alt="天猫 HTML5 互动技术实践" src="https://img.alicdn.com/imgextra/i3/O1CN01E1O44I2054qSh4ouM_!!6000000006797-2-tps-2480-3366.png"/>
                                               </a>
                </div>
                            <div class="img-box-ebook">
                    <a class="img-link" target="_blank" href="https://developer.aliyun.com/ebook/4535">
                                                                             <img  class="top-image" alt="天猫HTML5互动技术实践" src="https://img.alicdn.com/imgextra/i4/O1CN01SDC8jQ26jjhZ1DDX2_!!6000000007698-2-tps-2480-3366.png"/>
                                               </a>
                </div>
                    </div>
    </div>
    <div class="swiper-pagination ">
                    <span class="click-item "> </span>
                    <span class="click-item actives"> </span>
                    <span class="click-item "> </span>
            </div>
    <div class="text-mian">
                                <div class="text-box  " >
                《零基础HTML入门教程》
            </div>
                                <div class="text-box show " >
                天猫 HTML5 互动技术实践
            </div>
                                <div class="text-box  " >
                天猫HTML5互动技术实践
            </div>
                                        <a class="ebook-info-item-btn  " target="_blank"
               rel="nofollow"   target="_blank">立即下载</a>
                                <a class="ebook-info-item-btn show " target="_blank"
               rel="nofollow"   target="_blank">立即下载</a>
                                <a class="ebook-info-item-btn  " target="_blank"
               rel="nofollow"   target="_blank">立即下载</a>
            </div>
</div>
                <div class="right-item-box rank-box"
>
    <div class="right-item-title">
        <div class="right-item-title-text">相关实验场景</div>
        <a href="https://developer.aliyun.com/adc/labs/" target="_blank" class="right-item-title-link">更多</a>
    </div>
    <div class="rank-list">
        <div class="rank-swiper-box active">
            <div class="related-course ">
                <div class="related-course-box">

<div class="swiper-slide related-course-itemBox">
                            <a target="_blank" href="https://developer.aliyun.com/adc/scenario/60ecfa0b56844eb580d708b561507416" >
                                <div class="course-item-title">HTML5实现手风琴相册</div>
                            </a>
                            <div class="course-iconBox">
                                                                <div class="course-icon">
                                    <img class="course-img" src="https://img.alicdn.com/imgextra/i2/O1CN01VCvfzS1eizm8U4Lu7_!!6000000003906-2-tps-38-42.png" />
                                    <span>58</span>
                                </div>
                                                                                                    <div class="course-icon course-left">
                                        <img class="course-img" src="https://img.alicdn.com/imgextra/i3/O1CN01tRTEYX23nuPxe35JC_!!6000000007301-2-tps-40-42.png" />
                                        <span>1.0小时</span>
                                    </div>
                                                                <a target="_blank" class="course-btn"
                                   href="https://developer.aliyun.com/adc/scenario/60ecfa0b56844eb580d708b561507416"
                                >去实验</a>
                            </div>
                        </div>
                                            <div class="swiper-slide related-course-itemBox">
                            <a target="_blank" href="https://developer.aliyun.com/adc/scenario/705fb54a297e46e68c8e395a1b778a6d" >
                                <div class="course-item-title">快速掌握HTML5基础用法</div>
                            </a>
                            <div class="course-iconBox">
                                                                <div class="course-icon">
                                    <img class="course-img" src="https://img.alicdn.com/imgextra/i2/O1CN01VCvfzS1eizm8U4Lu7_!!6000000003906-2-tps-38-42.png" />
                                    <span>470</span>
                                </div>
                                                                                                    <div class="course-icon course-left">
                                        <img class="course-img" src="https://img.alicdn.com/imgextra/i3/O1CN01tRTEYX23nuPxe35JC_!!6000000007301-2-tps-40-42.png" />
                                        <span>1.0小时</span>
                                    </div>
                                                                <a target="_blank" class="course-btn"
                                   href="https://developer.aliyun.com/adc/scenario/705fb54a297e46e68c8e395a1b778a6d"
                                >去实验</a>
                            </div>
                        </div>
                                            <div class="swiper-slide related-course-itemBox">
                            <a target="_blank" href="https://developer.aliyun.com/adc/scenario/bd1410dc7f5a42119cd3d0f9bad19c25" >
                                <div class="course-item-title">HTML入门</div>
                            </a>
                            <div class="course-iconBox">
                                                                <div class="course-icon">
                                    <img class="course-img" src="https://img.alicdn.com/imgextra/i2/O1CN01VCvfzS1eizm8U4Lu7_!!6000000003906-2-tps-38-42.png" />
                                    <span>1259</span>
                                </div>
                                                                                                    <div class="course-icon course-left">
                                        <img class="course-img" src="https://img.alicdn.com/imgextra/i3/O1CN01tRTEYX23nuPxe35JC_!!6000000007301-2-tps-40-42.png" />
                                        <span>2.0小时</span>
                                    </div>
                                                                <a target="_blank" class="course-btn"
                                   href="https://developer.aliyun.com/adc/scenario/bd1410dc7f5a42119cd3d0f9bad19c25"
                                >去实验</a>
                            </div>
                        </div>
                    
                </div>
            </div>
            <div class="swiper-pagination related-course-pagination">
                <span class="swiper-pagination-bullet related-pagination-bullet swiper-pagination-bullet-active"></span>
                <span class="swiper-pagination-bullet related-pagination-bullet"></span>
            </div>
        </div>
    </div>
</div>

</div>

<div data-spm="tuijian" class="more ">
    <div class="more-content" >
               HTML form相关内容
            </div>
            <a href="//www.aliyun.com/sswb/447694.html"   target="_blank" title="HTML表单form"><span class="radius"></span>HTML表单form</a>
    
</div>
        
            <div data-spm="tuijian" class="more  buttom ">
        <div class="more-content" >
                        <a href="/sswb/47471-1/" target="_blank">
                        HTML您可能感兴趣
                        </a>
                    </div>
                    <a href="//www.aliyun.com/sswb/378752.html"   target="_blank" title="HTML注释"><span class="radius"></span>HTML注释</a>
                    <a href="//www.aliyun.com/sswb/506497.html"   target="_blank" title="HTML性能"><span class="radius"></span>HTML性能</a>
                    <a href="//www.aliyun.com/sswb/379013.html"   target="_blank" title="HTML页面"><span class="radius"></span>HTML页面</a>
                    <a href="//www.aliyun.com/sswb/378818.html"   target="_blank" title="HTML代码"><span class="radius"></span>HTML代码</a>
                    <a href="//www.aliyun.com/sswb/378780.html"   target="_blank" title="HTML网页"><span class="radius"></span>HTML网页</a>
                    <a href="//www.aliyun.com/sswb/378823.html"   target="_blank" title="HTML网站"><span class="radius"></span>HTML网站</a>
                    <a href="//www.aliyun.com/sswb/378854.html"   target="_blank" title="HTML优化"><span class="radius"></span>HTML优化</a>
                    <a href="//www.aliyun.com/sswb/378884.html"   target="_blank" title="HTML框架"><span class="radius"></span>HTML框架</a>
                    <a href="//www.aliyun.com/sswb/378804.html"   target="_blank" title="HTML开发"><span class="radius"></span>HTML开发</a>
                    <a href="//www.aliyun.com/sswb/378815.html"   target="_blank" title="HTML原生"><span class="radius"></span>HTML原生</a>
                    <a href="//www.aliyun.com/sswb/378754.html"   target="_blank" title="HTML CSS"><span class="radius"></span>HTML CSS</a>
                    <a href="//www.aliyun.com/sswb/378795.html"   target="_blank" title="HTML标签"><span class="radius"></span>HTML标签</a>
                    <a href="//www.aliyun.com/sswb/379067.html"   target="_blank" title="HTML学习"><span class="radius"></span>HTML学习</a>
                    <a href="//www.aliyun.com/sswb/378955.html"   target="_blank" title="HTML Web"><span class="radius"></span>HTML Web</a>
                    <a href="//www.aliyun.com/sswb/379004.html"   target="_blank" title="HTML js"><span class="radius"></span>HTML js</a>
                    <a href="//www.aliyun.com/sswb/378759.html"   target="_blank" title="HTML JavaScript"><span class="radius"></span>HTML JavaScript</a>
                    <a href="//www.aliyun.com/sswb/460440.html"   target="_blank" title="HTML笔记"><span class="radius"></span>HTML笔记</a>
                    <a href="//www.aliyun.com/sswb/379046.html"   target="_blank" title="HTML CSS3"><span class="radius"></span>HTML CSS3</a>
                    <a href="//www.aliyun.com/sswb/378951.html"   target="_blank" title="HTML canvas"><span class="radius"></span>HTML canvas</a>
                    <a href="//www.aliyun.com/sswb/456711.html"   target="_blank" title="HTML实战"><span class="radius"></span>HTML实战</a>
                    <a href="//www.aliyun.com/sswb/378794.html"   target="_blank" title="HTML元素"><span class="radius"></span>HTML元素</a>
                    <a href="//www.aliyun.com/sswb/378761.html"   target="_blank" title="HTML前端"><span class="radius"></span>HTML前端</a>
                    <a href="//www.aliyun.com/sswb/378931.html"   target="_blank" title="HTML文件"><span class="radius"></span>HTML文件</a>
                    <a href="//www.aliyun.com/sswb/378751.html"   target="_blank" title="HTML jQuery"><span class="radius"></span>HTML jQuery</a>
                    <a href="//www.aliyun.com/sswb/378896.html"   target="_blank" title="HTML应用"><span class="radius"></span>HTML应用</a>
                    <a href="//www.aliyun.com/sswb/378944.html"   target="_blank" title="HTML内容"><span class="radius"></span>HTML内容</a>
        
    </div>
    <script type="text/javascript" src="//oneconsole.alicdn.com/sitemap/js/scm_v2.js" ></script>

if( 1 == (i+1)){
                          btn[i].href="https://developer.aliyun.com/ebook/download/7435"
                          }
                                                    if( 2 == (i+1)){
                          btn[i].href="https://developer.aliyun.com/ebook/download/919"
                          }
                                                    if( 3 == (i+1)){
                          btn[i].href="https://developer.aliyun.com/ebook/download/4535"
                          }
                                                    
            if(i == 0){
                wrap.style.transform = "translate3d(15px, 0px, 0px)"
            }
             if(i == 1){
                wrap.style.transform = "translate3d(-66px, 0px, 0px)"
            }
             if(i == 2){
                wrap.style.transform = "translate3d(-120px, 0px, 0px)"
            }
            }
          })(i);
        }

// 通过js控制当前选择
                    let selects = document.querySelectorAll('.select');
                    if(document.getElementsByClassName("detail-list-course")[0]){
                       var urlw = document.getElementsByClassName("detail-list-course")[0].offsetWidth;
                    }
                   let urlWidth = document.getElementsByClassName("course-url")
                    // console.log(selects);

// 找到图片组合
                    let images = document.querySelector(".course-info-box");

// 循环绑定点击事件
                    selects.forEach((slt,i) => {
                        slt.addEventListener('click', (e) => {
                            // 获取id
                            let index = i;
                            if(document.getElementsByClassName("course-info-item")[0]){
                                var w = document.getElementsByClassName("course-info-item")[0].offsetWidth;

// 控制样式变化
                                let deg = w *i
                                images.style.transform = `translate3d(-${deg}px, 0px, 0px)`;
                            }

// 找到原select对象、并移出样式
                            let slt_orgin = document.querySelector('.check');
                            if(slt_orgin){
                                slt_orgin.classList.remove('check');
                                // 当前select对象增加样式
                                slt.classList.add('check');
                            }
                             for (var m = 0; m < 3; m++) {
                                urlWidth[m].style.width = "100%"
                              }
                            urlWidth[i].style.width = urlw + 'px'
                        });
                    });
                            window.onresize = function(){
                                images.style.transform = `translate3d(0px, 0px, 0px)`;
                                 // 找到原select对象、并移出样式
                                 let slt_orgin = document.querySelector('.check');
                                 if(slt_orgin){
                                    slt_orgin.classList.remove('check');
                                    // 当前select对象增加样式
                                    selects[0].classList.add('check');
                                 }
                                for (var m = 0; m < 3; m++) {
                                    urlWidth[m].style.width = "100%"
                                  }
                                urlWidth[0].style.width = urlw + 'px'
                            }

autoPlay();//调用自动切换图片函数
                                if(images){
                                    images.onmouseover = function(){//鼠标移到图片上停止图片切换
                                      clearInterval(timer);
                                    }
                                  images.onmouseout = autoPlay;//鼠标移开图片后继续自动切换图片
                                }

// 通过js控制当前选择
    let recommendItem = document.querySelectorAll('.recommend-click-items')

let texts = document.querySelectorAll('.recommend-list')[0]
    if(recommendItem){
        // 循环绑定点击事件
        recommendItem.forEach((slt,i) => {
            slt.addEventListener('click', (e) => {
                // 获取id
                let numbers = 0;
                if (i == 0){
                    numbers = 0
                }else {
                    numbers = 180
                }
                if(texts){
                    texts.style.transform=`translate3d(0px, -${numbers}px, 0px)`
                }

// 找到原select对象、并移出样式
                let act_orgin = document.querySelector('.rmActives');
                if(act_orgin){
                    act_orgin.classList.remove('rmActives');
                    // 当前select对象增加样式
                    slt.classList.add('rmActives');
                }

});
        });
    }

let relatedSwiper = document.getElementsByClassName('related-course-pagination')
    let relatedItemLength = document.getElementsByClassName('related-course-itemBox').length
    if(relatedItemLength<=2){
        if(relatedSwiper[0]){
            relatedSwiper[0].innerHTML='\n                <span class="swiper-pagination-bullet related-pagination-bullet swiper-pagination-bullet-active"></span>\n'
        }
    }
    if(relatedItemLength>2&&relatedItemLength<=4){

relatedSwiper[0].innerHTML='\n                <span class="swiper-pagination-bullet related-pagination-bullet swiper-pagination-bullet-active"></span>\n                <span class="swiper-pagination-bullet related-pagination-bullet"></span>\n <span class="swiper-pagination-bullet related-pagination-bullet"></span>\n     '
    }
    let reShowScm = document.querySelectorAll('.related-course-itemBox a')
    let reClickItem = document.querySelectorAll('.related-course-pagination .swiper-pagination-bullet')
    for (var i = 0; i < reClickItem.length; i++) {
        (function (i) {
            reClickItem[i].onclick = function () {
                console.log(i)
                for (var index = 0; index < reClickItem.length; index++) {
                    reClickItem[index].className = 'swiper-pagination-bullet related-pagination-bullet'
                }
                reClickItem[i].className = 'swiper-pagination-bullet related-pagination-bullet swiper-pagination-bullet-active'
                if(i == 0){
                    document.querySelectorAll(".related-course-box")[0].style.transform = `translate3d(0px, 0px, 0px)`
                    reShowScm.forEach((item,index)=>{
                        if(index<=2){
                            if(item.getAttribute('data-back-up')){
                                item.setAttribute('data-tracker-scm', item.getAttribute('data-back-up'))
                                item.removeAttribute('data-back-up')

}
                        }else{
                            if(item.getAttribute('data-tracker-scm')) {
                                item.setAttribute('data-back-up', item.getAttribute('data-tracker-scm'))
                                item.removeAttribute('data-tracker-scm')
                            }
                        }
                    })
                }
                if(i == 1){
                    document.querySelectorAll(".related-course-box")[0].style.transform = `translate3d(0px, -190px, 0px)`
                    reShowScm.forEach((item,index)=>{
                        if(index>2&&index<=4){
                            if(item.getAttribute('data-back-up')){
                                item.setAttribute('data-tracker-scm', item.getAttribute('data-back-up'))
                                item.removeAttribute('data-back-up')

}
                        }else{
                            if(item.getAttribute('data-tracker-scm')) {
                                item.setAttribute('data-back-up', item.getAttribute('data-tracker-scm'))
                                item.removeAttribute('data-tracker-scm')
                            }
                        }
                    })
                }
                if(i == 2){
                    document.querySelectorAll(".related-course-box")[0].style.transform=`translate3d(0px, -380px, 0px)`
                    reShowScm.forEach((item,index)=>{
                        if(index>4&&index<=6){
                            if(item.getAttribute('data-back-up')){
                                item.setAttribute('data-tracker-scm', item.getAttribute('data-back-up'))
                                item.removeAttribute('data-back-up')

</script>
    
            <div style="display: none"></div>

.aliyun-2020-footer-pc .ali-about-container {
            width: 100%;
            padding-top: 10px;
            padding-bottom: 33px;
        }
        .aliyun-2020-footer-pc .ali-about-container .about-link-wrap {
            width: 100%;
            height: auto;
            clear: both;
        }
        .aliyun-2020-footer-pc .ali-about-container .about-link-wrap .ali-about-link {
            text-decoration: none;
            text-align: left;
            line-height: 30px;
            font-size: 16px;
            color: #9b9ea0;
            letter-spacing: .5px;
            display: inline-block;
            margin-right: 35px;
        }
        .aliyun-2020-footer-pc .ali-about-container .friend-link-wrap {
            width: 100%;
            height: auto;
        }
        .aliyun-2020-footer-pc .ali-about-container .friend-link-wrap .ali-friend-link {
            text-align: left;
            line-height: 30px;
            font-size: 14px;
            color: #73777a;
            text-decoration: none;
            letter-spacing: .5px;
            display: inline-block;
            margin-right: 8px;
        }
        .aliyun-2020-footer-pc .ali-about-container .friend-link-wrap .ali-copyright-text {
            text-align: left;
            line-height: 30px;
            font-size: 14px;
            color: #73777a;
            letter-spacing: .5px;
        }
        .aliyun-2020-footer-pc .ali-about-container .friend-link-wrap .ali-copyright-text a {
            color: inherit;
            text-decoration: none;
        }
        .aliyun-2020-footer-pc .ali-about-container .ali-report-wrap {
            padding-top: 15px;
            width: 100%;
            height: auto;
        }
        .aliyun-2020-footer-pc .ali-about-container .ali-report-wrap .ali-report-link {
            display: inline-block;
            text-decoration: none;
        }
        .aliyun-2020-footer-pc .ali-about-container .ali-report-wrap .ali-report-link .ali-report-img {
            width: 20px;
            display: inline-block;
            height: 20px;
            margin-right: 12px;
        }
        .aliyun-2020-footer-pc .ali-about-container .ali-report-wrap .ali-report-link .ali-report-link-text {
            height: 20px;
            line-height: 20px;
            color: #939393;
            margin-left: -7px;
            font-size: 12px;
        }
        .homepage-footer-top .homepage-footer-consult .consult-text:nth-child(2) {
            font-size: 20px;
            color: #fff;
        }
        .aliyun-2020-footer-pc .homepage-footer-top .homepage-footer-main-services .ali-main-services .ali-official-code {
            display: block;
            width: 76px;
            height: 76px;
            margin-top: 10px;
            margin-bottom: 5px;
        }
        .aliyun-2020-footer-pc .homepage-footer-top .homepage-footer-main-services .ali-main-services .code-hide {
            display: none;
        }
        .aliyun-2020-footer-pc a {
            text-decoration: none;
        }
        .aliyun-2020-footer-pc a:hover {
            color: #ff6a00!important;
        }
    }
    
    @media screen and (max-width:768px) {
        .aliyun-2020-footer-h5 {
            display: block;
            padding-bottom: .26666667rem;
            background-color: #373D41;
        }
        .aliyun-2020-footer-pc {
            display: none;
        }
        .aliyun-2020-footer-h5 .hot-product {
            padding: .4rem .53333333rem;
        }
        .aliyun-2020-footer-h5 .hot-product h2 {
            font-size: 14px;
            margin-bottom: .26666667rem;
            color: #999;
            letter-spacing: 0;
            font-weight: 500;
        }
        ol,
        ul {
            list-style: none;
        }
        .aliyun-2020-footer-h5 .hot-product ul:before {
            content: "";
            display: table;
        }
        .aliyun-2020-footer-h5 .hot-product ul li {
            float: left;
            margin-right: .26666667rem;
        }
        .aliyun-2020-footer-h5 .hot-product ul li a {
            font-size: 14px;
            line-height: 24px;
            color: #D7D8D9;
            text-decoration: none;
        }
        .aliyun-2020-footer-h5 .hot-product ul:after {
            clear: both;
        }
        .aliyun-2020-footer-h5 .hot-product ul:after {
            content: "";
            display: table;
        }
        .aliyun-2020-footer-h5 .footer-common-line {
            margin: 0 .21333333rem;
            height: 1px;
            background-color: #5B5B5B;
            transform: scaleY(.5);
        }
        .aliyun-2020-footer-h5 .footer-common-blogroll {
            padding: .4rem .53333333rem;
            font-size: 14px;
        }
        .aliyun-2020-footer-h5 .m-aliyun-index-common-footer .module-wrap .footer-common-blogroll li {
            line-height: 32px;
        }
        .aliyun-2020-footer-h5 .footer-common-blogroll li a {
            color: #EBECEC;
            font-size: 14px;
        }
        .aliyun-2020-footer-h5 .footer-common-blogroll p {
            color: #DFE0E1;
            font-size: 14px;
            line-height: 32px;
        }
        .aliyun-2020-footer-h5 .footer-common-blogroll p {
            color: #DFE0E1;
            font-size: 14px;
            line-height: 32px;
        }
        .aliyun-2020-footer-h5 .footer-common-blogroll p .footer-share-item {
            margin-right: .66666667rem;
            color: #EBECEC;
            line-height: 32px;
            display: inline-block;
            padding-right: 24px;
            position: relative;
        }
        .aliyun-2020-footer-h5 .footer-common-blogroll p .footer-share-item .weibo-icon {
            background-image: url(data:image/png;base64,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);
        }
        .aliyun-2020-footer-h5 .footer-common-blogroll p .footer-share-item .share-icon {
            width: 20px;
            height: 20px;
            background-size: contain;
            background-repeat: no-repeat;
            display: inline-block;
            position: absolute;
            top: 6px;
            right: 0;
        }
        .aliyun-2020-footer-h5 .footer-common-blogroll p .footer-share-item:last-child {
            margin-right: 0;
        }
        .aliyun-2020-footer-h5 .footer-common-blogroll p .footer-share-item .weixin-icon {
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAfCAYAAABgfwTIAAAAAXNSR0IArs4c6QAABLRJREFUWAnFV02IHEUUrlfdvVFH1yj4B64wzEx3z02JUbIxIprIYkCJiUa8qBcP61/0lovJZQVFhUUSD2pUWBRUMBjIQZNoRAxhzRKRuF09SVbUw+AeTNZdNs5OV/lVS3d6uiczPTsLGRjq1Xtfvfrq1XtV1cQ6/JRSlu/7mxijEanYnYypIhGtht4gYueh/5MYO4n2yMCAeaBYLJ7r4C63CT6zv3q9Xjg3N/cyU+wFELgxi8hqQPYC8J9wzsZs2z6bReTXZEjpyCAq+0Dm1vxuWpANThzEymMgGrRYcnZaSHm+/xJW+zYI8ZzjLw0jOmRy2lqpVOYuDWpviUkJURuVSu5pD1ueFs5/LBSu2jg0NLTYi4cwIkKcWQtC420GLiChP9PO29giVZMYHcBWHcRfRUrdojO8sLDY80JDUlIF78KHmXSICaRp8Ltcx9nuus56RvRN0h7LnJ5wXfth17E3M2KZhSmmnvG80/fH+BwCr9VqD2JNa9pg58vlshfpialaJCfbVab5U9yX5MdyQlBMvprodhXJ8/x9ejVtkUQfWwZ/MwjYEKI5Acz1aRy29zAxcyfn0gykRNUyN43Rfcs0bsMi/2hnS+to2hMCSjtt6KO/hK3+mjM6jDPrVBAQ8jK4VlnWGadYPIu0WOrmW5P6F6CBbsAc9gYSflytsvbyRnODZGoLU2odxt0cjQWhAMkvUA6HiIwJxylNRrZkS57wJc6l+GhIGvPKGIxoW49jznuQCrvh74Y8Y7GI71CwOxzH+TmJ19U3m1T0LtOUYfDNippv6XMuLyE9DxZwH26PSRzaLybnBSk1lVT0KNdpwHwykOoLbNXGHsdGcEtJNT4txO5IwRXR/qjTa2tweo41mmOIzu29js3gFdvlebXHtJ5fNzg4gQRcxhbSCVyRi9iCrekJcCG/Rpa5FjnzedqGyvwSh/Ia2MayNrXHm529JkxwIcRT2NuPMqAOCmJ8VFFYYXhvXfzpm8CxK1fo0seLo4qt/fWiFZJprK+Wy+G1hcqfh6aQtBOnHXHVCeF/iDJ8OgnoJGPr7sCEk8C0XE96DA7UvRxpAX+v4DAdafGD68og9gZsW2AbbbH9P/j7mBTywsRL4VNsx7YMMKvAm4ltQHSPZ039aRDh8+GFrN2g03ScynaE73XILbd9ehpEYg4v4qvT+hXqD8aktEOQkU6lshNRq3eegAqGof7ujFmeFdH4q4WUdoO31TCaW2KXRKdAtuWDAKSv5JzPQ38hxq2QgD36IZOkjMttTOoZ6Khp0C48Z4+CBOGJU8QR4EiSN5EkA6T+USw4COCjK8QndEPEP4gTXWv05Ej2CWby991y+dtuk6Hk70ayH9PjumHz2JGrR/CofKBvZ9Oi9g5T8vk8k3bCIBVm9aGq31x9k0KULOH7X2XOo04MUrYwZ01jk1sqha/YTKKn8F27cLjk2PYjjPh7XcFtAIjKb8o07o0IaUjfpLQTEGtUncqzzOAjkE9qXe4fp/3VUumXJL7v7Us6i2RU6rogwL1IahjbWoJev+0bYP87PkCmcG8ew8v0IVQWvoDodBWXZTT2srf602va808IMdP2Y+OyEdTHyczMzOokgf8A/Pa36/qCdOYAAAAASUVORK5CYII=);
            top: 8px;
        }
        .aliyun-2020-footer-h5 .footer-common-95187 {
            border: 1px solid #979797;
            display: block;
            height: 36px;
            line-height: 36px;
            font-size: 14px;
            text-align: center;
            color: #EBECEC;
            margin: .53333333rem .50666667rem;
        }
        .aliyun-2020-footer-h5 .footer-common-logo {
            margin-left: .53333333rem;
            width: 2.66666667rem;
        }
        .aliyun-2020-footer-h5 .footer-common-pd24 {
            padding: .26666667rem .53333333rem;
        }
        .aliyun-2020-footer-h5 .footer-common-f12 {
            font-size: 12px;
        }
        .aliyun-2020-footer-h5 .footer-common-copyright {
            color: #D7D8D9;
        }
    }
</style>

<div class="aliyun-2020-footer-pc">
        <div class="view-content">
            <div class="homepage-footer-wrap homepage">
                <div class="homepage-footer-top">
                    <div class="homepage-footer-consult">
                                                        <div class="consult-text">售前咨询</div>
                                                                                            <div class="consult-text">95187转1</div>
                                                                                                                            <div class="consult-text">
                                    <a class="ace-link ace-link-primary consult-link" href="https://www.aliyun.com/support/95187" target="_blank">专业技术咨询</a>
                                </div>
                                                                                                                            <div class="consult-text">
                                    <a class="ace-link ace-link-primary consult-link" href="https://www.aliyun.com/support/95187" target="_blank">全方位产品解读</a>
                                </div>
                                                                                                                            <div class="consult-text">
                                    <a class="ace-link ace-link-primary consult-link" href="https://www.aliyun.com/solution/all" target="_blank">成熟解决方案</a>
                                </div>
                                                                                                                            <div class="consult-text">
                                    <a class="ace-link ace-link-primary consult-link" href="https://help.aliyun.com/learn/case-studies.html" target="_blank">成功客户案例分享</a>
                                </div>
                                                                                                          </div>
                    <div class="homepage-footer-main-services">
                                                 <div class="ali-main-services">
                            <span class="ali-main-services-title">支持与服务</span>
                                                        <a class="ace-link ace-link-primary ali-main-services-link" href="https://help.aliyun.com/noticelist.html" target="_blank">
                                公告
                                                            </a>
                                                        <a class="ace-link ace-link-primary ali-main-services-link" href="https://help.aliyun.com/" target="_blank">
                                帮助文档
                                                            </a>
                                                        <a class="ace-link ace-link-primary ali-main-services-link" href="https://help.aliyun.com/learn/tool.html" target="_blank">
                                自助工具
                                                            </a>
                                                        <a class="ace-link ace-link-primary ali-main-services-link" href="https://help.aliyun.com/learn/getting-started.html" target="_blank">
                                新手学堂
                                                            </a>
                                                        <a class="ace-link ace-link-primary ali-main-services-link" href="https://ia.aliyun.com/home" target="_blank">
                                在线客服
                                                            </a>
                                                        <a class="ace-link ace-link-primary ali-main-services-link" href="https://ticket.console.aliyun.com/" target="_blank">
                                技术工单
                                                            </a>
                                                        <a class="ace-link ace-link-primary ali-main-services-link" href="https://www.aliyun.com/connect/home" target="_blank">
                                我要建议
                                                            </a>
                                                        <a class="ace-link ace-link-primary ali-main-services-link" href="https://www.aliyun.com/page-source/common/goc/complaint_notice" target="_blank">
                                我要投诉
                                                            </a>
                                                        <a class="ace-link ace-link-primary ali-main-services-link" href="https://www.aliyun.com/service/list#f2" target="_blank">
                                迁移与部署
                                                            </a>
                                                        <a class="ace-link ace-link-primary ali-main-services-link" href="https://www.aliyun.com/service/list#f3" target="_blank">
                                运维与管理
                                                            </a>
                                                        <a class="ace-link ace-link-primary ali-main-services-link" href="https://www.aliyun.com/service/list#f4" target="_blank">
                                优化与提升
                                                            </a>
                                                        <a class="ace-link ace-link-primary ali-main-services-link" href="https://www.aliyun.com/service/customer-case" target="_blank">
                                服务案例
                                                            </a>
                                                        <a class="ace-link ace-link-primary ali-main-services-link" href="https://www.aliyun.com/support/supportplans" target="_blank">
                                支持计划
                                                            </a>
                                                    </div>
                                                <div class="ali-main-services">
                            <span class="ali-main-services-title">账户管理</span>
                                                        <a class="ace-link ace-link-primary ali-main-services-link" href="https://homenew.console.aliyun.com/" target="_blank">
                                管理控制台
                                                            </a>
                                                        <a class="ace-link ace-link-primary ali-main-services-link" href="https://beian.aliyun.com/order/selfBaIndex.htm" target="_blank">
                                备案管理
                                                            </a>
                                                        <a class="ace-link ace-link-primary ali-main-services-link" href="https://dc.console.aliyun.com/next/index" target="_blank">
                                域名控制台
                                                            </a>
                                                        <a class="ace-link ace-link-primary ali-main-services-link" href="https://account.console.aliyun.com/" target="_blank">
                                账号管理
                                                            </a>
                                                        <a class="ace-link ace-link-primary ali-main-services-link" href="https://usercenter2.aliyun.com/home" target="_blank">
                                充值付款
                                                            </a>
                                                        <a class="ace-link ace-link-primary ali-main-services-link" href="https://help.aliyun.com/knowledge_detail/37108.html" target="_blank">
                                线下汇款/电汇
                                                            </a>
                                                        <a class="ace-link ace-link-primary ali-main-services-link" href="https://help.aliyun.com/knowledge_detail/37079.html" target="_blank">
                                合同申请
                                                            </a>
                                                        <a class="ace-link ace-link-primary ali-main-services-link" href="https://help.aliyun.com/knowledge_detail/37053.html" target="_blank">
                                索取发票
                                                            </a>
                                                        <a class="ace-link ace-link-primary ali-main-services-link" href="https://security.aliyun.com/trust" target="_blank">
                                合规性
                                                            </a>
                                                    </div>
                                                <div class="ali-main-services">
                            <span class="ali-main-services-title">快速入口</span>
                                                        <a class="ace-link ace-link-primary ali-main-services-link" href="https://whois.aliyun.com/" target="_blank">
                                域名信息查询（WHOIS）
                                                            </a>
                                                        <a class="ace-link ace-link-primary ali-main-services-link" href="https://www.aliyun.com/product/new" target="_blank">
                                云产品快报
                                                            </a>
                                                        <a class="ace-link ace-link-primary ali-main-services-link" href="https://www.aliyun.com/chinaglobal/home" target="_blank">
                                海外上云
                                                            </a>
                                                        <a class="ace-link ace-link-primary ali-main-services-link" href="https://help.aliyun.com/learn/case-studies.html" target="_blank">
                                客户案例
                                                            </a>
                                                        <a class="ace-link ace-link-primary ali-main-services-link" href="https://report.aliyun.com/" target="_blank">
                                举报中心
                                                            </a>
                                                        <a class="ace-link ace-link-primary ali-main-services-link" href="https://security.aliyun.com/trust" target="_blank">
                                信任中心
                                                            </a>
                                                        <a class="ace-link ace-link-primary ali-main-services-link" href="https://help.aliyun.com/knowledge_detail/67830.html" target="_blank">
                                产品图标
                                                            </a>
                                                        <a class="ace-link ace-link-primary ali-main-services-link" href="https://help.aliyun.com/learn/learningpath" target="_blank">
                                产品学习路径
                                                            </a>
                                                        <a class="ace-link ace-link-primary ali-main-services-link" href="https://edu.aliyun.com/certification" target="_blank">
                                阿里云认证
                                                            </a>
                                                        <a class="ace-link ace-link-primary ali-main-services-link" href="https://mvp.aliyun.com/" target="_blank">
                                贡献者榜单
                                                            </a>
                                                    </div>
                                                <div class="ali-main-services">
                            <span class="ali-main-services-title">资源和社区</span>
                                                        <a class="ace-link ace-link-primary ali-main-services-link" href="https://developer.aliyun.com/" target="_blank">
                                开发者社区
                                                            </a>
                                                        <a class="ace-link ace-link-primary ali-main-services-link" href="https://developer.aliyun.com/learning" target="_blank">
                                开发者学院
                                                            </a>
                                                        <a class="ace-link ace-link-primary ali-main-services-link" href="https://developer.aliyun.com/live" target="_blank">
                                公开课
                                                            </a>
                                                        <a class="ace-link ace-link-primary ali-main-services-link" href="https://developer.aliyun.com/ask" target="_blank">
                                问答
                                                            </a>
                                                        <a class="ace-link ace-link-primary ali-main-services-link" href="https://developer.aliyun.com/ebook" target="_blank">
                                藏经阁
                                                            </a>
                                                        <a class="ace-link ace-link-primary ali-main-services-link" href="https://tianchi.aliyun.com/home" target="_blank">
                                天池平台
                                                            </a>
                                                        <a class="ace-link ace-link-primary ali-main-services-link" href="https://chuangke.aliyun.com/" target="_blank">
                                阿里云创新中心
                                                            </a>
                                                        <a class="ace-link ace-link-primary ali-main-services-link" href="https://edu.aliyun.com/" target="_blank">
                                阿里云全球培训中心
                                                            </a>
                                                        <a class="ace-link ace-link-primary ali-main-services-link" href="https://edu.aliyun.com/developer" target="_blank">
                                在线学习
                                                            </a>
                                                        <a class="ace-link ace-link-primary ali-main-services-link" href="https://edu.aliyun.com/lab/" target="_blank">
                                开放实验室
                                                            </a>
                                                        <a class="ace-link ace-link-primary ali-main-services-link" href="https://edu.aliyun.com/certification" target="_blank">
                                考试认证
                                                            </a>
                                                        <a class="ace-link ace-link-primary ali-main-services-link" href="https://edu.aliyun.com/campus" target="_blank">
                                高校合作
                                                            </a>
                                                        <a class="ace-link ace-link-primary ali-main-services-link" href="https://greencode.aliyun.com/" target="_blank">
                                码上公益
                                                            </a>
                                                    </div>
                                                <div class="ali-main-services">
                            <span class="ali-main-services-title">关注阿里云</span>
                                                        <a class="ace-link ace-link-primary ali-main-services-link" href="" target="_blank">
                                企业决策必读
                                                                <img alt="企业决策必读" data-src="https://img.alicdn.com/tfs/TB1kxFBNgHqK1RjSZFkXXX.WFXa-176-176.png" class="code-hide" src="https://img.alicdn.com/tfs/TB1kxFBNgHqK1RjSZFkXXX.WFXa-176-176.png">
                                                            </a>
                                                        <a class="ace-link ace-link-primary ali-main-services-link" href="" target="_blank">
                                阿里云APP
                                                                <img alt="阿里云APP" data-src="https://img.alicdn.com/tfs/TB1UdKEM6TpK1RjSZKPXXa3UpXa-256-256.png" class="code-hide" src="https://img.alicdn.com/tfs/TB1UdKEM6TpK1RjSZKPXXa3UpXa-256-256.png">
                                                            </a>
                                                        <a class="ace-link ace-link-primary ali-main-services-link" href="" target="_blank">
                                阿里云微信
                                                                <img alt="阿里云微信" data-src="https://img.alicdn.com/tfs/TB1AOdINW6qK1RjSZFmXXX0PFXa-258-258.jpg" class="code-hide" src="https://img.alicdn.com/tfs/TB1AOdINW6qK1RjSZFmXXX0PFXa-258-258.jpg">
                                                            </a>
                                                        <a class="ace-link ace-link-primary ali-main-services-link" href="" target="_blank">
                                阿里云微博
                                                                <img alt="阿里云微博" data-src="https://img.alicdn.com/tfs/TB1DMXjNgDqK1RjSZSyXXaxEVXa-260-260.png" class="code-hide" src="https://img.alicdn.com/tfs/TB1DMXjNgDqK1RjSZSyXXaxEVXa-260-260.png">
                                                            </a>
                                                        <a class="ace-link ace-link-primary ali-main-services-link" href="" target="_blank">
                                阿里云支持与服务
                                                                <img alt="阿里云支持与服务" data-src="https://img.alicdn.com/tfs/TB1Ra0oNhTpK1RjSZR0XXbEwXXa-260-260.png" class="code-hide" src="https://img.alicdn.com/tfs/TB1Ra0oNhTpK1RjSZR0XXbEwXXa-260-260.png">
                                                            </a>
                                                    </div>
                                            </div>
                </div>
            </div>
        </div>
    </div>
    
<script>
    $(".ali-main-services").eq(4).children("a").each(function(ind, ele) {
        $(ele).hover(function() {
            let src = $(this).find("img").attr("data-src");
            $(this).find("img").attr("src", src);
            $(this).find("img").attr("class", "ali-official-code");
            $(this).siblings().find("img").attr("class", "code-hide");
        });
    })
</script>
<style>
    @media screen and (min-width: 1440px) {
        .view-content {
            width: 1280px;
            margin: 0 auto;
        }
        .aliyun-2020-footer-h5 {
            display: none;
        }
        .aliyun-2020-footer-pc {
            display: block;
            width: 100%;
            background: rgb(37, 37, 37);
            opacity: 1;
        }
        .view-content {
            margin: 0 auto;
        }
        .aliyun-2020-footer-pc .homepage-footer-top {
            position: relative;
            box-sizing: border-box;
            padding-left: 170px;
            padding-bottom: 16px;
            border-bottom: 1px solid #4b5054;
            padding-top: 46px;
        }
        .aliyun-2020-footer-pc .homepage-footer-top .homepage-footer-consult {
            position: absolute;
            left: 0;
            width: 170px;
        }
        .aliyun-2020-footer-pc .homepage-footer-top .homepage-footer-consult .consult-text:first-of-type {
            font-size: 16px;
            color: #fff;
        }
        .aliyun-2020-footer-pc .homepage-footer-top .homepage-footer-consult .consult-text {
            text-align: left;
            line-height: 30px;
            letter-spacing: .44px;
        }
        .aliyun-2020-footer-pc .homepage-footer-top .homepage-footer-consult .consult-text .consult-link {
            text-align: left;
            line-height: 30px;
            font-size: 14px;
            color: #9b9ea0;
            letter-spacing: .44px;
            cursor: pointer;
        }
        .aliyun-2020-footer-pc .homepage-footer-top .homepage-footer-main-services {
            border-left: 1px solid #4b5054;
            box-sizing: border-box;
            padding-left: 100px;
            width: 100%;
            min-height: 180px;
            display: inline-block;
            clear: both;
            overflow: hidden;
        }
        .aliyun-2020-footer-pc .homepage-footer-top .homepage-footer-main-services .ali-main-services {
            float: left;
            width: 22%;
        }
        .homepage-footer-top .homepage-footer-main-services .ali-main-services:last-of-type {
            float: right;
            width: 12%;
        }
        .aliyun-2020-footer-pc .homepage-footer-top .homepage-footer-main-services .ali-main-services .ali-main-services-title {
            display: block;
            text-align: left;
            line-height: 18px;
            font-size: 14px;
            color: #d7d8d9;
            letter-spacing: .44px;
            margin-bottom: 16px;
        }
        .aliyun-2020-footer-pc .homepage-footer-top .homepage-footer-main-services .ali-main-services .ali-main-services-link {
            display: block;
            text-align: left;
            line-height: 22px;
            font-size: 12px;
            color: #9b9ea0;
            letter-spacing: .43px;
            text-decoration: none;
            transition: color .3s;
        }
        .aliyun-2020-footer-pc .ali-product {
            width: 100%;
            height: auto;
            padding: 15px 0;
            box-sizing: border-box;
            border-bottom: 1px solid #4b5054;
        }
        .aliyun-2020-footer-pc .ali-product .ali-product-list {
            position: relative;
            max-height: 100px;
            display: flex;
            overflow: hidden;
        }
        .aliyun-2020-footer-pc .ali-product .ali-product-list .product-list-title {
            text-align: left;
            line-height: 25px;
            font-size: 12px;
            color: #9b9ea0;
            letter-spacing: .43px;
            padding-right: 20px;
            font-weight: 700;
        }
        .aliyun-2020-footer-pc .ali-product .ali-product-list .product-list-wrap {
            zoom: 1;
            width: 100%;
            box-sizing: border-box;
            padding-right: 121px;
            display: flex;
            flex-wrap: wrap;
            align-self: flex-start;
        }
        .aliyun-2020-footer-pc .ali-product .ali-product-list .product-list-wrap .product-list-link {
            text-align: left;
            line-height: 25px;
            font-size: 12px;
            color: #73777a;
            letter-spacing: .43px;
            text-decoration: none;
            width: 121px;
            overflow: hidden;
        }
        .aliyun-2020-footer-pc .ali-about-container {
            width: 100%;
            padding-top: 10px;
            padding-bottom: 33px;
        }
        .aliyun-2020-footer-pc .ali-about-container .about-link-wrap {
            width: 100%;
            height: auto;
            clear: both;
        }
        .aliyun-2020-footer-pc .ali-about-container .about-link-wrap .ali-about-link {
            text-decoration: none;
            text-align: left;
            line-height: 30px;
            font-size: 16px;
            color: #9b9ea0;
            letter-spacing: .5px;
            display: inline-block;
            margin-right: 35px;
        }
        .aliyun-2020-footer-pc .ali-about-container .friend-link-wrap {
            width: 100%;
            height: auto;
        }
        .aliyun-2020-footer-pc .ali-about-container .friend-link-wrap .ali-friend-link {
            text-align: left;
            line-height: 30px;
            font-size: 14px;
            color: #73777a;
            text-decoration: none;
            letter-spacing: .5px;
            display: inline-block;
            margin-right: 8px;
        }
        .aliyun-2020-footer-pc .ali-about-container .friend-link-wrap .ali-copyright-text {
            text-align: left;
            line-height: 30px;
            font-size: 14px;
            color: #73777a;
            letter-spacing: .5px;
        }
        .aliyun-2020-footer-pc .ali-about-container .friend-link-wrap .ali-copyright-text a {
            color: inherit;
            text-decoration: none;
        }
        .aliyun-2020-footer-pc .ali-about-container .ali-report-wrap {
            padding-top: 15px;
            width: 100%;
            height: auto;
        }
        .aliyun-2020-footer-pc .ali-about-container .ali-report-wrap .ali-report-link {
            display: inline-block;
            text-decoration: none;
        }
        .aliyun-2020-footer-pc .ali-about-container .ali-report-wrap .ali-report-link .ali-report-img {
            width: 20px;
            display: inline-block;
            height: 20px;
            margin-right: 12px;
        }
        .aliyun-2020-footer-pc .ali-about-container .ali-report-wrap .ali-report-link .ali-report-link-text {
            height: 20px;
            line-height: 20px;
            color: #939393;
            margin-left: -7px;
            font-size: 12px;
        }
        .homepage-footer-top .homepage-footer-consult .consult-text:nth-child(2) {
            font-size: 20px;
            color: #fff;
        }
        .aliyun-2020-footer-pc .homepage-footer-top .homepage-footer-main-services .ali-main-services .ali-official-code {
            display: block;
            width: 76px;
            height: 76px;
            margin-top: 10px;
            margin-bottom: 5px;
        }
        .aliyun-2020-footer-pc .homepage-footer-top .homepage-footer-main-services .ali-main-services .code-hide {
            display: none;
        }
        .aliyun-2020-footer-pc a {
            text-decoration: none;
        }
        .aliyun-2020-footer-pc a:hover {
            color: #ff6a00!important;
        }
    }
    
    @media only screen and (max-width: 1440px) and (min-width: 768px) {
        .view-content {
            width: 1280px!important;
            margin: 0 auto;
        }
        .aliyun-2020-footer-h5 {
            display: none;
        }
        .aliyun-2020-footer-pc {
            display: block;
            width: 1440px;
            background: rgb(37, 37, 37);
            opacity: 1;
        }
        .view-content {
            margin: 0 auto;
        }
        .aliyun-2020-footer-pc .homepage-footer-top {
            position: relative;
            box-sizing: border-box;
            padding-left: 170px;
            padding-bottom: 16px;
            border-bottom: 1px solid #4b5054;
            padding-top: 46px;
        }
        .aliyun-2020-footer-pc .homepage-footer-top .homepage-footer-consult {
            position: absolute;
            left: 0;
            width: 170px;
        }
        .aliyun-2020-footer-pc .homepage-footer-top .homepage-footer-consult .consult-text:first-of-type {
            font-size: 16px;
            color: #fff;
        }
        .aliyun-2020-footer-pc .homepage-footer-top .homepage-footer-consult .consult-text {
            text-align: left;
            line-height: 30px;
            letter-spacing: .44px;
        }
        .aliyun-2020-footer-pc .homepage-footer-top .homepage-footer-consult .consult-text .consult-link {
            text-align: left;
            line-height: 30px;
            font-size: 14px;
            color: #9b9ea0;
            letter-spacing: .44px;
            cursor: pointer;
        }
        .aliyun-2020-footer-pc .homepage-footer-top .homepage-footer-main-services {
            border-left: 1px solid #4b5054;
            box-sizing: border-box;
            padding-left: 100px;
            width: 100%;
            min-height: 180px;
            display: inline-block;
            clear: both;
            overflow: hidden;
        }
        .aliyun-2020-footer-pc .homepage-footer-top .homepage-footer-main-services .ali-main-services {
            float: left;
            width: 22%;
        }
        .homepage-footer-top .homepage-footer-main-services .ali-main-services:last-of-type {
            float: right;
            width: 12%;
        }
        .aliyun-2020-footer-pc .homepage-footer-top .homepage-footer-main-services .ali-main-services .ali-main-services-title {
            display: block;
            text-align: left;
            line-height: 18px;
            font-size: 14px;
            color: #d7d8d9;
            letter-spacing: .44px;
            margin-bottom: 16px;
        }
        .aliyun-2020-footer-pc .homepage-footer-top .homepage-footer-main-services .ali-main-services .ali-main-services-link {
            display: block;
            text-align: left;
            line-height: 22px;
            font-size: 12px;
            color: #9b9ea0;
            letter-spacing: .43px;
            text-decoration: none;
            transition: color .3s;
        }
        .aliyun-2020-footer-pc .ali-product {
            width: 100%;
            height: auto;
            padding: 15px 0;
            box-sizing: border-box;
            border-bottom: 1px solid #4b5054;
        }
        .aliyun-2020-footer-pc .ali-product .ali-product-list {
            position: relative;
            max-height: 100px;
            display: flex;
            overflow: hidden;
        }
        .aliyun-2020-footer-pc .ali-product .ali-product-list .product-list-title {
            text-align: left;
            line-height: 25px;
            font-size: 12px;
            color: #9b9ea0;
            letter-spacing: .43px;
            padding-right: 20px;
            font-weight: 700;
        }
        .aliyun-2020-footer-pc .ali-product .ali-product-list .product-list-wrap {
            zoom: 1;
            width: 100%;
            box-sizing: border-box;
            flex: 1;
            padding-right: 121px;
            display: flex;
            flex-wrap: wrap;
            align-self: flex-start;
        }
        .aliyun-2020-footer-pc .ali-product .ali-product-list .product-list-wrap .product-list-link {
            text-align: left;
            line-height: 25px;
            font-size: 12px;
            color: #73777a;
            letter-spacing: .43px;
            text-decoration: none;
            width: 121px;
            overflow: hidden;
        }
        .aliyun-2020-footer-pc .ali-about-container {
            width: 100%;
            padding-top: 10px;
            padding-bottom: 33px;
        }
        .aliyun-2020-footer-pc .ali-about-container .about-link-wrap {
            width: 100%;
            height: auto;
            clear: both;
        }
        .aliyun-2020-footer-pc .ali-about-container .about-link-wrap .ali-about-link {
            text-decoration: none;
            text-align: left;
            line-height: 30px;
            font-size: 16px;
            color: #9b9ea0;
            letter-spacing: .5px;
            display: inline-block;
            margin-right: 35px;
        }
        .aliyun-2020-footer-pc .ali-about-container .friend-link-wrap {
            width: 100%;
            height: auto;
        }
        .aliyun-2020-footer-pc .ali-about-container .friend-link-wrap .ali-friend-link {
            text-align: left;
            line-height: 30px;
            font-size: 14px;
            color: #73777a;
            text-decoration: none;
            letter-spacing: .5px;
            display: inline-block;
            margin-right: 8px;
        }
        .aliyun-2020-footer-pc .ali-about-container .friend-link-wrap .ali-copyright-text {
            text-align: left;
            line-height: 30px;
            font-size: 14px;
            color: #73777a;
            letter-spacing: .5px;
        }
        .aliyun-2020-footer-pc .ali-about-container .friend-link-wrap .ali-copyright-text a {
            color: inherit;
            text-decoration: none;
        }
        .aliyun-2020-footer-pc .ali-about-container .ali-report-wrap {
            padding-top: 15px;
            width: 100%;
            height: auto;
        }
        .aliyun-2020-footer-pc .ali-about-container .ali-report-wrap .ali-report-link {
            display: inline-block;
            text-decoration: none;
        }
        .aliyun-2020-footer-pc .ali-about-container .ali-report-wrap .ali-report-link .ali-report-img {
            width: 20px;
            display: inline-block;
            height: 20px;
            margin-right: 12px;
        }
        .aliyun-2020-footer-pc .ali-about-container .ali-report-wrap .ali-report-link .ali-report-link-text {
            height: 20px;
            line-height: 20px;
            color: #939393;
            margin-left: -7px;
            font-size: 12px;
        }
        .homepage-footer-top .homepage-footer-consult .consult-text:nth-child(2) {
            font-size: 20px;
            color: #fff;
        }
        .aliyun-2020-footer-pc .homepage-footer-top .homepage-footer-main-services .ali-main-services .ali-official-code {
            display: block;
            width: 76px;
            height: 76px;
            margin-top: 10px;
            margin-bottom: 5px;
        }
        .aliyun-2020-footer-pc .homepage-footer-top .homepage-footer-main-services .ali-main-services .code-hide {
            display: none;
        }
        .aliyun-2020-footer-pc a {
            text-decoration: none;
        }
        .aliyun-2020-footer-pc a:hover {
            color: #ff6a00!important;
        }
    }
    
    @media screen and (max-width:768px) {
        .aliyun-2020-footer-h5 {
            display: block;
            padding-bottom: .26666667rem;
            background-color: #373D41;
        }
        .aliyun-2020-footer-pc {
            display: none;
        }
        .aliyun-2020-footer-h5 .hot-product {
            padding: .4rem .53333333rem;
        }
        .aliyun-2020-footer-h5 .hot-product h2 {
            font-size: 14px;
            margin-bottom: .26666667rem;
            color: #999;
            letter-spacing: 0;
            font-weight: 500;
        }
        ol,
        ul {
            list-style: none;
        }
        .aliyun-2020-footer-h5 .hot-product ul:before {
            content: "";
            display: table;
        }
        .aliyun-2020-footer-h5 .hot-product ul li {
            float: left;
            margin-right: .26666667rem;
        }
        .aliyun-2020-footer-h5 .hot-product ul li a {
            font-size: 14px;
            line-height: 24px;
            color: #D7D8D9;
            text-decoration: none;
        }
        .aliyun-2020-footer-h5 .hot-product ul:after {
            clear: both;
        }
        .aliyun-2020-footer-h5 .hot-product ul:after {
            content: "";
            display: table;
        }
        .aliyun-2020-footer-h5 .footer-common-line {
            margin: 0 .21333333rem;
            height: 1px;
            background-color: #5B5B5B;
            transform: scaleY(.5);
        }
        .aliyun-2020-footer-h5 .footer-common-blogroll {
            padding: .4rem .53333333rem;
            font-size: 14px;
        }
        .aliyun-2020-footer-h5 .m-aliyun-index-common-footer .module-wrap .footer-common-blogroll li {
            line-height: 32px;
        }
        .aliyun-2020-footer-h5 .footer-common-blogroll li a {
            color: #EBECEC;
            font-size: 14px;
        }
        .aliyun-2020-footer-h5 .footer-common-blogroll p {
            color: #DFE0E1;
            font-size: 14px;
            line-height: 32px;
        }
        .aliyun-2020-footer-h5 .footer-common-blogroll p {
            color: #DFE0E1;
            font-size: 14px;
            line-height: 32px;
        }
        .aliyun-2020-footer-h5 .footer-common-blogroll p .footer-share-item {
            margin-right: .66666667rem;
            color: #EBECEC;
            line-height: 32px;
            display: inline-block;
            padding-right: 24px;
            position: relative;
        }
        .aliyun-2020-footer-h5 .footer-common-blogroll p .footer-share-item .weibo-icon {
            background-image: url(data:image/png;base64,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);
        }
        .aliyun-2020-footer-h5 .footer-common-blogroll p .footer-share-item .share-icon {
            width: 20px;
            height: 20px;
            background-size: contain;
            background-repeat: no-repeat;
            display: inline-block;
            position: absolute;
            top: 6px;
            right: 0;
        }
        .aliyun-2020-footer-h5 .footer-common-blogroll p .footer-share-item:last-child {
            margin-right: 0;
        }
        .aliyun-2020-footer-h5 .footer-common-blogroll p .footer-share-item .weixin-icon {
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAfCAYAAABgfwTIAAAAAXNSR0IArs4c6QAABLRJREFUWAnFV02IHEUUrlfdvVFH1yj4B64wzEx3z02JUbIxIprIYkCJiUa8qBcP61/0lovJZQVFhUUSD2pUWBRUMBjIQZNoRAxhzRKRuF09SVbUw+AeTNZdNs5OV/lVS3d6uiczPTsLGRjq1Xtfvfrq1XtV1cQ6/JRSlu/7mxijEanYnYypIhGtht4gYueh/5MYO4n2yMCAeaBYLJ7r4C63CT6zv3q9Xjg3N/cyU+wFELgxi8hqQPYC8J9wzsZs2z6bReTXZEjpyCAq+0Dm1vxuWpANThzEymMgGrRYcnZaSHm+/xJW+zYI8ZzjLw0jOmRy2lqpVOYuDWpviUkJURuVSu5pD1ueFs5/LBSu2jg0NLTYi4cwIkKcWQtC420GLiChP9PO29giVZMYHcBWHcRfRUrdojO8sLDY80JDUlIF78KHmXSICaRp8Ltcx9nuus56RvRN0h7LnJ5wXfth17E3M2KZhSmmnvG80/fH+BwCr9VqD2JNa9pg58vlshfpialaJCfbVab5U9yX5MdyQlBMvprodhXJ8/x9ejVtkUQfWwZ/MwjYEKI5Acz1aRy29zAxcyfn0gykRNUyN43Rfcs0bsMi/2hnS+to2hMCSjtt6KO/hK3+mjM6jDPrVBAQ8jK4VlnWGadYPIu0WOrmW5P6F6CBbsAc9gYSflytsvbyRnODZGoLU2odxt0cjQWhAMkvUA6HiIwJxylNRrZkS57wJc6l+GhIGvPKGIxoW49jznuQCrvh74Y8Y7GI71CwOxzH+TmJ19U3m1T0LtOUYfDNippv6XMuLyE9DxZwH26PSRzaLybnBSk1lVT0KNdpwHwykOoLbNXGHsdGcEtJNT4txO5IwRXR/qjTa2tweo41mmOIzu29js3gFdvlebXHtJ5fNzg4gQRcxhbSCVyRi9iCrekJcCG/Rpa5FjnzedqGyvwSh/Ia2MayNrXHm529JkxwIcRT2NuPMqAOCmJ8VFFYYXhvXfzpm8CxK1fo0seLo4qt/fWiFZJprK+Wy+G1hcqfh6aQtBOnHXHVCeF/iDJ8OgnoJGPr7sCEk8C0XE96DA7UvRxpAX+v4DAdafGD68og9gZsW2AbbbH9P/j7mBTywsRL4VNsx7YMMKvAm4ltQHSPZ039aRDh8+GFrN2g03ScynaE73XILbd9ehpEYg4v4qvT+hXqD8aktEOQkU6lshNRq3eegAqGof7ujFmeFdH4q4WUdoO31TCaW2KXRKdAtuWDAKSv5JzPQ38hxq2QgD36IZOkjMttTOoZ6Khp0C48Z4+CBOGJU8QR4EiSN5EkA6T+USw4COCjK8QndEPEP4gTXWv05Ej2CWby991y+dtuk6Hk70ayH9PjumHz2JGrR/CofKBvZ9Oi9g5T8vk8k3bCIBVm9aGq31x9k0KULOH7X2XOo04MUrYwZ01jk1sqha/YTKKn8F27cLjk2PYjjPh7XcFtAIjKb8o07o0IaUjfpLQTEGtUncqzzOAjkE9qXe4fp/3VUumXJL7v7Us6i2RU6rogwL1IahjbWoJev+0bYP87PkCmcG8ew8v0IVQWvoDodBWXZTT2srf602va808IMdP2Y+OyEdTHyczMzOokgf8A/Pa36/qCdOYAAAAASUVORK5CYII=);
            top: 8px;
        }
        .aliyun-2020-footer-h5 .footer-common-95187 {
            border: 1px solid #979797;
            display: block;
            height: 36px;
            line-height: 36px;
            font-size: 14px;
            text-align: center;
            color: #EBECEC;
            margin: .53333333rem .50666667rem;
        }
        .aliyun-2020-footer-h5 .footer-common-logo {
            margin-left: .53333333rem;
            width: 2.66666667rem;
        }
        .aliyun-2020-footer-h5 .footer-common-pd24 {
            padding: .26666667rem .53333333rem;
        }
        .aliyun-2020-footer-h5 .footer-common-f12 {
            font-size: 12px;
        }
        .aliyun-2020-footer-h5 .footer-common-copyright {
            color: #D7D8D9;
        }
    }
</style>

<div class="product-list-wrap">
                                                        <a class="ace-link ace-link-primary product-list-link" href="https://www.aliyun.com/product/sms" target="_blank">短信服务</a>
                                                       <a class="ace-link ace-link-primary product-list-link" href="https://www.aliyun.com/product/ecs" target="_blank">云服务器ECS</a>
                                                       <a class="ace-link ace-link-primary product-list-link" href="https://www.aliyun.com/product/cdn" target="_blank">CDN</a>
                                                       <a class="ace-link ace-link-primary product-list-link" href="https://www.aliyun.com/product/rds/mysql" target="_blank">RDS MySQL 版</a>
                                                       <a class="ace-link ace-link-primary product-list-link" href="https://www.aliyun.com/product/security/markets/aliyun/product/cas" target="_blank">SSL证书</a>
                                                       <a class="ace-link ace-link-primary product-list-link" href="https://www.aliyun.com/product/kvstore" target="_blank">云数据库 Redis 版</a>
                                                       <a class="ace-link ace-link-primary product-list-link" href="https://www.aliyun.com/product/waf" target="_blank">Web应用防火墙</a>
                                                       <a class="ace-link ace-link-primary product-list-link" href="https://www.aliyun.com/product/dcdn" target="_blank">全站加速</a>
                                                       <a class="ace-link ace-link-primary product-list-link" href="https://www.aliyun.com/product/vpc" target="_blank">专有网络 VPC</a>
                                                       <a class="ace-link ace-link-primary product-list-link" href="https://www.aliyun.com/product/rds/sqlserver" target="_blank">RDS SQL Server 版</a>
                                                       <a class="ace-link ace-link-primary product-list-link" href="https://ai.aliyun.com/nls" target="_blank">智能语音交互</a>
                                                       <a class="ace-link ace-link-primary product-list-link" href="https://www.aliyun.com/product/polardb" target="_blank">PolarDB MySQL版</a>
                                                       <a class="ace-link ace-link-primary product-list-link" href="https://www.aliyun.com/product/nas" target="_blank">文件存储 (NAS)</a>
                                                       <a class="ace-link ace-link-primary product-list-link" href="https://www.aliyun.com/product/bigdata/product/elasticsearch" target="_blank">Elasticsearch</a>
                                                       <a class="ace-link ace-link-primary product-list-link" href="https://www.aliyun.com/product/cbwp" target="_blank">共享带宽</a>
                                                       <a class="ace-link ace-link-primary product-list-link" href="https://www.aliyun.com/product/bigdata/hologram" target="_blank">交互式分析</a>
                                                       <a class="ace-link ace-link-primary product-list-link" href="https://www.aliyun.com/product/beebot" target="_blank">智能对话机器人</a>
                                                       <a class="ace-link ace-link-primary product-list-link" href="https://www.aliyun.com/product/iot/iot_instc_public_cn" target="_blank">企业物联网平台</a>
                                                       <a class="ace-link ace-link-primary product-list-link" href="https://www.aliyun.com/product/dms" target="_blank">数据管理 DMS</a>
                                                       <a class="ace-link ace-link-primary product-list-link" href="https://www.aliyun.com/product/datalakeanalytics" target="_blank">云原生数据湖分析</a>
                                                       <a class="ace-link ace-link-primary product-list-link" href="https://www.aliyun.com/product/ga" target="_blank">全球加速 GA</a>
                                                       <a class="ace-link ace-link-primary product-list-link" href="https://www.aliyun.com/product/apsaradb/cddc" target="_blank">数据库专属集群</a>
                                                       <a class="ace-link ace-link-primary product-list-link" href="https://www.aliyun.com/product/idaas" target="_blank">应用身份服务</a>
                                                       <a class="ace-link ace-link-primary product-list-link" href="https://www.aliyun.com/product/kubernetes" target="_blank">容器服务 ACK</a>
                                                       <a class="ace-link ace-link-primary product-list-link" href="https://ai.aliyun.com/ocr/invoice" target="_blank">发票凭证识别</a>
                                                       <a class="ace-link ace-link-primary product-list-link" href="https://www.aliyun.com/product/dbs" target="_blank">数据库备份DBS</a>
                                                       <a class="ace-link ace-link-primary product-list-link" href="https://www.aliyun.com/product/hbr" target="_blank">混合云备份 HBR</a>
                                                       <a class="ace-link ace-link-primary product-list-link" href="https://www.aliyun.com/product/gws" target="_blank">弹性云桌面</a>
                                                       <a class="ace-link ace-link-primary product-list-link" href="https://www.aliyun.com/product/cloudauth" target="_blank">实人认证</a>
                                                       <a class="ace-link ace-link-primary product-list-link" href="https://tm.aliyun.com" target="_blank">商标服务</a>
                                                       <a class="ace-link ace-link-primary product-list-link" href="https://www.aliyun.com/product/ots" target="_blank">表格存储 Tablestore</a>
                                                       <a class="ace-link ace-link-primary product-list-link" href="https://ai.aliyun.com/ocr" target="_blank">文字识别</a>
                                                      
                           <a class="ace-link ace-link-primary product-list-link" href="//www.aliyun.com/product/aliware/eventbridge" target="_blank">事件总线 EventBridge</a>
<a class="ace-link ace-link-primary product-list-link" href="//www.aliyun.com/product/pts" target="_blank">性能测试 PTS</a>
<a class="ace-link ace-link-primary product-list-link" href="//www.aliyun.com/product/aliware/sae" target="_blank">Serverless 应用引擎SAE</a>
<a class="ace-link ace-link-primary product-list-link" href="//www.aliyun.com/product/ots" target="_blank">表格存储 TableStore</a>
<a class="ace-link ace-link-primary product-list-link" href="//www.aliyun.com/product/fc" target="_blank">函数计算 FC</a>
<a class="ace-link ace-link-primary product-list-link" href="//www.aliyun.com/product/cbwp" target="_blank">共享带宽</a>
<a class="ace-link ace-link-primary product-list-link" href="//www.aliyun.com/product/kafka" target="_blank">消息队列Kafka</a>
<a class="ace-link ace-link-primary product-list-link" href="//www.aliyun.com/product/clickhouse" target="_blank">云数据库 ClickHouse</a>
<a class="ace-link ace-link-primary product-list-link" href="//www.aliyun.com/product/tdsr" target="_blank">三维空间重建</a>

</div>
                    </div>

</div>

</div>
        </div>
    </div>
<style>
    @media screen and (min-width: 1440px) {
        .view-content {
            width: 1280px;
            margin: 0 auto;
        }
        .aliyun-2020-footer-h5 {
            display: none;
        }
        .aliyun-2020-footer-pc {
            display: block;
            width: 100%;
            background: rgb(37, 37, 37);
            opacity: 1;
        }
        .view-content {
            margin: 0 auto;
        }
        .aliyun-2020-footer-pc .homepage-footer-top {
            position: relative;
            box-sizing: border-box;
            padding-left: 170px;
            padding-bottom: 16px;
            border-bottom: 1px solid #4b5054;
            padding-top: 46px;
        }
        .aliyun-2020-footer-pc .homepage-footer-top .homepage-footer-consult {
            position: absolute;
            left: 0;
            width: 170px;
        }
        .aliyun-2020-footer-pc .homepage-footer-top .homepage-footer-consult .consult-text:first-of-type {
            font-size: 16px;
            color: #fff;
        }
        .aliyun-2020-footer-pc .homepage-footer-top .homepage-footer-consult .consult-text {
            text-align: left;
            line-height: 30px;
            letter-spacing: .44px;
        }
        .aliyun-2020-footer-pc .homepage-footer-top .homepage-footer-consult .consult-text .consult-link {
            text-align: left;
            line-height: 30px;
            font-size: 14px;
            color: #9b9ea0;
            letter-spacing: .44px;
            cursor: pointer;
        }
        .aliyun-2020-footer-pc .homepage-footer-top .homepage-footer-main-services {
            border-left: 1px solid #4b5054;
            box-sizing: border-box;
            padding-left: 100px;
            width: 100%;
            min-height: 180px;
            display: inline-block;
            clear: both;
            overflow: hidden;
        }
        .aliyun-2020-footer-pc .homepage-footer-top .homepage-footer-main-services .ali-main-services {
            float: left;
            width: 22%;
        }
        .homepage-footer-top .homepage-footer-main-services .ali-main-services:last-of-type {
            float: right;
            width: 12%;
        }
        .aliyun-2020-footer-pc .homepage-footer-top .homepage-footer-main-services .ali-main-services .ali-main-services-title {
            display: block;
            text-align: left;
            line-height: 18px;
            font-size: 14px;
            color: #d7d8d9;
            letter-spacing: .44px;
            margin-bottom: 16px;
        }
        .aliyun-2020-footer-pc .homepage-footer-top .homepage-footer-main-services .ali-main-services .ali-main-services-link {
            display: block;
            text-align: left;
            line-height: 22px;
            font-size: 12px;
            color: #9b9ea0;
            letter-spacing: .43px;
            text-decoration: none;
            transition: color .3s;
        }
        .aliyun-2020-footer-pc .ali-product {
            width: 100%;
            height: auto;
            padding: 15px 0;
            box-sizing: border-box;
            border-bottom: 1px solid #4b5054;
        }
        
        .aliyun-2020-footer-pc .ali-about-container {
            width: 100%;
            padding-top: 10px;
            padding-bottom: 33px;
        }
        .aliyun-2020-footer-pc .ali-about-container .about-link-wrap {
            width: 100%;
            height: auto;
            clear: both;
        }
        .aliyun-2020-footer-pc .ali-about-container .about-link-wrap .ali-about-link {
            text-decoration: none;
            text-align: left;
            line-height: 30px;
            font-size: 16px;
            color: #9b9ea0;
            letter-spacing: .5px;
            display: inline-block;
            margin-right: 35px;
        }
        .aliyun-2020-footer-pc .ali-about-container .friend-link-wrap {
            width: 100%;
            height: auto;
        }
        .aliyun-2020-footer-pc .ali-about-container .friend-link-wrap .ali-friend-link {
            text-align: left;
            line-height: 30px;
            font-size: 14px;
            color: #73777a;
            text-decoration: none;
            letter-spacing: .5px;
            display: inline-block;
            margin-right: 8px;
        }
        .aliyun-2020-footer-pc .ali-about-container .friend-link-wrap .ali-copyright-text {
            text-align: left;
            line-height: 30px;
            font-size: 14px;
            color: #73777a;
            letter-spacing: .5px;
        }
        .aliyun-2020-footer-pc .ali-about-container .friend-link-wrap .ali-copyright-text a {
            color: inherit;
            text-decoration: none;
        }
        .aliyun-2020-footer-pc .ali-about-container .ali-report-wrap {
            padding-top: 15px;
            width: 100%;
            height: auto;
        }
        .aliyun-2020-footer-pc .ali-about-container .ali-report-wrap .ali-report-link {
            display: inline-block;
            text-decoration: none;
        }
        .aliyun-2020-footer-pc .ali-about-container .ali-report-wrap .ali-report-link .ali-report-img {
            width: 20px;
            display: inline-block;
            height: 20px;
            margin-right: 12px;
        }
        .aliyun-2020-footer-pc .ali-about-container .ali-report-wrap .ali-report-link .ali-report-link-text {
            height: 20px;
            line-height: 20px;
            color: #939393;
            margin-left: -7px;
            font-size: 12px;
        }
        .homepage-footer-top .homepage-footer-consult .consult-text:nth-child(2) {
            font-size: 20px;
            color: #fff;
        }
        .aliyun-2020-footer-pc .homepage-footer-top .homepage-footer-main-services .ali-main-services .ali-official-code {
            display: block;
            width: 76px;
            height: 76px;
            margin-top: 10px;
            margin-bottom: 5px;
        }
        .aliyun-2020-footer-pc .homepage-footer-top .homepage-footer-main-services .ali-main-services .code-hide {
            display: none;
        }
        .aliyun-2020-footer-pc a {
            text-decoration: none;
        }
        .aliyun-2020-footer-pc a:hover {
            color: #ff6a00!important;
        }
    }
    
    @media only screen and (max-width: 1440px) and (min-width: 768px) {
        .view-content {
            width: 1280px!important;
            margin: 0 auto;
        }
        .aliyun-2020-footer-h5 {
            display: none;
        }
        .aliyun-2020-footer-pc {
            display: block;
            width: 1440px;
            background: rgb(37, 37, 37);
            opacity: 1;
        }
        .view-content {
            margin: 0 auto;
        }
        .aliyun-2020-footer-pc .homepage-footer-top {
            position: relative;
            box-sizing: border-box;
            padding-left: 170px;
            padding-bottom: 16px;
            border-bottom: 1px solid #4b5054;
            padding-top: 46px;
        }
        .aliyun-2020-footer-pc .homepage-footer-top .homepage-footer-consult {
            position: absolute;
            left: 0;
            width: 170px;
        }
        .aliyun-2020-footer-pc .homepage-footer-top .homepage-footer-consult .consult-text:first-of-type {
            font-size: 16px;
            color: #fff;
        }
        .aliyun-2020-footer-pc .homepage-footer-top .homepage-footer-consult .consult-text {
            text-align: left;
            line-height: 30px;
            letter-spacing: .44px;
        }
        .aliyun-2020-footer-pc .homepage-footer-top .homepage-footer-consult .consult-text .consult-link {
            text-align: left;
            line-height: 30px;
            font-size: 14px;
            color: #9b9ea0;
            letter-spacing: .44px;
            cursor: pointer;
        }
        .aliyun-2020-footer-pc .homepage-footer-top .homepage-footer-main-services {
            border-left: 1px solid #4b5054;
            box-sizing: border-box;
            padding-left: 100px;
            width: 100%;
            min-height: 180px;
            display: inline-block;
            clear: both;
            overflow: hidden;
        }
        .aliyun-2020-footer-pc .homepage-footer-top .homepage-footer-main-services .ali-main-services {
            float: left;
            width: 22%;
        }
        .homepage-footer-top .homepage-footer-main-services .ali-main-services:last-of-type {
            float: right;
            width: 12%;
        }
        .aliyun-2020-footer-pc .homepage-footer-top .homepage-footer-main-services .ali-main-services .ali-main-services-title {
            display: block;
            text-align: left;
            line-height: 18px;
            font-size: 14px;
            color: #d7d8d9;
            letter-spacing: .44px;
            margin-bottom: 16px;
        }
        .aliyun-2020-footer-pc .homepage-footer-top .homepage-footer-main-services .ali-main-services .ali-main-services-link {
            display: block;
            text-align: left;
            line-height: 22px;
            font-size: 12px;
            color: #9b9ea0;
            letter-spacing: .43px;
            text-decoration: none;
            transition: color .3s;
        }
        .aliyun-2020-footer-pc .ali-product {
            width: 100%;
            height: auto;
            padding: 15px 0;
            box-sizing: border-box;
            border-bottom: 1px solid #4b5054;
        }
        
        .aliyun-2020-footer-pc .ali-about-container {
            width: 100%;
            padding-top: 10px;
            padding-bottom: 33px;
        }
        .aliyun-2020-footer-pc .ali-about-container .about-link-wrap {
            width: 100%;
            height: auto;
            clear: both;
        }
        .aliyun-2020-footer-pc .ali-about-container .about-link-wrap .ali-about-link {
            text-decoration: none;
            text-align: left;
            line-height: 30px;
            font-size: 16px;
            color: #9b9ea0;
            letter-spacing: .5px;
            display: inline-block;
            margin-right: 35px;
        }
        .aliyun-2020-footer-pc .ali-about-container .friend-link-wrap {
            width: 100%;
            height: auto;
        }
        .aliyun-2020-footer-pc .ali-about-container .friend-link-wrap .ali-friend-link {
            text-align: left;
            line-height: 30px;
            font-size: 14px;
            color: #73777a;
            text-decoration: none;
            letter-spacing: .5px;
            display: inline-block;
            margin-right: 8px;
        }
        .aliyun-2020-footer-pc .ali-about-container .friend-link-wrap .ali-copyright-text {
            text-align: left;
            line-height: 30px;
            font-size: 14px;
            color: #73777a;
            letter-spacing: .5px;
        }
        .aliyun-2020-footer-pc .ali-about-container .friend-link-wrap .ali-copyright-text a {
            color: inherit;
            text-decoration: none;
        }
        .aliyun-2020-footer-pc .ali-about-container .ali-report-wrap {
            padding-top: 15px;
            width: 100%;
            height: auto;
        }
        .aliyun-2020-footer-pc .ali-about-container .ali-report-wrap .ali-report-link {
            display: inline-block;
            text-decoration: none;
        }
        .aliyun-2020-footer-pc .ali-about-container .ali-report-wrap .ali-report-link .ali-report-img {
            width: 20px;
            display: inline-block;
            height: 20px;
            margin-right: 12px;
        }
        .aliyun-2020-footer-pc .ali-about-container .ali-report-wrap .ali-report-link .ali-report-link-text {
            height: 20px;
            line-height: 20px;
            color: #939393;
            margin-left: -7px;
            font-size: 12px;
        }
        .homepage-footer-top .homepage-footer-consult .consult-text:nth-child(2) {
            font-size: 20px;
            color: #fff;
        }
        .aliyun-2020-footer-pc .homepage-footer-top .homepage-footer-main-services .ali-main-services .ali-official-code {
            display: block;
            width: 76px;
            height: 76px;
            margin-top: 10px;
            margin-bottom: 5px;
        }
        .aliyun-2020-footer-pc .homepage-footer-top .homepage-footer-main-services .ali-main-services .code-hide {
            display: none;
        }
        .aliyun-2020-footer-pc a {
            text-decoration: none;
        }
        .aliyun-2020-footer-pc a:hover {
            color: #ff6a00!important;
        }
    }
    
    @media screen and (max-width:768px) {
        .aliyun-2020-footer-h5 {
            display: block;
            padding-bottom: .26666667rem;
            background-color: #373D41;
        }
        .aliyun-2020-footer-pc {
            display: none;
        }
        .aliyun-2020-footer-h5 .hot-product {
            padding: .4rem .53333333rem;
        }
        .aliyun-2020-footer-h5 .hot-product h2 {
            font-size: 14px;
            margin-bottom: .26666667rem;
            color: #999;
            letter-spacing: 0;
            font-weight: 500;
        }
        ol,
        ul {
            list-style: none;
        }
        .aliyun-2020-footer-h5 .hot-product ul:before {
            content: "";
            display: table;
        }
        .aliyun-2020-footer-h5 .hot-product ul li {
            float: left;
            margin-right: .26666667rem;
        }
        .aliyun-2020-footer-h5 .hot-product ul li a {
            font-size: 14px;
            line-height: 24px;
            color: #D7D8D9 !important;
            text-decoration: none;
        }
        .aliyun-2020-footer-h5 .hot-product ul:after {
            clear: both;
        }
        .aliyun-2020-footer-h5 .hot-product ul:after {
            content: "";
            display: table;
        }
        .aliyun-2020-footer-h5 .footer-common-line {
            margin: 0 .21333333rem;
            height: 1px;
            background-color: #5B5B5B;
            transform: scaleY(.5);
        }
        .aliyun-2020-footer-h5 .footer-common-blogroll {
            padding: .4rem .53333333rem;
            font-size: 14px;
        }
        .aliyun-2020-footer-h5 .m-aliyun-index-common-footer .module-wrap .footer-common-blogroll li {
            line-height: 32px;
        }
        .aliyun-2020-footer-h5 .footer-common-blogroll li a {
            color: #EBECEC !important;
            font-size: 14px;
        }
        .aliyun-2020-footer-h5 .footer-common-blogroll p {
            color: #DFE0E1 !important;
            font-size: 14px;
            line-height: 32px;
        }
        .aliyun-2020-footer-h5 .footer-common-blogroll p {
            color: #DFE0E1 !important;
            font-size: 14px;
            line-height: 32px;
        }
        .aliyun-2020-footer-h5 .footer-common-blogroll p .footer-share-item {
            margin-right: .66666667rem;
            color: #EBECEC !important;
            line-height: 32px;
            display: inline-block;
            padding-right: 24px;
            position: relative;
        }
        .aliyun-2020-footer-h5 .footer-common-blogroll p .footer-share-item .weibo-icon {
            background-image: url(data:image/png;base64,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);
        }
        .aliyun-2020-footer-h5 .footer-common-blogroll p .footer-share-item .share-icon {
            width: 20px;
            height: 20px;
            background-size: contain;
            background-repeat: no-repeat;
            display: inline-block;
            position: absolute;
            top: 6px;
            right: 0;
        }
        .aliyun-2020-footer-h5 .footer-common-blogroll p .footer-share-item:last-child {
            margin-right: 0;
        }
        .aliyun-2020-footer-h5 .footer-common-blogroll p .footer-share-item .weixin-icon {
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAfCAYAAABgfwTIAAAAAXNSR0IArs4c6QAABLRJREFUWAnFV02IHEUUrlfdvVFH1yj4B64wzEx3z02JUbIxIprIYkCJiUa8qBcP61/0lovJZQVFhUUSD2pUWBRUMBjIQZNoRAxhzRKRuF09SVbUw+AeTNZdNs5OV/lVS3d6uiczPTsLGRjq1Xtfvfrq1XtV1cQ6/JRSlu/7mxijEanYnYypIhGtht4gYueh/5MYO4n2yMCAeaBYLJ7r4C63CT6zv3q9Xjg3N/cyU+wFELgxi8hqQPYC8J9wzsZs2z6bReTXZEjpyCAq+0Dm1vxuWpANThzEymMgGrRYcnZaSHm+/xJW+zYI8ZzjLw0jOmRy2lqpVOYuDWpviUkJURuVSu5pD1ueFs5/LBSu2jg0NLTYi4cwIkKcWQtC420GLiChP9PO29giVZMYHcBWHcRfRUrdojO8sLDY80JDUlIF78KHmXSICaRp8Ltcx9nuus56RvRN0h7LnJ5wXfth17E3M2KZhSmmnvG80/fH+BwCr9VqD2JNa9pg58vlshfpialaJCfbVab5U9yX5MdyQlBMvprodhXJ8/x9ejVtkUQfWwZ/MwjYEKI5Acz1aRy29zAxcyfn0gykRNUyN43Rfcs0bsMi/2hnS+to2hMCSjtt6KO/hK3+mjM6jDPrVBAQ8jK4VlnWGadYPIu0WOrmW5P6F6CBbsAc9gYSflytsvbyRnODZGoLU2odxt0cjQWhAMkvUA6HiIwJxylNRrZkS57wJc6l+GhIGvPKGIxoW49jznuQCrvh74Y8Y7GI71CwOxzH+TmJ19U3m1T0LtOUYfDNippv6XMuLyE9DxZwH26PSRzaLybnBSk1lVT0KNdpwHwykOoLbNXGHsdGcEtJNT4txO5IwRXR/qjTa2tweo41mmOIzu29js3gFdvlebXHtJ5fNzg4gQRcxhbSCVyRi9iCrekJcCG/Rpa5FjnzedqGyvwSh/Ia2MayNrXHm529JkxwIcRT2NuPMqAOCmJ8VFFYYXhvXfzpm8CxK1fo0seLo4qt/fWiFZJprK+Wy+G1hcqfh6aQtBOnHXHVCeF/iDJ8OgnoJGPr7sCEk8C0XE96DA7UvRxpAX+v4DAdafGD68og9gZsW2AbbbH9P/j7mBTywsRL4VNsx7YMMKvAm4ltQHSPZ039aRDh8+GFrN2g03ScynaE73XILbd9ehpEYg4v4qvT+hXqD8aktEOQkU6lshNRq3eegAqGof7ujFmeFdH4q4WUdoO31TCaW2KXRKdAtuWDAKSv5JzPQ38hxq2QgD36IZOkjMttTOoZ6Khp0C48Z4+CBOGJU8QR4EiSN5EkA6T+USw4COCjK8QndEPEP4gTXWv05Ej2CWby991y+dtuk6Hk70ayH9PjumHz2JGrR/CofKBvZ9Oi9g5T8vk8k3bCIBVm9aGq31x9k0KULOH7X2XOo04MUrYwZ01jk1sqha/YTKKn8F27cLjk2PYjjPh7XcFtAIjKb8o07o0IaUjfpLQTEGtUncqzzOAjkE9qXe4fp/3VUumXJL7v7Us6i2RU6rogwL1IahjbWoJev+0bYP87PkCmcG8ew8v0IVQWvoDodBWXZTT2srf602va808IMdP2Y+OyEdTHyczMzOokgf8A/Pa36/qCdOYAAAAASUVORK5CYII=);
            top: 8px;
        }
        .aliyun-2020-footer-h5 .footer-common-95187 {
            border: 1px solid #979797;
            display: block;
            height: 36px;
            line-height: 36px;
            font-size: 14px;
            text-align: center;
            color: #D7D8D9 !important;
            margin: .53333333rem .50666667rem;
        }
        .aliyun-2020-footer-h5 .footer-common-logo {
            margin-left: .53333333rem;
            width: 2.66666667rem;
        }
        .aliyun-2020-footer-h5 .footer-common-pd24 {
            padding: .26666667rem .53333333rem;
        }
        .aliyun-2020-footer-h5 .footer-common-f12 {
            font-size: 12px;
        }
        .aliyun-2020-footer-h5 .footer-common-copyright {
            color: #D7D8D9;
        }
    }
</style>

<div class="aliyun-2020-footer-pc">
        <div class="view-content">
            <div class="homepage-footer-wrap homepage">
                
                <div class="ali-about-container">
                    <div class="about-link-wrap">
                                                <a class="ace-link ace-link-primary ali-about-link" href="https://www.aliyun.com/about" target="_blank">关于我们</a>
                       
                                                <a class="ace-link ace-link-primary ali-about-link" href="http://terms.aliyun.com/legal-agreement/terms/suit_bu1_ali_cloud/suit_bu1_ali_cloud201902141711_54837.html" target="_blank">法律声明及隐私权政策</a>
                       
                                                <a class="ace-link ace-link-primary ali-about-link" href="https://jubao.alibaba.com/" target="_blank">廉正举报</a>
                       
                                                <a class="ace-link ace-link-primary ali-about-link" href="https://www.aliyun.com/contact" target="_blank">联系我们</a>
                       
                                                <a class="ace-link ace-link-primary ali-about-link" href="https://www.aliyun.com/careers" target="_blank">加入阿里云</a>
                       
                                            </div>
                    <div class="friend-link-wrap">
                                                <a class="ace-link ace-link-primary ali-friend-link" href="https://www.alibabagroup.com/cn/global/home" target="_blank">阿里巴巴集团</a>
                                                <a class="ace-link ace-link-primary ali-friend-link" href="https://www.taobao.com/" target="_blank">淘宝网</a>
                                                <a class="ace-link ace-link-primary ali-friend-link" href="https://www.tmall.com/" target="_blank">天猫</a>
                                                <a class="ace-link ace-link-primary ali-friend-link" href="https://ju.taobao.com/" target="_blank">聚划算</a>
                                                <a class="ace-link ace-link-primary ali-friend-link" href="https://www.aliexpress.com/" target="_blank">全球速卖通</a>
                                                <a class="ace-link ace-link-primary ali-friend-link" href="https://www.alibaba.com/" target="_blank">阿里巴巴国际交易市场</a>
                                                <a class="ace-link ace-link-primary ali-friend-link" href="https://www.1688.com/" target="_blank">1688</a>
                                                <a class="ace-link ace-link-primary ali-friend-link" href="https://www.alimama.com/index.htm" target="_blank">阿里妈妈</a>
                                                <a class="ace-link ace-link-primary ali-friend-link" href="https://www.alimama.com/index.htm" target="_blank">飞猪</a>
                                                <a class="ace-link ace-link-primary ali-friend-link" href="https://www.aliyun.com/" target="_blank">阿里云计算</a>
                                                <a class="ace-link ace-link-primary ali-friend-link" href="https://www.alios.cn/" target="_blank">AliOS</a>
                                                <a class="ace-link ace-link-primary ali-friend-link" href="https://aliqin.tmall.com/" target="_blank">阿里通信</a>
                                                <a class="ace-link ace-link-primary ali-friend-link" href="https://wanwang.aliyun.com/" target="_blank">万网</a>
                                                <a class="ace-link ace-link-primary ali-friend-link" href="https://mobile.amap.com/" target="_blank">高德</a>
                                                <a class="ace-link ace-link-primary ali-friend-link" href="https://www.uc.cn/" target="_blank">UC</a>
                                                <a class="ace-link ace-link-primary ali-friend-link" href="https://www.umeng.com/" target="_blank">友盟</a>
                                                <a class="ace-link ace-link-primary ali-friend-link" href="https://www.xiami.com/" target="_blank">虾米</a>
                                                <a class="ace-link ace-link-primary ali-friend-link" href="https://www.youku.com/" target="_blank">优酷</a>
                                                <a class="ace-link ace-link-primary ali-friend-link" href="https://www.dingtalk.com/" target="_blank">钉钉</a>
                                                <a class="ace-link ace-link-primary ali-friend-link" href="https://www.alipay.com/" target="_blank">支付宝</a>
                                                <a class="ace-link ace-link-primary ali-friend-link" href="https://damo.alibaba.com/" target="_blank">达摩院</a>
                                                <a class="ace-link ace-link-primary ali-friend-link" href="https://s.alibaba.com/?scene=clinks" target="_blank">阿里安全</a>
                                             <div class="ali-copyright-text">© 2009-2023 Aliyun.com 版权所有 增值电信业务经营许可证： <a href="http://beian.miit.gov.cn/" target="_blank">浙B2-20080101</a></div>
                    </div>
                    <div class="ali-report-wrap">
                                                <a class="ace-link ace-link-primary ali-report-link" href="http://idinfo.zjamr.zj.gov.cn/bscx.do?method=lzxx&id=3301963301080000025024" target="_blank"><img src="https://gw.alicdn.com/tfs/TB1GxwdSXXXXXa.aXXXXXXXXXXX-65-70.gif" alt="网安" class="ali-report-img"><span class="ali-report-link-text"></span></a>
                                                <a class="ace-link ace-link-primary ali-report-link" href="http://www.beian.gov.cn/portal/registerSystemInfo" target="_blank"><img src="https://img.alicdn.com/tfs/TB1..50QpXXXXX7XpXXXXXXXXXX-40-40.png" alt="网安" class="ali-report-img"><span class="ali-report-link-text">浙公网安备 33010602009975号</span></a>
                                            </div>
                </div>
            </div>
        </div>
    </div>

<div class="aliyun-2020-footer-h5">
         <div class="hot-product">
            <h2>热门产品</h2>
            <ul>
                <li><a class="ace-link ace-link-primary hot-product-item" href="https://www.aliyun.com/activity/daily/aliyun-mobile-promotion?spm=5176.14406642.root.16.ccfc20fcU7LC17">新人特惠专场</a></li>
                <li><a class="ace-link ace-link-primary hot-product-item" href="https://www.aliyun.com/product/ecs">云服务器</a></li>
                <li><a class="ace-link ace-link-primary hot-product-item" href=" https://www.aliyun.com/product/swas">轻量应用服务器</a></li>
                <li><a class="ace-link ace-link-primary hot-product-item" href="https://ac.aliyun.com/application/webdesign/sumei2022">网站建设</a></li>
                <li><a class="ace-link ace-link-primary hot-product-item" href="https://www.aliyun.com/product/oss">对象存储</a></li>
                <li><a class="ace-link ace-link-primary hot-product-item" href="https://www.aliyun.com/product/rds/mysql?spm=5176.23865530.J_8058803260.34.537163c0ojP2o1">关系型数据库</a></li>
                <li><a class="ace-link ace-link-primary hot-product-item" href="https://www.aliyun.com/product/sms?spm=5176.10695662.1128094.2.27b83583oKiPel">短信服务</a></li>
            </ul>
        </div>
        <div class="footer-common-line"></div>
        <div class="footer-common-blogroll">
            <ul>
               
                <li>
                    <a class="ace-link ace-link-primary blogroll-item" href="https://www.aliyun.com/about">关于我们</a>
                </li>
            </ul>

<p>
                <span style="color: #999;">关注我们：</span>
                <a href="//weibo.com/u/1644971875" class="footer-share-item">
                    新浪微博
                    <span class="share-icon weibo-icon"></span>
                  </a>
                <a href="javascript:void(0);" class="footer-share-item footer-share-weixin">
                    微信
                    <span class="share-icon weixin-icon"></span>
                  </a>
            </p>
        </div>
        <div class="footer-common-line"></div>
        <a href="tel:95187,1" class="footer-common-95187">
                售前咨询：95187转1
              </a>
        <img class="footer-common-logo dbl-lazy loaded" data-original="https://gw.alicdn.com/tfs/TB1pBiaQFXXXXbBXXXXXXXXXXXX-200-58.png" alt="阿里云" src="https://gw.alicdn.com/tfs/TB1pBiaQFXXXXbBXXXXXXXXXXXX-200-58.png" data-was-processed="true">
        <p class="footer-common-pd24 footer-common-f12 footer-common-copyright">©2023 Aliyun All rights reserved</p>
    </div>

</body>

</html>

HTML form 的相关内容

HTML 入门与实战

HTML基础入门学习

HTML5 新特性教程