.example{padding-top:10px}.example *{margin:0}.example-panel{display:block;width:900px;min-width:900px;margin:0 auto}.example-panel-btns{height:40px;margin:20px auto 0;text-align:center}.example .code-type-btn{height:40px;background:#fff;font-size:14px;color:#666;font-weight:400;width:120px;border:none;cursor:pointer;margin:0}.example .code-type-btn:focus{outline:none!important}.example .code-type-btn:hover{background-color:#eaf2fe}.example .sport-btn{border-radius:3px 0 0 3px}.example .active-type{color:#fff}.example .active-type,.example .active-type:hover{background-color:#3178f2}.example-desc{color:#666;font-size:16px;font-weight:400;height:30px;margin-left:10px;text-align:center;position:relative;top:-3px}.example-select{border-bottom:2px solid #bbb;margin:20px 0 10px}.example-select-item{font-size:14px;color:#666;font-weight:600;line-height:20px;text-align:center;padding:0 30px 12px;display:-moz-inline-box;display:inline-block;position:relative;border-bottom:2px solid transparent;bottom:-2px;cursor:pointer}.example-select-sport:hover{color:#3178f2;border-bottom:2px solid #3178f2}.example-select-esport:hover{color:#f6592e;border-bottom:2px solid #f6592e}.example-select .active{color:#3178f2;border-bottom:2px solid #3178f2}.example-code{height:328px;padding:0 15px;border:none}.example-code pre{max-height:348px;height:348px;padding:12px 0 16px;border-radius:0;overflow:auto;font-size:12px}.example-code-panel{width:100%;height:40px;background-color:#f8f8fa}.example-code-panel .code-btn{height:40px;width:120px;float:right;text-align:center;text-decoration:none;font-size:14px;font-weight:400}.example-code-panel .copyBtn{color:#fff;border:none;cursor:pointer}.example-code-panel .copyBtn:focus{outline:none!important}.example-code-panel .copyBtn:hover{background-color:#3057b5;color:#fff}.example-code-panel .sport-bg{background-color:#3178f2}.example-code-panel .debugBtn{display:inline;color:#333;border-left:1px solid #ddd}.example-code-panel .debugBtn>span{position:relative;top:10px;height:40px;text-align:center;display:inline-block;display:-moz-inline-box}.example pre[class*=language-]{margin:0;padding:0 20px;border:none;border-radius:0}.example pre[class*=language-] .line-numbers{padding-left:0;margin:0}.example .token.operator{background:none}code[class*=language-],pre[class*=language-]{font-family:Verdana,Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace!important}.modal-title{text-align:center;font-size:16px;font-weight:700}.modal-conter{margin:20px 0 0}.dialog-c-title{font-size:20px}.esport-example{padding-top:0!important}.esport-example .v--modal-box{z-index:999!important}.esport-example .vue-dialog-buttons{border-radius:2px}.esport-example .vue-dialog-buttons button{background:rgba(0,0,0,.3) linear-gradient(270deg,#f6592e,#f9068b)!important;border:1px solid #f9068b!important}.esport-code,.esport-code pre{height:300px!important}.esport-code pre{max-height:300px!important}.esport-btn{border-radius:0 3px 3px 0}.esport-bg{background:rgba(0,0,0,.3) linear-gradient(270deg,#f6592e,#f9068b)}.esport-active{color:#f6592e;border-bottom:2px solid #f6592e}.business-case-list[data-v-52a23600]{width:1128px;margin:0 auto}.business-case-list .title[data-v-52a23600]{font-size:32px;font-family:NotoSansHans-Bold,NotoSansHans;font-weight:700;color:#fff;margin:0 0 50px;text-align:center}.business-case-list .container[data-v-52a23600]{display:flex;display:-webkit-flex;flex-wrap:wrap}.business-case-list .container .item[data-v-52a23600]{width:267px;height:130px;display:flex;display:-webkit-flex;justify-content:center;align-items:center;background:#fff;box-shadow:0 4px 4px 0 rgba(0,0,0,.1);margin:20px 20px 0 0}.business-case-list .container .item[data-v-52a23600]:nth-of-type(4n){margin:20px 0 0}.business-case-list .container .item[data-v-52a23600]:first-of-type,.business-case-list .container .item[data-v-52a23600]:nth-of-type(2),.business-case-list .container .item[data-v-52a23600]:nth-of-type(3),.business-case-list .container .item[data-v-52a23600]:nth-of-type(4){margin-top:0}.business-case-list .container .item>img[data-v-52a23600]{width:220px;height:130px}.business-case-list .btn-1[data-v-52a23600]{text-align:center;margin:75px 0 0}.business-case-list .btn-1 .link-btn[data-v-52a23600]{display:inline-block;height:80px;width:267px;background:url(https://qn.feijing88.com/webpc/img/screen_btn_3.png) 100% no-repeat;background-size:267px 80px}.business-case-list .btn-1 .link-btn[data-v-52a23600]:hover{background:url(https://qn.feijing88.com/webpc/img/screen_btn_3_hover.png) 100% no-repeat}.business-case-list .btn-2[data-v-52a23600]{text-align:center;margin:54px}.business-case-list .btn-2 .link-btn[data-v-52a23600]{display:inline-block;width:160px;height:51px;position:relative;line-height:51px;text-align:center;border:1px solid hsla(0,0%,100%,.2);color:#fff;font-size:18px;border-radius:6px;background-color:transparent}.business-case-list .btn-2 .link-btn[data-v-52a23600]:before{content:"";position:absolute;width:0;left:0;top:0;border-radius:6px;height:51px;background-color:hsla(0,0%,100%,.1);transition:all .5s ease-in}.business-case-list .btn-2 .link-btn[data-v-52a23600]:hover:before{width:160px}.business-case-list .btn-3[data-v-52a23600]{text-align:center;margin:50px 0 0}.business-case-list .btn-3 .link-btn[data-v-52a23600]{display:inline-block;width:160px;height:56px;border-radius:4px;border:1px solid hsla(0,0%,100%,.2);box-sizing:border-box;-webkit-box-sizing:border-box;line-height:56px;text-align:center;font-size:18px;font-family:PingFangSC-Regular,PingFang SC;color:#fff}.business-case-list .btn-3 .link-btn[data-v-52a23600]:hover{background:linear-gradient(270deg,#df5335,#fc0689);border:1px solid transparent}.business-case-list .btn-4[data-v-52a23600]{text-align:center;margin:54px}.business-case-list .btn-4 .link-btn[data-v-52a23600]{display:inline-block;width:160px;height:51px;border-radius:3px;border:1px solid hsla(0,0%,100%,.2);box-sizing:border-box;-webkit-box-sizing:border-box;line-height:51px;text-align:center;font-size:18px;font-family:PingFangSC-Regular,PingFang SC;color:#fff}.business-case-list .btn-4 .link-btn[data-v-52a23600]:hover{background:hsla(0,0%,100%,.1)}.index-sports[data-v-52a23600]{width:1164px}.index-sports .container .item[data-v-52a23600]{width:220px;margin:20px 16px 0 0}.index-sports .container .item[data-v-52a23600]:nth-of-type(4n){margin:20px 16px 0 0}.index-sports .container .item[data-v-52a23600]:nth-of-type(5n){margin:20px 0 0}.index-sports .container .item[data-v-52a23600]:first-of-type,.index-sports .container .item[data-v-52a23600]:nth-of-type(2),.index-sports .container .item[data-v-52a23600]:nth-of-type(3),.index-sports .container .item[data-v-52a23600]:nth-of-type(4),.index-sports .container .item[data-v-52a23600]:nth-of-type(5){margin-top:0}