.qipn_side{position:fixed;width:54px;right:0;z-index:9999;font:14px/1.5 "Segoe UI","Lucida Grande",Helvetica,Arial,"Microsoft YaHei",FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3",Arial,sans-serif}.qipn_side ul{list-style:none;padding:0;margin:0}.qipn_side ul li{width:54px;height:54px;float:left;position:relative;border-bottom:1px solid rgba(0,0,0,0.2)}.qipn_side ul li .sidebox{position:absolute;width:54px;height:54px;line-height:54px;top:0;right:0;transition:all .3s;color:#fff;overflow:hidden}.qipn_side ul li i.fa{float:left;width:54px;height:54px;line-height:54px;text-align:center;font-size:28px}.qipn_side ul li .sidebox{transition:background .5s,width .2s;-moz-transition:background .5s,width .2s;-webkit-transition:background .5s,width .2s;-o-transition:background .5s,width .2s}.qipn_side ul li .sidebox .qipn_side_whitespace{white-space:nowrap}.qipn_side ul li:last-child{border-bottom:none}.qipn_side.qipn_side_hide{display:none}.qipn_side.qipn_side_left{left:0;right:auto}.qipn_side.qipn_side_left ul li .sidebox{left:0;right:auto;text-align:right}.qipn_side.qipn_side_left ul li i.fa{float:right}.qipn_side.qipn_side_sm{width:44px}.qipn_side.qipn_side_sm ul li{width:44px;height:44px}.qipn_side.qipn_side_sm ul li .sidebox{width:44px;height:44px;line-height:44px;font-size:13px}.qipn_side.qipn_side_sm ul li i.fa{width:44px;height:44px;line-height:44px;font-size:22px}.qipn_side.qipn_side_lg{width:64px}.qipn_side.qipn_side_lg ul li{width:64px;height:64px}.qipn_side.qipn_side_lg ul li .sidebox{width:64px;height:65px;line-height:65px;font-size:15px}.qipn_side.qipn_side_lg ul li i.fa{width:64px;height:65px;line-height:65px;font-size:34px}.qipn_side [class*=animation-]{-webkit-animation-duration:.5s;-o-animation-duration:.5s;animation-duration:.5s;-webkit-animation-timing-function:ease-out;-o-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes slide-right{0%{opacity:0;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0)}100%{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@-o-keyframes slide-right{0%{opacity:0;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0)}100%{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes slide-right{0%{opacity:0;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0)}100%{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@-webkit-keyframes slide-left{0%{opacity:0;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0)}100%{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@-o-keyframes slide-left{0%{opacity:0;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0)}100%{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes slide-left{0%{opacity:0;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0)}100%{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}.qipn_side .animation-slide-right{-webkit-animation-name:slide-right;-o-animation-name:slide-right;animation-name:slide-right}.qipn_side .animation-slide-left{-webkit-animation-name:slide-left;-o-animation-name:slide-left;animation-name:slide-left}@-webkit-keyframes slide-bottom{0%{opacity:0;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0)}100%{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@-o-keyframes slide-bottom{0%{opacity:0;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0)}100%{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes slide-bottom{0%{opacity:0;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0)}100%{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}.qipn_side .animation-slide-bottom{-webkit-animation-name:slide-bottom;-o-animation-name:slide-bottom;animation-name:slide-bottom}.qipn_side_mb_body{padding-bottom:54px !important;height:auto !important}.qipn_side_mb_body.qipn_side_sm{padding-bottom:44px !important}.qipn_side_mb_body.qipn_side_lg{padding-bottom:64px !important}.qipn_side_mb{position:fixed;width:100%;height:54px;background:rgba(0,0,0,0.8);bottom:0;left:0;z-index:9999;font:14px/1.5 "Segoe UI","Lucida Grande",Helvetica,Arial,"Microsoft YaHei",FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3",Arial,sans-serif}.qipn_side_mb ul{list-style:none;padding:0;margin:0}.qipn_side_mb li{text-align:center;border-right:1px solid rgba(0,0,0,0.2)}.qipn_side_mb li a{display:block}.qipn_side_mb li i{font-size:28px;height:54px;line-height:54px;color:#fff}.qipn_side_mb li:last-child{border-right:none}.qipn_side_mb.qipn_side_sm{height:44px}.qipn_side_mb.qipn_side_sm li i{font-size:22px;height:44px;line-height:44px}.qipn_side_mb.qipn_side_lg{height:64px}.qipn_side_mb.qipn_side_lg li i{font-size:34px;height:64px;line-height:64px}.qipn_side_mb .blocks,.qipn_side_mb [class*="blocks-"]{padding:0;margin:0;margin-right:-15px;margin-left:-15px;list-style:none}.qipn_side_mb .blocks:before,.qipn_side_mb [class*="blocks-"]:before,.qipn_side_mb .blocks:after,.qipn_side_mb [class*="blocks-"]:after{display:table;content:" "}.qipn_side_mb .blocks:after,.qipn_side_mb [class*="blocks-"]:after{clear:both}.qipn_side_mb .blocks>li,.qipn_side_mb [class*="blocks-"]>li{position:relative;float:left;min-height:1px;padding-right:15px;padding-left:15px;margin-bottom:22px}.qipn_side_mb .blocks.no-space,.qipn_side_mb [class*="blocks-"].no-space{margin:0}.qipn_side_mb .blocks.no-space>li,.qipn_side_mb [class*="blocks-"].no-space>li{padding-right:0;padding-left:0;margin-bottom:0}.qipn_side_mb .blocks-2>li:nth-child(2n+3),.qipn_side_mb .blocks-3>li:nth-child(3n+4),.qipn_side_mb .blocks-4>li:nth-child(4n+5),.qipn_side_mb .blocks-5>li:nth-child(5n+6),.qipn_side_mb .blocks-6>li:nth-child(6n+7),.qipn_side_mb .block-first{clear:both}.qipn_side_mb .blocks-100>li{width:100%}.qipn_side_mb .blocks-2>li{width:50%}.qipn_side_mb .blocks-3>li{width:33.33333333%}.qipn_side_mb .blocks-4>li{width:25%}.qipn_side_mb .blocks-5>li{width:20%}.qipn_side_mb .blocks-6>li{width:16.66666667%}