*{margin: 0;padding: 0}
li,ul{list-style: none}
a{text-decoration: none}
@media screen and (min-width: 1000px)  {
.float-right-box {width: 250px;position: fixed;right: 0;top: 50%;margin-top: 0;background-color: #191919;z-index: 1000000000;transition: width 0.3s ease 0s;}
.float-right-box.on {width: 50px;}
.float-right-box .top-list {width: 100%;}
.float-right-box .top-list ul {width: 100%;}
.float-right-box .top-list li {width: 100%;position: relative; border-bottom: 1px solid #3b3b3b;transition: background 0.3s ease 0s;height: 50px;}
.float-right-box .top-list a {display: block;width: 100%;}
.float-right-box .top-list .ico {display: inline-block;width: 50px;height: 50px;position: absolute;right: 0;top: 0;transition: background 0.3s ease 0s;z-index: 2;}
.float-right-box .top-list .ico1 {background: url(../images/ico_58.png) no-repeat center #191919;}
.float-right-box .top-list .ico2 {background: url(../images/ico_59.png) no-repeat center #191919;}
.float-right-box .top-list .ico3 {background: url(../images/ico_60.png) no-repeat center #191919;}
.float-right-box .top-list .ico4 {background: url(../images/ico_61.png) no-repeat center #191919;}
.float-right-box .top-list .ico5 {background: url(../images/ico_62.png) no-repeat center #191919;}
.float-right-box .top-list .ico6 {background: url(../images/ico_68.png) no-repeat center #191919;}
.float-right-box .top-list .ico7 {background: url(../images/ico_69.png) no-repeat center #191919;}
.float-right-box .top-list .ico9 {background: url(../images/ico_70.png) no-repeat center #191919;}
.float-right-box .top-list .ico10 {background: url(../images/ico_71.png) no-repeat center #191919;}
.float-right-box .top-list .stt {display: inline-block;font-size: 14px;line-height: 50px;color: #fff;transition: color 0.3s ease 0s;position: absolute;left: 28px;top: 0;z-index: 1;width: 222px;cursor: pointer;}
.float-right-box .top-list li:hover .stt {color: #15191e;}
.float-right-box .top-list li:hover .ico1 {background: url(../images/ico_58_h.png) no-repeat center #fff;}
.float-right-box .top-list li:hover .ico2 {background: url(../images/ico_59_h.png) no-repeat center #fff;}
.float-right-box .top-list li:hover .ico3 {background: url(../images/ico_60_h.png) no-repeat center #fff;}
.float-right-box .top-list li:hover .ico4 {background: url(../images/ico_61_h.png) no-repeat center #fff;}
.float-right-box .top-list li:hover .ico5 {background: url(../images/ico_62_h.png) no-repeat center #fff;}
.float-right-box .top-list li:hover .ico6 {background: url(../images/ico_68_h.png) no-repeat center #fff;}
.float-right-box .top-list li:hover .ico7 {background: url(../images/ico_69_h.png) no-repeat center #fff;}
.float-right-box .top-list li:hover .ico9 {background: url(../images/ico_70_h.png) no-repeat center #fff;}
.float-right-box .top-list li:hover .ico10 {background: url(../images/ico_71_h.png) no-repeat center #fff;}
.float-right-box .top-list li:hover {background-color: #fff;}
.float-right-box .top-list .return-webtop .stt {font-family: "Arial";font-weight: bold;}
.float-right-box .bot-share {position: relative;height: 50px;}
.float-right-box .bot-share a {display: inline-block;width: 50px;height: 50px;float: left;transition: background 0.3s ease 0s;margin: 0;padding: 0;}
.float-right-box .bot-share .share {width: 200px;position: absolute;left: 0;top: 0;z-index: 1;}
.float-right-box .bot-share .sina {background: url(../images/ico_63.png) no-repeat center;}
.float-right-box .bot-share .wx {background: url(../images/ico_64.png) no-repeat center;}
.float-right-box .bot-share .more {background: url(../images/ico_66.png) no-repeat center;}
.float-right-box .bot-share a:hover {background-color: #525354;}
.float-right-box .bot-share .share-ico {background: url(../images/ico_67.png) no-repeat center #191919;width: 50px;height: 50px;display: inline-block;cursor: pointer;z-index: 2;position: relative;}
.float-right-box .top-list li .weix {position: relative;}
.float-right-box .sidebox {position: absolute;right: 250px;top: 0;transition: all 0.1s ease 0s;width: 120px;z-index: 10;display: none;background: #191919;}
.float-right-box .sidebox img {width: 110px;height: 110px;display: block;margin: 5px auto;}
#tool {display: none}
}
@media screen and (max-width: 999px) {
.float-right-box{display: none}
#tool { position: fixed; bottom: 0; left: 0; right: 0; z-index: 900; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
ul.toollist { position: fixed; z-index: 900; bottom: 0; left: 0; right: 0;margin: auto;display: -webkit-flex;
    display: flex;background: #fff  }

.toollist li{ -webkit-box-flex: 1;-webkit-flex: 1;flex: 1;padding: 5px 0 0;}
.toollist li a {font-size: 20px;line-height: 20px;text-align: center;display: block;text-decoration: none;padding-top: 2px;position:relative;}
.toollist li a img{width:24px;height:24px;}
.toollist li a p{margin: 1px 0 1px 0;font-size: 14px;display: block !important;line-height: 18px;text-align: center;color: #333}
}