.official-font{font-family:"official",Arial,"Microsoft Yahei","Helvetica Neue",Helvetica Neue,Helvetica,Lantinghei SC,Hiragino Sans GB,sans-serif}.solution-cases{width:100%;position:relative;font-family:"Noto Sans SC"}.solution-cases .solution-banner{width:100%;height:400px;background:url("//www.tapd.cn/img_dist/official/cases/img_banner-4b1a777f15.png");background-size:2560px 400px;position:relative;background-repeat:no-repeat;background-position:center}.solution-cases .solution-banner .main-head{display:inline-block;width:100%;margin-top:137px;text-align:center;color:#152646;font-size:48px;font-weight:700;letter-spacing:2px}.solution-cases .solution-banner .sub-head{margin-top:24px;color:#5b677d;font-size:24px;font-weight:400;line-height:32px}.solution-cases .cases-container{width:1135px;margin:0 auto}.solution-cases .cases-category-list{margin:32px 0;font-size:0;display:flex;justify-content:space-between}.solution-cases .cases-category-list .category-item{display:inline-block;background:#F6F6F8;width:96px;height:40px;font-size:16px;cursor:pointer;transition:background-color .2s;border-radius:4px;padding:8px 16px;text-align:center}.solution-cases .cases-category-list .category-item>a{display:inline-block;width:100%;height:100%}.solution-cases .cases-category-list .category-item .category-name{color:#152646;line-height:24px}.solution-cases .cases-category-list .category-item:hover{background:#F5F8FF}.solution-cases .cases-category-list .category-item:hover .category-name{color:#2779FF}.solution-cases .cases-category-list .category-item-hover{background:#F5F8FF}.solution-cases .cases-category-list .category-item-hover .category-name{color:#0D68FF;font-weight:500}.solution-cases .cases-example-list{display:flex;flex-wrap:wrap}.solution-cases .cases-example-list>li{display:inline-block;margin-right:32px}.solution-cases .cases-example-list>li:nth-child(3n){margin-right:0}.solution-cases .cases-example-list .example-item{display:flex;padding:32px;flex-direction:column;align-items:flex-start;border-radius:8px;border:1px solid #E8E9EC;background:#FFF;width:357px;position:relative;text-align:left;margin-bottom:32px}.solution-cases .cases-example-list .example-link{display:inline-block}.solution-cases .cases-example-list .example-link .example-item:hover{box-shadow:0 0 20px 0 rgba(21,38,70,0.06)}.solution-cases .cases-example-list .example-icon{height:40px;width:auto}.solution-cases .cases-example-list .example-title{line-height:28px;color:#152646;font-size:20px;font-weight:500;margin-top:40px;height:56px;overflow:hidden}.solution-cases .cases-example-list .example-description{font-size:16px;font-style:normal;font-weight:400;line-height:24px;color:#7c8597;align-self:stretch;margin:16px 0;height:120px;overflow:hidden}.solution-cases .cases-example-list .example-category{display:flex;width:80px;height:30px;flex-direction:column;justify-content:center;align-items:center;border-radius:4px;background:#F6F6F8;color:#7C8597}.solution-cases .cases-example-list .example-category{opacity:0;pointer-events:none}.solution-cases .cases-example-list .example-link .example-category{opacity:1;pointer-events:auto}