/* .guideDialog{  
    position: absolute; 
    top: 0px; 
    filter: alpha(opacity=60); 
    background-color: #000;     
    z-index: 1002; 
    left: 0px;     
    opacity:0.6; 
    -moz-opacity:0.6;  
    display: none;   
    width: 100% !important;
} */
.drvi{
    position: relative;
}
.guide_diolog{
    display: none;
	position:absolute;
	z-index:1010;
    top: -30px;
    left: 32px;
}
.guide_btn{
    position:absolute;
    width: 268px;
    z-index:1010;
    /*top: 25px;
    left: 274px;*/
    bottom: 16px;
    left: 242px;
}
.guide_btn button,.guideH_btn button{
    float: right;
    width: 80px;
    line-height: 32px;
    border-radius: 5px;
    border:1px solid #ffa000;
    background-color: #fff;
    color: #ffa000;
    margin-right: 6px;
}
.guide_btn button:hover,.guideH_btn button:hover{
    background-color: #ffa000;
    color: #fff;
}
.guideH_diolog{
    position:absolute;
    z-index:1010;
    top: -44px;
    left: 303px;
}





.guide_box{
    position: absolute;
    position: absolute;
    z-index: 1100;
    display: none;
}

/* 气泡弹层 */
.ract{
    position:absolute;
    width:300px;
    height:120px; 
    background-color:#fff; 
    border-radius:10px;    
    left: 50%;
    z-index: 2000;
    padding: 20px;
}
.ract .guide_btns{
    position: absolute;
    bottom: 20px;
    right: 20px;
}
.ract .guide_btns span{
    cursor: pointer;
    border: 1px solid #ccc;
    padding: 5px 15px;
    border-radius: 5px;
    margin-right: 5px;
}
.ract .guide_btns span:last-child{
    margin-right: 0;
}
.ract .guide_btns .ye_btn{
    color: #fff;
    background: #ffa000;
    border: none;
}
/*三角气泡*/
.TrBubble:after{
    content:"";
    position:absolute;
    bottom:0;
    left:50%; 
    border:34px solid transparent;
    border-top-color:#0094ff;
    border-bottom:0; 
    margin:0 0 -34px -34px;
}
/*左三角气泡*/
/* .LeftBubble:after{
    content:"";
    position:absolute;
    bottom:0;
    left:50%; 
    border:34px solid transparent;
    border-top-color:#fff;
    border-bottom:0; 
    margin:0 0 -34px -5px;
    border-left:0; 
} */
/*右三角气泡*/
.RightBubble:after{
     content:"";
    position:absolute;
    bottom:50%;
    left:110%; 
    border:26px solid transparent;
    border-top-color:#fff;
    border-bottom:0; 
    /*margin:0 0 -34px -34px;*/
    margin:8px 3px -25px -49px;
    transform: rotate(45deg);
    border-right:0; 
}
/* 左三角气泡 */
.LeftBubble:after{
     content:"";
    position:absolute;
    bottom:60%;
    left:0; 
    border:34px solid transparent;
    border-top-color:#fff;
    border-bottom:0; 
    margin:26px 11px -25px -5px;
    border-right:0; 
    transform: rotate(-135deg);
}

/* 上三角气泡 */
.TopBubble:after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    border: 26px solid transparent;
    border-top-color: #fff;
    border-bottom: 0;
    margin: 0px 0px 102px 0px;
    border-right: 0;
    transform: rotate(-42deg);
}

/* 下三角气泡 */
.BottomBubble:after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    border: 26px solid transparent;
    border-top-color: #fff;
    border-bottom: 0;
    margin: 0px 0px -6px 0px;
    border-right: 0;
    transform: rotate(134deg);
}


/* 样式重写 */
.introjs-nextbutton,.introjs-donebutton{
    background-color: #ffa000 !important;
    color: #fff !important;
    background-image: unset !important;
    text-shadow: none;
}
.introjs-tooltipbuttons{
    margin-top: 10px !important; 
}

.introjs-button{
    margin-right: 10px !important;
    border-radius: 5px !important;
}
.introjs-tooltipbuttons .introjs-button:last-child{
    margin-right:0 !important;
}
.introjs-prevbutton{
    border: 1px solid #ffa000 !important;
    color: #ffa000 !important;
}
.introjs-skipbutton{
    border: 1px solid #cccccc !important;
}

.introjs-donebutton{
    border: none !important;
    float: right !important;
}