.sampleBox[data-v-312398fd]{padding:10px;background:#f5f5f5;font-size:14px;margin-top:15px;color:#8f8f8f}.UrlBox[data-v-312398fd]{background:#fff;border:1px solid #f5f5f5;padding:0 10px;line-height:23px;color:#8f8f8f;font-size:13px}.rightBox[data-v-312398fd]{width:65%;padding:55px 40px;overflow:hidden;margin-left:350px}.rightBox .title h3[data-v-312398fd]{font-size:23px}.rightBox .column[data-v-312398fd]{margin:20px 0;height:66px;line-height:60px;border-bottom:1px solid #dddce0}.rightBox .column h6[data-v-312398fd]{font-size:18px}.rightBox .center[data-v-312398fd]{margin-top:35px}.rightBox .center p[data-v-312398fd]{font-size:14px;color:#767987;margin-bottom:20px;line-height:1.7}.rightBox .resBox[data-v-312398fd]{display:flex;align-items:center;width:100%;margin-bottom:50px;margin-left:-8px}.rightBox .resBox img[data-v-312398fd]{width:100%}.rightBox .res-example[data-v-312398fd]{background:#f5f5f5;margin-bottom:30px;border-radius:5px;overflow:auto}.rightBox .res-example pre[data-v-312398fd]{margin:0;color:#5a5a5a;font-size:14px;line-height:22px}.rightBox .res-example.active[data-v-312398fd]{background:#2a2b2c}.rightBox .res-example.active pre[data-v-312398fd]{color:#fff}.rightBox .hljs[data-v-312398fd]{background:#f3f5f8;color:#646671;padding:30px;line-height:2}.rightBox .code[data-v-312398fd]{padding:20px 0 20px 30px;background:#f3f5f8;padding-left:30px}.rightBox .code p[data-v-312398fd]{color:#646671;font-size:14px}@media screen and (max-device-width:1660px){.rightBox[data-v-312398fd]{width:65%;padding:55px 40px;margin-bottom:30px;overflow:hidden;margin-left:325px!important}}@media only screen and (max-width:1300px){.rightBox[data-v-312398fd]{width:65%;padding:55px 40px;margin-bottom:30px;overflow:hidden;margin-left:310px!important}}a:active,a:hover,a:link,a:visited{color:#646671}.rightBox .column{height:50px;line-height:50px}.rightBox .column h6,.sampleBox{font-size:14px}.sampleBox{padding:10px;background:#f5f5f5;margin-top:15px;color:#8f8f8f}.UrlBox{background:#fff;border:1px solid #f5f5f5;padding:0 10px;line-height:23px;color:#8f8f8f;font-size:13px}.rightBox{width:65%;padding:55px 40px;overflow:hidden;margin-left:350px}.rightBox .column{margin:20px 0;height:66px;line-height:60px;border-bottom:1px solid #dddce0}.rightBox .column h6{font-size:18px!important}.rightBox .title{overflow:hidden}.rightBox .title h3{font-size:23px}.rightBox .center{margin-top:35px}.rightBox .center p{font-size:14px;color:#767987;margin-bottom:20px;line-height:1.7}.rightBox .resBox{display:flex;align-items:center;width:100%;margin-bottom:50px;margin-left:-8px}.rightBox .resBox img{width:100%}.rightBox .res-example{background:#f5f5f5;margin-bottom:30px;border-radius:5px;overflow:auto}.rightBox .res-example pre{margin:0;color:#5a5a5a;font-size:14px;line-height:22px}.rightBox .res-example.active{background:#2a2b2c}.rightBox .res-example.active pre{color:#fff}.rightBox .hljs{background:#f3f5f8;color:#646671;padding:30px;line-height:2}.rightBox .code{padding:20px 0 20px 30px;background:#f3f5f8;padding-left:30px}.rightBox .code p{color:#646671}@media screen and (max-device-width:1660px){.rightBox{width:65%;padding:55px 40px;margin-bottom:30px;overflow:hidden;margin-left:325px!important}}@media only screen and (max-width:1300px){.rightBox{width:65%;padding:55px 40px;margin-bottom:30px;overflow:hidden;margin-left:310px!important}}ol,ul{list-style:none}a{text-decoration:none}img{border:none}em,i{font-style:normal}html{font:16px/1.4 Helvetica}.scrollbar{scrollbar-width:thin;scrollbar-color:hsla(0,0%,39.2%,.4) transparent}.scrollbar::-webkit-scrollbar{width:.6rem}.scrollbar::-webkit-scrollbar-thumb{border-radius:.6rem;background-color:hsla(0,0%,39.2%,.4)}.wrapper{display:flex;justify-content:center;position:relative;margin:0 150px;float:left;padding-bottom:50px}.wrapper h3{position:absolute;left:4rem;top:4rem;z-index:1000;padding:0 1rem;background-color:#fff;font-size:1.4rem;font-weight:400;color:#222;border-radius:1.4rem}.wrapper .container{position:relative;margin:0 auto}.horizontal .container{width:25rem;height:18rem}.vertical .container{width:37rem;height:14rem}.container .cards-list{position:absolute;left:0;top:0;overflow:hidden;background-color:#f4f4f4;border-radius:.3125rem;transition:.33s}.demo4 .cards-list{transition:.44s cubic-bezier(.34,1.56,.64,1)}.horizontal .cards-list{width:100%}.horizontal .img{height:15rem}.vertical .cards-list{display:flex;height:100%}.vertical .img,.vertical .main-con{height:100%}.vertical .img{width:18rem}.img>img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-user-drag:none;-moz-user-select:none;-webkit-user-select:none;user-select:none}.btn-direct{position:absolute;top:50%;z-index:100000;width:4rem;height:4rem;transform:translateY(-50%);cursor:pointer;transition:.2s}.btn-direct.btn-left{left:6rem}.btn-direct.btn-right{right:6rem}.btn-direct>span{position:absolute;left:calc(50% - .6rem);top:calc(50% - .6rem);width:1.2rem;height:1.2rem;border-top:.2rem solid #fff;border-left:.2rem solid #fff}.horizontal .shift-left{transform:translateX(25%) rotate(-45deg)}.horizontal .shift-right{transform:translateX(-25%) rotate(135deg)}.vertical .shift-left{transform:translateY(25%) rotate(45deg)}.vertical .shift-right{transform:translateY(-25%) rotate(-135deg)}.demo7 .container{width:18rem;height:24rem;overflow:hidden}.navigation{display:flex;justify-content:space-between;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.navigation img{width:50px;height:50px}.navigation .dot{text-align:center;cursor:pointer;margin:0 10px;width:-moz-max-content;width:max-content}.navigation .dot .text{font-size:12px}.navigation .dot.active{background-color:transparent}.demo1-tip{position:absolute;left:12rem;top:8rem;color:#fff;line-height:1}.demo1-tip .active-index{color:#fafad2;font-size:1.5rem;font-weight:600;vertical-align:middle}@media screen and (min-device-width:1660px){.horizontal .container{width:40rem;height:23rem}.horizontal .img{height:20rem}.navigation .dot{text-align:center;cursor:pointer;margin:0 18px;width:-moz-max-content;width:max-content}}.Api .leftBox[data-v-6abf0950]{background:#eff1f4;flex:0 0 300px;border-radius:4px 0 0 4px;overflow:hidden;position:fixed;width:300px;height:100vh}.Api .leftBox .back[data-v-6abf0950]{font-size:20px;margin:15px 10px;cursor:pointer}.Api .leftBox .back img[data-v-6abf0950]{width:10px;height:15px;margin:0 10px;opacity:.5}.Api .leftBox .back span[data-v-6abf0950]{font-size:18px;color:#767987;vertical-align:inherit}.Api .leftBox .menuList[data-v-6abf0950]{padding-left:40px}.Api .leftBox .menuList .title_name[data-v-6abf0950]{margin:20px 0 20px 10px;font-weight:500;font-size:18px}.Api .leftBox .menuList .title[data-v-6abf0950]{line-height:3;cursor:pointer}.Api .leftBox .menuList .title span[data-v-6abf0950]{font-size:16px}.Api .leftBox .menuList .title img[data-v-6abf0950]{width:20px;height:20px;padding-left:10px;margin-right:10px;vertical-align:middle}.Api .leftBox .menuList .title .pickPage[data-v-6abf0950]{background:#fff;margin-right:10px;border-left:3px solid #499aff;box-shadow:0 1px 3px 1px rgba(205,210,211,.64);color:#000;overflow:hidden}.Api .leftBox .menuList .title .unpickPage[data-v-6abf0950]{margin-left:3px;color:#848994}.Api .leftBox .menuList .title .page[data-v-6abf0950]{display:flex;height:40px;line-height:40px;padding-left:17px}.Api .leftBox .menuList .title .page p[data-v-6abf0950]{font-size:14px;padding-left:20px;cursor:pointer}.Api .leftBox .menuList .title .page span[data-v-6abf0950]{font-weight:700;color:#0a6fec;font-size:18px;width:10px;display:inline-block}.Api .leftBox .menuList .title .sub[data-v-6abf0950]{font-size:14px;padding-left:45px;color:#848994;cursor:pointer}