@charset "utf-8";
html,
body {
	font-family: "微软雅黑";
	overflow-x: hidden;
}
[v-cloak] {
  display:none !important;
}
a:hover {
	text-decoration: none;
}

.layui-btn {
	border-radius: 4px!important;
}

.fixedFooter {
	position: absolute;
	bottom: 0;
	width: 100%;
}

.widSet {
	position: relative;
}

@media screen and (max-width:1170px) {
	.fixedFooter {
		position: absolute;
		bottom: 0;
		width: 1170px;
	}
	html,
	body {
		font-family: "微软雅黑";
		overflow-x: visible;
	}
}

.productSelectPage {
	min-width: 1170px;
}

.headTips,
.headSearch,
.headTitle,
.contentTable,
.contentFooter {
	padding: 0 120px;
}

.headTips {
	background-color: #f1f1f1;
	height: 30px;
	line-height: 30px;
	border-bottom: 1px solid #e7e7e7;
	position: relative;
}

.headTips a {
	color: #545454;
	text-decoration: none;
	font-size: 12px;
}

.headTips a img {
	margin: 0 5px;
	vertical-align: middle;
	position: relative;
	top: -1px;
}


/*a#register {
	border-bottom: 2px solid #f18f2e;
	margin-left: 50px;
	font-size: 12px;
	height: 40px;
    display: inline-block;
}

a#login {
	border-bottom: 2px solid #536987;
	margin-left: 20px;
	font-size: 12px;
	height: 40px;
    display: inline-block;
}*/

a#personCenter {
	color: #f17200;
}

a#userName {
	cursor: pointer;
	margin-right: 30px;
}

a#login,
a#register,
a#loginOut,
a#collection,
a#help,
a#personCenter,
a#businessEnter {
	cursor: pointer;
	margin-left: 16px;
}

.personMenu {
	position: absolute;
	right: -12.5px;
	top: 50px;
	padding: 10px;
	background-color: #f6f6f6;
	z-index: 99;
	display: none;
}

.personMenu a {
	height: 40px;
	display: block;
	cursor: pointer;
}

.personMenu a img {
	margin: 0 5px;
	vertical-align: sub;
}

.headSearch {
	margin: 0 -15px;
	background-color: #fff;
	padding: 20px 120px;
}

.searchBox {
	width: 500px;
	margin-top: 13px;
}

.searchBox .form-control {
	border: 1px solid #219e4a;
}

.searchBox .input-group {
	width: 500px;
}

.searchBox .input-group-addon {
	color: #fff;
	background-color: #219e4a;
	border: 1px solid #219e4a;
	cursor: pointer;
	padding: 6px 0;
}
.noneline{
	border-bottom:none!important;
}
.headTitle {
	height: 50px;
	line-height: 50px;
	border-bottom: 2px solid #219e4a;
	background: #fff;
	/* 一些不支持背景渐变的浏览器 */
	/*background: -moz-linear-gradient(left center, #159957, #155799);
	background: -webkit-gradient(linear, left center, right center, from(#159957), to(#155799));
	background: -o-linear-gradient(left center, #159957, #155799);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#159957', endColorstr='#155799', GradientType=1);*/
	/* ie6-8 */
	/*background: linear-gradient(to right, #159957 0%, #155799 100%);*/
}

:root .headTitle {
	filter: none;
}

.headTitle a.pull-left {
	color: #212121;
	font-size: 16px;
	text-decoration: none;
	padding: 0 20px;
	cursor: pointer;
}

.headTitle a[data-effect=true]:hover {
	color: #f18f2e;
	font-weight: bold;
}

.headTitle a.active {
	color: #f18f2e;
	font-weight: bold;
}

.subMenu {
	height: 300px;
	max-height: 300px;
	z-index: 999;
	min-width: 500px;
	position: absolute;
	left: 0;
	display: none;
	top: 50px;
}
.subMenu.active{
	display: block;
}
.subMenu a {
	text-decoration: none;
}

.subMenu .leftMenu {
	background-color: #f7f7f7;
	/*border: 1px solid #d8dde4;*/
	min-width: 130px;
	min-height: 450px;
	width: 225px;
	position: relative;

}

.subMenu .rightMenu {
	background-color: #fff;
	width: 240px;
	padding: 15px;
	border-right: 1px solid #d8dde4;
	border-bottom: 1px solid #d8dde4;
	overflow-y: auto;
	width: 735px;
	background-color: #fcfcfc;
}

.subMenu .leftMenu li {
	list-style: none;
	height: 45px;
	line-height: 45px;
	text-align: left;
	color: #384961;
	font-size: 14px;
	padding: 0 15px;
	padding-right: 30px;
	position: relative;
	border-bottom: 1px solid #e8e8ea;
}
.subMenu .leftMenu li:after {
	content:url(../../static/img/arrowli.png);
	position: absolute;
    right: 5px;
    top: 4px;
}
.subMenu .leftMenu li:hover a {
	color: #333;
	background-color: #f6d8b4;
	cursor: pointer;
}

