.developer-wrap{padding-bottom:30px}.developer-wrap .banner-wrap{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;background:no-repeat center right url(/static/images/developer/banner-bg.jpg);background-size:cover}.developer-wrap .list-wrap{padding:23px 15px 0}.developer-wrap .list-wrap .container{margin-left:-15px;margin-right:-15px}.developer-wrap .list-type{display:none;padding:15px 0 0 10px;font-size:17px;font-weight:700;border-top:solid 1px #d3d3d5;background:#fff}.developer-wrap .list{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:#fff}.developer-wrap .item{display:block;padding:18px 8px;color:#444}.developer-wrap .item+.item{border-top:solid 1px #d3d3d5}.developer-wrap a.item:hover .title{color:#1f88ec}.developer-wrap .info-wrap{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-moz-box-orient:horizontal;-moz-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.developer-wrap .info-wrap .type-icon{width:35px;margin-right:8px}.developer-wrap .info-wrap .content{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;margin-top:-3px}.developer-wrap .info-wrap .title{display:block;margin-bottom:5px;font-size:16px;font-weight:700}.developer-wrap .info-wrap .sub-title{margin:2px 0}.developer-wrap .info-wrap .sub-title span{color:#999}.developer-wrap .info-wrap .desc{display:-webkit-box;display:-moz-box;max-height:53px;-webkit-line-clamp:3;-webkit-box-orient:vertical;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden;color:#999}.developer-wrap .info-wrap .products{max-width:-webkit-calc(100vw - 150px);max-width:calc(100vw - 150px);margin-top:5px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.developer-wrap .info-wrap .products span{color:#999}.developer-wrap .more-btn{display:block;height:35px;margin-top:10px;line-height:35px;color:#fff;text-align:center;background:#1f88ec}.developer-wrap .sdk .info-wrap .desc-wrap{display:none}.developer-wrap .related-articles{border-top:solid 1px #d3d3d5}.developer-wrap .related-articles .publish-time{display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding:5px 10px;margin-bottom:2px;background-color:#f1f4f5}.developer-wrap .related-articles .item+.item{padding-top:0;border-top:0}.developer-wrap .related-articles .action-wrap{margin-top:-6px}.developer-wrap .related-articles .info-wrap .desc{max-height:35px;-webkit-line-clamp:2}.developer-wrap .related-articles .more-btn{margin-top:0}@media (min-width:768px){.developer-wrap{background:#fff}.developer-wrap h2{text-align:left}.developer-wrap .banner-wrap{background-position:center center}.developer-wrap .banner-wrap h2{text-align:center}.developer-wrap .list-wrap{padding-bottom:0}.developer-wrap .list-wrap .container{margin-left:auto;margin-right:auto}.developer-wrap .list-type{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;padding:0 0 9px;margin:20px 0 12px;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;font-size:17px;font-weight:700;border-top:0;border-bottom:solid 1px #d3d3d5;background:0 0}.developer-wrap .list-type a{color:#000;font-size:14px}.developer-wrap .list-type a:hover{color:#1f88ec}.developer-wrap .list{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-moz-box-orient:horizontal;-moz-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;background:0 0}.developer-wrap .list.sdk .item{width:100%;margin-right:0}.developer-wrap .item{width:-webkit-calc(50% - 10px);width:calc(50% - 10px);margin-top:20px;border:solid 1px #d3d3d5}.developer-wrap .item:nth-child(1),.developer-wrap .item:nth-child(2){margin-top:0}.developer-wrap .item:nth-child(2n+1){margin-right:20px}.developer-wrap .info-wrap .sub-title{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}.developer-wrap .info-wrap .sub-title .group-wrap+.group-wrap{margin-left:10px}.developer-wrap .info-wrap .products{max-width:250px}.developer-wrap .more-btn{display:none}.developer-wrap .sdk .info-wrap .type-icon{width:45px}.developer-wrap .sdk .info-wrap .desc-wrap{display:block;padding:15px;margin-top:5px;background:#f1f4f5}.developer-wrap .sdk .info-wrap .desc{max-height:53px}.developer-wrap .related-articles{border-top:0}.developer-wrap .related-articles .publish-time{padding:10px 20px;margin-bottom:5px}.developer-wrap .related-articles .item{padding-top:0;padding-left:0;padding-right:0;width:-webkit-calc(50% - 20px);width:calc(50% - 20px);border:0}.developer-wrap .related-articles .item:nth-child(2n+1){margin-right:40px}}@media (min-width:992px){.developer-wrap .list-type{margin-top:25px;margin-bottom:15px;font-size:18px}.developer-wrap .list-wrap{margin-top:10px}.developer-wrap .item{padding:25px}.developer-wrap .info-wrap .type-icon{width:80px;margin-right:15px}.developer-wrap .info-wrap .title{margin-bottom:6px;font-size:18px}.developer-wrap .info-wrap .products{margin-top:7px;max-width:300px}.developer-wrap .sdk .info-wrap .desc-wrap{margin-top:10px}.developer-wrap .related-articles .item{padding-bottom:0}}@media (min-width:1200px){.developer-wrap{padding-bottom:50px}.developer-wrap .banner-wrap{height:200px}.developer-wrap .list-wrap{overflow-x:hidden}.developer-wrap .item{padding:36px}.developer-wrap .info-wrap .type-icon{width:100px;margin-right:18px}.developer-wrap .info-wrap .products{max-width:320px}}@media (min-width:1440px){.developer-wrap .banner-wrap{height:240px}}