* {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

html {
	font-size: 62.5%;
	color: #222;
}

.nullValue {
	/*margin: 17% auto;*/
	align-items: center;
}

.noMsg {
	margin: 0 auto;
	font-size: 16px;
	color: #666666;
	text-align: center;
}

::selection {
	background-color: #b3d4fc;
	text-shadow: none;
}

.clearfix:before, .clearfix:after {
	content: "";
	display: table;
}

.clearfix:after {
	clear: both;
}

body {
	font-size: 1.2rem;
	line-height: 1.5;
	background: #F7F7F7;
}

/*a {*/

/*    color: #666;*/

/*    text-decoration: none;*/

/*}*/

/*a:hover, a:active {*/

/*    color: #031AE6;*/

/*    text-decoration: underline;*/

/*}*/

/*main2*/

.imgLeft {
	margin-left: 19%
}

@media only screen and (max-width: 767px) {
	.container {
        width: 100% !important;
	}
	.navbar-default {
		opacity: 1!important;
		padding: 0;
		background: #FFFFFF!important;
	}
	.Tcenter {
		text-align: center;
	}
	.imgLeft {
		margin-left: -2%!important;
	}
}

.navbar-default {
	background-color: #ffffff;
	margin-bottom: 0;
	opacity: 1;
	border: none;
}

.navbar-nav li a {
	padding-top: 1.2rem;
	padding-bottom: 1.2rem;
}

.navbar-nav li a:hover {
	background: #ffffff !important;
	color: #031AE6!important;
}

.navbar-nav li a:active {
	color: #031AE6!important;
}

.isa {
	color: #031AE6!important;
}

@media (min-width: 768px) {
	.navbar-nav>li>a {
		padding-top: 1.5rem;
		padding-bottom: 1.5rem;
	}
}

.navbar-list li:hover {
	color: #555;
	background-color: #e7e7e7;
}

.navbar-right li:active {
	color: #555;
	background-color: #e7e7e7;
}

.side-bar .list-group-item {
	border: 0;
	margin-bottom: 5px;
	border-radius: 5px;
}

.side-bar .list-group-item .active {
	background-color: #031AE6;
}

a:hover {
	text-decoration: none;
}

.avatar {
	display: inline-block;
}

.avatar img {
	display: inline-block;
	width: 18px;
	height: 18px;
	margin-right: 3px;
}

.blog-list-item {
	padding-bottom: 15px;
	padding-top: 15px;
	border-bottom: 1px solid #adadad;
}

.blog-list-item:last-child {
	border-bottom: 0;
}

.blog-list-item:first-child {
	padding-top: 0;
}

.blog-list-item .title {
	display: block;
	font-size: 18px;
	font-weight: bold;
	line-height: 2;
	margin-bottom: 15px;
	color: black;
}

.blog-list-item .title:hover {
	color: #9d9d9d;
}

.blog-list-item .info {
	color: #9d9d9d;
}

.side-bar-card {
	background: rgba(0, 0, 0, .06);
	padding: 15px 0;
	border-radius: 5px;
}

.side-bar-card .side-bar-introduction {
	padding-left: 5px;
	line-height: 1.8;
	color: #9d9d9d;
	font-size: 15px;
}

.side-bar-card .side-bar-phone {
	line-height: 1.5;
	font-size: 13px;
}

.side-bar-recommend {
	margin-top: 10px;
}

.side-bar-card .side-bar-title {
	padding-left: 15px;
	padding-bottom: 15px;
}

.side-bar-recommend .side-bar-list .side-bar-item {
	padding: 15px 15px;
}

.side-bar-recommend .side-bar-list .side-bar-item:hover {
	padding: 15px 15px;
	background-color: rgba(0, 0, 0, .09);
}

.side-bar-recommend .side-bar-list .side-item-title {
	color: black;
}

.side-bar-recommend .side-bar-list .side-item-title:hover {
	color: #9d9d9d;
}

.side-bar-recommend .side-bar-list .side-item-info {
	color: #9d9d9d;
	font-size: 12px;
}

/*博客补充css*/

.blog-title {
	font-size: 30px;
	line-height: 1.5;
	font-weight: bold;
}

.blog-info {
	line-height: 1.8;
	color: #9d9d9d;
	font-size: 15px;
}

/*标签内部垂直居中*/

/*https://blog.csdn.net/DreamFJ/article/details/68921957*/

.blog-info .label, .blog-info img {}

.blog-info .label {
	opacity: 0.8;
}

.blog-content {
	padding-top: 15px;
	font-size: 15px;
	line-height: 1.5;
}

.blog-content img {
	margin: 15px auto;
}

.modal-footer {
	margin-top: 30px;
}

/*移动端自适应*/

#toggle-checkbox:checked~div {
	display: block !important;
}

