.shepherd-button{background-color:var(--color-brand-1);font-size:var(--font-body-s);font-weight:500;border:0;border-radius:20px;color:var(--color-text-6);line-height: 1.2em;cursor:pointer;margin-right:12px;padding:5px 12px;transition:all .5s ease}.shepherd-button:not(:disabled):hover{background-color: var(--color-brand-2);color: var(--color-text-6);}.shepherd-button.shepherd-button-secondary{background-color:#F2F3F7;color:#262933;font-size: var(--font-body-s);font-weight: 500;}.shepherd-button.shepherd-button-secondary:hover{background-color:#EBEDF2;color:#262933}.shepherd-button:disabled{cursor:not-allowed}
.shepherd-footer{display:flex;justify-content:flex-end;}.shepherd-footer .shepherd-button:last-child{margin-right:0}
.shepherd-cancel-icon{background:transparent;border:none;color:#ffffff;cursor:pointer;font-size:2em;font-weight:400;margin:0;padding:0;transition:color .5s ease}.shepherd-cancel-icon:hover{color:#fff}.shepherd-has-title .shepherd-content .shepherd-cancel-icon{color:#fff}.shepherd-has-title .shepherd-content .shepherd-cancel-icon:hover{color:#fff}
.shepherd-title{color:var(--color-text-8);display:flex;flex:1 0 auto;font-size:16px;font-weight:600;}
.shepherd-header{align-items:center;font-size: var(--font-body-m);;display:flex;justify-content:flex-end;line-height:1.5em;font-weight: 700;color: var(--color-text-8);}.shepherd-has-title .shepherd-content .shepherd-header{background-color:var(--color-cmpt-9);margin-bottom: 8px;}
.shepherd-text{color:var(--color-text-8);font-size: var(--font-body-s);margin-bottom: 12px;line-height:1.5em;position: relative}.shepherd-text p{margin-top:0}.shepherd-text p:last-child{margin-bottom:0}
.shepherd-content{border-radius:6px;outline:none;padding:12px}
.shepherd-element{background-color:var(--color-cmpt-9);border-radius:8px;max-width:600px;opacity:0;outline:none;transition:opacity .3s,visibility .3s;visibility:hidden;width:100%;z-index:69}.shepherd-enabled.shepherd-element{opacity:1;visibility:visible}.shepherd-element[data-popper-reference-hidden]:not(.shepherd-centered){opacity:0;pointer-events:none;visibility:hidden}.shepherd-element,.shepherd-element *,.shepherd-element :after,.shepherd-element :before{box-sizing:border-box}.shepherd-arrow,.shepherd-arrow:before{height:12px;position:absolute;width:12px;z-index:-1}.shepherd-arrow:before{background-color:var(--color-cmpt-9);content:"";transform:rotate(45deg)}.shepherd-element[data-popper-placement^=top]>.shepherd-arrow{bottom:-6px}.shepherd-element[data-popper-placement^=bottom]>.shepherd-arrow{top:-5px}.shepherd-element[data-popper-placement^=left]>.shepherd-arrow{right:-6px}.shepherd-element[data-popper-placement^=right]>.shepherd-arrow{left:-6px}.shepherd-element.shepherd-centered>.shepherd-arrow{opacity:0}.shepherd-element.shepherd-has-title[data-popper-placement^=bottom]>.shepherd-arrow:before{background-color:var(--color-cmpt-9)}.shepherd-target-click-disabled.shepherd-enabled.shepherd-target,.shepherd-target-click-disabled.shepherd-enabled.shepherd-target *{pointer-events:none}
.shepherd-modal-overlay-container{height:0;left:0;opacity:0;overflow:hidden;pointer-events:none;position:fixed;top:0;transition:all .3s ease-out,height 0ms .3s,opacity .3s 0ms;width:100vw;z-index:9997}.shepherd-modal-overlay-container.shepherd-modal-is-visible{height:100vh;opacity:.5;transform:translateZ(0);transition:all .3s ease-out,height 0s 0s,opacity .3s 0s}.shepherd-modal-overlay-container.shepherd-modal-is-visible path{pointer-events:all}

/*************************额外的自定义样式*******************************/
.shepherd-modal-trade-overly-container{
    position: fixed;
    top: 0%;
    left: 0;
    width: 100vw;
    height: 100%;
    background-color: #000000;
    opacity: 0.3;
    z-index: 9998;
}
.pro_trade_guide_container{position: relative}
.pro_trade_guide_container .guide_step_image{
    position: absolute;
    z-index: 1;
}
.pro_trade_guide_container .guide_step_image_1{
    bottom: -75px;
    right: -125px;
    width: 125px;
}
.pro_trade_guide_container .guide_step_image_2{
    top: -111px;
    right: 55px;
    width: 95px;
}
.pro_trade_guide_container .guide_step_image_3{
    bottom: -71px;
    left: -277px;
    width: 281px;
}
.pro_trade_guide_container .guide_step_image_4{
    top: -141px;
    right: 123px;
    width: 109px;
}
.pro_trade_guide_container .guide_step_image_5{
    bottom: -105px;
    right: -155px;
    width: 152px;
}
.pro_trade_guide_container .guide_step_text{
    color:var(--color-text-8);
    font-size: var(--font-body-s);
    line-height:1.5em;
}

.guide-step-nation{
    position: absolute;
    bottom: -32px;
    font-size: var(--font-body-s);
    font-weight: 500;
    color: var(--color-text-3);
    line-height: 1.2em;
}
.guide-step-nation-current{
    font-size: var(--font-body-s);
    font-weight: 600;
    color: var(--color-text-8);
    line-height: 1.2em;
}
.shepherd-footer .shepherd-button.previous-step-button{
    color:#fff;
    border:1px solid #fff;
    background: transparent;
}

.shepherd-element{
    width: 360px;
}
.shepherd-modal-overly-container{
    position: fixed;
    top: 0%;
    left: 0;
    width: 100vw;
    height: 100%;
    background-color: #000000;
    opacity: 0.3;
    z-index: 9998;
}
.shepherd_step_top{
    margin-top: 12px !important;
}
.shepherd_step_bottom{
    margin-bottom: 16px !important;
}
.shepherd_step_price_element{
    left: -12px !important;
    .shepherd-arrow{
        left: 18px !important;
    }
}
.shepherd_step_price_element_h5{
    left: -12px !important;
    .shepherd-arrow{
        left: 12px !important;
    }
}
.l-12{
    left: -12px !important;
    .shepherd-arrow{
        left: 12px !important;
    }
}
.r-12{
    right: -12px !important;
    .shepherd-arrow{
        left: 12px !important;
    }
}
.shepherd_step_top_p2p{
    margin-top: 16px !important;
    left: -12px !important;
    .shepherd-arrow{
        left: 12px !important;
    }
}
.shepherd_step_02{
    .shepherd-arrow{
        left: -40px !important;
    }
}
.r8{
    right: 8px !important;
}
.r12{
    right: 12px !important;
}
.shepherd_mb12{
    margin-bottom: 12px !important;
}
@media screen and (max-width: 540px) {
    .shepherd_step_top_p2p{
        margin-top: 12px !important;
        right: -12px !important;
        .shepherd-arrow{
            left: 12px !important;
        }
    }
}