@charset "utf-8";

/* CSS Document */
body {
	font-family: "PingFang SC", "Hiragino Sans GB", "Source Han Sans",
		"Noto Sans CJK Sc", "微软雅黑", "Microsoft YaHei", "-apple-system",
		"Helvetica Neue", "Helvetica", "Arial", sans-serif;
	font-size: 14px;
	line-height: 1.42857;
	background: #f7f9fb;
	padding-bottom: 100px !important;
}

.glyphicon {
	margin-left: 10px;
	margin-right: 10px;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "PingFang SC", "Hiragino Sans GB", "Source Han Sans",
		"Noto Sans CJK Sc", "微软雅黑", "Microsoft YaHei", "-apple-system",
		"Helvetica Neue", "Helvetica", "Arial", sans-serif;
	font-weight: 300;
}

article, aside, details, figcaption, figure, footer, header, hgroup,
	menu, nav, section {
	display: block;
}

* {
	margin: 0;
	padding: 0;
}

ul, li {
	list-style: none;
}

h1 {
	color: #666;
	font-size: 20px;
	font-weight: 100;
	margin-bottom: 30px;
}

.content_img {
	width: 100%;
}

.left {
	float: left;
}
/* .right{ float:right;} */
.clearfix {
	overflow: hidden;
}

.clear {
	clear: both;
}

.center {
	text-align: center;
}

.text-left {
	text-align: left;
}

.text-right {
	text-align: right;
}

.mt10 {
	margin-top: 10px;
}

.mt25 {
	margin-top: 25px;
}

.mt40 {
	margin-top: 40px;
}

.mb40 {
	margin-bottom: 40px;
}

.mt60 {
	margin-top: 60px;
}

.mt-60 {
	margin-top: -60px;
}

.form-group {
	margin-top: 8px;
	margin-bottom: 8px;
}

.font14 {
	font-size: 14px;
}

.font20 {
	font-size: 20px;
}

.mt20 {
	margin-top: 20px;
}

.red {
	color: #ff0000 !important;
}

.green {
	color: #34c2b4;
}

.org_common_input {
	border-radius: 4px;
    border: solid 1px #e4e9f0;
    height: 32px;
    width: 90%;
    padding-left: 16px;
}

@media only screen and (min-width: 1366px) {
	.container {
		width: 1336px;
		padding-right:5%;
	}
}

@media only screen and (min-width: 1600px) {
	.container {
		width: 1570px;
		padding-right:1%;
		
	}
}

@media only screen and (min-width: 1920px) {
	.container {
		width: 1800px;
		padding-right:1%;
		
	}
}

