@keyframes content-show{0%{transform:translateY(100px)}to{transform:translateY(0)}}.yq-case{width:100vw}.yq-case .case-header{width:100%;height:410px;position:relative}.yq-case .case-header .header-nav{width:100%;height:52px;line-height:52px;align-items:center;justify-content:center;background:rgba(0,0,0,.5);position:absolute;top:0;left:0}.yq-case .case-header .header-nav .nav-item{width:100px;height:52px;text-align:center;line-height:52px;font-size:13px;color:#fff;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:1;transition:all .3s}.yq-case .case-header .header-nav .nav-active,.yq-case .case-header .header-nav .nav-item:hover{background:rgba(0,0,0,.38)}.yq-case .case-header .header-bg{position:relative;height:410px;overflow:hidden}.yq-case .case-header .header-bg .bg-cover{width:100%;min-width:1920px}.yq-case .case-header .header-bg .bg-info{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#fff}.yq-case .case-header .header-bg .bg-info .info-title{font-size:60px}.yq-case .case-header .header-bg .bg-info .info-desc{margin-top:15px;height:21px;line-height:21px}.yq-case .case-body{width:980px;margin:0 auto}.yq-case .case-body .body-title{font-size:36px;color:#333;margin-top:42px;margin-bottom:30px;text-align:center}.yq-case .case-body .body-example{margin-bottom:72px}.yq-case .case-body .body-example .example-list .list-item{border-top:1px solid #eee;animation:content-show .6s}.yq-case .case-body .body-example .example-list .list-item .item-title{margin-top:46px;font-size:28px;color:#333;text-align:center}.yq-case .case-body .body-example .example-list .list-item .item-desc{width:-moz-fit-content;width:fit-content;margin:0 auto}.yq-case .case-body .body-example .example-list .list-item .item-desc .desc-icon{width:22px;height:19px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAmCAYAAADAzmuWAAABs0lEQVR42p2WwXGEMAxFacEtuAVacAvbgs97owVaICW4BbdAC7TgAnIhmJF3FEdfFjlo2J358yxk6Yvp/fU9KeGuCJrmPM9PXP99jfpbgy5XnFcUC/j6nUifEbieepCoxarAZzqc618StBdpWQdBW+MYZdqg0ZjpSYzAhRmIHMhWSiK1mjdRBFBU103QZ94h6PRCpUHgvgQHhzawdAGroQ15RAksvZZTwP1dlB7awBm0TI2dbn90aZ8688nThC34WI+09/1YwccD8N12E72uRexBR8DJ24zgoAzSn2ijaQFrwwS9Io1q9qAz7jng4t1wcSMXhH4c6YBCzzjYMCsd3PSh9wo/8AbJMl2/miQT2phHOAO4Zblo4Fmo6fzAhGr7OatXFLCdHbi0vXlEnzGCS5m/QLvtPPPRVkCryYH2TBIYwRflY0aCB/RdkYWSOAVeLAOCVlV8uKr8ZFztSQF7qXz8lTb2WmXgFzMzLqn9Nu0SkG3OBrPPqEYa2GL02Sos/9l5lh2WWBks4MWacXyYsbfssGyYzl/ZSn4sGotxlO82k7wikNFnquloLUVKKNMzcNv8AYj3oN/f1wioAAAAAElFTkSuQmCC)}.yq-case .case-body .body-example .example-list .list-item .item-desc .icon-left{background-position:left 0;margin-top:50px}.yq-case .case-body .body-example .example-list .list-item .item-desc .icon-right{background-position:left -19px;margin-top:113px}.yq-case .case-body .body-example .example-list .list-item .item-desc .desc-content{width:720px;font-size:16px;color:#888;font-family:Microsoft YaHei;text-align:left;line-height:24px;margin:0 108px;margin-top:65px}.yq-case .case-body .body-example .example-list .list-item .item-info{margin-top:50px}.yq-case .case-body .body-example .example-list .list-item .item-info .info-logo{width:86px;height:86px;background-image:url(../img/case-logo.59fc8591.png);margin-right:20px}.yq-case .case-body .body-example .example-list .list-item .item-info .info-sprit{width:8px;height:13px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAANCAYAAACUwi84AAAAgklEQVR42mJ89vU/Aw7ACsSTWHBIigLxaiC2x6ZAH4g3ArE8iMOEJhkGxEdhksgKQHQLEK8AYm5kHSAreIF4KRD7YnMMSOdCXJIwBYlAvA2fgo9A7AfEnUCMESiMaAEVAcRzgZgLlwIQMALiDUAsiy0cQOAcEJsA8WFcJqDEBUCAAQCWQRqyqlkDHwAAAABJRU5ErkJggg==);position:relative;margin-top:60px}.yq-case .case-body .body-example .example-list .list-item .item-info .info-content{width:656px;padding:22px 20px 30px 22px;background:#e6f5ff;border-radius:10px;text-align:left}.yq-case .case-body .body-example .example-list .list-item .item-info .info-content .content-detail{margin-top:18px;line-height:24px;color:#888;font-size:14px}.yq-case .case-body .body-example .example-list .list-item:not(:first-child){margin-top:70px}