body *{box-sizing:border-box}a{color:#333}header{width:100%;z-index:999;position:fixed;top:0;background-color:#fffffffa}.common-navbar{display:-ms-flexbox;display:flex;height:80px;-ms-flex-align:center;align-items:center;width:100%;max-width:1168px;margin:0 auto;-webkit-font-smoothing:antialiased}.common-navbar .navbar-logo{margin-right:40px}.common-navbar nav{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;-ms-flex:1;flex:1}.common-navbar nav a{display:inline-block;padding:16px;font-size:14px;font-weight:normal;color:#344857;text-decoration:none;cursor:pointer}.banner{background:linear-gradient(to left, #43acde, #0d7fcd);height:383px;margin-top:80px;padding:51px 0 30px}.banner .wrapper{max-width:1168px;margin:0 auto;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex:1;flex:1;color:#fff}.banner .api-doc-img{width:585px;height:302px}.banner .title{font-size:36px;line-height:74px;letter-spacing:0.2px}.banner .description{font-size:20px;line-height:30px}.main{background-color:#fafbfc;padding:78px 0}.main .wrapper{max-width:1168px;margin:0 auto;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex:1;flex:1;color:#fff}.main .item{margin:18px;width:548px;background:#fff;box-shadow:0 2px 6px 0 #e6e8eb;padding:39px 54px 47px 48px;text-decoration:none;transition:box-shadow .3s}.main .item-img{width:28px;height:28px}.main .item-title{color:#11293b;font-size:16px;margin:20px 0 22px;transition:color .3s}.main .item-desc{font-size:16px;line-height:27px;color:#63727d}.main .item:hover{box-shadow:0 2px 15px 0 #e6e8eb}.main .item:hover .item-title{color:#098de6}.footer-container{width:100%;background-color:#fff;bottom:0;left:0}.footer{max-width:1440px;padding:54px 120px;margin:0 auto;border-top:1px solid #f2f4f5}.navInfo{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;margin-top:26px}.info{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.copyright{font-size:13px;font-weight:normal;color:#949ea6;margin-right:28px}.link{font-size:13px;font-weight:normal;text-align:left;color:#344857;margin-right:28px;text-decoration:none;cursor:pointer}.link:hover{color:#098de6}.language{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.currentLanguage{font-size:13px;font-weight:normal;text-align:left;color:#344857;margin-left:8px;cursor:pointer}.trangle{width:0;height:0;border-style:solid;border-width:0 4.5px 5px 4.5px;border-color:transparent transparent #c2c8cc transparent;margin-left:6px;margin-top:2px}.social{width:300px;display:-ms-flexbox;display:flex}.wechat{position:relative}.wechat:hover .wechatQrcodeContainer{display:block}.wechatQrcodeContainer{display:none;position:absolute;left:-50px;margin-left:12px}.wechatQrcodeContainer::before{content:"";position:absolute;bottom:40px;width:14px;left:40px;height:14px;transform:rotate(45deg);background-color:#fff;border:solid 1px #d5dce0}.wechatQrcodeContainer::after{content:"";position:absolute;bottom:41px;width:14px;left:41px;height:14px;transform:rotate(45deg);background-color:#fff}.wechatQrcode{position:absolute;bottom:47px;width:100px;height:100px;border:solid 1px #d5dce0;border-radius:2px}.socialIcon{margin-right:24px}.languagePicker{position:absolute;bottom:40px;left:-82px;z-index:1000;font-size:15px;line-height:26px;background:#fff;border-radius:4px;box-shadow:0 50px 100px rgba(50,50,93,0.1),0 15px 35px rgba(50,50,93,0.15),0 5px 15px rgba(0,0,0,0.1);transform:rotate3d(1, 1, 0, 15deg);transform-origin:0 100%;will-change:transform,opacity;transition-property:transform,opacity;transition-duration:.25s;display:none}.active{display:block}.languagePicker:before{content:"";position:absolute;bottom:-6px;left:80px;width:20px;height:20px;transform:rotate(45deg);border-radius:20px 0 3px 0;background-color:#fff}.optionList{color:#525f7f;white-space:nowrap;margin:0;list-style:none;padding-left:0;padding:10px 5px}.option{cursor:pointer}.option:hover{color:#32325d;background-color:#c4d4e861}.optionLink{border-radius:4px;display:block;line-height:36px;margin:0;padding:0 30px;text-decoration:none}.optionLink:hover{background-color:#f6f9fc;color:#32325d}.selected{font-weight:600;color:#32325d;background-color:#c4d4e861}.selected.active{transform:none;opacity:1;padding:10px 5px}.mask{position:fixed;top:0;left:0;bottom:0;right:0;width:100%;height:100%;background-color:#3333331f;display:none}@media screen and (max-width: 1024px){.common-navbar{padding-left:1em}.banner{text-align:center;padding:0 1em 2em;height:auto}.banner .wrapper{display:block}.banner .detail{padding-top:10px}.banner .title{line-height:auto}.banner .api-doc-img{display:none}.main{padding:20px 0}.main .wrapper{width:100%;padding:0 1em;display:block}.main .wrapper .item{width:548px;height:auto;display:block;margin:15px auto}.footer{width:100%;padding:2em 1em 1em}}@media screen and (max-width: 640px){.main .wrapper .item{width:auto;height:auto;display:block;margin:15px auto}.footer{width:100%;padding:2em 1em 1em}.navLinks{width:100%;-ms-flex-wrap:wrap;flex-wrap:wrap}.navInfo{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start}.social{width:100%;margin-top:2em}}