.official-font{font-family:"official",Arial,"Microsoft Yahei","Helvetica Neue",Helvetica Neue,Helvetica,Lantinghei SC,Hiragino Sans GB,sans-serif}.page-wrap{width:100%;position:relative}.page-wrap .page-com{padding:100px 0 80px}.page-wrap .page-com h1{font-weight:lighter;font-family:"official",Arial,"Microsoft Yahei","Helvetica Neue",Helvetica Neue,Helvetica,Lantinghei SC,Hiragino Sans GB,sans-serif;color:#45586c;font-size:46px}.page-wrap .page-com h1 .en{font-size:52px}.page-wrap .page-com h2{font-size:40px;color:#45586c;font-weight:lighter;font-family:"official",Arial,"Microsoft Yahei","Helvetica Neue",Helvetica Neue,Helvetica,Lantinghei SC,Hiragino Sans GB,sans-serif}.page-wrap .page-com h3{font-size:18px;color:#536981;font-weight:normal;font-family:"official",Arial,"Microsoft Yahei","Helvetica Neue",Helvetica Neue,Helvetica,Lantinghei SC,Hiragino Sans GB,sans-serif}.page-wrap .page-com h4{font-size:20px;color:#4b565c;font-weight:normal;margin-top:10px}.page-wrap .page-com .tab-separator{display:inline-block;width:36px;border-top:2px solid #006cc9;margin:30px 0 0}.page-wrap .page-com ul{padding-left:15px}.page-wrap .page-com li{list-style:disc;font-size:16px;color:#4b565c;margin:18px 0}.page-wrap .page-com img{vertical-align:bottom}.page-wrap .service-banner{width:100%;height:360px;background:url("//www.tapd.cn/img_dist/official/service-integration-banner-12de4c4b21.jpg") #fefefe center no-repeat;background-size:cover;position:relative;padding:0}.page-wrap .main-header{height:210px;background-color:rgba(255,255,255,0.7);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#B3ffffff', endColorstr='#B3ffffff');margin:0 auto;position:relative;padding-top:150px;padding-left:200px;padding-right:200px;text-align:center;z-index:1}.page-wrap .main-header h1{padding-bottom:20px}.page-wrap .main-header h3{padding-top:12px}@media screen and (max-width:1500px){.page-wrap .main-header{padding-left:100px;padding-right:100px}}.page-wrap .page-title{text-align:center;margin-bottom:100px}.page-wrap .page-content{width:1200px;margin:0 auto;position:relative;text-align:center}.page-wrap .page-content .left-content,.page-wrap .page-content .right-content{text-align:left}.page-wrap .page-content .left-description,.page-wrap .page-content .right-description{padding-top:60px}.page-wrap .page-content .right-description{padding-left:130px}.page-wrap .third-party-products,.page-wrap .code-integration,.page-wrap .jenkins-integration,.page-wrap .artifact-integration,.page-wrap .test-integration{padding-top:100px;padding-bottom:120px}.page-wrap .third-party-products .page-content,.page-wrap .code-integration .page-content,.page-wrap .jenkins-integration .page-content,.page-wrap .artifact-integration .page-content,.page-wrap .test-integration .page-content{padding-left:100px}.page-wrap .third-party-products .left-content,.page-wrap .code-integration .left-content,.page-wrap .jenkins-integration .left-content,.page-wrap .artifact-integration .left-content,.page-wrap .test-integration .left-content{padding-top:50px;padding-bottom:100px;background-size:inherit;background-position:initial}.page-wrap .third-party-products .left-content h3,.page-wrap .code-integration .left-content h3,.page-wrap .jenkins-integration .left-content h3,.page-wrap .artifact-integration .left-content h3,.page-wrap .test-integration .left-content h3{font-size:34px;color:#f09000;padding-bottom:35px}.page-wrap .third-party-products .left-content span,.page-wrap .code-integration .left-content span,.page-wrap .jenkins-integration .left-content span,.page-wrap .artifact-integration .left-content span,.page-wrap .test-integration .left-content span{display:block;font-size:18px;color:#8c95a8;max-width:360px;line-height:30px}.page-wrap .third-party-products .right-content .product-item,.page-wrap .code-integration .right-content .product-item,.page-wrap .jenkins-integration .right-content .product-item,.page-wrap .artifact-integration .right-content .product-item,.page-wrap .test-integration .right-content .product-item{margin:0 0 0 35px;vertical-align:top;list-style:none;display:inline-block;width:220px;height:230px;border:1px solid #dfe3e7;border-radius:6px;text-align:center;position:relative;transition:box-shadow .5s cubic-bezier(.4, 0, .2, 1)}.page-wrap .third-party-products .right-content .product-item:hover,.page-wrap .code-integration .right-content .product-item:hover,.page-wrap .jenkins-integration .right-content .product-item:hover,.page-wrap .artifact-integration .right-content .product-item:hover,.page-wrap .test-integration .right-content .product-item:hover{box-shadow:0 0 20px -2px rgba(79,95,116,0.3)}.page-wrap .third-party-products .right-content .product-item:hover.no-hover,.page-wrap .code-integration .right-content .product-item:hover.no-hover,.page-wrap .jenkins-integration .right-content .product-item:hover.no-hover,.page-wrap .artifact-integration .right-content .product-item:hover.no-hover,.page-wrap .test-integration .right-content .product-item:hover.no-hover{box-shadow:none;cursor:default}.page-wrap .third-party-products .right-content .product-item .img-wrap,.page-wrap .code-integration .right-content .product-item .img-wrap,.page-wrap .jenkins-integration .right-content .product-item .img-wrap,.page-wrap .artifact-integration .right-content .product-item .img-wrap,.page-wrap .test-integration .right-content .product-item .img-wrap{width:220px;vertical-align:middle;position:absolute;bottom:96px}.page-wrap .third-party-products .right-content .product-item .img-wrap img,.page-wrap .code-integration .right-content .product-item .img-wrap img,.page-wrap .jenkins-integration .right-content .product-item .img-wrap img,.page-wrap .artifact-integration .right-content .product-item .img-wrap img,.page-wrap .test-integration .right-content .product-item .img-wrap img{vertical-align:middle;display:inline-block}.page-wrap .third-party-products .right-content .product-item h4,.page-wrap .code-integration .right-content .product-item h4,.page-wrap .jenkins-integration .right-content .product-item h4,.page-wrap .artifact-integration .right-content .product-item h4,.page-wrap .test-integration .right-content .product-item h4{display:block;position:absolute;bottom:56px;width:100%;font-size:18px;font-weight:bold;color:#4b565c}.page-wrap .third-party-products .right-content .product-item .home-icon-service-arrow,.page-wrap .code-integration .right-content .product-item .home-icon-service-arrow,.page-wrap .jenkins-integration .right-content .product-item .home-icon-service-arrow,.page-wrap .artifact-integration .right-content .product-item .home-icon-service-arrow,.page-wrap .test-integration .right-content .product-item .home-icon-service-arrow{position:absolute;bottom:14px;right:14px}.page-wrap .third-party-products .right-content .product-item .more,.page-wrap .code-integration .right-content .product-item .more,.page-wrap .jenkins-integration .right-content .product-item .more,.page-wrap .artifact-integration .right-content .product-item .more,.page-wrap .test-integration .right-content .product-item .more{margin-top:80px;font-size:18px;color:#d8dbe0}.page-wrap .third-party-products .right-content .product-item .more-point,.page-wrap .code-integration .right-content .product-item .more-point,.page-wrap .jenkins-integration .right-content .product-item .more-point,.page-wrap .artifact-integration .right-content .product-item .more-point,.page-wrap .test-integration .right-content .product-item .more-point{margin-top:30px}.page-wrap .third-party-products .right-content .product-item .more-point span,.page-wrap .code-integration .right-content .product-item .more-point span,.page-wrap .jenkins-integration .right-content .product-item .more-point span,.page-wrap .artifact-integration .right-content .product-item .more-point span,.page-wrap .test-integration .right-content .product-item .more-point span{display:inline-block;width:6px;height:6px;border-radius:50%;background-color:#d8dbe0;margin:0 1.5px}.page-wrap .third-party-products{position:relative;padding-top:140px}.page-wrap .third-party-products .line-separator{position:absolute;bottom:0;background-color:#e2e3e4;height:1px;width:1600px;left:50%;margin-left:-800px}.page-wrap .third-party-products .left-content{width:400px;background:url("//www.tapd.cn/img_dist/official/service/service-message-bg-050f8c4400.png") no-repeat}.page-wrap .code-integration .left-content{width:400px;background:url("//www.tapd.cn/img_dist/official/service/service-code-bg-54c037e830.png") no-repeat}.page-wrap .jenkins-integration .left-content{width:400px;background:url("//www.tapd.cn/img_dist/official/service/service-jenkins-bg-dc5bc05efb.png") no-repeat}.page-wrap .artifact-integration .left-content{width:400px;background:url("//www.tapd.cn/img_dist/official/service/service-artifact-bg-4cc92266cf.png") no-repeat}.page-wrap .test-integration .left-content{width:400px;background:url("//www.tapd.cn/img_dist/official/service/service-test-bg-f6246bdb3a.png") no-repeat}.page-wrap .open-api{background-color:#fff;padding:60px 0 70px 0;border-top:1px solid #eceff4}.page-wrap .open-api .left-content{padding-left:50px;padding-top:130px;width:624px}.page-wrap .open-api .left-content h3{font-size:40px;color:#4b565c;font-weight:normal}.page-wrap .open-api .left-content .tab-separator{margin:20px 0 30px 0}.page-wrap .open-api .left-content .info{display:block;font-size:18px;color:#8c95a8;max-width:320px;line-height:30px}