.main .rightSideBar ul li .sideBar_wx {
    display: none;
    font-size: .18rem;
    -moz-box-shadow:0px 0px 21px rgba(0,0,0,0.05); -webkit-box-shadow:0px 0px 21px rgba(0,0,0,0.05); box-shadow:0px 0px 21px rgba(0,0,0,0.05);
}
.main .rightSideBar ul li.wx_column .sideBar_icon {
    background-image: url('../images/rightSideBar/webchar_try_icon.png')
}

.main .rightSideBar ul li:hover.wx_column {
    background: linear-gradient(to left,#6abc82,#23854f)
}
.main .rightSideBar ul li:hover.wx_column{position: relative;}
.main .rightSideBar ul li:hover.wx_column .sideBar_wx {
    display: block;
    color: #000;
    background: #fff;
    border-radius: 10px;
    position: absolute;
    right:calc(100% + .2rem);
    top:0;
    text-align: center;
    width: 1.6rem;
    line-height: 1.5;
    padding: .15rem;

}
.main .rightSideBar ul li:hover.wx_column .sideBar_wx:before{ width: .2rem; height: .2rem; background: #fff; position: absolute; right:-.05rem; top:.4rem; content: ''; transform: rotate(45deg);}
.main .rightSideBar ul li:hover.wx_column .sideBar_wx i{display: block;}
.main .rightSideBar ul li:hover.wx_column .sideBar_wx i>img{width: 100%;}
.main .rightSideBar ul li:hover.wx_column .sideBar_wx span{display: block;color:#36935c;}

.hplink {
    padding: .2rem 0;
    border-bottom: .01rem solid rgba(90,90,90,0.1);
    width: 100%;
    overflow: hidden;
}
.hplink .link_inner{width: 14rem;
    margin: 0 auto;  font-size: .16rem;}
.hplink .link_inner i{font-style:normal; margin: 0 .1rem;color:#666;}
.hplink .link_inner a{color:#666;}
.hplink .link_inner a:hover{color: #444;}
@media screen and (max-width: 750px) {
    .hplink .link_inner{ margin: 0 .3rem; width: auto;}
}