html{font-family:"Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1", Arial, sans-serif;color:#222;-webkit-font-smoothing:antialiased}body{margin:0}*{box-sizing:border-box}ul{padding:0}.x-center{text-align:center}.show{display:inherit !important}.hide{display:none !important}.animated{animation-duration:0.5s;transition-timing-function:ease-in-out;animation-fill-mode:both}@keyframes fade-in{from{opacity:0}to{opacity:1}}.fade-in{animation-name:fade-in}@keyframes fade-in-left{from{opacity:0;transform:translate3d(-100%, 0, 0)}to{opacity:1;transform:none}}.fade-in-left{animation-name:fade-in-left}@keyframes fade-in-right{from{opacity:0;transform:translate3d(100%, 0, 0)}to{opacity:1;transform:none}}.fade-in-right{animation-name:fade-in-right}@keyframes fade-in-top{from{transform:translate3d(0, -50px, 0)}to{opacity:1;transform:none}}.fade-in-top{animation-name:fade-in-top}@font-face{font-family:'iconfont';src:url("//at.alicdn.com/t/font_540587_ndmtrlsatm.eot");src:url("//at.alicdn.com/t/font_540587_ndmtrlsatm.eot?#iefix") format("embedded-opentype"),url("//at.alicdn.com/t/font_540587_ndmtrlsatm.woff") format("woff"),url("//at.alicdn.com/t/font_540587_ndmtrlsatm.ttf") format("truetype"),url("//at.alicdn.com/t/font_540587_ndmtrlsatm.svg#iconfont") format("svg")}.iconfont{font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale}.main-header{padding:20px 50px}.main-header>img[alt="logo"]{width:40px;height:40px}.main-header>span{font-size:15px;font-weight:900;margin-left:10px;position:relative;top:-12px}.main-header>nav{position:absolute;margin-right:50px;right:0;float:right;margin-top:-90px}.main-header>nav>li{list-style:none;float:left;margin-left:40px;margin-top:60px}.main-header>nav>li>a{color:#A3ABBE;text-decoration:none;font-size:14px;margin-right:10px;text-align:center;display:inline-block}.main-header>nav>li>a:hover{color:#606273}.main-header>nav>li>a:hover::after{opacity:1;width:100%}.main-header>nav>li>a::after{content:"";display:inline-block;height:2px;transition:all 0.3s ease-in-out 0s;background-color:#606273;margin:28px auto;opacity:0;width:10%}.banner{height:820px;padding-top:78px;background-image:url(9e8f25c04bdba326a516b74c89e3cded.png);color:#2B394D;background-size:contain;background-repeat:no-repeat}.banner>img[alt="ide"]{width:800px;margin-top:56px;box-shadow:0px 2px 20px 0px;color:#ccc;border-radius:3px}.banner>h2{font-size:24px}.banner-solo{font-size:36px;font-weight:400}.banner-solo>span{font-weight:200}.banner-download{margin-top:5px}.banner-download .download-message{font-size:12px;color:#2B394D;margin-bottom:10px}.banner-download .download-message a{font-size:12px;color:#39f;margin-left:5px}.banner-download .download-button{display:inline-block;font-size:18px;background:#39f;color:#fff;border:0;border-radius:2px;text-decoration:none;outline:none;width:176px;height:54px;line-height:54px}.banner-download .download-button:hover{background:#2176d9}.banner-download .download-switch{width:36px;height:54px;line-height:54px;margin-left:-2px}.banner-download .download-switch::after{content:"";width:12px;height:12px;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNTMyOTMyMzYyNzA2IiBjbGFzcz0iaWNvbiIgc3R5bGU9IiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjIxOTIiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PGRlZnM+PHN0eWxlIHR5cGU9InRleHQvY3NzIj48L3N0eWxlPjwvZGVmcz48cGF0aCBkPSJNNTEyIDgzMmw1MTItNjQwTDAgMTkyIDUxMiA4MzJ6IiBwLWlkPSIyMTkzIiBmaWxsPSIjZmZmZmZmIj48L3BhdGg+PC9zdmc+);display:inline-block;background-size:12px 12px}.download-detail{display:none;position:absolute;left:50%;margin-left:-222px}.download-detail>li{border:1px solid #e4e4e4;box-sizing:border-box;padding:20px;position:relative;left:50%;margin-left:-72px;margin-top:-12px;background:#fff;width:440px;height:88px;list-style-type:none;line-height:48px}.download-detail>li>a{color:#222;text-decoration:none;display:inline-block;width:100%}.download-detail>li>a>span:first-child{float:left;display:inline-block;width:100px;text-align:left}.download-detail>li>a>i{font-size:24px;color:#39f;float:right}.instruction{margin-top:50px;margin-bottom:100px;padding:40px 50px;background:url(1dfe1501629ff370c5863251b23cdc94.png);background-repeat:no-repeat;background-size:270px 375px;background-position:left}.instruction img[alt="instruction-icon"]{width:20px;height:20px;float:left;margin-right:5px}.instruction ul{background-color:#fff;width:1000px;text-align:center;margin:0 auto;box-shadow:0px 0px 10px 0px #e8e8e8}.instruction li{list-style:none;margin:0 0;display:inline-block;width:328px;height:300px;position:relative}.instruction li>.instruction-icon{margin-top:50px}.instruction li:last-child{margin-right:0px}.instruction li>h3{font-size:20px;margin-top:40px;margin-bottom:10px;color:#606273}.instruction li>p{margin:10px;color:#A3ABBE;font-size:14px;margin-left:-3px}.instruction li .iconfont{font-size:54px;color:#72b0fb}.instruction li .instruction-after{left:0;top:0;height:233px;width:1px;background-color:#F1F3F6;display:inline-block;position:absolute;margin-top:35px;margin-left:330px}.note{margin:0 auto;width:1000px;border:1px solid #C8D1DA}.note .note-header{background:#EEF6FF;height:60px;font-size:24px;color:#66B2FF;text-align:center;line-height:60px}.note .note-list{padding:0 30px}.note .note-list{list-style-type:none}.note ol{padding:0 20px 20px 20px;color:#A3ABBE;font-size:14px;border-bottom:1px solid #F1F3F6}.note h2{color:#606273;font-size:24px}.main-footer{background:#2B394D;color:#A3ABBE;padding:50px 0;text-align:center;margin-top:80px}.main-footer a{color:#A3ABBE;text-decoration:none}.main-footer a:hover{color:#39f}.main-footer>p{font-size:14px}