/***    通用样式  start      ***/
body {
	font-family: 微软雅黑,microsoft yahei,"Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	font-size: 1.2em;
	-webkit-font-smoothing: antialiased;
	color: #333;
	background: #f6f6f6;
}
/* div:before, .div:after {
    clear: both;
	display: table;
    content: "";
} */
ul, menu, dir {
	list-style-type: none;
	-webkit-margin-before: 0em;
	-webkit-margin-after: 0em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	-webkit-padding-start: 0px;
	padding:0px 0px;
}
a {text-decoration: none!important;}
li {
    list-style: none;
	display: block;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
th {
	background: #f6f6f6;
	text-align: center;
}
textarea{
	resize:vertical; 
}
tbody tr {
	height: 50px;
}
td {
	word-wrap: break-word;
    word-break: break-all;
}
.fs14 { font-size:14px!important;; }
.fs16 { font-size:16px!important;; }
.p0 { padding:0!important;}
.userM10 { margin-bottom:10px!important;}
.sInputa {
	width:75px;
	min-width:75px;
	line-height: normal;
    padding: 6px 12px;
    line-height: 1.42857143;
    color: #337ab7;
    background-color: #fff;
    border: 1px solid #ddd;
	border-radius: 4px;
	margin:0 2px;
}
.tl { text-align:left!important; }
.lt { text-align:left!important; }
.rt { text-align:right!important; }
.tr { text-align:right!important; }
.fl { float:left; }
.fr { float:right; }
.fl:before, .fr:before {
    display: table;
    content: " ";
}
.fl:after,.fr:after {
    clear: both;
}
.ct { text-align:center!important; }
.cl { clear: both; }
.m10 { margin:10px; }
.m20 { margin:20px; }
.mL10 { margin-left:10px; }
.mL20 { margin-left:20px; }
.mL30 { margin-left:30px; }
.mR10 { margin-right:10px; }
.mR20 { margin-right:20px; }
.mT10 { margin-top:10px; }
.mT20 { margin-top:20px; }
.pL0 { padding-left:0; }
.help { background:#EEF5F9; border:solid 1px #ddd; border-radius:4px; margin:20px auto 40px; padding:10px; }
.reminder {
    background: #FFE;
    border: solid 1px #FEC;
    border-radius: 4px;
    margin: 20px auto 10px auto;
    padding: 5px;
    font-size: 14px;
}
.b09f { background-color:#09f!important; }
.bf60 { background-color: #f60;}

.cfff {color:#fff;}
.c333 { color:#333 }
.c09f { color:#09f!important;}
.cf00 { color:#f00 }
.cf60 { color:#f60 }
.c00f { color:blue }

.contant {
    background: #fafafa;
    padding: 20px 20px; margin-bottom:40px;
    min-height: 500px;
}
.bgcolorgray {
	background: #f2f2f2;
}
.margint10 {
	margin-top: 10px;
}
.margint20 {
	margin-top: 14px;
}
.margint30 {
    margin-top: 30px;
}
.marginl50 {
	margin: 30px 150px;
}

.marginl30 {
	margin-right: 30px;
}
.form-group {
    font-weight: normal;
    margin: 10px;
}
.page-list{
    margin: 10px auto;
	float: right;
}
.loading_img{
	position:fixed;
	left:40%;
	top:100px;
	text-align:center;
	width:200px;
	height:200px;
	background:rgba(0,100,255,.7);
    border-radius: 4px;
    -webkit-box-shadow: 0 12px 24px rgba(0,0,0,.3);
    box-shadow: 0 12px 24px rgba(0,0,0,.3);
}
.loading_img img{line-height:100px;height:50px;margin:50px auto;}
.loading_img span{color:#FF0;font-size:18px;}
.ans{display:none;}

	/*  改变浏览器滚动条样式，IE不适用 start  */
	::-webkit-scrollbar {
		width: 8px;
		height: 8px;
	}
	::-webkit-scrollbar-track {
		border: 1px #d3d3d3 solid;
		box-shadow: 0px 0px 3px #dfdfdf inset;
		border-radius: 10px;
		background: #eee;
	}
	::-webkit-scrollbar-thumb {
		border: 1px #808080 solid;
		border-radius: 10px;
		background: #999;
	}
	::-webkit-scrollbar-thumb:hover {
		background: #7d7d7d;
	}
	/*  改变浏览器滚动条样式，IE不适用 end  */



	/*   bootstrap样式修改   start   */
	.row {
		margin-right: 0px;
		margin-left: 0px;
	}
		.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
		display: block;
		width: 100%;
		height: auto;
		/*max-width: 250px; */
		min-width: 150px;	
		/*max-height: 250px;*/ 
		min-height: 150px;
	}
	.fnone { float:none; }
	.nav-tabs {
		border-bottom: 0px;
	}
	.nav-tabs .active {
		/* width: 85%; */
		width: 100%;
	}
	.nav-tabs>li {
		float: left;
		margin-bottom: 0px;
		width: 15%;
		transition: width 0.3s;
		-webkit-transition: width 0.3s;
	}
	.nav-tabs>li>a {
		border-color: #ccc;
		background:rgb(255,255,255);
		background:rgba(255,255,255,.6);
		filter: alpha(opacity=60);
		-moz-opacity:0.6;
		-khtml-opacity: 0.6;
		opacity: 0.6;
		color:#089DF7;
		margin-right: 0px!important;
		text-align:center;
		font-size:1.4em;
		border-bottom: 0px;
	}
	.nav-tabs>li>a:hover {
		border-color: #ccc #ccc #ccc;
		background: rgb(8, 217, 247);
		background:rgba(8, 217, 247,.9);
		filter: alpha(opacity=90);
		-moz-opacity:0.9;
		-khtml-opacity: 0.9;
		opacity: 0.9;
		color:#FFF;
	}
	.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
		color:#089DF7;
		font-weight:500;
		background:rgb(255,255,255);
		background:rgba(255,255,255,.9);
		filter: alpha(opacity=90);
		-moz-opacity:0.9;
		-khtml-opacity: 0.9;
		opacity: 0.9;
		border: 1px solid #ccc;
		border-bottom: 0px;
	}
	.tooltip-inner { background-color:#F70;}
	.tooltip.top .tooltip-arrow {border-top-color: #F70}
	.dropdown-menu{ left: inherit; /* right: 0; */ margin: 0; }
	.btn-lg .caret {
		border-width: 4px 4px 0;
		border-bottom-width: 0;
	}
	.help-block {
		color:#777;
		display: block;
		margin-top: 10px;
	}
	.error-text{
		color: #F00!important;
		display: block;
		margin-top: 10px!important;	margin-left:0!important;
	}
	.hint-text{
		color:#F90;
	}
	.carousel-control {
		color: #09f;
	}
	.qsn{
		margin-left:15px;
	}
	
	/* 自定义弹出框 160628 wency */
	.mydialog{
		display:none;
		position:fixed; top:40%!important; left:35%!important; 
		z-index:10;
		border:1px solid #ddd;
		color:#444;
		background-color:#fff;
	}
	.mydialog .mydialog-header{
		height:40px;
		background-color:#444;
		line-height:40px; text-align:center; font-size:15px; 
		color:#fff; font-family:"微软雅黑"; letter-spacing:3px; 
	}
	.mydialog .mydialog-body{
		height:auto;
		padding:30px 20px 0 20px;
		font-size:15px; text-align:center;
	}
	.mydialog .mydialog-body .text{text-align:left; text-indent:20px;}
	.mydialog .mydialog-footer{text-align:center;}
	.mydialog .mydialog-footer .long-btn{
		width:150px;
		margin:20px auto;
		letter-spacing:5px;	
	}
	/*数字输入框*/
	.spinner{height:25px;}
	.glyphicon-headphones:before {
		content: url("../images/icon/icon_online_small.png");
	}
	.glyphicon-question-sign:before {
		content: url("../images/icon/icon_qsn.png");
	}
	.navActive .glyphicon-question-sign:before{
		content: url("../images/icon/icon_qsn.active.png");
	}
	/*   bootstrap样式修改    end   */
	
/***    通用样式  end      ***/



/***    index.html  start      ***/
	/*  导航条  start  */
	.navbar {
		position: relative;
		/*min-height: 40px;*/
	}
	.navbar-default {
		background-color: rgba(255, 255, 255, .40);
		border-color: rgba(255, 255, 255, 0);
		border:0px;
		box-shadow: 0 0 0px #999;
		margin-bottom: 0px;
		border-radius: 0px;
		border-bottom: solid 1px #eee;
	}
	.navbar-default .navbar-nav > li > a {
		color: #333;
	}
	.navbar-default .navbar-nav > li > a:hover {
		color: #FF1A00;
	}
	.navActive{
		background-color: #f60;
		color:#fff!important;
	}
	.container {
		padding:0px 0px;
		/* background: rgba(255,255,255,0.7); */
	}
	.container1 {
		padding: 10px 0 0 0;
		background: rgba(255,255,255,0);
	}
	.container2  {
		border-radius: 3px;
		padding: 0px;
		margin: 15px auto 0 auto;
	}
	.container3  {
		padding:0;
		margin: 30px auto 0 auto;
	}
	.container4{
		margin:10px 0 0 10px;
	}
	/* 20161031 wency整理tyler样式 */
	#tabWrap {
		box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0, 0, 0, 0.1);
		border-radius: 4px;
		width: 80%;
		margin: 10px auto; padding:20px;
		background:#fff;
	}
	#tabWrap .px300 {
		margin:5px auto;
		width:450px;
		font-size:14px;
	}
	.numbs {
		background:#fff;
		background: rgba(255, 255, 255, .7);
		filter: alpha(opacity=80);
		-moz-opacity:0.8;
		-khtml-opacity: 0.8;
		opacity: 0.8;
		margin:30px auto;
		padding: 10px 0;
		border-radius: 3px;
	}
	.numwrap {
		width:25%;
		float:left;
		text-align:center;
	}
	.icons {
		height: 50px;
		color:#0764f5;
		text-align:center;
		font-size:2em;
		font-weight: 700;
		line-height: 50px;
		display: block;
	}
	.numwrap h1 {
		display:block;
		color:#ff0068;
		margin: 0px auto;
		font-size:3em;
	}
	.numb {
		height: 50px;
		margin: 0px auto;
		text-align:center;
	}
	.indexBgImg {
		margin-bottom: -5px;
		max-width: none;
		border: 0px solid #ccc!important;
		box-sizing: border-box;
		position: absolute;
		top: 0px;
		z-index: -1000;
		width: 100%;
	}
	.navmobi {background:rgba(0,100,180, 0.7); color:#FFF!important; }
	.navmobi a { color:#FFF!important; }
	.login, .logout {
		cursor:pointer;
		float:right;
	}
	.toprsbt {
		padding: 4px 15px;
		margin: 4px 12px;
		float: right;
		background-color: transparent;
		border-radius: 4px;
		border: 0px;
	}
	.coloraaa {
		color: #AAA;
	}
	.navbar-brand {
		float: left;
		height: 60px;
		padding: 0;
		margin-left: 0px!important;
	}
	.logo {
		margin: 0 100px;
	}
	/*  导航条  end  */

	/*  侧边工具栏  start  */
	.side_l, .side_r {
		width: 80px;
		height: auto;
		position: fixed;
		top: 220px;
	}
	.side_r {
		right: 1em;
	}
	.side_l > .act, .side_r > .act, .act2, .side_r > .act, .act3{
		display: block;
		width: 80px;
		height: 70px;
		background:#FFF;
		background:rgba(255,255,255,.8);
		filter: alpha(opacity=80);
		-moz-opacity:0.8;
		-khtml-opacity: 0.8;
		opacity: 0.8;
		line-height: 70px;
		font-size: 1.3em;
		text-align: center;
		cursor: pointer;
		color: #05C5DA;
		/* border-radius: 4px; */
		border:1px solid #fff;
		margin:-1px 0;
	}
	.side_l > .act, .side_r > .act2 {
		background:#0aece2;
		color:#FFF;
	}
	.side_r > .act3{
		background:#ccf;
		color:#FFF;
	}
	.side_l a, .side_r a { text-decoration:none; }
	.side_l > .act:hover, .side_r > .act:hover {
		background:rgb(14, 218, 241);
		background:rgba(14, 218, 241, 0.9);
		filter: alpha(opacity=90);
		-moz-opacity:0.9;
		-khtml-opacity: 0.9;
		opacity: 0.9;
		color: #FFF;
		box-shadow: 0 1px 10px rgba(0,0,0,0.3);
	}
	.act:hover{
		color: #FFF;
	}
	.act a:hover{
		text-decoration: none;
		color: #FFF;
	}
	.act2:hover{
		background: #05C5DA;
	}
	/*  侧边工具栏  end  */

	/*  logo/搜索框/微信二维码	start	*/
	
	.sBtn{
		color: #fff;
		background-color: #f9980d;
		border-color: #7999c1!important;
		border: 0px solid #7999c1;
		border-left: 0px;
		margin-left: -2px!important;
		
	}
	.sBtn:hover{background-color:#03bdf7;}
	.newicon {color:#FFF!important}
	.sInput{
		border: 2px solid #7999c1;
	}
	
	
	
	/*  logo/搜索框/微信二维码	end		*/
	
	/*  底部  start  */
	.btinfo {
		text-align:center;
		padding: 10px 0px;
		color: #7e7e7e;
		/* background: rgba(6, 129, 236, 0.3);
		background: rgba(255, 255, 255, 0.4); */
	}
	.btinfo a {
		margin:10px 30px;
		color:#7e7e7e;
		text-decoration:none;
	}
	.btinfo a:hover {
		color:#07E4D7;
	}
	
	.aboutInfo {
		padding:10px 0 20px 0;
		background: #0ac;
		/* width: 100%; */
	}
	.aboutInfo dd {
		width: 25%;
		display: block; 
		float: left;
	}
	.aboutInfo dd ul li{padding-left:30%;}
	.aboutInfo dd ul > li:first-child{
		color:#fff;
		font-size:16px;
		border-bottom:solid 1px #eee;
		height:45px;
		line-height:45px;
	}
	.aboutInfo dd ul li {
		/* text-align:center; */
		height:30px;
		line-height:30px;
		color:#777;
		/* padding: 10px; */
	}
	.aboutInfo a {
		color:#fff;
	}
	.aboutInfo a:hover {
		color:#fc0;
	}
	/*  底部  over  */
/***    index.html  end      ***/




/***    home.html  start      ***/
.tab-content {
    background: rgb(255,255,255);
    background: rgba(255,255,255,.9);
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;
    padding: 15px 15px;
    border-radius: 4px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    /* border: 1px solid #ccc; */
    border-top: 0px;
}
.tab-content:before, .tab-content:after, .tab-pane:before, .tab-pane:after {
	clear:both;
	content:"";
}
.taglist {
    padding: 10px 0px;
}
.taglist a {
	margin: 3px 10px;
	border-radius: 10px;
	font-size: 1em;
    padding: 2px 5px;
    font-weight: 100;
	color:#089DF7;
	text-decoration:none;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight: 100;
	line-height: 2em;
}
.taglist a:hover{
	background-color:#08D9F7;
	color:#FFF;
}
.homeHot {
	background-color:#08D9F7;
	color:#FFF!important;
}
.tbw {
    width: 48%;
    margin: 10px;
}
.tbw table, .tbw100 table { width:100%; }
.tbw:before, .tbw:after {
	clear:both;
	content:"";
}


.tbw th, .tbw td, .tbw100 th, .tbw100 td, .tbwlr th, .tbwlr td {
    border: 1px solid #EEE;
	text-align:center;
	padding:5px;
}

.tbw th, .tbw100 th, .tbwlr th {
    color: #05C7E8;
	font-weight:500;
	padding:5px 0;
}
.tit {
	/* background: rgb(213, 249, 247); */
    color: #05C5DA;
    padding: 5px;
    font: normal 100 1.4em 微软雅黑,microsoft yahei,arial,sans-serif;
    text-align: center;
    border-radius: 3px 3px 0 0;
    display: block;
}


	/*  滚动  start  */
	.topRec_List dl,.maquee{ 
		width:100%; 
		overflow:hidden; 
		margin:0 auto; 
		color:#333;
	}
	.topRec_List dd{ 
		float:left; 
		text-align:center; 
		border-bottom:1px solid #EEE; 
		color:#05C7E8;
	}
	.topRec_List dl dd:nth-child(1),.topRec_List dl dd:nth-child(2),.topRec_List dl dd:nth-child(3),.topRec_List dl dd:nth-child(4){
		height:40px; 
		line-height:40px;
		background: #f6f6f6;
	}
	.topRec_List dl dd:nth-child(1){ 
		width:40%; 
	}
	.topRec_List dl dd:nth-child(2){ 
		width:18%; 
	}
	.topRec_List dl dd:nth-child(3){ 
		width:25%;  
	}
	.topRec_List dl dd:nth-child(4){ 
		width:17%; 
	}
	.maquee{ 
		height:250px;
		border:1px dashed #ddd; border-top:none;
	}
	.topRec_List ul{ 
		width:100%; 
		/* height:195px; */
	}
	.topRec_List li{ 
		width:100%; 
		height:50px; 
		line-height:50px; 
		text-align:center; 
		font-size:12px; 
		border-bottom: 1px dashed #eee;
		list-style-type: none;
		display: block;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.topRec_List li div{ 
		float:left;
		height:50px;
		line-height:50px;
		display: block;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.topRec_List li div:nth-child(1){ 
		width:40%;
	}
	.topRec_List li div:nth-child(2){ 
		width:18%;
	}
	.topRec_List li div:nth-child(3){ 
		width:25%;
	}
	.topRec_List li div:nth-child(4){
		width:17%;
	}
	/*  滚动  over  */

.hotTag {
	background-color:#08D9F7!important; color:#FFF!important;
}
.hotTag:hover {
	background-color:#F90!important; color:#FFF;
}
.pad36{
	padding: 3px 12px;
}
/***    home.html  end      ***/




/***    tpls/product.html  start      ***/

.position_01{font-size:12px; margin:12px 20px; border-bottom:solid 1px #CCC; padding-bottom: 10px;}
.black-line{height:1px;background-color:#999999;}
.yellow-line{margin-top:10px;height:1px;background-color:#D2D2D2;}
.gray-line{height:1px;background-color:#cccccc;width:160px;margin-left:10px;margin-top:5px;}
.price{width:180px;height:50px;background-color:;border-bottom:;margin-top:20px;}
.price_02{margin-top:20px;}
.price_01,.price_02{font-size:14px;color:#999;font-weight:bold;text-align:center;}
.goods{margin:20px;background-position:10px 0px;font-size:12px;}
.select{margin-left:20px;margin-top:5px;}
.left_position{border-style:solid;border-width:1px;border-color:#cccccc;}
.big_left{float:left;}
.total_position{ overflow:hidden;}

.hint{color:#F60; text-align:center;}
.b_01 {
	background-color: #23a4cc;
	width: 120px;
	border-color: #e6e6e6;
	font-weight: bold; font-size: 12px;
}

.b_01:hover {
	background: #229abf;
	border: none;
}

.b_01:link {
	background: #158cb1!important;
	border: none;
}

.b_01:active {
	background: #158cb1!important;
}
.btn-primary{color:#FFF;background-color:#09F; }
.btn01 {
    background: #eee;
    border: solid 1px #CCC; border-radius: 4px;
    padding: 5px 20px;
    text-decoration: none; color: #666; line-height: 2em;
}
.btn01:hover {
	text-decoration:none;
	color:#FFF;
	background:#06F;
	border: solid 1px #06F;
}
.p_01{color:#09E;font-size:18px;}
.p_02{border:1px #cccccc dotted; margin-top:5px;} 
.picture{height:60px;overflow:hidden;}
.lastContent{overflow:hidden;padding:10px;}
.proImg { width:25%; height: auto; }
.proDet { width:70%; height: auto; }
.proDet ul { display: table; margin: 30px 0; }
.proDet li { float:left; width:50%; padding: 10px 10px 10px 0; }
.proDet li span { color:#09E; }
.proDet li input { width:80px; display: inline-block; }
.step_01, .step_03, .step_05 {
    height: 55px;
    width: 55px;
    background-repeat: no-repeat;
    color: #000;
    text-align: center;
    line-height: 55px;
    float: left;
    padding: 0;
}
.step_01 {
    background-image: url(../images/circle01.png);
	color: #FFF;
}
.step_03, .step_05 {
    background-image: url(../images/circle_border.png);
}
.step_02, .step_04 {
    display: block;
    float: left;
    width: 80px;
    height: 55px;
    padding: 0;
}
.step_02 img,.step_04 img {margin-top:20px;}
.threeButton{ margin:20px auto; text-align:center; }
.prohelp {margin: 20px auto; font-family:"微软雅黑"}
.btinfo hr {
	border:0px;
}
.stepMargin { margin:50px auto; }
.bdnone {
    border: 0px;
}
.modal-dialog {
    width: 600px;
    margin: 200px auto;
}
.enqpop {
    height: 30px;
    line-height: 30px;
    padding: 0px;
}
.helpLink, .glyphicon-question-sign{
	color: #337ab7!important;
	font-size: 13px!important;
}
.warning { 
	background:#FFE; 
	border:solid 1px #FEC; border-radius:4px; 
	margin:10px auto; 
	padding:5px 10px; 
	font-size:12px; 
	line-height: 33px;
	font-weight: normal!important;
}
#myCarousel .carousel-indicators {
    position: absolute;
    bottom: 110px;
    z-index: 15;
    width: auto;
    padding: 2px;
    text-align: center;
    list-style: none;
    margin: 0px auto;
}
#myCarousel .carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #000\9;
    background-color: rgba(0,0,0,0);
    border: 1px solid #000;
    border-radius: 10px;
	float:none;
	padding: 0;
}
#myCarousel .carousel-indicators .active {
    width: 12px;
    height: 12px;
    margin: 0;
    background-color: #000;
	z-index: 15;
}
#myCarousel ol {
    margin-top: 0;
    margin-bottom: 10px;
}
#myCarousel .carousel-control.left {
    background-image: -webkit-linear-gradient(left,rgba(0,0,0,0) 0,rgba(0,0,0,0) 100%); 
    background-image: -o-linear-gradient(left,rgba(0,0,0,0) 0,rgba(0,0,0,0) 100%);
	background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,0)),to(rgba(0,0,0,0))); 
    background-image: linear-gradient(to right,rgba(0,0,0,0) 0,rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
    background-repeat: repeat-x;
}
#myCarousel .carousel-control.right {
    right: 0;
    left: auto;
    background-image: -webkit-linear-gradient(left,rgba(0,0,0,0) 0,rgba(0,0,0,0) 100%); 
    background-image: -o-linear-gradient(left,rgba(0,0,0,0) 0,rgba(0,0,0,0) 100%);
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,0)),to(rgba(0,0,0,0))); 
    background-image: linear-gradient(to right,rgba(0,0,0,0) 0,rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
    background-repeat: repeat-x;
}
.step_total {margin:10px auto; text-align:center; width:330px;}
.arrStep {font-size: 60px; line-height: 250px; }

.btn1101 {color:white!important; background-color:rgb(108, 209, 224)}
.btn1101:hover {background-color:#f9980d}
.goods .operation a {color:#999;}
.goods .operation a:hover {color:#f9980d!important;}

/*    tpls/product.html  end      */


/*    tpls/theChannel.html  start      */
.sp_nav, .sp_nav1, .sc_nav, .sc_nav1, .sc_nav2 {
	width: 100%;
	background: #EAEAEA;
	overflow: hidden;
	margin-top: 10px;
	font-size: 14px;
	line-height: 45px;
	text-align: center;
}
.sc_nav1, .sc_nav2 {
	background: #FFF;
	border-bottom: dashed 1px #d0d0d0;

}
.sp_nav li, .sp_nav1 li, .sc_nav li, .sc_nav1 li, .sc_nav2 li{
	text-align: center;
	height:auto;
	display:block;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.sc_nav2 li:first-child{text-align:left;}
.sp01, .sp02, .sp03, .sp04, .sp05, .sp06, .sc06, .sc07, .sc08, .sc09, .sc10, .sc11, .sc12, .sp_nav1>.sp01, .sp_nav1>.sp02, .sp_nav1>.sp03, .sp_nav1>.sp04, .sp_nav1>.sp05, .sp_nav1>.sp06, .sp_nav2>.sp07, .sp_nav2>.sp08, .sp_nav2>.sp09, .sp_nav2>.sp10, .sp_nav2>.sp11, .sp_nav2>.sp12 {
	float: left;
	width: 20%;
}
.sp01, .sp02, .sp03, .sp04, .sp05, .sp06 { background: #EAEAEA; }
.sp01 { padding-left: 30px; }
.sp03 { width: 10%; }
.sp_nav1>.sp01 { padding-left: 30px; }
.sp_nav1>.sp03 { width: 15%; }
.sp_nav1>.sp04 { width: 5%; }
.sc_nav1 li{ text-align: center; height:50px; }
.sc07 { padding-left: 12px; }
.sc09 { width: 10%; }
.sc_nav1 a:active { background: #e7ac20!important; }
.sc_nav2>.sc07 { padding-left: 12px; }
.sc_nav2>.sc09 { width: 15%; }
.sc_nav2>.sc10 { width: 5%; }
.li_01 {
    border: 0;
    border-radius: 15px;
    margin-top: 5px;
    color: #FFF;
    margin-left: 10px;
    float: left;
}
.li_01:hover {
	color: #fff;
	background: #32cca8;
}

.li_01:active {
	background: #2fc09e!important;
	border-color: #CCC!important;
}
/*    tpls/theChannel.html  end      */


/*      user/user.html  start      */
.wrap1 {
	background: rgba(255,255,255,0.7);
    position: relative;
    overflow: hidden;
    width: 1170px;
    margin: 40px auto; margin-top:0;
}
.wrap2 {
	/* width: 100%; */
    position: relative;
    left: 16.66666667%;
    background: #FFF;
}
.wrapCol {
    left: -16.666667%;
    float: left;
    position: relative;
    min-height:500px;
}

.navbox { padding: 0px; }
.userPr10 { padding-right: 10px; padding-left: 10px; padding-bottom:20px;}
.textAr { text-align:right; }
/*.userAdr td {
	word-wrap:break-word;
	word-break:break-all;
	white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
	text-align:center;
}
.userAdr .ps, .userAdr .tel, .userAdr .ml, .userAdr .fx, .userAdr .co { width:10%; }
.userAdr .cm { width:20%; }
.userAdr .ad { width:30%; }*/
.intp01,.intp02 {
	font-size: 14px;
	font-weight: bold;
}
.guanbox span,.intbox span {
    border: solid 1px #d2d2d2;
    border-radius: 4px;
    line-height: 24px;
    padding: 0px 10px;
    background: #f2f2f2;
    color: #636363;
    margin: 5px;
    cursor: pointer;
    display: inline-block;
}
.guanbox span:hover,.intbox span:hover {
	background: #0C6;
	border: solid 1px #0C6;
	color:#FFF;
}

.intbox .current01 {
	background: #0C6;
	color: #FFF;
}
.ucActiveLab {
	background: #0C6;
    border: solid 1px #0C6;
    color: #FFF;
    margin: 5px;
    cursor: pointer;
    display: inline-block;
    border-radius: 4px;
    line-height: 24px;
    padding: 0px 10px;
}
.ucActiveLab:hover {
	background: #ff9900;
	border: solid 1px #ff9900;
}
.ucDeactiveLab {
    border: solid 1px #d2d2d2;
    border-radius: 4px;
    line-height: 24px;
    padding: 0px 10px;
    background: #f2f2f2;
    color: #CCC;
    margin: 5px;
    cursor: pointer;
    display: inline-block;
}
.userSubList li {
	height:35px;
	line-height:35px;
	/* text-align:center; */
	text-indent:40px;
}
.userSubList li a {
	font-size: 14px;
	color:#666;
}
.subliAct {
	color:red;
}
/*      user/user.html  end      */


/*    enquiry.html   start    */
.navorderbox {
	overflow: hidden;
	margin: 30px auto;
	width: 100%;
}
.navorderbox a {
	float: left;
	margin: auto 20px;
	font-size: 18px;
	line-height: 32px;
	width: 20.5%;
	background: url(../images/l01.png);
	background-repeat: no-repeat;
	color: #FFF;
	border-radius: 4px;
	text-align:center;
	text-decoration: none;
}

.navorderbox a span {
	padding-left: 10px;
	margin-right: 20px;
}

.navorderbox a:hover {
	text-decoration: none;
	color: #FFF;
}

.navorderbox .enqNumber1 {
    float:left;
}
.navorderbox .enqNumber2 {
    font-size: 14px;
    font-style: normal;
    padding-left: 0px;
    margin-right: 0px;
}
.placeTable {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	display: block;
	height: 40px;
	line-height: 40px;
}
.placeTable:before {
    /* display: table; */
    content: " ";
}
.placeTable:after {
    clear: both;
    content: "";
}
.placeTable li {
	float:left;
	display: block;
}
.pad510 {
	padding: 5px 10px;
}
.content_table{ width:100%; }
.content_table tr:hover{ background:#DFF6FB; }
.content_table th{text-align:left;}
.content_table th,.content_table td{padding:0 5px; border-bottom:solid 1px #EEE; }
.tab5 { width:5%; }
.tab10 { width:10%; }
.tab15 { width:15%; }
.tab20 { width:20%; }
/*    enquiry.html   end    */

.popWinTit {
    font-size: 14px;
    text-align: center;
    color: #069;
	margin-bottom: 20px;
}

/*      trade/order.html  start      */
ul.addList{
	padding:10px;
}
ul.addList li{
	margin:10px 0;
	font-size: 13px;
}
/*      trade/order.html  end      */

/*      tpls/allMatching.html  start      */
.tspan {
    color: #585858;
    display: inline-block;
    margin-left: 100px;
}
.tspan a {
	color:#F00;
}

/*      tpls/allMatching.html  end      */

/**
 *侧边栏导航
 */


.navbox div {
	margin-left: 10%;
	margin-top: 10px;
}

.navbox div span {
	float: left;
	margin-top: 2px;
	font-size: 16px;
	color: #333;
}

.navbox ul {
	font-size: 14px;
	font-weight: bold;
	/* text-indent: 40px; */
	padding:0;
}

.navbox li {
	font-size: 16px;
	font-weight: normal;
	list-style-type: none;
}

.navbox li:hover {
	color: #4eb2df;
	font-weight: bold;
}

.navboxAct {
    color: #FFF;
    font-weight: bold;
	background:#158cb1;
}
.navboxAct a {
	color: #FFF;
}
.navboxAct>a:focus, .navboxAct>a:hover {
	background:#158cb1!important;
}
.navboxAct>ul {
	background:#EEE;
}
.navboxAct>ul>li a {
	color:#666;
	display:block;
	font-size: 14px;
}

.xiaotest {
	border-left: 3px solid #158cb1;
	text-indent: 10px;
	margin-left: -10px;
}

.colorw {
	color: #03a0e7;
	font-weight: bold;
}
.numImg{max-width:30px;}





.wexn {
    cursor: pointer;
    position: relative;
}
.wexn .wx_box .arrow {
    height: 16px;
    left: 50%;
    margin-left: -8px;
    position: absolute;
    top: -16px;
    width: 16px;
}
.wexn .i-qrcode{
	background:url(images/weixin.jpg);
	display:inline;
	float:left;
	height:12px;
	margin-top:10px;
	margin-right:2px;
	width:12px;
}
.wexn .wx_box {
    background: url(../images/weixin.jpg) no-repeat;
    border: 0px solid #ddd;
    height: 150px;
    position: absolute;
	top: -23px;
    left: -40px;
    width: 150px;
    display: none;
}

.wexn-hover .wx_box{
	display:block;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}


/*common*/

/* wency add 20170228 */
.icon:hover{ background: rgb(35, 168, 246); }
.icon>img{ max-width: 35px; max-height: 35px; margin:12px auto; }
#icon_online>img{max-width: 40px; max-height: 40px;}

#icon_cart{ max-width:20px; max-height:20px; }
/* wency update 20170228 */
.icon_bg{background:url(../images/icon_bg.png) no-repeat;position:relative;display:inline-block;}

/*.icon_code { width: 24px; height: 24px; background-position: -108px -4px; top: 22px; }*/
/*.icon_codes { width: 24px; height: 24px; background-position: -252px -2px; top: 12px; display: none; }*/
#icon_code:hover .common_right_code {display:block;}
/*.icon_iphone { width: 29px; height: 29px; background-position: -141px -1px; top: 20px; }*/
/*.icon_iphones { width: 29px; height: 29px; background-position: -287px -1px; top: 9px; display: none; }*/
#icon_iphone:hover .common_right_iphone {display:block;}
/*.icon_wx { width: 28px; height: 28px; background-position: -179px -2px; top: 20px; }*/
/*.icon_wxs { width: 28px; height: 28px; background-position: -325px -2px; top: 10px; display: none; }*/
#icon_wx:hover .common_right_qq{display:block;}
/*.icon_msg { width: 28px; height: 28px; background-position: -392px -2px; top: 20px; }*/
/*.icon_msgs { width: 28px; height: 28px; background-position: -425px -2px; top: 10px; display: none; }*/
#icon_msg:hover .common_right_msg{display:block;}

.icon_ms { width: 28px; height: 28px; background-position: -428px -2px; top: 10px; }
/*.icon_top { width: 22px; height: 12px; background-position: -220px -10px; top: 25px; }*/
/*.icon_tops { width: 22px; height: 12px; background-position: -361px -8px; top: 15px; display: none; }*/
.icon_qq { width: 26px; height: 19px; background-position: -1px -12px; top: 3px; }

.common_right_nav { position: fixed; right: 20px; top: 40%; background: #fff; z-index: 999; }
.common_right_nav li:first-child { margin-top: 0px; }
.common_right_nav li { width: 60px; height: 60px; position: relative; text-align: center; border: 1px solid #e5e5e5; margin-top: -1px; cursor: pointer;overflow: visible; }
.common_right_code { position: absolute; margin-left: -181px; top: 0px; background: #fff; padding-bottom: 10px; box-shadow: 0px 0px 3px #e5e5e5; display: none; border: 1px solid #f2f2f2; z-index: 999; }
.common_right_code img{ width: 180px; height: 180px; }
.mt_30 { margin-top: 30px; }
.mt_10 { margin-top: 10px; }
.common_right_iphone { position: absolute; margin-left: -163px; top: 0px; padding: 20px; background: #fff; box-shadow: 0px 0px 3px #e5e5e5; text-align: left; font-size: 12px; color: #808080; display: none; border: 1px solid #f2f2f2; z-index: 999; }
.common_right_qq { position: absolute; margin-left: -89px; top: 0px; padding: 20px; border: 1px solid #f2f2f2; background: #fff; box-shadow: 0px 0px 3px #e5e5e5; text-align: left; font-size: 12px; color: #808080; z-index: 999; display: none; }
.common_right_msg { position: absolute; margin-left: -78px; top: 0px; padding: 20px; border: 1px solid #f2f2f2; background: #fff; box-shadow: 0px 0px 3px #e5e5e5; text-align: left; font-size: 12px; color: #808080; z-index: 999; display: none; }
.common_right_right_jt { position: absolute; border: 10px solid transparent; border-left: 10px solid #fff; width: 0; height: 0px; top: 0px; right: -20px; }
.common_right_code .p_tx { font-size: 14px; color: #4c4c4c; text-align: center; }

/*common end*/





/*************************        首页更新    start      *******************************/


	.subNavWrap {
		background:#eee;height:35px;width:100%;
	}
	.subNavWrap .subNav {
		color:#fff;/*width:75%;*/margin:0 auto;
	}
	.subNavWrap .subNav .navWrap {
		width:269px;
		background:#ccc;
		height:35px;
		line-height:35px;
		font-size:16px;
		text-align:center;
		float:left;
	}
	.navWrap span {
		left: -10px;font-size: 10px;
	}
	.submenu li {
		float: left;
		color: #f60;
		font-size: 16px;
		line-height: 35px;
		width: 20%;
		text-align: center;
	}
	.submenu li:hover{
		background-color: #f60;
		color:#fff;
	}
	.submenu li:hover a{ color: #fff;}
	.block_1 .block_left {
		width: 270px;
		float: left;
		margin-right: 20px;
		position: relative;
		z-index: 10;
	}
	.block_1 .block_cont {
		width: 610px;
		float: left;
		margin-right: 20px;
		height: 473px;
		background: #fff;
	}
	.block_1 .block_right {
		width: 250px;
		float: left;
		height: 473px;
		background: #fff;
	}
	.block_1 .block_left .line_a {
		height: 43px;
		line-height: 43px;
		font-size: 14px;
		color: #666666;
		display: block;
		padding-left: 20px;
		border: 1px solid #f2f2f2;
		border-top: none;
		background: url(../images/line_a.png) right top no-repeat #fcfcfc;
		-webkit-transition: 0.3s ease-out;
		transition: 0.3s ease-out;
	}
	.block_1 .block_left .product-list-two li a {
		color: #666666;
		font-size: 12px;
		display: block;
		line-height: 28px;
		height: 28px;
	}
	.block_1 .block_left .product-list-two li a:hover {
		color: #23a8f6;
	}
	.block_1 .block_left .product-list-two {
		position: absolute;
		left: 270px;
		top: 0;
		z-index: 99;
		background-color: #fff;
	}
	.block_1 .block_left .cont_line:hover .line_a { background-position: right -48px; padding-left: 40px; background-color:#fff; border-right: 1px solid #fff; color: #23a8f6; }
	.block_1 .block_left .cont_line:hover .product-list-two{ display: block; }
	.block_1 .block_left .product-list-two {
		display: none;
		width: 630px;
		height: 473px;
		overflow: hidden;
		padding-left: 40px;
		float: left;
		border: 1px solid #f2f2f2;
		border-left: none;
	}
	.block_1 .block_left .product-list-two .line_product_title {
		width: 100%;
		font-size: 14px;
		height: 34px;
		margin: 10px 0;
	}
	.block_1 .block_left .product-list-two li {
		float: left;
		width: 280px;
		line-height: 28px;
		height: 28px;
		overflow: hidden;
	}
	.block_1 .block_left .product-list-two .line_product_title span {
		display: block;
		height: 32px;
		line-height: 32px;
		float: left;
		color: #23a8f6;
		border-bottom: 2px solid #23a8f6;
	}
	.maquee {
		height: 399px;
		border: none;
	}
	.tbw {
		width: 610px;
		border: 1px solid #f2f2f2;
		margin: 0px
	}
	.topRec_List dl dd:nth-child(1), .topRec_List dl dd:nth-child(2), .topRec_List dl dd:nth-child(3), .topRec_List dl dd:nth-child(4) {
		height: 40px;
		line-height: 40px;
		background: #fff;
	}
	.tit {
		border-bottom: 1px solid #f2f2f2;
	}
	.topRec_List dd {
		border-bottom: 0px solid #EEE;
	}
	.block_1 .block_right .cont_one {
		border: 1px solid #f2f2f2;
		padding: 20px 15px 0 15px;
		height: 473px;
		margin-bottom: 10px;
		border-top: 0px;
		border-bottom: 1px solid #f2f2f2;
	}
	.block_1 .block_right .cont_one .login-container {
		margin-bottom: 40px;
	}
	.block_1 .block_right .cont_one .button {
		margin-top: 20px;
		width: 216px;
		text-align: center;
		border: 1px solid #00ccdd;
		background-color: #00ccdd;
		font-size: 20px;
		color: #fff;
		display: block;
		border-radius: 3px;
		height: 50px;
		line-height: 50px;
	}
	.block_1 .block_right .cont_one .button:hover {
		border: 1px solid #f60;
		background-color: #f60;
		color: #fff!important;
	}
	.block_1 .block_right .cont_one .orange {
		color: #00ccdd;
		background-color: #fff;
	}
	.block_1 .block_right .cont_one .prompt {
		margin-top: 20px;
		color: #999999;
		font-size: 12px;
	}
	.block_1 .block_right .cont_one .prompt a {
		color: #00ccdd;
	}
	.block_1 .block_right .cont_one .prompt span {
		color: #00ccdd;
	}
	.block_1 .block_right .info-tab-title {
		width: 100%;
		border-bottom: 1px solid #f2f2f2;
	}
	.block_1 .block_right .info-tab-title li {
		cursor: pointer;
		float: left;
		width: 33%;
		text-align: center;
		border-bottom: 2px solid #FFFFFF;
		font-size: 14px;
		color: #999999;
		padding-bottom: 10px;
	}
	.block_1 .block_right .info-tab-title li.active {
		border-bottom-color: #00ccdd;
		color: #00ccdd;
	}
	.block_1 .block_right .thisclass li{ line-height: 26px; height:26px;  font-size: 12px;  overflow: hidden;}
	.block_1 .block_right .thisclass li a{ color: #808080; display: block; overflow: hidden; }
	.block_1 .block_right .thisclass li a:hover{ color: #fb9829; }
	.block_1 .block_right .thisclass li i{ margin-right: 10px; }
	.block_1 .block_right .thisclass p{ line-height: 20px; text-align: right; }
	.block_1 .block_right .thisclass p a{ font-size: 12px; }
	article[role="process"]{ padding-top:10px; padding-left: 8px; display: none;}
	.info-tab-co article div{  width: 60px; float: left; margin-right: 10px;}
	.info-tab-co article div i{ 
		width: 60px; height: 60px; display: block; 
		/*background: url(../images/info-tab-co_icon.png) 0 0 no-repeat;  图片不存在*/ 
		border-radius: 40px; -moz-border-radius: 40px; border: 2px solid #f2f2f2;
	}
	.info-tab-co article div span{ padding-top: 10px; font-size: 12px; color: #666666;display: block; text-align: center;}
	.info-tab-co article div.info-tab-co-icon1 i{ background-position: 0 0;}
	.info-tab-co article div.info-tab-co-icon2 i{ background-position: -60px 0;}
	.info-tab-co article div.info-tab-co-icon3 i{ background-position: -120px 0;}
	.info-tab-co article div.info-tab-co-icon4 i{ background-position: -180px 0;}
	.info-tab-co article div.info-tab-co-icon5 i{ background-position: -240px 0;}
	.info-tab-co article div.info-tab-co-icon6 i{ background-position: -300px 0;}
	.info-tab-co article i.arrow{ 
		width: 8px; height: 12px; 
		/*background: url(../images/info-tab-co-icon-arrow.png) 0 0 no-repeat; 图片不存在*/
		display: block; position: absolute;
	}
	.info-tab-co article i.arrow1{ top: 70px; left: 25%;}
	.info-tab-co article i.arrow2{ top: 70px; left: 60%;}
	.P-reference {
		display: block;
		margin-left: 0px;
		margin-top: 10px;
		background-color: #fff!important;
		line-height: 32px;
		height: 52px;
		padding: 0 0;
	}
	.P-reference li:first-child{
		padding-left: 20px;
		font-size: 16px;
		color: #09e;
		float: left;
		font-weight:700;
	}
	.P-reference>.P-i1 {
		color: #4c4c4c;
		margin: 10px 5px;
		font-size: 14px;
		float: left;
	}
	.P-reference>.P-i1 a{padding:3px 5px;}
	.P-reference>.P-i1 a:hover {color:#fff;background:#f60;}
	.numwrap {
		width: 150px;
		height: 150px;
		float: left;
		text-align: center;
		border-radius: 150px;
		margin: 10px 70px;
		background: #fbf4d8;
		padding: 40px 0px;
		border: 3px dotted #f7d280;
		border-style: dotted;
	}
	.numwrap .numb {
		margin: -15px auto 0px auto;
		text-align: center;
	}
	.numwrap .numb .icons {
		color: #fb863f;
		text-align: center;
		font-size: 22px;
	}
	.numwrap h1 {
		color: #f9a263;
		margin: 0px auto;
		font-size: 2em;
	}
/******************  竞价流程  ********************/

.flow{
	background: #3fbff1;
	overflow: hidden;
	/* min-width: 1200px; */
	width: 100%;
	margin:auto;
}
.flow .container-box{
	position: relative;
	margin:auto;
	width: 100%;
}
.flow h2{
	text-align: center;
	margin-top: 30px;
	font-size: 32px;
	font-weight: 100;
	color: #fff;
	font-family: "微软雅黑 Light";
}
.flow .vice-title{
	text-align: center;
	font-size: 16px;
	display: block;
	line-height: 24px;
	margin-bottom: 100px;
	color: #fff;
}
.flow-complete img{
	margin-top: 10px;
}
.flow-bg{
	overflow: hidden;
	margin-bottom: 20px;
}
.flow-bg li{
	float: left;
	height: 280px;
	width: 290px;
	position: relative;
	white-space: normal;
}
.flow-bg li img{
	position: absolute;
	top: 0;
	left: 50%;
	opacity: 0;
	opacity: 1\9\0;
}
.animation .seach-flow img{
	margin-left: -45px;
	animation:flowimg 0.6s ease-out 0s forwards;
	-webkit-animation:flowimg 0.6s ease-out 0s forwards;
	-ms-animation:flowimg 0.6s ease-out 0s forwards;
}
.animation .seach-flow p{
	animation:flowp 0.6s ease-out 0s forwards;
	-webkit-animation:flowp 0.6s ease-out 0s forwards;
	-ms-animation:flowp 0.6s ease-out 0s forwards;
}
.animation .guide .one{
	animation:guideone 0.6s ease-out 0s forwards;
	-webkit-animation:guideone 0.6s ease-out 0s forwards;
	-ms-animation:guideone 0.6s ease-out 0s forwards;
}
.animation .flow-info img{
	margin-left: -45px;
	animation:flowimg 0.6s ease-out 0.6s forwards;
	-webkit-animation:flowimg 0.6s ease-out 0.6s forwards;
	-ms-animation:flowimg 0.6s ease-out 0.6s forwards;
}
.animation .flow-info p{
	animation:flowp 0.6s ease-out 0.6s forwards;
	-webkit-animation:flowp 0.6s ease-out 0.6s forwards;
	-ms-animation:flowp 0.6s ease-out 0.6s forwards;
}
.animation .guide .three{
	animation:guidethree 0.6s ease-out 0.6s forwards;
	-webkit-animation:guidethree 0.6s ease-out 0.6s forwards;
	-ms-animation:guidethree 0.6s ease-out 0.6s forwards;
}
.animation .flow-cao img{
	margin-left: -45px;
	animation:flowimg 0.6s ease-out 1.2s forwards;
	-webkit-animation:flowimg 0.6s ease-out 1.2s forwards;
	-ms-animation:flowimg 0.6s ease-out 1.2s forwards;
}
.animation .flow-cao p{
	animation:flowp 0.6s ease-out 1.2s forwards;
	-webkit-animation:flowp 0.6s ease-out 1.2s forwards;
	-ms-animation:flowp 0.6s ease-out 1.2s forwards;
}
.animation .guide .five{
	animation:guidefive 0.6s ease-out 1.2s forwards;
	-webkit-animation:guidefive 0.6s ease-out 1.2s forwards;
	-ms-animation:guidefive 0.6s ease-out 1.2s forwards;
}
.animation .flow-complete img{
	margin-left: -50px;
	animation:flowimg 0.6s ease-out 1.8s forwards;
	-webkit-animation:flowimg 0.6s ease-out 1.8s forwards;
	-ms-animation:flowimg 0.6s ease-out 1.8s forwards;
}
.animation .flow-complete p{
	animation:flowp 0.6s ease-out 1.8s forwards;
	-webkit-animation:flowp 0.6s ease-out 1.8s forwards;
	-ms-animation:flowp 0.6s ease-out 1.8s forwards;
}
.animation .guide .seven{
	animation:guideseven 0.6s ease-out 1.8s forwards;
	-webkit-animation:guideseven 0.6s ease-out 1.8s forwards;
	-ms-animation:guideseven 0.6s ease-out 1.8s forwards;
}
.animation .guide .two span{
	animation:guideline 0.6s ease-out 0.6s forwards;
	-webkit-animation:guideline 0.6s ease-out 0.6s forwards;
	-ms-animation:guideline 0.6s ease-out 0.6s forwards;
}
.animation .guide .four span{
	animation:guideline 0.6s ease-out 1.2s forwards;
	-webkit-animation:guideline 0.6s ease-out 1.2s forwards;
	-ms-animation:guideline 0.6s ease-out 1.2s forwards;
}
.animation .guide .six span{
	animation:guideline 0.6s ease-out 1.8s forwards;
	-webkit-animation:guideline 0.6s ease-out 1.8s forwards;
	-ms-animation:guideline 0.6s ease-out 1.8s forwards;
}
.flow-bg li p{
	width: 185px;
	font-size: 14px;
	color: #fff;
	left:63px;
	top: 220px;
	position: absolute;
	opacity: 0;
	opacity: 1\9\0;
}

.flow-complete p{
	text-align: center;
}
.flow-schedule{
	width: 930px;
	height: 20px;
	position: absolute;
	left:50%;
	margin-left: -485px;
	top:310px;
}
.flow-schedule li span{
	height: 1px;
	width: 200px;
	background: #fff;
	display: block;
	margin:15px 0;
	opacity: 0;
	opacity: 1\9\0;

}
.flow-schedule li{
	font-size: 24px;
	color: #fff;
	float: left;
}
.guide{
	position: relative;
	overflow: visible;
}
.guide li{
	position: absolute;
	top:0;
}

.guide .one{left: 0px;opacity: 0;opacity: 1\9\0;}
.guide .two{left:62px;}
.guide .three{left:285px;opacity: 0;opacity: 1\9\0;font-size: 20px;}
.guide .four{left:390px;}
.guide .five{left:600px;opacity: 0;opacity: 1\9\0;}
.guide .six{left:670px;}
.guide .seven{left:900px;opacity: 0;opacity: 1\9\0;}

/*竞价流程图片*/
@keyframes flowimg{
	0%{margin-left:-145px;opacity: 0;}
	100%{margin-left:-45px;opacity: 1;}
}
@-moz-keyframes flowimg{
	0%{margin-left:-145px;opacity: 0;}
	100%{margin-left:-45px;opacity: 1;}
}
@-webkit-keyframes flowimg{
	0%{margin-left:-145px;opacity: 0;}
	100%{margin-left:-45px;opacity: 1;}
}
@-o-keyframes flowimg{
	0%{margin-left:-145px;opacity: 0;}
	100%{margin-left:-45px;opacity: 1;}
}
@-ms-keyframes flowimg{
	0%{margin-left:-145px;opacity: 0;}
	100%{margin-left:-45px;opacity: 1;}
}

/*竞价流程文字*/
@keyframes flowp{
	0%{left:-37px;opacity: 0;}
	100%{left:63px;opacity: 1;}
}
@-moz-keyframes flowp{
	0%{left:-37px;opacity: 0;}
	100%{left:63px;opacity: 1;}
}
@-webkit-keyframes flowp{
	0%{left:-37px;opacity: 0;}
	100%{left:63px;opacity: 1;}
}
@-o-keyframes flowp{
	0%{left:-37px;opacity: 0;}
	100%{left:63px;opacity: 1;}
}
@-ms-keyframes flowp{
	0%{left:-37px;opacity: 0;}
	100%{left:63px;opacity: 1;}
}

/*竞价流程数字*/
@keyframes guideone{
	0%{left:-100px;opacity: 0;}
	100%{left:0px;opacity: 1;}
}

@-webkit-keyframes guideone{
	0%{left:-100px;opacity: 0;}
	100%{left:0px;opacity: 1;}
}
@-moz-keyframes guideone{
	0%{left:-100px;opacity: 0;}
	100%{left:0px;opacity: 1;}
}
@-o-keyframes guideone{
	0%{left:-100px;opacity: 0;}
	100%{left:0px;opacity: 1;}
}
@-ms-keyframes guideone{
	0%{left:-100px;opacity: 0;}
	100%{left:0px;opacity: 1;}
}
@keyframes guidethree{
	0%{left:200px;opacity: 0;}
	100%{left:285px;opacity: 1;}
}
@-moz-keyframes guidethree{
	0%{left:200px;opacity: 0;}
	100%{left:285px;opacity: 1;}
}
@-webkit-keyframes guidethree{
	0%{left:200px;opacity: 0;}
	100%{left:285px;opacity: 1;}
}
@-o-keyframes guidethree{
	0%{left:200px;opacity: 0;}
	100%{left:285px;opacity: 1;}
}
@-ms-keyframes guidethree{
	0%{left:200px;opacity: 0;}
	100%{left:285px;opacity: 1;}
}
@keyframes guidefive{
	0%{left:500px;opacity: 0;}
	100%{left:600px;opacity: 1;}
}
@-moz-keyframes guidefive{
	0%{left:500px;opacity: 0;}
	100%{left:600px;opacity: 1;}
}
@-webkit-keyframes guidefive{
	0%{left:500px;opacity: 0;}
	100%{left:600px;opacity: 1;}
}
@-o-keyframes guidefive{
	0%{left:500px;opacity: 0;}
	100%{left:600px;opacity: 1;}
}
@-ms-keyframes guidefive{
	0%{left:500px;opacity: 0;}
	100%{left:600px;opacity: 1;}
}
@keyframes guideseven{
	0%{left:800px;opacity: 0;}
	100%{left:900px;opacity: 1;}
}
@-moz-keyframes guideseven{
	0%{left:800px;opacity: 0;}
	100%{left:900px;opacity: 1;}
}
@-webkit-keyframes guideseven{
	0%{left:800px;opacity: 0;}
	100%{left:900px;opacity: 1;}
}
@-o-keyframes guideseven{
	0%{left:800px;opacity: 0;}
	100%{left:900px;opacity: 1;}
}
@-ms-keyframes guideseven{
	0%{left:800px;opacity: 0;}
	100%{left:900px;opacity: 1;}
}
/*竞价流程线条*/
@keyframes guideline{
	0%{width: 0px;opacity: 0;}
	100%{width: 200px;opacity: 1;}
}
@-moz-keyframes guideline{
		 0%{width: 0px;opacity: 0;}
		 100%{width: 200px;opacity: 1;}
	 }
@-webkit-keyframes guideline{
			0%{width: 0px;opacity: 0;}
			100%{width: 200px;opacity: 1;}
		}
@-o-keyframes guideline{
	   0%{width: 0px;opacity: 0;}
	   100%{width: 200px;opacity: 1;}
   }
@-ms-keyframes guideline{
	   0%{width: 0px;opacity: 0;}
	   100%{width: 200px;opacity: 1;}
   }

/******************  竞价流程  ********************/



/*************************        首页更新      end        *******************************/

.faqBidding img {width: 100%;}
.faqBidding b {font-size:16px; color:#666;}


.dropdown {
    float: right;
    height: 30px;
    padding-left: 0px;
    position: relative;
    z-index: 10;
    margin-left: 0px;
}
.dropdown-main {
    height: 30px;
    float: left;
    position: relative;
    z-index: 10;
    color: #999;
    margin-left: 20px;
}
.dropdown-main i.helper-sprite-menu {
    float: left;
    margin-top: 10px;
    margin-right: 3px;
    background-position: -91px -109px;
    width: 14px;
    overflow: hidden;
    height: 10px;
    line-height: 10px;
}
.ico {
    background: url(../images/ico.png) no-repeat;
    _background: url(../images/ico.gif) no-repeat;
}
.dropdown-main span {
    font-family: Arial;
    line-height: 30px;
    float: left;
    margin-right: 3px;
}
.m0 {
    margin: 0;
}
.dropdown-main .helper-sprite-dropdown {
    -webkit-transition: 300ms;
    transition: 300ms;
}

.helper-sprite-dropdown {
    float: left;
    margin-top: 11px;
    overflow: hidden;
    background-position: -64px -111px;
    width: 9px;
    height: 7px;
}
.dropdown-main_after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 white;
    border: 1px solid #f0f0f0;
    border-bottom: 0px solid #e1e1e1;
    box-sizing: content-box;
    height: 29px;
    /* left: 9px; */
    padding: 0 10px;
    position: absolute;
    top: 0px;
    visibility: hidden;
    width: 90px;
    z-index: 1;
}
.dropdown-sub {
    position: absolute;
    background-color: white;
    left: 11px;
    top: 26px;
    visibility: hidden;
    opacity: 100;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.12);
    z-index: 0;
}
.dropdown-sub_box {
    Z-INDEX: 111;
    RIGHT: -101px;
    BACKGROUND: #fff;
    BORDER: 1px solid #f3f3f3;
    POSITION: absolute;
    WIDTH: 480px;
    TOP: 3px;
    padding: 10px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    margin-left: 0px;
}

.menu_nav p {
    height: 39px;
    line-height: 39px;
    border-bottom: 1px solid #EFEFEF;
    font-size: 12px;
    color: #E0CABF;
    margin: 0;
}
.menu_nav p span {
    line-height: 39px;
}
.menu_nav p span a {
    color: #FF3900;
    line-height: 39px;
    font-size: 12px;
    border-left: none;
}
.menu_nav p a {
    line-height: 12px;
    color: #818183;
    /* border-left: 1px solid #E0CABF; */
    padding: 0 6px;
    font-family: "Microsoft Yahei";
}
.dropdown-sub a {
    margin-left: 0;
    display: inline;
}

.dropdown{float:right;height:30px;padding-left:0px;position:relative;z-index:10;margin-left: 0px;}
.dropdown-main{height:30px;float:left;position:relative;z-index:10;color:#999;margin-left: 20px;}
.dropdown-main i.helper-sprite-menu{float:left;margin-top:10px;margin-right:3px;background-position:-91px -109px;width:14px;overflow:hidden;height:10px;line-height:10px;}
.dropdown-main span{font-family:Arial;line-height:30px;float:left;margin-right:3px;}
.dropdown-main .helper-sprite-dropdown{-webkit-transition:300ms;transition:300ms;}
.helper-sprite-dropdown{float:left;margin-top:11px;overflow:hidden;background-position:-64px -111px;width:9px;height:7px;}
.dropdown-main_after{
	-moz-border-bottom-colors:none;
	-moz-border-left-colors:none;
	-moz-border-right-colors:none;
	-moz-border-top-colors:none;
	background:none repeat scroll 0 0 white;
	border:1px solid #f0f0f0;
	border-bottom:0px solid #e1e1e1;
	box-sizing:content-box;
	height:29px;
	/* left:9px; */
	padding:0 10px;
	position:absolute;
	top:0px;
	visibility:hidden;
	width:90px;
	z-index:1;
}
.dropdown-sub{
	position:absolute;
	background-color:white;
	left:11px;
	top:26px;
	visibility:hidden;
	opacity:100;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.12);
	/* 	-webkit-transform:scale(0.8);
	-ms-transform:scale(0.8);
	transform:scale(0.8);
	-webkit-transition:300ms;
	transition:300ms;
	-webkit-transform-origin:100% 0;
	-ms-transform-origin:100% 0;
	transform-origin:100% 0; */
	z-index:0;
}
.dropdown-sub a{margin-left:0;display:inline;}
.dropdown-hover .dropdown-main_after{visibility:visible;}
.dropdown:hover .dropdown-main .helper-sprite-dropdown{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
.dropdown-hover .dropdown-sub{
	visibility:visible;
	opacity:1;
	-webkit-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1);
}
.dropdown-sub_box{
	Z-INDEX:111;
	RIGHT:-101px;
	BACKGROUND:#fff;
	BORDER:1px solid #f3f3f3;
	POSITION:absolute;
	WIDTH:480px;
	TOP:3px;
	padding:10px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
	margin-left: 0px;
}
.menu_links2015{height:50px;}
.menu_links2015 a:last-child img{margin-right:0;}
.menu_links2015 img{float:left;margin-right:14px;}
.menu_nav{
	margin-left: 0px;
}
.menu_nav p{
	height:39px;
	line-height:39px;
	border-bottom:1px solid #EFEFEF;
	font-size:12px;
	/*padding-left:24px;
	 background:url(../images/ico.png) -174px -1px no-repeat; */
	color:#E0CABF;
	margin:0;
}
.menu_nav p:last-child{border-bottom:none;}
.menu_nav p a{
	line-height:12px;
	color:#818183;
	/* border-left:1px solid #E0CABF; */
	padding:0 6px;
	font-family:"Microsoft Yahei";
}
.menu_nav p a:hover{text-decoration:underline;}
.menu_nav p span{line-height:39px;}
.menu_nav p span a{color:#FF3900;line-height:39px;font-size:12px;border-left:none;}
.menu_nav p.menu_nav_p2{background-position:-174px -39px;}
.menu_nav p.menu_nav_p3{background-position:-174px -80px;}
.menu_nav p.menu_nav_p4{background-position:-174px -120px;}
.menu_nav p.menu_nav_p5{background-position:-174px -160px;}
.menu_nav p.menu_nav_p6{background-position:-174px -200px;}
.menu_nav p.menu_nav_p7{background-position:-174px -240px;}
.menu_nav p.menu_nav_p8{background-position:-174px -280px;}

nav {
    color: #999;
    background: #f6f6f6;
    width: 100%;
    min-height: 35px!important;
    line-height: 35px!important;
    border-bottom: solid 1px #f6f6f6;
}
/*nav * { margin-left:20px; }
nav a {
	color:#999;
}
nav a:hover {
	color:#f60;
}
nav .ablue {
    color: #06c;
}*/

/* wency 20170228 supplier.html, contact.html */
#contactImages img{
	max-width: 200px;
	margin: 10px 20px;
	padding: 5px;
	border: 1px solid #eee;
	border-radius: 5px;
}
#userCards .card{
	width: 270px; max-width: 270px;
	margin-right: 7px;
	margin-bottom: 10px;
	padding: 5px;
	border: 1px solid #eee;
	border-radius: 5px;
	border-top-right-radius: 30px;
	box-shadow:-5px 5px 3px #eee;
	display: inline-block;
}
#userCards .card img{
	max-height: 100px;	
}
#userCards .card #name{
	font-size: 17px;
}
#userCards .card li, #userCards .card li a{ 
	margin-top: 10px; 
	font-size: 15px; text-align: left;
}