@media ( min-width :768px) {
	.modal-dialog {
		width: 600px;
		margin: 50px auto
	}
	a {
		color: #2798eb;
		text-decoration: none;
	}
	a:hover {
		color: #CC6600;
		text-decoration: none;
	}

	/*搜索条件栏开始*/
	.crumbs-bar {
		position: relative;
		margin-bottom: 10px;
		z-index: 5
	}
	.crumbs-nav {
		height: 24px;
		line-height: 24px
	}
	.crumbs-nav-item, .crumbs-cx {
		float: left;
	}
	.crumbs-link, .crumbs-nav-item .menu-drop, .crumbs-nav-item .selector-set
		{
		float: left;
		margin-right: 5px
	}
	.crumbs-cx .selector-set {
		float: left;
		margin-right: 0px
	}
	.selector-result {
		position: relative;
		margin-bottom: 5px
	}
	.selector-result .form-group .fg-line-key {
		width: 60px;
		color: #999
	}
	.selector-result .form-group .fg-line-value {
		margin-left: 60px
	}
	.selector-set {
		font-size: 0
	}
	.selector-set .ss-item {
		position: relative;
		display: inline-block;
		height: 28px;
		line-height: 26px;
		border: 1px solid #e5e5e5;
		font-size: 12px;
		vertical-align: top;
		margin: 0 5px 0 0;
		padding: 0 26px 0 4px;
		background: #e5e5e5;
		-moz-border-radius: 5px; /* Gecko browsers */
		-webkit-border-radius: 5px; /* Webkit browsers */
		border-radius: 5px;
		cursor: pointer
	}
	.crumbs-cx .selector-set .ss-item {
		margin: 0 10px 5px 10px;
		border: none;
		background: #aeddff;
	}
	.crumbs-cx .selector-set .ss-item span {
		color: #000;
	}
	.selector-set .ss-list {
		padding: 0 6px;
	}
	.selector-set .ss-item b {
		font-weight: normal;
		color: #666
	}
	.selector-set .ss-item em {
		color: #666
	}
	.selector-set .ss-item i {
		display: block;
		position: absolute;
		width: 25px;
		height: 22px;
		right: 2px;
		top: 2px;
		background: url(../images/search.ele.png) no-repeat 7px -140px
	}
	.selector-set .ss-item:hover {
		border-color: #ccc;
		text-decoration: none
	}
	.selector-set .ss-item:hover i {
		
	}
	.check-error {
		padding: 15px 10px;
		margin-bottom: 10px;
		font-size: 14px;
		font-weight: bold;
		background-color: #fffdee;
		border: 1px solid #edd28b
	}
	.check-error .key1 {
		color: #c00
	}
	.check-error .key2 {
		color: #005aa0
	}
	/*搜索条件栏结束*/
	[class^="fa-"]:not (.fa-stack ), [class^="glyphicon-"], [class^="icon-"],
		[class*=" fa-"]:not (.fa-stack ), [class*=" glyphicon-"], [class*=" icon-"]
		{
		display: inline-block;
		font-size: none;
		line-height: none;
	}
	.fa-2x {
		font-size: 1.2em;
	}
	.fa-3x {
		font-size: 3em;
	}

	/*详细页右边菜单*/
	.bs-docs-sidebar.affix {
		position: static
	}
	@media ( min-width :768px) {
		.bs-docs-sidebar {
			padding-left: 0px
		}
	}
	.bs-docs-sidenav {
		margin-top: 20px;
		margin-bottom: 20px
	}
	.bs-docs-sidebar .nav>li>a {
		display: block;
		padding: 4px 20px;
		font-size: 13px;
		font-weight: 500;
		color: #767676
	}
	.bs-docs-sidebar .nav>li>a:focus, .bs-docs-sidebar .nav>li>a:hover {
		padding-left: 19px;
		color: #3598DC;
		text-decoration: none;
		background-color: transparent;
		border-left: 1px solid #3598DC
	}
	.bs-docs-sidebar .nav>.active:focus>a, .bs-docs-sidebar .nav>.active:hover>a,
		.bs-docs-sidebar .nav>.active>a {
		padding-left: 18px;
		font-weight: 700;
		color: #3598DC;
		background-color: transparent;
		border-left: 2px solid #3598DC
	}
	.bs-docs-sidebar .nav .nav {
		display: none;
		padding-bottom: 10px
	}
	.bs-docs-sidebar .nav .nav>li>a {
		padding-top: 1px;
		padding-bottom: 1px;
		padding-left: 30px;
		font-size: 12px;
		font-weight: 400
	}
	.bs-docs-sidebar .nav .nav>li>a:focus, .bs-docs-sidebar .nav .nav>li>a:hover
		{
		padding-left: 29px
	}
	.bs-docs-sidebar .nav .nav>.active:focus>a, .bs-docs-sidebar .nav .nav>.active:hover>a,
		.bs-docs-sidebar .nav .nav>.active>a {
		padding-left: 28px;
		font-weight: 500
	}
	.back-to-top, .bs-docs-theme-toggle {
		display: none;
		padding: 4px 10px;
		margin-top: 10px;
		margin-left: 30px;
		font-size: 12px;
		font-weight: 500;
		color: #999
	}
	.back-to-top:hover, .bs-docs-theme-toggle:hover {
		color: #3175AF;
		text-decoration: none
	}
	.bs-docs-theme-toggle {
		margin-top: 0
	}
	@media ( min-width :768px) {
		.back-to-top, .bs-docs-theme-toggle {
			display: block
		}
	}
	@media ( min-width :992px) {
		.bs-docs-sidebar .nav>.active>ul {
			display: block
		}
		.bs-docs-sidebar.affix, .bs-docs-sidebar.affix-bottom {
			width: 213px
		}
		.bs-docs-sidebar.affix {
			position: fixed;
			top: 60px
		}
		.bs-docs-sidebar.affix-bottom {
			position: absolute
		}
		.bs-docs-sidebar.affix .bs-docs-sidenav, .bs-docs-sidebar.affix-bottom .bs-docs-sidenav
			{
			margin-top: 0;
			margin-bottom: 0
		}
	}
	@media ( min-width :1200px) {
		.bs-docs-sidebar.affix, .bs-docs-sidebar.affix-bottom {
			width: 263px
		}
	}
	/*详细页右边菜单结束*/
	.content {
		background: #F7F9FB none repeat scroll 0% 0%;
		padding: 0px 0px 0px;
	}
	.page-content {
		background: #fff none repeat scroll 0% 0%;
		padding: 0px 0px 0px;
	}
	.navbar-brand, .navbar-nav>li>a {
		text-shadow: none;
	}
	.portlet.light {
		padding: 0px;
		background-color: #FFF;
	}
	#table1 .portlet.light, #table2 .portlet.light, #table3 .portlet.light,
		#table4 .portlet.light，#table5 .portlet.light {
		padding: 0px;
		background-color: #FFF;
		overflow: hidden
	}
	.btn-primary {
		color: #fff;
		background-color: #3AA4EC;
		border-color: #3AA4EC;
	}
	.btn-primary:hover, .btn-primary:focus, .btn-primary:active,
		.btn-primary.active {
		color: #fff;
		background-color: #2798eb;
		border-color: #2798eb;
	}
	.btn-primary:active, .btn-primary.active {
		background-image: none;
		background-color: #3AA4EC;
	}
	.btn-primary:active:hover, .btn-primary.active:hover {
		background-color: #3AA4EC;
	}
	.btn-default {
		color: #fff;
		background-color: #3AA4EC;
		border-color: #3AA4EC;
		border: 1px solid #3AA4EC;
	}
	.btn-default:hover, .btn-default:focus, .btn-default:active,
		.btn-default.active {
		color: #fff;
		background-color: #2798eb;
		border-color: #2798eb;
		border: 1px solid #2798eb;
	}
	.btn-default:active, .btn-default.active {
		color: #fff;
		background-color: #3AA4EC;
		border-color: #3AA4EC;
		border: 1px solid #3AA4EC;
	}
	.btn-default:active:hover, .btn-default.active:hover {
		color: #fff;
		background-color: #2798eb;
		border-color: #2798eb;
		border: 1px solid #2798eb;
	}
	.btn-return {
		color: #333;
		background-color: #fff;
		border: 1px solid #3AA4EC;
	}
	.btn-return:hover, .btn-return:focus, .btn-return:active, .btn-return.active
		{
		color: #333;
		background-color: #f5f5f5;
		border: 1px solid #2798eb;
	}
	.btn-return:active, .btn-return.active {
		color: #333;
		background-color: #fff;
		border: 1px solid #3AA4EC;
	}
	.btn-return:active:hover, .btn-return.active:hover {
		color: #333;
		background-color: #f5f5f5;
		border: 1px solid #2798eb;
	}
	.bg-grey {
		border-color: #f5f5f5 !important;
		background-image: none !important;
		background-color: #f5f5f5 !important;
	}
	.portlet .caption {
		padding: 5px 10px;
		height: 40px;
	}
	ol, ul {
		margin-top: 0;
		margin-bottom: 0;
	}
	.list-group {
		padding-left: 0;
		margin-bottom: 0;
	}
	.btn-info {
		color: #333;
		height: 34px;
		border: 1px solid #e5e5e5;
		background-color: #fff;
		border-color: #ccc;
	}
	.btn-info:focus, .btn-info.focus {
		color: #333;
		background-color: #e6e6e6;
		border-color: #8c8c8c;
	}
	.btn-info:hover {
		color: #333;
		background-color: #e6e6e6;
		border-color: #adadad;
	}
	.btn-info:active, .btn-info.active, .open>.dropdown-toggle.btn-info {
		color: #333;
		background-color: #e6e6e6;
		border-color: #adadad;
	}
	.btn-info:active:hover, .btn-info.active:hover, .open>.dropdown-toggle.btn-info:hover,
		.btn-info:active:focus, .btn-info.active:focus, .open>.dropdown-toggle.btn-info:focus,
		.btn-info:active.focus, .btn-info.active.focus, .open>.dropdown-toggle.btn-info.focus
		{
		color: #333;
		background-color: #d4d4d4;
		border-color: #8c8c8c;
	}
	.btn-info:active, .btn-info.active, .open>.dropdown-toggle.btn-info {
		background-image: none;
	}
	.btn-info.disabled, .btn-info[disabled], fieldset[disabled] .btn-info,
		.btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover,
		.btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus,
		.btn-info.disabled.focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info.focus,
		.btn-info.disabled:active, .btn-info[disabled]:active, fieldset[disabled] .btn-info:active,
		.btn-info.disabled.active, .btn-info[disabled].active, fieldset[disabled] .btn-info.active
		{
		background-color: #fff;
		border-color: #ccc;
	}
	.btn-info .badge {
		color: #fff;
		background-color: #333;
	}
	.portlet-body .btn-group {
		margin: 0px !important;
		padding: 0px !important;
		margin-bottom: 0px !important;
	}

	/*产品列表页开始*/
	.pro_list {
		text-align: center;
		margin: 10px 0;
	}
	.pro_list .pro_thumb {
		margin: 0 20px;
		transition-duration: 0.3s;
		padding: 15px;
		min-height: 312px;
	}
	.pro_list .pro_thumb:hover {
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.20);
	}
	.pro_list .pro_thumb .title {
		color: #666;
		padding-top: 10px;
	}
	.pro_list .pro_thumb .info {
		color: #9a7d6e;
	}
	.pro_list .pro_thumb:hover .title {
		color: #333;
	}
	.pro_list .pro_thumb img {
		width: 100%;
	}
	.container_pro {
		margin-right: auto;
		margin-left: auto
	}
	@media ( min-width :768px) {
		.container_pro {
			width: 750px
		}
	}
	@media ( min-width :992px) {
		.container_pro {
			width: 970px
		}
	}
	@media ( min-width :1200px) {
		.container_pro {
			width: 1170px
		}
	}
	@media only screen and (min-width: 1400px) {
		.container_pro {
			width: 1366px;
		}
	}
	@media only screen and (min-width: 1600px) {
		.container_pro {
			width: 1570px;
		}
	}
	.page-content {
		background: #EFF3F8 none repeat scroll 0% 0%;
		padding: 15px 0px;
	}
	#pro_list .col-lg-2, #pro_list .col-md-3, #pro_list .col-sm-4, #pro_list .col-xs-6
		{
		position: relative;
		min-height: 1px;
		padding: 2px;
	}
	.dropdown-menu {
		/* min-width: 155px; */
		
	}

	/*产品列表页结束*/

	/*产品详细信息页开始*/

	/* Reset ================================================================================= */
	img {
		border: 0;
		max-width: 100%;
	}

	/*-------------------------------------------------------------------------------*/

	/*Cloudzoom*/
	.more-views h2 {
		display: none;
	}
	.more-views .bx-wrapper {
		
	}
	.more-views .bx-wrapper {
		
	}
	.more-views .bx-wrapper .bx-controls-direction {
		position: static;
	}
	.more-views .bx-wrapper .bx-controls-direction a {
		top: 50%;
		margin-top: -13px;
		position: absolute;
		display: block;
		margin-left: -10px;
		margin-right: -10px;
	}
	.more-views .bx-wrapper .bx-prev {
		right: auto;
		left: 0;
	}
	.more-views .bx-wrapper .bx-next {
		right: 0;
	}
	.more-views .bx-wrapper:hover .bx-controls-direction a {
		display: block;
	}
	.more-views ul li {
		float: left;
	}
	/*-------------------------------------------------------------------------------*/
	.product-img-box img {
		border: 1px solid #e4e4e4;
	}
	.cloud-zoom-lens {
		border: 1px solid #ccc;
		margin: -1px; /* Set this to minus the border thickness. */
		background-color: #fff;
		cursor: move;
	}

	/* This is for the title text. */
	.cloud-zoom-title {
		font-family: PT Sans, Helvetica, sans-serif;
		position: absolute !important;
		background-color: #000;
		color: #fff;
		padding: 3px;
		width: 100%;
		text-align: center;
		font-weight: bold;
		font-size: 10px;
		top: 0px;
	}

	/* This is the zoom window. */
	.cloud-zoom-big {
		border: 4px solid #ccc;
		overflow: hidden;
		background-color: #f6f6f6;
	}

	/* This is the loading message. */
	.cloud-zoom-loading {
		color: white;
		background: #222;
		padding: 3px;
		border: 1px solid #000;
		display: none;
	}
	.product-view .product-img-box .product-image-zoom {
		border: 2px solid #CCCCCC;
	}
	.more-views.vertical .bxslider .thumbnail-item {
		height: 80px;
	}
	.lightbox {
		display: none;
	}
	/*##########--------------##########*/
	#lightbox {
		position: absolute;
		left: 0;
		width: 100%;
		z-index: 99999;
		text-align: center;
		line-height: 0;
	}
	#lightbox img {
		width: auto;
		height: auto;
	}
	#lightbox a img {
		border: none;
	}
	#outerImageContainer {
		position: relative;
		background-color: #fff;
		width: 250px;
		height: 250px;
		margin: 0 auto;
	}
	#imageContainer {
		padding: 10px;
	}
	#loading {
		/* background: url(../images/loading.gif) 50% 50% no-repeat;*/
		position: absolute;
		top: 40%;
		left: 0%;
		height: 25%;
		width: 100%;
		text-align: center;
		line-height: 0;
	}
	#hoverNav {
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		z-index: 10;
	}
	#imageContainer>#hoverNav {
		left: 0;
	}
	#hoverNav a {
		outline: none;
	}
	#prevLink, #nextLink {
		width: 49%;
		height: 100%;
		background-image: url(data:image/gif;base64,AAAA);
		/* Trick IE into showing hover */
		display: block;
	}
	#prevLink {
		left: 0;
		float: left;
	}
	#nextLink {
		right: 0;
		float: right;
	}
	#prevLink:hover, #prevLink:visited:hover {
		background: url(../images/prevlabel.gif) left 15% no-repeat;
	}
	#nextLink:hover, #nextLink:visited:hover {
		background: url(../images/nextlabel.gif) right 15% no-repeat;
	}
	#imageDataContainer {
		font: 10px Verdana, Helvetica, sans-serif;
		background-color: #fff;
		margin: 0 auto;
		line-height: 1.4em;
		overflow: auto;
		width: 100%;
	}
	#imageData {
		padding: 0 10px;
		color: #666;
	}
	#imageData #imageDetails {
		width: 80%;
		float: left;
		text-align: left;
	}
	#imageData #caption {
		font-weight: bold;
	}
	#imageData #numberDisplay {
		display: block;
		clear: left;
		padding-bottom: 1.0em;
	}
	/*
#imageData #bottomNavClose{ background:url(../images/closelabel.gif) no-repeat 0 0; width: 66px; height:22px; float: right;  padding-bottom: 0.7em; outline: none;}	 	
*/
	#overlay {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 99999;
		width: 100%;
		height: 500px;
		background-color: #000;
	}

	/*产品详细信息页结束*/

	/*2015.12.10  产品活动页面*/
	.bg_grey {
		background: #eff3f8;
	}
	.bg_white {
		background: #ffffff;
	}
	.pad20 {
		padding: 20px;
	}
	.pad10 {
		padding: 10px;
	}
	.mb20 {
		margin-bottom: 20px;
	}
	.page_activity .hdmd {
		padding: 5px 10px;
		margin: 20px 0;
		text-align: center;
		color: #d50000 !important;
	}
	.ac_detail {
		
	}
	.ac_detail .ac_title {
		font-size: 20px;
		color: #fff;
		background: #3598dc;
		padding: 10px 20px;
		display: inline-block;
		margin-bottom: 10px;
	}
	.pro_list .pro_activity {
		margin: 0 5px;
		transition-duration: 0.3s;
		padding: 10px;
	}
	.pro_list .pro_activity img {
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.20);
	}
	.pro_list .pro_activity .info {
		padding-top: 10px;
	}
	.pro_list .pro_activity .price {
		color: #d30000;
	}
	.pro_list .pro_activity img {
		width: 100%;
		height: auto;
	}
	.page_news ul {
		width: 100%;
		margin: 0 auto;
		overflow: hidden;
		margin-bottom: 20px;
	}
	.page_news ul li {
		padding: 15px 0 5px 0;
		border-bottom: dashed 1px #dadada;
	}
	.page_news img {
		border: 1px solid #dadada;
		padding: 1px;
	}

	/*2015.12.10  产品活动页面结束*/
	<!--
	.form-control {
		display: block;
		width: 100%;
		height: 34px;
		padding: 6px 12px;
		font-size: 14px;
		line-height: 1.42857143;
		color: #555;
		background-color: #fff;
		background-image: none;
		border: 1px solid #fff;
		border-bottom: 1px solid #ccc;
		border-radius: 4px;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	.form-control:focus {
		border: 1px solid #fff;
		border-bottom: 2px solid #66afe9;
		outline: 0;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	.nav-tabs>li {
		margin-bottom: 0px;
		position: relative;
		line-height: 1em;
		vertical-align: top;
		transition: background 0.15s;
		-webkit-transition: background 0.15s;
		-moz-transition: background 0.15s;
		-ms-transition: background 0.15s;
		-o-transition: background 0.15s;
	}
	.nav-tabs>li>a {
		border: transparent;
		line-height: 1em;
		font-size: 14px;
	}
	.nav>li>a {
		position: relative;
		display: block;
		padding: 8px 15px;
	}
	.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover
		{
		color: #fff;
		border-radius: 15px;
	}
	.nav-tabs>li>a:hover, .nav-tabs>li.active>a:hover {
		background-color: transparent;
		border: none;
		border-radius: 15px;
		color: #fff;
		background-color: #2798eb;
	}
	.nav-tabs>li.active>a:focus {
		border: 1px solid #F7F9FB;
		background-color: #2798eb;
	}
	.nav-tabs>li.active>a {
		background-color: #2798eb;
		border: transparent;
		border-radius: 15px;
	}
	.tab-content {
		margin-top: 10px;
	}
	.tabsbtn {
		position: relative;
		height: 64px;
		padding-top: 22px;
		line-height: 1em;
		vertical-align: top;
		transition: background 0.15s;
		-webkit-transition: background 0.15s;
		-moz-transition: background 0.15s;
		-ms-transition: background 0.15s;
		-o-transition: background 0.15s;
	}
	.nav-tabs>li.active:after {
		position: absolute;
		bottom: 0;
		content: "";
		/*left: 20%;
	width: 60%;
	height: 4px;
	background-color: #0e2026;*/
	}

	/*portlet模块样式重写开始*/
	.portlet {
		background: #fff;
	}
	.portlet.bordered {
		border: 1px solid #dcdcdc !important;
	}
	.panel-heading {
		font-size: 16px;
		border-bottom: 1px solid #dcdcdc;
		padding: 10px 15px;
		line-height: 2em;
		overflow: hidden;
	}
	.panel-heading .more {
		font-size: 14px;
		float: right;
	}
	.panel-heading input {
		height: 22px;
		line-height: 22px;
	}
	.portlet.light {
		padding: 0px;
		background-color: #FFF;
	}
	.panel-content {
		padding: 20px;
	}
	.panel-content-table {
		padding: 0;
		padding-left: 0;
		padding-right: 0;
	}
	table.table-nobordered.dataTable {
		border: none;
		margin-top: -1px !important;
		margin-bottom: 0px !important;
		width: 100%;
	}
	table.table-withbottom.dataTable {
		border-bottom: 1px solid #ddd;
		border-left: none;
		border-right: none;
		border-top: none;
		margin-top: -1px !important;
		margin-bottom: 4px !important;
		width: 100%;
	}
	.page-head {
		margin-bottom: 10px;
		border-bottom: 1px solid #dcdcdc;
		padding-left: 2%;
		padding-right: 2%;
	}
	.container-fluid {
		padding-left: 0;
		padding-right: 0;
		padding: 0;
	}
	.nav-tabs {
		border-bottom: none;
	}
	.nav-tabs>li {
		
	}

	/*portlet模块样式重写结束*/
	.tableTextright {
		text-align: right;
	}
	.tableTextCenter {
		text-align: center;
	}
	.tableTextLeft {
		text-align: left;
	}
	.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control
		{
		cursor: not-allowed;
		background-color: transparent;
		border: none;
	}

	/*2016.5.4  按角色显示报表*/
	.page-header .top-menu .dropdown-menu {
		width: 175px;
		box-shadow: none;
		background: #1a1e30;
		border-radius: 0px;
		margin: 0;
		margin-top: -2px;
		border: none;
	}
	.page-header .top-menu .dropdown-menu li {
		width: 100%;
		border-bottom: 1px solid #363a48;
		margin: 0 auto;
		padding: 2px 12px;
	}
	.page-header .top-menu .dropdown-menu li:hover {
		background: #121624;
	}
	.page-header .top-menu .dropdown-menu li a:hover {
		background: #121624;
		color: #ccc;
	}

	/*2016-05-20   yy   */

	/*首页订单统计开始*/
	.dynamic-content  .row {
		margin-left: auto;
		margin-right: auto
	}
	.main-page {
		padding: 0 0 2em 0;
		min-height: 100px
	}
	.pad-top-2 {
		padding-top: 2em;
	}
	.pad-top-1 {
		padding-top: 1em;
	}
	@media screen and (max-width: 63.9375em) {
		.main-page {
			padding: 0 1em 2em 1em
		}
	}
	.main-page .help-categories .help-category-item {
		height: 170px;
		width: 100%;
		padding: 20px;
		text-align: center;
		border: 1px solid #e0e0e0;
		background: #fff;
		transition: border-color 0.2s ease;
		border-radius: 2px
	}
	.main-page .help-categories .help-category-item:hover {
		cursor: pointer;
		-webkit-transform: scale(1.05);
		transform: scale(1.05);
		box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.1), 0px 2px 10px
			rgba(0, 0, 0, 0.1);
		transition: all ease-in-out 0.2s
	}
	.dynamic-content i {
		padding-right: 20px;
	}
	.dynamic-content .textimg {
		padding-left: 64px;
	}
	.dynamic-content .row {
		opacity: 0;
		-webkit-transform: translate(0, 10px);
		transform: translate(0, 10px);
		transition: all 0.5s ease;
		transition-delay: 0.2s
	}
	.dynamic-content.loaded .row {
		opacity: 1;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0)
	}
	.dynamic-content .remark-green, .dynamic-content .remark-red,
		.remark-blue {
		padding: 0px 6px;
		background: #34c2b4;
		border-radius: 4px;
		color: #fff;
		display: inline;
		text-align: right;
		float: right;
		margin-top: 10px;
	}
	.dynamic-content .remark-red {
		background: #ff0000;
	}
	.remark-blue {
		background: #3aa4ec;
		float: left;
	}
	.fhfx {
		float: right;
		text-align: right;
	}
	.fhfx a {
		color: #fff;
		margin-left: 10px;
	}
	.fhfx a:hover {
		background: #2798eb;
	}
	.border-top {
		border-top: 1px solid #eaeaea;
		margin: 10px 5px;
	}
	.small-up-1>.column {
		width: 100%;
		float: left
	}
	.small-up-1>.column:nth-of-type(1n) {
		clear: none
	}
	.small-up-1>.column:nth-of-type(1n+1) {
		clear: both
	}
	.small-up-1>.column:last-child {
		float: left
	}
	.medium-up-2>.column {
		width: 50%;
		float: left
	}
	.medium-up-2>.column:nth-of-type(1n) {
		clear: none
	}
	.medium-up-2>.column:nth-of-type(2n+1) {
		clear: both
	}
	.medium-up-2>.column:last-child {
		float: left
	}
	.large-up-3>.column {
		width: 33.33333%;
		float: left
	}
	.large-up-3>.column:nth-of-type(1n) {
		clear: none
	}
	.large-up-3>.column:nth-of-type(3n+1) {
		clear: both
	}
	.large-up-3>.column:last-child {
		float: left
	}
	.dynamic-content .photos {
		color: #1fbaf3;
	}
	.dynamic-content .items {
		font-size: 20px;
		color: #000000;
		line-height: 41px;
		vertical-align: top;
	}
	.dynamic-content .items-num {
		font-size: 20px;
		color: #76858c;
	}
	.dynamic-content .number {
		font-size: 16px;
		color: #000000;
		display: inline-block;
	}
	.dynamic-content .text {
		font-size: 12px;
		color: #76858c;
		display: inline-block;
	}
	.dynamic-content p {
		margin: 5px 0;
	}
	@media only screen and (min-width: 768px) {
		.dynamic-content .items {
			font-size: 18px;
		}
		.dynamic-content i {
			padding-right: 10px;
		}
		.dynamic-content .textimg {
			padding-left: 10px;
		}
		.dynamic-content .items-num {
			font-size: 18px;
		}
	}
	@media only screen and (min-width: 1600px) {
		.dynamic-content .items {
			font-size: 24px;
		}
		.dynamic-content i {
			padding-right: 10px;
		}
		.dynamic-content .textimg {
			padding-left: 20px;
		}
		.dynamic-content .items-num {
			font-size: 24px;
		}
	}
	@media only screen and (min-width: 1920px) {
		.dynamic-content .items {
			font-size: 24px;
		}
		.dynamic-content i {
			padding-right: 20px;
		}
		.dynamic-content .textimg {
			padding-left: 64px;
		}
		.dynamic-content .items-num {
			font-size: 24px;
		}
	}

	/*首页订单统计结束*/

	/*详细信息页*/
	.inputRedBorder:focus {
		border: 1px solid red;
	}
	.inputRedBorder {
		border: 1px solid red;
	}
	.btn-grey {
		background: #777777;
		border-radius: 10px;
		font-size: 12px;
		color: #fff;
		padding: 2px 11px;
		margin: 0 5px;
	}
	.bgred {
		background: #ff0000;
	}

	/*2016-05-20   yy  结束 */

	/*列表行去除白背景*/
	.table-striped>tbody>tr:nth-of-type(odd) {
		background-color: #fff;
	}
	.table-hover>tbody>tr:hover {
		background-color: #f5f5f5
	}
	/*2016-05-20  zwp 列表行去除白背景结束 */

	/*树内计数底色：红色*/
	.badge {
		background: #3AA4EC;
	}

	/*树内计数底色：橙色*/
	.borange {
		background: #F39607;
	}

	/*树内计数底色：蓝色*/
	.bgblue {
		background: #88BF57;
	}
	
	/*树内计数底色：绿宝石*/
	.bgturquoise {
		background: #40E0D0;
	}

	/**数量验证错误提示(输入框为红色)**/
	.inputRedBorder:focus {
		border: 1px solid red;
	}
	.inputRedBorder {
		border: 1px solid red !important;
	}

	/**绝对定位于相对定位**/
	.popover-cx {
		display: none;
		max-width: 276px;
		padding: 5px;
		line-height: 1.42857143;
		text-align: left;
		text-align: start;
		background-color: #fff;
		-webkit-background-clip: padding-box;
		background-clip: padding-box;
		border: 1px solid #ccc;
		border-radius: 6px;
		-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
		box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
		line-break: auto;
	}
	.popover-cx.right>.arrow {
		top: 50%;
		left: -11px;
		margin-top: -11px;
		border-right-color: #999;
		border-right-color: #CCCCCC;
		border-left-width: 0;
	}
	.popover-cx>.arrow {
		border-width: 11px;
	}
	.popover-cx>.arrow, .popover-cx>.arrow:after {
		position: absolute;
		display: block;
		width: 0;
		height: 0;
		border-color: transparent;
		border-style: solid;
	}
	.popover-cx.right>.arrow:after {
		bottom: -10px;
		left: 1px;
		content: " ";
		border-right-color: #fff;
		border-left-width: 0;
	}
	.popover-cx>.arrow:after {
		content: "";
		border-width: 10px;
	}
	.form-control {
		border-bottom: 1px solid #ccc;
	}
	.btn-group .input1 {
		width: 180px;
	}
	.btn-group .input2 {
		width: 105px;
	}
	.modal-content .page-content {
		background: #fff none repeat scroll 0% 0%;
	}
	.tdtextposition {
		padding: 6px 12px;
		display: block;
	}

	/**报表样式**/
	.panel.bordered {
		border: 1px solid #e0e0e0;
		padding: 20px;
		width: 100%;
	}
	.panel {
		overflow: hidden;
	}
	.panel h4 {
		float: left;
	}
	.tooltip-demo {
		float: left;
		padding-left: 0px;
		padding-top: 10px;
	}
	.tooltip-demo .fa {
		color: #999;
	}
	.panel .btn-none {
		background: none;
		margin: 0;
		padding: 0;
		list-style-type: none;
		border-top-style: none;
		border-right-style: none;
		border-bottom-style: none;
		border-left-style: none;
	}
	.panel .amount {
		display: block;
		overflow: hidden;
		width: 100%;
	}
	.tooltip-inner {
		padding: 5px 8px;
		color: #333;
		background-color: #fde9d7;
	}
	.tooltip.top .tooltip-arrow {
		border-top-color: #fde9d7;
	}
	.tooltip.top-left .tooltip-arrow {
		border-top-color: #fde9d7;
	}
	.tooltip.top-right .tooltip-arrow {
		border-top-color: #fde9d7;
	}
	.tooltip.right .tooltip-arrow {
		border-right-color: #fde9d7;
	}
	.tooltip.left .tooltip-arrow {
		border-left-color: #fde9d7;
	}
	.tooltip.bottom .tooltip-arrow {
		border-bottom-color: #fde9d7;
	}
	.tooltip.bottom-left .tooltip-arrow {
		border-bottom-color: #fde9d7;
	}
	.tooltip.bottom-right .tooltip-arrow {
		border-bottom-color: #fde9d7;
	}

	/**仓管主页报表样式**/
	.shenpi-list {
		width: 100%;
		background: #f5f5f5;
		border-top: 1px solid #e7e7e7;
	}
	.shenpi-list>tbody>tr>td {
		padding: 6px 6px 7px 10px;
		line-height: 1;
	}
	.shenpi-list .time {
		color: #42a7f1;
	}
	.shenpi-list span {
		color: #9a9a9a;
	}
	.shenpi-list .btn {
		margin-top: 10px;
	}
	.border-top {
		border-top: 1px solid #dcdcdc;
	}

	/*2017-01-09 YY弹窗表格样式整理*/
	.modal-header, .modal-body, .modal-footer {
		padding: 15px 40px;
	}
	.modal h4 {
		font-size: 16px;
		line-height: 30px;
	}
	.modal-footer {
		padding: 15px 30px;
	}
	.table>thead:first-child>tr:first-child>th {
		font-weight: 600;
	}

	/*2017-02-07 yy 菜单*/
	.page-header .page-header-menu {
		height: 70px;
	}
	.page-header .top-menu ul li {
		margin: 3px 10px;
	}
	.page-header .top-menu {
		margin: 10px 15px 0 0;
	}
	.search-redirect {
		height: auto;
		background: #fff;
		padding-top: 0px;
		padding-bottom: 10px;
		border: 1px solid #ccc;
		border-radius: 3px;
		margin-bottom: 0px;
	}
	.search-redirect .btn-sm {
		font-size: 12px;
		color: black;
		padding-left: 15px;
		padding-right: 15px;
		background: rgb(255, 255, 255);
	}
	.search-redirect .caret {
		font-size: 13px;
	}
	.search-redirect p {
		margin: 0;
		line-height: 2em;
	}
	.page-toolbar {
		float: left;
		font-weight: bold;
		font-size: 14px;
		text-align: center;
	}
	.open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover
		{
		color: #fff;
		background-color: #3aa4ec;
		border-color: #3aa4ec;
	}
	.navbar-nav>li {
		width: 80px;
		height: 70px;
	}
	@media ( max-width :1300px) {
		.navbar-nav>li {
			width: 56px;
			height: 70px;
		}
	}
	.page-header .page-header-menu .hor-menu .navbar-nav>li>a {
		font-size: 14px;
		font-weight: normal;
		padding-top: 13px;
		height: 70px;
	}
	.page-header .page-header-menu .hor-menu .navbar-nav>li img {
		width: 25px;
		height: 25px;
		display: block;
		margin-bottom: 1px;
		margin: auto;
		overflow: hidden
	}
	.page-header .page-header-menu .hor-menu .navbar-nav>li p {
		margin: 5px 0 10px;
		text-align: center;
	}

	/*2017-03-14 datatable操作a标签样式*/
	.datatable .operate a {
		border-radius: 4px;
		padding: 1px 8px;
		margin: 2px 3px;
		color: #fff;
		background: #3aa4ec;
		text-align: center;
		display: inline-block;
		white-space: nowrap;
	}
	.datatable .operate a:hover {
		background: #2798eb;
	}

	/*2017-05-19 datatable序号样式*/
	.num-circle {
		height: 25px;
		width: 25px;
		line-height: 25px;
		display: block;
		border: 0px solid #3AA4EC;
		color: black;
		font-weight: bold;
		text-align: center;
		margin: 10px auto
	}

	/*2017-06-21 采购订单统计样式*/
	.count-bar {
		margin: 15px 10px;
	}
	.count-bar h5 {
		width: 250px;
		margin-left: 20px;
		font-size: 14px
	}
	.cussubnum {
		display: block;
		float: right;
		font-size: 16px;
		font-weight: 100
	}

	/*2017-10-19 经销商产品展示页*/
	#recommend>.goodsList {
		margin-top: 5px;
	}
	#recommend>.goodsList li {
		float: left;
		padding-top: 30px;
		padding-bottom: 30px;
	}
	#recommend>.goodsList li .imgLeft {
		display: block;
		width: 100px;
		height: 100px;
		float: left;
	}
	#recommend>.goodsList li .imgLeft img {
		display: block;
		width: 100px;
		height: 100px;
	}
	#recommend>.goodsList li .imgRight {
		float: left;
		margin-left: 10px;
		width: 174px;
		padding: 10px 0;
		height: 80px;
		vertical-align: middle;
	}
	#recommend>.goodsList li .imgRight .r-top {
		height: 20px;
		width: 100%;
		display: block;
		font-size: 16px;
		font-weight: bold;
		/* background: url("../images/hotgoods.png") no-repeat; */
	}
	#recommend>.goodsList li .imgRight .r-middle {
		display: block;
		line-height: 20px;
		height: 40px;
		overflow: hidden;
	}
	#recommend>.goodsList li .imgRight .r-bottom {
		display: block;
		height: 20px;
		line-height: 20px;
		color: #f60f60;
		font-size: 12px;
		text-align: left;
	}
	#recommend>.goodsList li .imgRight .r-bottom i {
		color: #f60f60;
		font-size: 14px;
		font-style: normal;
		font-weight: bold;
		font-family: "微软雅黑";
		margin-right: 5px;
		height: 20px;
		line-height: 20px;
	}
	#recommend>.goodsList li .imgbottom {
		text-align: center;
		margin-top: 120px;
		margin-bottom: 50px
	}
	#recommend>.goodsList li .imgbottom .b-left {
		float: left;
		width: 100px;
	}
	#recommend>.goodsList li .imgbottom .b-right {
		float: left;
		width: 100px;
	}
	#recommend>.goodsList .mar-right {
		margin-right: 10px;
	}

	/* 2017-10-24 yy 我的购物车*/
	.buycar img {
		width: 60px;
		height: 60px;
		margin-top: 5px;
	}
	.font12 {
		font-size: 12px;
	}
	.table .caozuo a {
		display: block;
		text-align: center
	}
	.buycar-count {
		width: 100%;
		overflow: hidden;
		display: block;
	}
	.buycar-count ul {
		padding: 20px 0px;
	}
	.buycar-count ul li {
		border-top: 1px solid #e5e5e5;
		text-align: right;
		line-height: 40px;
		overflow: hidden;
	}
	.font16 {
		font-size: 16px;
	}
	.buycar .table>thead>tr>th {
		border-bottom: 1px solid #ddd;
	}

	/* 2017-11-13 yy 销售订单翻页按钮*/
	.side-bar {
		width: 40px;
		position: absolute;
		right: 1%;
		top: 350px
	}
	.side-bar .btn-sm {
		font-size: 12px;
		color: black;
		background: #FFFFFF
	}

	/* 2017-11-14 搜索select框样式展示*/
	.search-select>.bootstrap-select {
		margin-top: 0.5px;
	}
	.search-select>.bootstrap-select {
		height: 30px;
	}
	.search-select>.bootstrap-select>.btn {
		width: 92px;
		height: 29.5px;
		font-size: 12px;
		padding: 0px;
	}
	.search-select>.bootstrap-select>.btn-info {
		border: 1px solid #FFFFFF;
		background-color: #fff;
		border-color: #3aa4ec;
	}
	.search-select>.btn-group:last-child:not (:first-child )>.btn:first-child
		{
		border-top-left-radius: 3px;
		border-bottom-left-radius: 3px;
	}
	.search-select>.open>.dropdown-toggle.btn-info:hover {
		color: #fff;
		background-color: #3aa4ec;
		border-color: #3aa4ec;
	}
	.search-select>.caret {
		font-size: 12px;
	}
	.search-selectpicker>.input-icon.right>.form-control {
		padding-right: 0px;
		padding-left: 0px;
	}
	.search-selectpicker>.input-icon.right>.form-control>.btn {
		border-top: none;
		border-left: none;
		border-right: none;
		border-radius: 0px;
	}
	/*新菜单图标*/
	.title>img {
		width: 20px;
		height: 20px;
	}

	/*会员卡样式*/
	.card_hy {
		width: 400px;
		height: 300px;
		position: relative;
		margin: 3% auto;
		border-radius: 8px;
		box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.2), 0px 2px 6px
			rgba(0, 0, 0, 0.4);
		overflow: hidden;
	}
	.blur_hy {
		/*background: url(images/bg.png) no-repeat center center fixed;*/
		background-size: cover;
		width: 430px;
		height: 330px;
		position: relative;
		top: -15px;
		left: -15px;
		border-radius: 8px;
		-webkit-filter: blur(8px);
		-moz-filter: blur(8px);
		filter: blur(8px);
	}
	.profile_hy {
		cursor: grabbing;
		width: 400px;
		height: 300px;
		position: relative;
		top: -330px;
		border-radius: 8px;
	}
	.profile_top_hy {
		height: 150px;
	}
	.profile_top_pic_hy {
		float: left;
		margin-top: 50px;
		margin-left: 50px;
		width: 80px;
		height: 80px;
		background: #0388a9;
		-moz-border-radius: 50px;
		-webkit-border-radius: 50px;
		border-radius: 50px;
	}
	.profile_top_title_hy {
		float: left;
		margin-top: 50px;
		margin-left: 15px;
		font-weight: bold;
		line-height: 40px
	}
	.profile_middle_hy {
		height: 80px;
		margin-left: 50px;
		line-height: 30px;
	}
	.profile_bottom_hy {
		height: 100px;
		margin-left: 50px;
	}

	/*=========后台首页=========*/
	.my-index {
		background-color: #eceff3;
	}
	.info-center .info-title {
		margin-top: 30px;
		margin-bottom: 10px;
		padding-left: 15px;
		padding-right: 15px;
		height: 80px
	}
	.info-center .info-title h4 {
		margin-bottom: 0px;
	}
	.info-center .time-title {
		height: 70px;
	}
	.time-title .hour-minute strong {
		font-size: 34px;
	}
	.year-month p {
		margin-bottom: 0px;
	}
	.year-month p span {
		font-size: 24px;
	}
	.content-lis {
		margin-top: 30px;
	}
	.content-list .row {
		margin-left: 0px;
		margin-right: 0px;
	}
	.content-list .row .content {
		background-color: #FFF;
		height: 120px;
	}
	.content-list .row .content .left-icon {
		text-align: center;
	}
	.content-list .row .content .right-title {
		color: #666666;
		text-align: center;
		padding-bottom: 10px;
	}
	.content-list .row .content .left-icon span {
		margin-top: 20px;
		width: 40px;
		line-height: 40px;
		border-radius: 50%;
	}
	.content .left-icon .blue {
		background-color: #2abbeb;
	}
	.content .left-icon .violet {
		background-color: #675499;
	}
	.content .left-icon .orange {
		background-color: #eac553;
	}
	.content .left-icon .green {
		background-color: #1cbba7;
	}
	.content .right-title .number {
		font-size: 46px;
		margin-top: 0px;
		padding-top: 15px;
	}
	.content .right-title p {
		margin-bottom: 5px;
	}
	.content .right-title .title-content {
		width: 80%;
	}

	/*时间*/
	.time-title .year-month {
		padding: 10px;
		background-color: #09C;
		height: 100%;
		color: #FFF;
	}
	.time-title .hour-minute {
		color: #09C;
		line-height: 70px;
		background-color: #FFF;
		padding-left: 10px;
		padding-right: 10px;
	}

	/***布局***/
	.layout {
		width: 100%;
	}

	/*宽度比例*/
	.w10 {
		width: 10%;
	}
	.w20 {
		width: 20%;
	}
	.w30 {
		width: 30%;
	}
	.w40 {
		width: 40%;
	}
	.w50 {
		width: 50%;
	}
	.w60 {
		width: 60%;
	}
	.w70 {
		width: 70%;
	}
	.w80 {
		width: 80%;
	}
	.w90 {
		width: 90%;
	}
	.w5 {
		width: 5%;
	}
	.w15 {
		width: 15%;
	}
	.w25 {
		width: 25%;
	}
	.w35 {
		width: 35%;
	}
	.w33 {
		width: 33.333%;
	}
	.w45 {
		width: 45%;
	}
	.w55 {
		width: 55%;
	}
	.w65 {
		width: 65%;
	}
	.w75 {
		width: 75%;
	}
	.w85 {
		width: 85%;
	}
	.w95 {
		width: 95%;
	}

	/*推送列表*/
	.desc {
		border-bottom: 1px solid #eaeaea;
		display: inline-block;
		padding: 15px 0;
		width: 100%;
	}
	.desc:hover {
		background: #f2f2f2;
	}
	.thumb {
		width: 120px;
		margin: 0 10px 0 20px;
		display: block;
		float: left;
	}
	.details {
		width: 170px;
		float: left;
	}

	/*智慧门店时间轴 2018-4-10*/
	.VivaTimeline dl {
		position: relative;
		top: 0;
		padding: 5px 0;
		margin: 0;
	}
	.VivaTimeline dl:before {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 50%;
		z-index: 100;
		width: 2px;
		margin-left: -1px;
		content: '';
		background-color: #ccd1d9
	}
	.VivaTimeline dl dt {
		position: relative;
		z-index: 200;
		width: 120px;
		padding: 3px 5px;
		margin: 3px auto 10px;
		font-weight: 400;
		color: #fff;
		text-align: center;
		background-color: #aab2bd;
		border-radius: 4px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
	}
	.VivaTimeline dl dd {
		position: relative;
		z-index: 200
	}
	.VivaTimeline dl dd .circ {
		position: absolute;
		top: 10px;
		left: 50%;
		z-index: 200;
		width: 22px;
		height: 22px;
		margin-left: -11px;
		background-color: #4fc1e9;
		border: 4px solid #f5f7fa;
		border-radius: 50%;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
	}
	.VivaTimeline dl dd .time {
		position: absolute;
		left: 50%;
		display: inline-block;
		width: 100px;
		padding: 10px 20px;
		color: #4fc1e9;
	}
	.VivaTimeline dl dd .events {
		position: relative;
		width: 43%;
		padding: 2px 0 0;
		background-color: #CCC;
		border-radius: 4px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
	}
	.VivaTimeline dl dd .events:before {
		position: absolute;
		top: 12px;
		width: 0;
		height: 0;
		content: '';
		border-style: solid;
		border-width: 6px
	}
	.VivaTimeline dl dd .events .events-object {
		margin: 0 auto;
	}
	.VivaTimeline dl dd.pos-right .time {
		margin-left: -100px;
		text-align: right
	}
	.VivaTimeline dl dd.pos-right .events {
		float: right
	}
	.VivaTimeline dl dd.pos-right .events:before {
		left: -12px;
		border-color: transparent #CCC transparent transparent
	}
	.VivaTimeline dl dd.pos-left .time {
		margin-left: 0;
		text-align: left
	}
	.VivaTimeline dl dd.pos-left .events {
		float: left
	}
	.VivaTimeline dl dd.pos-left .events:before {
		right: -12px;
		border-color: transparent transparent transparent #CCC
	}
	.VivaTimeline .carousel-indicators {
		bottom: 0;
	}
	@media screen and (max-width: 767px) {
		.VivaTimeline dl:before {
			left: 90px
		}
		.VivaTimeline dl dt {
			margin: 0 30px 30px
		}
		.VivaTimeline dl dd .circ {
			left: 90px
		}
		.VivaTimeline dl dd .time {
			left: 20px
		}
		.VivaTimeline dl dd.pos-left .time {
			padding: 10px 0;
			margin-left: 0;
			text-align: left
		}
		.VivaTimeline dl dd.pos-left .events {
			float: right;
			width: 73%;
			margin-right: 4%;
		}
		.VivaTimeline dl dd.pos-left .events:before {
			left: -12px;
			border-color: transparent #CCC transparent transparent
		}
		.VivaTimeline dl dd.pos-right .time {
			padding: 10px 0;
			margin-left: 0;
			text-align: left
		}
		.VivaTimeline dl dd.pos-right .events {
			float: right;
			width: 73%;
			margin-right: 4%;
		}
	}
	@media screen and (max-width: 500px) {
		.VivaTimeline dl dd.pos-left .events {
			float: right;
			width: 63%;
			margin-right: 4%;
		}
		.VivaTimeline dl dd.pos-right .events {
			float: right;
			width: 63%;
			margin-right: 4%;
		}
	}
	.VivaTimeline dl dd .events .events-object {
		margin: 0 auto;
	}
	.VivaTimeline dl dd.pos-right .time {
		margin-left: -100px;
		text-align: right
	}
	.VivaTimeline dl dd.pos-right .events {
		float: right
	}
	.VivaTimeline dl dd.pos-right .events:before {
		left: -12px;
		border-color: transparent #CCC transparent transparent
	}
	.VivaTimeline dl dd.pos-left .time {
		margin-left: 0;
		text-align: left
	}
	.VivaTimeline dl dd.pos-left .events {
		float: left
	}
	.VivaTimeline dl dd.pos-left .events:before {
		right: -12px;
		border-color: transparent transparent transparent #CCC
	}
	.VivaTimeline .carousel-indicators {
		bottom: 0;
	}
	@media screen and (max-width: 767px) {
		.VivaTimeline dl:before {
			left: 90px
		}
		.VivaTimeline dl dt {
			margin: 0 30px 30px
		}
		.VivaTimeline dl dd .circ {
			left: 90px
		}
		.VivaTimeline dl dd .time {
			left: 20px
		}
		.VivaTimeline dl dd.pos-left .time {
			padding: 10px 0;
			margin-left: 0;
			text-align: left
		}
		.VivaTimeline dl dd.pos-left .events {
			float: right;
			width: 73%;
			margin-right: 4%;
		}
		.VivaTimeline dl dd.pos-right .time {
			padding: 10px 0;
			margin-left: 0;
			text-align: left
		}
		.VivaTimeline dl dd.pos-right .events {
			float: right;
			width: 73%;
			margin-right: 4%;
		}
	}
	.fl-taglist {
		padding: 0;
		margin: 0;
		overflow: hidden;
		float: left;
	}
	.fl-tag, .fl-cr {
		cursor: pointer;
		opacity: 1;
		overflow: hidden;
		font-family: arial, serif;
		float: left;
		list-style-type: none;
		padding: 4px;
		margin-right: 4px;
		background: #f0f0f0;
		border: 1px solid #c0c0c0;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		font-size: 1em;
	}
	.fl-cr {
		margin: 10px 5px 5px 5px;
		background: #e4f2fe;
	}
	.fl-tag-content {
		overflow: hidden;
		white-space: nowrap;
	}
	.fl-error {
		border: 1px solid red;
		outline: red;
	}
	#OSpecial_label .mb-meta {
		display: none;
	}
	#OSpecial_label li:nth-child(odd) {
		background: #e4f2fe;
		border: 1px solid #A5Ceee;
	}
	#OSpecial_label li:nth-child(even) {
		background: #FFC0CB;
	}
	#OSpecial_label li {
		margin-bottom: 5px;
	}
	.fl-tag:nth-child(odd) {
		background: #e4f2fe;
		border: 1px solid #A5Ceee;
	}
	.fl-tag:nth-child(even) {
		background: #FFC0CB;
	}

	/* 通用首页引用样式2018-07-02 @J */
	.list-item {
		display: inline-block;
		vertical-align: middle;
		height: 35px;
		padding: 0 8px;
		/* margin-top: 5px; */
		margin-right: 10px;
		border: 1px dashed #e9e9e9;
	}
	.list-item .qmIcon {
		display: inline-block;
		vertical-align: middle;
		font-size: 36px;
	}
	.list-item .item-text {
		display: inline-block;
		vertical-align: middle;
		color: #999;
		line-height: 20px;
		margin-left: 5px;
	}
	.tab-panel .steps {
		position: relative;
		margin-top: 15px;
		overflow: hidden;
		height: 115px;
	}
	.tab-panel .steps.three-steps dl {
		width: 33.33333333%;
	}
	.tab-panel .steps dl {
		box-sizing: border-box;
		position: relative;
		float: left;
		width: 25%;
		height: 115px;
		margin: 0;
	}
	.tab-panel .steps dl dt .dot {
		/*position: absolute; */
		left: 10px;
		padding: 3px;
		border-radius: 50%;
		width: 10px;
		height: 10px;
		background-image: linear-gradient(-90deg, rgba(0, 193, 222, .4),
			rgba(29, 139, 255, .4));
		box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2);
	}
	.tab-panel .steps dl dt .dot i {
		display: block;
		width: 6px;
		height: 6px;
		border-radius: 50%;
		background-image: linear-gradient(-90deg, #00c1de, #0da8ed 46%, #139df4 67%, #1d8bff);
		box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2);
	}
	.tab-panel .steps dl dt {
		line-height: 50px;
		font-size: 18px;
		color: #5584ff;
	}
	.title h4 {
		font-size: bold
	}
	.steps{
		background: url('../images/hr-line.png') no-repeat center 55px; 
		background-size: 100%;
	}
}


    #returntop{         /*返回顶部 2019-01-25 @J*/
		    display: none;
		    border-radius: 50%;
		    background: rgb(66, 66, 66);
		    color: rgb(255, 255, 255);
		    padding-top: 10px;
		    text-align: center;
		    
		    width: 70px;     /*调整显示块的宽width和高height*/
		    height: 70px;
		    padding: 5px;
		   
		    position: fixed;
		    cursor: pointer;
		    z-index: 999;
		}
		
		/* 产品内容中心列表  2019-04-01 @J*/
