@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!important;margin: auto;z-index: 9999;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, #ff0202, #ff0202);}
.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, #ff0202, #ff0202c4);}
.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, #ff0202, #ff0202c4);}
.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: #ff0202;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:13px; 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: 0;bottom: 0;margin: auto;}
.fixed-right .item-right .p {/*line-height: 20px;*/display: inline-block;vertical-align: middle; font-size: 14px;}
.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 {
height: unset;
}