.toggle-label {
	display: inline-block;
	position: absolute;
	right: 30px;
	top: 15px;
	font-size: 15px;
	font-weight: normal;
	color: #777;
}

.toggle-label:hover {
	color: #333;
}

.navbar-img {
	margin-top: 1.5rem;
	/* margin-left: 5%; */
	display: inline-block;
}

.navbar-img img {
	width: 100%;
}

.navPhone {
	display: none!important;
}

@media only screen and (max-width: 767px) {
	.navWeb {
		display: none !important;
	}
	.navPhone {
		border-bottom: 1px solid rgba(248, 248, 248, 1);
		display: block !important;
	}
	/* .footer-con {
		display: none;
	} */
}

@media screen and (orientation: landscape) and (max-width: 900px) {
	/* 横屏 */
	.col-sm-offset-2{
		margin: 0 !important;
	}
	.dropdown-menu{
		text-align: center;
	}
	.container-fluid .in .navPhone {
		border-bottom: 1px solid rgba(248, 248, 248, 1);
		display: block !important;
	}
	.container-fluid .navbar-collapse {
		overflow-y: auto !important;
	}
	.container-fluid .headCon {
		float: none !important;
		margin: 0 !important; 
	}
	.container-fluid .in .headCon {
		float: none !important;
		margin-bottom: 25px !important; 
	}
}

@media only screen and (max-width: 767px) {
	.navbar .container .navbar-header .navbar-img {
		margin-top: 10px !important;
		margin-bottom: 5px !important;
	}
	.navbar .container .toggle-label {
		margin-top: 5px !important;
	}
	footer .bottom {
		display: none;
	}
	.phone-footer {
		display: block!important;
		background: #F4F4F4;
		color: #666666;
		font-size: 12px;
		padding: 12px;
		text-align: center;
		font-weight: 400;
	}
}

@media only screen and (min-width: 767px) and (max-width: 781px) {
	footer .bottom .bottom-container {
		width: 80%;
	}
}

header {
	width: 100%;
}

header .top .center-pic {
	margin-left: 28%;
	width: 44%;
}

header .top .center-pic img {
	width: 100%;
}

header .top .center-pic .recv-cont {
	width: 100%;
	background-color: #ffffff;
	border-radius: 1rem;
	margin-top: -2rem;
}

@media only screen and (min-width: 700px) {
	.headCon {
		font-size: 18px;
		text-align: center;
		/* float: right; */
	}
}

@media only screen and (min-width: 700px) {
	header .top .center-pic .recv-cont {
		margin-bottom: 2rem;
	}
}

@media only screen and (min-width: 700px) and (max-width: 900px) {
	header .top .center-pic .recv-cont {
		margin-bottom: 1.5rem;
	}
}

header .top .center-pic .recv-cont .recv-ipt {
	margin-top: 2.5rem;
	margin-left: 10%;
	width: 80%;
	height: 0;
	padding-bottom: 10%;
	border-radius: 5rem;
	background-color: #e2eced;
	vertical-align: middle;
	font-size: 1%;
	border: none;
}

/*main2*/

footer {
	background: #06080A;
}

.footer-con {
    padding-top: 24px !important;
	color: #666666;
	margin: 0 auto;
	font-size: 15px;
}

.phone-footer {
	display: none;
}

.con-top {
	text-align: center;
	/* border-bottom: #ffffff12 1px solid; */
	padding: 1.5% 0;
}

.con-top span {
	margin-right: 2%;
}

.con-center {
	text-align: center;
	padding: 1.5% 0;
	font-size: 14px;
	color: #9F9F9F;
}

.con-center span {
	margin: 2.2%;
}

.qrCode {
	width: 80px;
	height: 80px;
	position: absolute;
	top: -89px;
	right: 28px;
	z-index: 999;
}

.qrCode img {
	display: none;
	width: 100%;
	height: 100%;
}