#header {
	min-width: 1200px;
	width: 100%
}

.header_top {
	height: 36px
}

.header_top_wraper {
	height: 36px;
	background: #f4f4f4
}

.header_login li {
	float: left;
	padding: 10px 0
}

.header_login li a {
	color: #666
}

.header_login li a:hover {
	color: #00b358
}

.header_login .header_top_login {
	padding-right: 18px
}

.header_login .header_msg {
	padding-left: 15px;
	position: relative
}

.header_login .header_msg:before {
	position: absolute;
	width: 1px;
	height: 12px;
	background: #e5e5e5;
	left: 0;
	top: 12px;
	content: ''
}

.header_login .header_msg i {
	width: 14px;
	height: 14px;
	float: right;
	margin-left: 4px;
	margin-top: 2px;
	background: #e91f1f;
	font-size: 10px;
	color: #fff;
	text-align: center;
	line-height: 14px;
	border-radius: 50%
}

.header_login .header_user_name {
	position: relative;
	width: 100px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	margin-right: 14px;
	padding-left: 14px;
	padding-right: 24px
}

.header_login .header_user_name.active {
	background: #fff;
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5
}

.header_login .header_user_name:after {
	width: 10px;
	height: 5px;
	top: 18px;
	right: 10px;
	position: absolute;
	content: '';
	display: block;
	background: url(../images/common/index_sprite.png) no-repeat -47px -1px
}

.header_login .header_user_name a {
	color: #00b358
}

.header_user_list {
	position: absolute;
	display: none;
	left: -1px;
	top: 36px;
	width: 230px;
	background: #fff;
	z-index: 110;
	padding-bottom: 25px;
	border: 1px solid #e5e5e5;
	padding-top: 20px;
	padding-left: 15px;
	border-top: 0
}

.header_user_list img {
	width: 72px;
	height: 72px;
	float: left;
	margin-right: 10px
}

.header_user_list .header_user_info {
	float: left
}

.header_user_list .header_user_info span {
	margin-top: 4px;
	width: 52px;
	height: 22px;
	line-height: 22px;
	font-size: 12px;
	text-align: center;
	background: #f25618;
	color: #fff;
	cursor: pointer;
	border-radius: 3px;
	display: block
}

.header_user_list .header_user_info .header_user_cener {
	display: block;
	padding: 6px 0;
	color: #333
}

.header_user_list .header_user_info a:hover {
	color: #00b358
}

.header_user_list .header_user_info .header_user_account {
	position: relative;
	padding-right: 14px;
	color: #333
}

.header_user_list .header_user_info .header_user_account:after {
	content: '';
	display: block;
	width: 1px;
	height: 12px;
	background: #e5e5e5;
	position: absolute;
	right: 0;
	top: 2px
}

.header_user_list .header_user_info .header_user_logout {
	padding-left: 14px
}

.header_entrance {
	padding-top: 10px
}

.header_entrance li {
	float: left;
	padding-right: 21px;
	margin-right: 20px;
	position: relative;
	cursor: pointer
}

.header_entrance li.entrance_wechat:after {
	width: 1px;
	height: 14px;
	display: block;
	position: absolute;
	right: 0;
	top: 2px;
	content: '';
	background: url(../images/common/index_sprite.png) no-repeat -260px -1px
}

.header_entrance li i {
	background: url(../images/common/index_sprite.png) no-repeat;
	float: left;
	margin-right: 4px;
	margin-top: 2px
}

.header_entrance li span {
	color: #999
}

.header_entrance li .ico1 {
	width: 14px;
	height: 14px;
	background-position: 0 0
}

.header_entrance li .ico2 {
	width: 9px;
	height: 14px;
	background-position: -15px 0
}

.header_entrance li:hover .ico1 {
	background-position: 0 -15px
}

.header_entrance li:hover .ico2 {
	background-position: -15px -15px
}

.header_entrance li:hover span {
	color: #00b358
}

.header_entrance li.active .ico1 {
	background-position: 0 -15px
}

.header_entrance li.active .ico2 {
	background-position: -15px -15px
}

.header_entrance li.active span {
	color: #00b358
}

.sub_entrance {
	display: none;
	position: absolute;
	left: -2px;
	top: 24px;
	width: 122px;
	height: 146px;
	background: #fff;
	border: 1px solid #e5e5e5;
	padding: 7px 6px 0;
	z-index: 100
}

