.float-right-box {
	width: 385px;
	position: fixed;
	right: 0;
	top: 50%;
	margin-top: -127px;
	background-color: #353535;
	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 #353535;
	transition: background 0.3s ease 0s;
	height: 61px;
}

.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 #353535;
}

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

.float-right-box .top-list .ico3 {
	background: url(../images/ico_60.png) no-repeat center #353535;
	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;
}

.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: #f18e27;
}

.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 {
	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: rgba(256,256,256,0.5)  !important;
}

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