/*右浮动*/

.float-right-box {
	width: 305px;
	position: fixed;
	right: 0;
	top: 50%;
	margin-top: -127px;
	background-color: #191919;
	z-index: 1000;
	transition: width 0.3s ease 0s;
	overflow: hidden;
}

.floaton {
	width: 60px;
}

.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: 61px;
}
.float-right-box .top-list li:last-child {
	border-bottom: none;
}

.float-right-box .top-list a {
	display: block;
	width: 100%;
	height: 61px;
	vertical-align:top;
}

.float-right-box .top-list .ico {
	display: inline-block;
	width: 60px;
	height: 60px;
	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;
	background-size: 20px 20px;
}

.float-right-box .top-list .ico3 {
	background: url(../images/ico_60.png) no-repeat center #191919;
	background-size: 20px 20px;
}

.float-right-box .top-list .ico4 {
	background: url(../images/ico_67.png) no-repeat center #191919;
	background-size: 20px 20px;
}
.float-right-box .top-list .ico5 {
	background: url(../images/ico_68.png) no-repeat center #191919;
	background-size: 20px 20px;
}

.stt {
	display: inline-block;
	line-height: 61px;
	color: #fff;
	transition: color 0.3s ease 0s;
	-webkit-transition: color 0.3s ease 0s;
	-moz-transition: color 0.3s ease 0s;
	position: absolute;
	top: 0;
	left: 430px;
	z-index: 1;
	width: 110px;
	text-align: right;
}
.vam{font-size:14px}
.stt1,
.stt2 {
	text-align: left;
	width: 300px;
	left: 20px;
}

.stt2 {
}

.stt3 {
	top: 12px;
}

.stt4 {
	top: -12px;
}

.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;
	background-size: 20px 20px;
}

.float-right-box .top-list li:hover .ico3 {
	background: url(../images/ico_60_h.png) no-repeat center #fff;
	background-size: 20px 20px;
}

.float-right-box .top-list li:hover .ico4 {
	background: url(../images/ico_67_h.png) no-repeat center #fff;
	background-size: 20px 20px;
}
.float-right-box .top-list li:hover .ico5 {
	background: url(../images/ico_68_h.png) no-repeat center #fff;
	background-size: 20px 20px;
}

.float-right-box .top-list li:hover {
	background-color: #fff;
}

.float-right-box .top-list .return-webtop .stt {
	font-weight: bold;
}

.float-right-box .bot-share {
	position: relative;
	height: 60px;
}

.float-right-box .bot-share a {
	display: inline-block;
	width: 60px;
	height: 60px;
	float: left;
	transition: background 0.3s ease 0s;
	-webkit-transition: background 0.3s ease 0s;
	-moz-transition: background 0.3s ease 0s;
	margin: 0;
	padding: 0;
}

.float-right-box .bot-share .share {
	width: 240px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}


.sina {
	background: url(../images/ico_63.png) no-repeat center !important;
}
.float-right-box .bot-share .wx {
	background: url(../images/ico_64.png) no-repeat center;
}

.tx {
	background: url(../images/ico_65.png) no-repeat center !important;
}

.qzone {
	background: url(../images/ico_66.png) no-repeat center !important;
	background-size: 20px 20px !important;
}
.float-right-box .bot-share a:hover {
	background-color: #525354 !important;
}

.float-right-box .bot-share .share-ico {
	background: url(../images/ico_67.png) no-repeat center #191919;
	width: 60px;
	height: 60px;
    float: right;
	cursor: pointer;
	z-index: 2;
    position: relative;
}