.subMenu .leftMenu li.active {
	background-color: #f6d8b4;
}
.subMenu .leftMenu li.active a{
	color: #333;
	background-color: transparent;
}
/*.subMenu .leftMenu #triangle {
	position: absolute;
	top: -9px;
	left: 45%;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #ebeef2;
}*/

.subMenu .rightMenu a {
	display: inline-block;
	/*min-width: 50%;
	max-width: 240px;*/
	height: 15px;
	line-height: 15px;
	font-size: 14px;
	padding: 0 15px;
	margin: 7.5px 0;
	text-align: left;
	color: #666666;
	float: left;
	border-left: 1px solid #ddd;
}

.subMenu .rightMenu a:hover {
	color: #f18f2e;
	cursor: pointer;
	text-decoration: underline;
	/*background-color: #fff;*/
}

.contentFooter {
	background-color: #1c3147;
	height: 147px;
}

.contentFooter .linkArea {
	padding: 20px 0;
}

.contentFooter .linkArea .linkBox {
	margin-right: 60px;
}

.contentFooter .linkArea h4 {
	color: #ffffff;
	font-size: 14px;
	margin-bottom: 5px;
}

.contentFooter .linkArea ul {
	padding-left: 0;
}

.contentFooter .linkArea ul li {
	list-style: none;
}

.contentFooter .linkArea ul li a {
	/*text-decoration: underline;*/
	color: #627287;
}

.codeArea div {
	margin: 5px;
}

.codeArea p {
	color: #627287;
	margin: 5px 0;
	font-size: 12px;
}

.contentFooter .InfoArea {
	border-top: 1px solid #33465a;
	margin: 0 -120px;
	padding: 0 120px;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
}

.contentFooter .InfoArea a {
	color: #556479;
	font-size: 12px;
}

.contentFooter .InfoArea a#contactUs {
	color: #fff
}

.contentFooter .InfoArea a+a {
	margin-left: 15px;
}

.fixedLayer {
	position: fixed;
	right: 0;
	bottom: 150px;
	display: none;
	z-index: 16;
}

.fixedLayer img {
	width: 22px;
}

.fixedLayer p {
	font-size: 12px;
	color: #fff;
}

.fixedLayer .list,
.fixedLayer .edit,
.fixedLayer .customer,
.fixedLayer .share,
.fixedLayer .backtop {
	background-color: #c2c7cc;
	width: 40px;
	height: 50px;
	margin-top: 5px;
	padding: 7px 0;
	cursor: pointer;
}

.fixedLayer .list:hover,
.fixedLayer .edit:hover,
.fixedLayer .customer:hover,
.fixedLayer .share:hover,
.fixedLayer .backtop:hover {
	background-color: #f39019;
}

.userDefinedShare {
	position: fixed;
	bottom: -225px;
	width: 100%;
	background-color: #fff;
	padding: 30px 0;
	height: 225px;
}

.userDefinedShare .bdsharebuttonbox {
	width: 480px;
	margin: 0 auto;
}

.userDefinedShare li {
	width: 60px;
	margin: 10px 30px;
}

.userDefinedShare .bds_qzone {
	background-image: url(../../static/img/gbRes_4.png);
	background-position: 0 0!important;
	background-size: cover;
	display: inline-block;
	width: 60px;
	height: 60px;
	padding: 0;
	margin: 0;
	text-align: center;
}

.userDefinedShare .bds_tsina {
	background-image: url(../../static/img/gbRes_6.png);
	background-position: 0 0!important;
	background-size: cover;
	display: inline-block;
	width: 60px;
	height: 60px;
	padding: 0;
	margin: 0;
	text-align: center;
}

.userDefinedShare .bds_sqq {
	background-image: url(../../static/img/gbRes_3.png);
	background-position: 0 0!important;
	background-size: cover;
	display: inline-block;
	width: 60px;
	height: 60px;
	padding: 0;
	margin: 0;
	text-align: center;
}

.userDefinedShare .bds_weixin {
	background-image: url(../../static/img/gbRes_2.png);
	background-position: 0 0!important;
	background-size: cover;
	display: inline-block;
	width: 60px;
	height: 60px;
	margin: 0;
	padding: 0;
	text-align: center;
}

.gb_res_t {
	line-height: 58px;
	height: 58px;
	position: relative;
	font-size: 18px;
	text-align: center;
}

.gb_res_t span {
	background: #FFF;
	display: inline-block;
	padding: 0px 6px;
	position: relative;
	z-index: 2;
}

.gb_res_t i {
	background: #FFEC94;
	height: 1px;
	overflow: hidden;
	left: 32px;
	top: 30px;
	right: 32px;
	position: absolute;
}

#closeShare {
	width: 50px;
	position: absolute;
	right: 0;
	top: 0
}