/* update by py 2018/12/29 */
.float-side {
	position: fixed;
    bottom: 50px;
    right: 160px;
    width: 100px;
    z-index:99;
}
#loutinav {
    /* display: none; */
    width: 100%;
    text-align: center;
    border: 1px solid #ccc;
    background: #fff;
}

#loutinav li {
    width: 100%;
    height: 80px;
    color: #0d7cc5;
    font-size: 14px;
    cursor:pointer;
}

#loutinav li>i {
	display:block;
    font-size: 24px;
    line-height: 40px;
}

#loutinav li>span {
	display:inline-block;
    line-height: 20px;
}
#loutinav li.active{
    color: #fff;
    background: #0d7cc5;
}
#loutinav li.last{
    color: #fff;
    background: #0d7cc5;
    height: 30px;
    line-height: 30px;
}
.louti-bars {
	width:100%;
	height:30px;
	color:#0063c5;
	border: 1px solid #0063c5;
	cursor: pointer;
	border-radius: 6px;
}
@media screen and (max-width:1920px) {
    .float-side {
        bottom: 200px;
    }
}
@media screen and (max-width:1700px) {
    .float-side {
        bottom: 60px;
        right: 30px;
        width: 70px;
    }
}

@media screen and (max-width:1500px) {
    .float-side {
        bottom: 30px;
        right: 30px;
        width: 70px;
    }
}
@media screen and (max-width:1400px) {
    .float-side {
        bottom: 50px;
        right: 0px;
        width: 70px;
    }
    .louti-bars {
    	display:block;
    }
    #loutinav {
    	display:none;
    }
   	#loutinav li {
   		height:70px;
   	}
   	#loutinav li>span {
   		line-height:14px;
   	}
}
@media screen and (max-width:400px) {
	
	html,body {
		font-size:13px;
	}
	.float-side {
		width:38px;
		bottom:30px;
		right:10px;
	}
	.louti-bars {
		font-size:14px;
		height:24px;
		line-height:24px;
	}
	#loutinav li {
		height:36px;
		padding-top: 6px
	}
	#loutinav li:nth-child(6) {
		height:50px;
	}
	#loutinav li>i {
		display:none;
	}
	#loutinav li>span {
		font-size:12px;
	}
	#loutinav li.last {
		height: 34px;
	    line-height: 14px;
	    font-size: 12px;
	}
}
@media screen and (max-width:350px) {
	html,body {
		font-size:12px;
	}
	.float-side {
		width:38px;
		bottom:30px;
		right:10px;
	}
	.louti-bars {
		font-size:14px;
		height:24px;
		line-height:24px;
	}
	#loutinav li {
		height:36px;
		padding-top: 6px
	}
	#loutinav li:nth-child(6) {
		height:50px;
	}
	#loutinav li>i {
		display:none;
	}
	#loutinav li>span {
		font-size:12px;
	}
	#loutinav li.last {
		height: 34px;
	    line-height: 14px;
	    font-size: 12px;
	}
}