.sampleBox{padding:10px;background:#f5f5f5;font-size:14px;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}}