.sub_entrance:before {
	width: 12px;
	height: 8px;
	content: '';
	display: block;
	left: 55px;
	margin-top: -15px;
	position: absolute;
	background: url(../images/common/index_sprite.png) no-repeat -47px -13px
}

.sub_entrance p {
	text-align: center;
	color: #333;
	margin-top: 6px
}

.sub_entrance img {
	width: 108px;
	height: 108px;
	vertical-align: top
}

.header_top_nav li {
	float: left;
	padding: 10px 14px 10px 14px;
	position: relative
}

.header_top_nav li a {
	color: #999
}

.header_top_nav li a:hover {
	color: #00b358
}

.header_top_nav li a i {
	display: inline-block;
	vertical-align: top;
	width: 14px;
	height: 14px;
	margin-left: -3px;
	margin-top: -3px;
	background: #e91f1f;
	font-size: 10px;
	color: #fff;
	text-align: center;
	line-height: 14px;
	border-radius: 50%
}

.header_top_nav li.header_sign {
	padding-top: 7px;
	padding-bottom: 0
}

.header_top_nav li.header_sign:before {
	display: none
}

.header_top_nav li.header_sign a {
	width: 60px;
	height: 22px;
	background: #ffac13;
	color: #fff;
	border-radius: 2px;
	text-align: center;
	display: block;
	line-height: 22px
}

.header_top_nav li.header_sign a:hover {
	opacity: 0.8
}

.header_top_nav li:before {
	width: 1px;
	height: 12px;
	display: block;
	background: #e5e5e5;
	position: absolute;
	left: -1px;
	top: 12px;
	content: ''
}

.header_top_nav li.active {
	background: #fff;
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5
}

.header_top_nav .header_nav_ico {
	padding-right: 24px;
	border-left: 1px solid transparent;
	border-right: 1px solid transparent;
	width: 88px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box
}

.header_top_nav .header_nav_ico:after {
	right: 10px;
	width: 10px;
	height: 5px;
	top: 17px;
	content: '';
	position: absolute;
	background: url(../images/common/index_sprite.png) no-repeat -47px -1px
}

.header_top_nav .last_nav {
	border-left: 0
}

.header_customer {
	position: absolute;
	display: none;
	padding-bottom: 18px;
	left: -1px;
	z-index: 110;
	top: 36px;
	background: #fff;
	width: 88px;
	border: 1px solid #e5e5e5;
	border-top: 0
}

.header_customer dd {
	margin-top: 12px;
	text-align: center
}

.header_customer dd a {
	color: #999
}

.sub_nav {
	width: 550px;
	position: absolute;
	border: 1px solid #e5e5e5;
	border-top: 0;
	position: absolute;
	display: none;
	background: #fff;
	right: 0;
	top: 36px;
	padding: 16px 0 5px 18px;
	z-index: 100
}

.sub_nav_list {
	float: left;
	margin-right: 35px
}

.sub_nav_list dt {
	margin-bottom: 12px
}

.sub_nav_list dt a {
	color: #333
}

.sub_nav_list dd {
	margin-bottom: 12px
}

.sub_nav_list dd a {
	color: #999
}

.sub_nav_list dd a:hover {
	color: #00b358
}

.header_search_wraper {
	min-width: 1200px;
	width: 100%;
	border-bottom: 2px solid #00b358
}

.header_search {
	padding-top: 25px;
	padding-bottom: 28px
}

.header_search .header_logo {
	width: 233px;
	height: 34px;
	padding-top: 3px
}

.search_cont {
	border: 2px solid #00b358;
	height: 36px
}

.search_cont .search_input {
	width: 246px;
	color: #ccc;
	padding: 0px 0 0px 15px;
	font-size: 12px;
	float: left;
	height: 32px;
	line-height: 32px
}

.search_cont .search_input::-webkit-input-placeholder {
	color: #ccc
}

.search_cont .search_btn {
	width: 48px;
	height: 32px;
	background: #00b358;
	cursor: pointer;
	float: left
}

.search_cont .search_btn:after {
	width: 20px;
	height: 20px;
	content: '';
	display: block;
	margin-left: 13px;
	background: url(../images/common/index_sprite.png) no-repeat -25px -1px
}

.search_cont .search_cart {
	color: #333;
	width: 81px;
	height: 32px;
	line-height: 32px;
	border-right: 1px solid #ededed;
	float: left;
	padding-left: 14px;
	position: relative;
	cursor: pointer
}

.search_cont .search_cart:after {
	position: absolute;
	right: 16px;
	top: 14px;
	width: 10px;
	height: 5px;
	content: '';
	background: url(../images/common/index_sprite.png) no-repeat -47px -1px
}

