﻿
/* 通用 */
* {margin: 0;padding: 0;font-family: "microsoft yahei";color: #000;font-size: 14px;}
ul {list-style: none;}
a {text-decoration: none;}
body{ color: #f5f5f5;height: auto;}
.container{margin:0 auto;width: 1200px;}
.block{padding: 20px 0;}
.test{width: 100%;height: auto;}

/* 侧边悬浮导航 */
.right_nav{ right:0; bottom:200px; position:fixed; text-align:left;overflow: hidden;z-index:999;}
.right_nav li{
	margin:4px 0;
	padding: 10px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	cursor:pointer;
	position:relative;
	right: -70px;
	background-color: #FF6600;
}
.right_nav li .iconBox{text-align: center;overflow: hidden;display: flex;align-items: center;justify-content: space-between}
.right_nav li .iconBox2{text-align: center;overflow: hidden;display: flex;align-items: center;justify-content: space-between}
.right_nav li img{width: 30px;height:30px;}
.right_nav li h4{color: #fff;font-size:14px;margin:2px 0;margin-left: 15px;}
.right_nav li:hover{background:#cf1322}
.right_nav li .hideBox{display: none;position: absolute;right:120px;padding:10px;padding-right: 15px; top:-10px;z-index: 999; width:180px;}
.right_nav li .hideBox .hb{
	background-color: #fff;
	padding: 10px 20px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-top-width: 2px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CC3300;
	border-right-color: #ccc;
	border-bottom-color: #ccc;
	border-left-color: #ccc;
}
.right_nav li .hideBox .hb h5{padding: 5px 0;border-bottom: 2px solid #ccc;color: #333333;font-size: 16px;font-weight: 400;display: block;white-space: nowrap;}
.right_nav li .hideBox .hb p {margin-top: 5px;font-size: 18px;font-weight: 700;}
.right_nav li .hideBox .hb .qqtalk{margin-top: 10px;}
.right_nav li .hideBox .hb .qqtalk a{display: flex;align-items: center}
.right_nav li .hideBox .hb .qqtalk img{width: 25px;height:25px;}
.right_nav li .hideBox .hb .qqtalk p{font-size: 14px;font-weight: 400;white-space: nowrap;margin-top: -5px;margin-left: 5px;}
.right_nav li:nth-child(3) .hideBox img{width:140px;height: 140px;margin-top: 10px;}
.right_nav li .hideBox2{display: none;position: absolute;right:120px;padding:10px;padding-right: 15px; top:-10px;z-index: 999; width:180px;}
.right_nav li .hideBox2 .hb{
	background-color: #fff;
	padding: 10px 20px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-top-width: 2px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CC3300;
	border-right-color: #ccc;
	border-bottom-color: #ccc;
	border-left-color: #ccc;
}
.right_nav li .hideBox2 .hb h5{padding: 5px 0;border-bottom: 2px solid #ccc;color: #333333;font-size: 16px;font-weight: 400;display: block;white-space: nowrap;}
.right_nav li .hideBox2 .hb p {margin-top: 5px;font-size: 18px;font-weight: 700;}
.right_nav li .hideBox2 .hb .qqtalk{margin-top: 10px;}
.right_nav li .hideBox2 .hb .qqtalk a{display: flex;align-items: center}
.right_nav li .hideBox2 .hb .qqtalk img{width: 25px;height:25px;}
.right_nav li .hideBox2 .hb .qqtalk p{font-size: 14px;font-weight: 400;white-space: nowrap;margin-top: -5px;margin-left: 5px;}
.right_nav li:nth-child(3) .hideBox2 img{width:140px;height: 140px;margin-top: 10px;}

