@charset "utf-8";
/* CSS Document */
body {margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px;font-family: "Microsoft YaHei UI Light", "微软雅黑"; font-size: 12px; color: #333; line-height: 1.6; background: #ffffff;}
form {margin: 0px; padding: 0px;}
a {color: #777; text-decoration: none;}
a:hover {text-decoration: none;}
p {padding: 0; margin: 0;}
ul {margin: 0; padding: 0; list-style: none;}
li {margin: 0; padding: 0; list-style: none;}
img {border: none;}
a {text-decoration: none;}
dd {-webkit-margin-start: 0px;}
input{border:0;outline:none;}
/*漂浮*/
.bshare-custom > a { padding: 0; margin: 0; }
.slid-float > a.icon5 { background-image: url(../images/slid-float-icon5.png); background-color: #c40000; }
.slid-float > a.icon5:hover { background-color: #c40000; transition: all .5s; }
.slid-float > a.icon5 > span { background-color: #c40000; width: 80px; }
.slid-float .icon { width: 50px; height: 50px; display: block; position: relative; background: #333 url(../images/share-icon.png) no-repeat center; margin-bottom: 2px; background-position: center center; background-repeat: no-repeat; transition: all .5s; }
.slid-float .icon div { width: 163px; height: 50px; line-height: 59px; z-index: -10; position: absolute; top: 0; right: -122px; opacity: 0; filter: alpha(opacity=0); background: #c40000; }
.slid-float .icon div > a { display: inline-block; width: 20px; height: 19px; padding:0 7px; }
.slid-float .icon div .wx { margin: 14px 0 0 0; background: url(../images/weixin-iconh.png) no-repeat center; }
.slid-float .icon div .sina { margin: 14px 0 0 0; background: url(../images/sina-iconh.png) no-repeat center; }
.slid-float .icon div .qq { margin: 14px 0 0 0; background: url(../images/qq-iconh.png) no-repeat center; }
.slid-float .icon div .zone { margin: 14px -1px 0 0; background: url(../images/space-iconh.png) no-repeat center; }
.slid-float .icon:hover { background: #c40000 url(../images/share-icon.png) no-repeat center; transition: all .5s; }
.slid-float .icon:hover div { right:50px; transition: all .3s; opacity: 1; filter: alpha(opacity=100); z-index: 10; }
@media only screen and (max-height:720px) {
        .slid-float { display: none; }
    }
.slid-float { position: fixed; right: 0; bottom: 160px; margin-top: -100px; z-index: 9999; }
.slid-float > a { width: 50px; height: 50px; display: block; position: relative; background-color: #333333; margin-bottom: 2px; background-position: center center; background-repeat: no-repeat; transition: all .5s; }
.slid-float > a > span { height: 50px; width: 122px; color: #fff; text-align: center; line-height: 50px; z-index: -10; position: absolute; top: 0; right: -122px; opacity: 0; filter: alpha(opacity=0); background: #c40000; }
.slid-float > a > span.erwei { height: 154px; line-height: 50px; }
.slid-float > a:hover { background-color: #c40000; transition: all .5s; }
.slid-float > a:hover > span { right: 50px; transition: all .3s; opacity: 1; filter: alpha(opacity=100); z-index: 10; }
.slid-float > a.icon1 { background-image: url(../images/slid-float-icon1.png); }
.slid-float > a.icon2 { background-image: url(../images/slid-float-icon2.png); }
.slid-float > a.icon3 { background-image: url(../images/slid-float-icon3.png); }
.slid-float > a.icon4 { background-image: url(../images/slid-float-icon4.png); }
.slid-float > a.icon5 { background-image: url(../images/slid-float-icon5.png); }
@media only screen and (max-height:720px) {
	.slid-float{display:none;}
}