.good-photos-details{border: 1px solid #dcdcdc;margin-bottom: 15px;}
.good-detail{margin-left: 15%;margin-right: 15%;}
.good-detail img{padding:5%;height: 130px}
.good-photos-details a{}
/* 产品内容中心详情  2019-03-29 @J*/
.main-wrap {
	padding: 20px 0 20px 30px;
	min-width: 840px;
}
.main-t {
	background-color: #FFF;
	padding: 20px 20px 60px;
	min-height: 450px;
	overflow: hidden;
}
.hasImg .product-detail-wrap {
    max-width: 700px;
    margin-left: 370px;
    }
    
.spec-preview {
	width: 350px;
	height: 350px;
	line-height: 350px;
	margin-bottom: 15px;
	text-align: center
}
.spec-preview img {
	vertical-align: middle;
	width: 350px;
	height: 350px
}
.spec-scroll {
	clear: both;
	margin-top: 5px;
	width: 352px
}
.spec-scroll .prev {
	float: left;
	margin-right: 4px
}
.spec-scroll .next {
	float: right
}
.spec-scroll .next, .spec-scroll .prev {
	display: block;
	width: 13px;
	height: 50px;
	background: no-repeat scroll 0 15px transparent;
	cursor: pointer
}
.spec-scroll .prev {
	background-image: url(../left.png)
}
.spec-scroll .prev.hover {
	background-image: url(img/jmq-left2.png)
}
.spec-scroll .prev.disabled {
	background-image: url(../images/left.png);
	cursor: default
}
.spec-scroll .next {
	background-image: url(../images/right.png)
}
.spec-scroll .next.hover {
	background-image: url(../images/jmq-right2.png)
}
.spec-scroll .next.disabled {
	background-image: url(../images/jmq-right3.png);
	cursor: default
}
.spec-scroll .items {
	float: left;
	position: relative;
	width: 322px;
	height: 56px;
	overflow: hidden
}
.spec-scroll .items ul {
	position: absolute;
	height: 56px
}
.spec-scroll .items ul li {
	float: left;
	width: 64px;
	text-align: center
}
.spec-scroll .items ul li img {
	border: 1px solid transparent;
	padding: 2px;
	width: 50px;
	height: 50px
}
.spec-scroll .items ul li img.active {
	border: 2px solid #03b8cc;
	padding: 1px
}
.product .table-wrap-lite2 {
	width: 100%
}
.product .table-wrap-lite2 th {
	padding: 0 20px;
	vertical-align: middle;
	height: 40px;
	border: 1px solid #e5e8ea;
	color: #555;
	font-weight: 700;
	table-layout: fixed
}
.product .table-wrap-lite2 tbody td {
	padding: 0 20px;
	vertical-align: middle;
	height: 35px;
	border: 1px solid #e5e8ea;
	background-color: #fff;
	color: #666;
	word-break: break-all
}
.product-detail-code span {
	margin-right: 20px
}
.product-detail-wrap h1 {
	font-weight: 700
}
.good-mulspecs .control-group {
	overflow: hidden;
	min-height: 27px
}
.product-detail-wrap .control-group .control-input {
	float: left;
	padding-left: 0;
	line-height: 25px
}
.product-detail-wrap .product-detail-item .control-group {
	line-height: 25px;
	margin-top: 0
}
.product-detail-wrap .ui-blue-choose .item {
	margin-bottom: 10px
}
.product-detail-wrap .ui-input {
	padding: 5px 14px
}
.product-detail-wrap .ui-blue-choose .item a, .product-detail-wrap .ui-blue-choose2 .item a {
	padding: 4px 12px;
	line-height: 22px
}
.product-detail-wrap .item.choose-selected a, .product-detail-wrap .item.choose-selected2 a {
	border: 2px solid #03b8cc;
	padding: 3px 11px;
	line-height: 22px
}

.ui-tab2-menu {
    border-bottom: 1px solid #e3e3e3;
    padding-left: 10px;
    margin-top: 30px;
    background-color: #f7f7f7;}
    .ui-tab2-menu {
    height: 37px;
    display: block;}
.ui-tab2-menu li {
    float: left;
    display: inline-block;
    margin-right: 8px;
}
.product-detail-item {
    background-color: #f7f7f7;
    padding: 10px 20px;}
.ui-blue-choose .item {
    position: relative;
    zoom: 1;
    float: left;}
		
		
		
/*2018-9-8 @J 产品使用指南-系统初始化说明*/

  .class-detail{display: block;width: 250px;height: 310px;border:1px solid #1cbba7;position: relative;-webkit-user-select: none;margin-top: 20px;margin-bottom: 20px}
.class-detail-top {padding: 10px 20px 10px;height: 180px;height: auto;}
.class-detail-top .title {text-align:center;color:#161616;line-height:24px;margin-bottom:20px;}
.class-detail-top .info { font-size:12px; line-height: 20px; color: #797979; line-height: 20px; overflow: hidden; border-bottom: 1px solid #c0c0c0; }
.class-detail-top h6{height:40px;overflow:hidden;color:#797979;line-height:20px; word-spacing:10px;}
.class-detail-has h6{height:25px;}
.class-detail-top ul{padding-left:0px;}
.class-detail-has span{line-height:25px; font-size:12px;}
.class-detail .continue {width: 250px;line-height: 38px;text-align: center;color: #fff;border:1px solid #40B2DA;background: #40B2DA;position: absolute;bottom: -1px;left: -1px;}
.class-detail .continue:hover{color:#fff;}
.class-detail:hover{background:#F4F5F9;border-color:#40B2DA; text-decoration:none;}
.class-detail:hover h3{color:#161616;}
.class-detail.disabled .continue{ background-color: #eee;color:#525252;border-color: #eee;}
.class-detail.disabled:hover .continue{border-color: #40B2DA;border-top-color: #eee;}  

/*2018-9-8 @J 产品使用指南-导航栏*/    
       .accordion{width:100%;max-width:360px;margin:1px auto 20px;background:#fff;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
      .accordion .link{cursor:pointer;display:block;padding:15px 15px 15px 42px;color:#b63b4d;font-size:14px;font-weight:700;position:relative;-webkit-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease}
      .accordion li:last-child .link{border-bottom:0}
      .accordion li i{position:absolute;top:16px;left:12px;font-size:18px;color:#595959;-webkit-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease}
      .accordion li i.fa-chevron-down{right:12px;left:auto;font-size:16px}
      .accordion li.open .link{color:#b63b4d}
      .accordion li.open i{color:#00a9ec}
      .accordion li.open i.fa-chevron-down{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
      .submenu{display:none;background:#cccccc2e;font-size:14px}
      .submenu a{display:block;text-decoration:none;color:#00a9ec;padding:12px;padding-left:42px;-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease}
      .submenu a:hover{background:#b63b4d;color:#fff}
      
      #nav .current a {background: #666;color: #ededed;}  


.dataTables_scrollBody::-webkit-scrollbar {
	/*滚动条整体样式*/
  width : 10px;  /*高宽分别对应横竖滚动条的尺寸*/
  height: 10px;
  }
  .dataTables_scrollBody::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius   : 10px;
  background-color: skyblue;
  background-image: -webkit-linear-gradient(
      45deg,
      rgba(255, 255, 255, 0.2) 25%,
      transparent 25%,
      transparent 50%,
      rgba(255, 255, 255, 0.2) 50%,
      rgba(255, 255, 255, 0.2) 75%,
      transparent 75%,
      transparent
  );
  }
  .dataTables_scrollBody::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
  background   : #ededed;
  border-radius: 10px;
  }
      
      
      
      
      /* Top Search
=================================*/
.top-search{
    background-color: #333;
    padding: 10px 0;
    display: none;
}

.top-search input.form-control{
    background-color: transparent;
    border: none;
    -moz-box-shadow: 0px 0px 0px;
    -webkit-box-shadow: 0px 0px 0px;
    -o-box-shadow: 0px 0px 0px;
    box-shadow: 0px 0px 0px;
    color: #fff;
    height: 40px;
    padding: 0 15px;
}

.top-search .input-group-addon{
    background-color: transparent;
    border: none;
    color: #fff;
    padding-left: 0;
    padding-right: 0;
}

.top-search .input-group-addon.close-search{
    cursor: pointer;
}


.elem_left{
	float:left;
	margin-left: 15px;
}