.iwd-tabs{position: fixed; top: 125px; left:-30px; z-index: 10001;}
.iwd-tabs:hover {left:0;}
.iwd-tabs li{background: #000; height: 54px; width:54px; line-height: 54px; margin: 0 0 5px 0; cursor: pointer; text-align: center; position: relative; transition: width 0.20s ease-in-out 0s; -webkit-transition: width 0.20s ease-in-out 0s;}
.iwd-tabs li a{display: block;}
.iwd-tabs li a span {display: none; left: 15px; position: absolute; top: 0; width: 200px;}
.iwd-tabs .iwd-swich > span{display: none; left: 110px; position: absolute; top: 0; width: 200px; text-align: left;}
.iwd-tabs li .switch{display: none;}
.iwd-tabs li i.fa{position: absolute; color: #fff; font-size: 16px; top: 19px; right: 7px;}
.iwd-tabs li:hover{width: 215px; background: #148a99; text-align: left; padding: 0 0 0 15px;}
.iwd-tabs li:hover span{display: inline; text-align: left; color: #ffffff; font-size: 13px;}
.iwd-tabs li:hover i.fa{top: 15px; right: 15px; font-size: 22px;}
.iwd-tabs:hover li i.fa{top: 15px; right: 15px; font-size: 22px;}
.iwd-tabs li:hover .switch{display: inline-block; float: left; margin: 12px 15px 0 0;}
.iwd-tabs .iwd-swich:hover > span{}
*, *:before, *:after {
    margin: 0;
    padding: 0;
}
@media only screen and (max-width: 480px) {
    .iwd-tabs, .box_tip{display: none !important;}
}