.example-wrapper[data-v-4e1ea0b6]{padding-top:5rem;padding-bottom:5rem}.example-wrapper .popup-box[data-v-4e1ea0b6]{padding:0 1.4rem 5rem;position:relative}.example-wrapper .popup-box .close-right[data-v-4e1ea0b6]{position:absolute;right:2rem;top:1.6rem}.example-wrapper .popup-box .close-right i[data-v-4e1ea0b6]{cursor:pointer}.example-wrapper .popup-box img[data-v-4e1ea0b6]{width:100%}.example-wrapper .popup-box .title[data-v-4e1ea0b6]{line-height:5rem;text-align:center;font-size:1.8rem}.example-wrapper .popup-box .info[data-v-4e1ea0b6]{padding:1rem 0;line-height:2rem}.example-wrapper .example-container[data-v-4e1ea0b6]{padding:0 1.6rem}.example-wrapper .example-item[data-v-4e1ea0b6]{margin:1rem 0;margin-bottom:2rem;position:relative;background-color:#eee;border-radius:.4rem}.example-wrapper .example-item img[data-v-4e1ea0b6]{width:100%;border-top-right-radius:.4rem;border-top-left-radius:.4rem}.example-wrapper .example-item .title>div[data-v-4e1ea0b6]{width:100%;font-size:1.2rem;display:flex;align-items:center;justify-content:center;height:3rem;padding-bottom:.4rem}.example-wrapper .example-item .mask[data-v-4e1ea0b6]{background-color:rgba(0,0,0,.35);border-radius:.4rem}.example-wrapper .example-banner[data-v-4e1ea0b6]{padding:4.5rem 0;background-image:url(../img/exampleBg.aca26167.png);background-size:100% 100%}.example-wrapper[data-v-4e1ea0b6] .self-nav{padding:0 1rem}.example-wrapper[data-v-4e1ea0b6] .self-nav .nav-item:first-child{flex:0.6}.example-wrapper[data-v-4e1ea0b6] .self-nav .nav-item:after{max-width:60%}