.sub_search_cart {
	display: none;
	background: #fff;
	position: absolute;
	width: 98px;
	left: 0;
	top: 34px;
	border: 1px solid #e5e5e5;
	border-top: 0;
	z-index: 500
}

.sub_search_cart li {
	height: 24px;
	line-height: 24px
}

.sub_search_cart li a {
	display: block;
	padding-left: 14px
}

.sub_search_cart li a:hover {
	background: #e5e5e5
}

.search_bar {
	position: relative
}

.search_bar .header_upload_model {
	width: 100px;
	height: 36px;
	line-height: 36px;
	font-size: 16px;
	text-align: center;
	background: #00b358;
	color: #fff;
	cursor: pointer;
	float: left;
	margin-left: 20px
}

.nav {
	width: 100%;
	min-width: 1200px;
	border-bottom: 2px solid #00b358
}

.nav_list .nav_child:after {
	content: '';
	position: absolute;
	right: 35px;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 6px solid #333;
	top: 18px
}

.nav_list .active {
	background: #00b358
}

.nav_list .active:after {
	border-bottom: 6px solid #fff;
	border-top: 0
}

.nav_list .active a {
	color: #fefefe
}

.nav_list .active a:hover {
	color: #fefefe
}

.nav_list li {
	float: left;
	position: relative;
	font-size: 16px;
	line-height: 38px;
	height: 38px
}

.nav_list li a {
	display: block;
	padding: 0  54px 0 37px
}

.sub_menu_list {
	position: absolute;
	width: 100%;
	padding: 10px 0;
	background: #11a659;
	left: 0;
	top: 40px;
	z-index: 1000;
	display: none
}

.sub_menu_list dd {
	font-size: 14px;
	height: 30px;
	line-height: 30px;
	text-align: center
}

.sub_menu_list dd a {
	display: block;
	padding: 0;
	color: #fff
}

.sub_menu_list dd a:hover {
	background: #0f9952;
	color: #fff
}

#footer {
	min-width: 1200px
}

.foot_wraper {
	width: 100%;
	padding-top: 38px;
	padding-bottom: 44px;
	background: #303332
}

.foot_info {
	padding-left: 18px
}

.foot_info_list {
	float: left;
	margin-right: 56px
}

.foot_info_list dt {
	font-size: 16px;
	color: #fff;
	margin-bottom: 16px
}

.foot_info_list dd {
	margin-bottom: 10px
}

.foot_info_list dd a {
	color: #999
}

.foot_info_list dd a:hover {
	color: #00b358
}

.foot_contact {
	margin-left: 16px;
	border-left: 1px solid #434343;
	padding-left: 28px
}

.foot_contact h4 {
	margin-bottom: 16px;
	font-size: 16px;
	color: #fff
}

.foot_contact strong {
	font-size: 24px;
	color: #f25618;
	margin-bottom: 12px
}

.foot_contact p {
	color: #999;
	margin-bottom: 10px
}

.foot_download {
	padding-top: 48px
}

.foot_download li {
	float: left;
	margin-right: 10px
}

.foot_download li img {
	width: 88px;
	height: 88px;
	vertical-align: top
}

.foot_download li p {
	margin-top: 10px;
	color: #999
}

.foot_link_wraper {
	width: 100%;
	min-width: 1200px;
	padding-top: 22px;
	padding-bottom: 16px;
	background: #242626
}

.foot_link_wraper p {
	color: #666;
	text-align: center;
	margin-top: 18px
}

.foot_link dt {
	float: left;
	margin-right: 20px;
	color: #666
}

.foot_link dd {
	float: left;
	padding: 0 12px;
	position: relative
}

.foot_link dd.last_link:after {
	display: none
}

.foot_link dd:after {
	content: '';
	display: block;
	width: 1px;
	height: 11px;
	background: #666;
	position: absolute;
	right: 0;
	top: 3px
}

.foot_link dd a {
	color: #666
}

.foot_link dd a:hover {
	color: #00b358
}

.header_seller {
	display: inline-block;
	vertical-align: top;
	font-size: 22px;
	color: #666666;
	padding: 5px 0 8px 20px;
	border-left: 1px solid #e5e5e5;
	margin-left: 20px
}

.header_login_txt {
	display: inline-block;
	vertical-align: top;
	font-size: 18px;
	color: #333;
	padding: 5px 0 8px 20px;
	border-left: 1px solid #e5e5e5;
	margin-left: 20px
}