@charset "utf-8";

input,label,img,th{vertical-align:middle;    }.font-fixh{font-family: Georgia,Arial; color: #f00; font-size: 16px; font-weight: 700;}address,cite,dfn,em,var{font-style:normal;}

.fixed-right {position: fixed;right: 0;height: 295px;bottom: 0;top: 0;margin: auto;z-index: 99999;font-size: 16px;color: #fff;}
.fixed-right .items {transition: .5s ease-in-out;border-radius: 6px;}
.fixed-right .items:nth-child(n+2) {margin-top: 12px;}
.fixed-right .items:hover {transition: .5s ease-in-out;background: linear-gradient(to right, #4682B4, #4682B4);}
.fixed-right .items:hover .item-left {background: transparent;transition: .5s ease-in-out;}
.fixed-right .items3 .item-right {width: 150px; background-color:#fff;}
.fixed-right .items0 .item-right {width: 150px;}
.fixed-right .items0:hover .itemsbox {width: 215px;left: -150px;}
.fixed-right .items1 .item-right {width: 180px;}
.fixed-right .items1:hover .itemsbox {width: 315px;left: -180px;}
.fixed-right .items0, .fixed-right .items1 , .fixed-right .items3 {position: relative;width: 48px;height: 48px;}
.fixed-right .items0 .itemsbox, .fixed-right .items1 .itemsbox {border-radius: 6px;transition: .5s ease-in-out;width: 100%;position: absolute;height: 100%;left: 0;}
.fixed-right .items0:hover .itemsbox, .fixed-right .items1:hover .itemsbox{height: 100%;transition: .5s ease-in-out;background: linear-gradient(to right, #4682B4, #4682B4c4);}
.fixed-right .items0 .item-right, .fixed-right .items1 .item-right {padding: 0 20px;position: absolute;left: 65px;top: 0;box-sizing: border-box;}
.fixed-right .items0:hover, .fixed-right .items1:hover {background: transparent;transition: .5s ease-in-out;}
.fixed-right .items0:hover .item-left, .fixed-right .items1:hover .item-left, .fixed-right .items3:hover .item-left {background: transparent;transition: .5s ease-in-out;}
.fixed-right .items3 .itemsbox {border-radius: 6px;transition: .5s ease-in-out;width: 100%;position: absolute;height: 100%;left: 0;}
.fixed-right .items3:hover .itemsbox {height: 100%;transition: .5s ease-in-out;background: linear-gradient(to right, #4682B4, #4682B4c4);}
.fixed-right .items3 .item-right{padding:0px 20px;position: absolute;left: 70px;top: 0;box-sizing: border-box; background-color:#fff;}
.fixed-right .items3:hover .item-right{background: transparent;transition: .5s ease-in-out;left: -135px;}
.fixed-right .item-left {position: relative;width: 48px;cursor: pointer;height: 48px;background: #4682B4;border-radius: 6px;text-align: center;color: #ffffff;line-height: 1;padding-top: 5px;transition: .5s ease-in-out;box-sizing: border-box;}
.fixed-right .item-left .span {margin-top: 2px; font-size:14px; font-family: "Microsoft YaHei";}
.fixed-right .item-right {transition: .5s ease-in-out;line-height: 48px;position: relative;}
.fixed-right .item-right:after {position: absolute;content: "";width: 1px;height: 40px;background: rgba(255, 255, 255, 0.2);left: 0;top: -14px;bottom: 0;margin: auto;}
.fixed-right .item-right .p {/*line-height: 20px;*/display: inline-block;vertical-align: middle; font-size: 14px; padding-top: unset;}
.fixed-right .items3 .item-right:after { width: 0px;}
.fixed-right .items.liuzi .item-left span,.fixed-right .items.liuzi .item-left a,.fixed-right .items.liuzi .item-left a span{ color:#fff!important; text-decoration:none; } 

.fixed-right  img{
width: auto;
}