body{
	padding:0;
	margin:0;
	/* min-width: 1200px; */
	font-size: 16px;
	background-color: #f1f1f1;
}
.container-fluid{
	min-width: 1200px;
}
a{
	color:#444;
	text-decoration: none;
}
.header{
  min-width: 1200px;
	height:110px;
	font-size: 13px;
	background-color: #ffffff;
	color:#e1e1e1;
}
.header .top-menu{
	margin-top: 20px;
	font-size: 14px;
}
.header .top-menu a{
	display: inline-block;
	padding:10px 10px;
	color:#888;
	text-decoration: none;
}
.header .top-menu a:hover{
  color: #f8997b;
}
.header .top-menu a i{
	position: relative;
	top:3px;
	font-size: 18px;
	color:#f8997b;
}

.navi{
  min-width:1200px;
	height:56px;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	box-shadow: 0px 2px 2px #999;
	background-color: #fff;
}
.navi ul{
	margin:0;
}
.navi li{
	padding:0;
  width:9.2%;
}
.navi li.navi-01{
  width:6%;
}
.navi li.navi-08{
  width:14%;
}
.navi li.navi-09{
  width:12%;
}
.navi li a{
  width: 100%;
	height: 54px;
	line-height: 54px;
	padding:0px 14px;
	font-size:18px;
  text-align: center;
	color:#444;
}
.navi li a{
  display: inline-block;
  text-decoration: none;
  outline: none;
  color: #444;
  background-color: #fff;
  border: none;
  border-radius: 0px;
   /*-webkit-transition: -webkit-box-shadow .3s;
  transition: box-shadow .3s;*/
}
.navi li.active a,.navi li a:hover, .navi li a:focus {
  color: #fff;
  background-color: #ef8201;
  /*-webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
  transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
  -webkit-animation: gelatine 0.4s 1;
  animation: gelatine 0.4s 1;*/
}
@keyframes gelatine {
  from, to {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  25% {
    -webkit-transform: scale(0.9, 1.1);
    transform: scale(0.9, 1.1);
  }

  50% {
    -webkit-transform: scale(1.1, 0.9);
    transform: scale(1.1, 0.9);
  }

  75% {
    -webkit-transform: scale(0.95, 1.05);
    transform: scale(0.95, 1.05);
  }

  from, to {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  25% {
    -webkit-transform: scale(0.9, 1.1);
    transform: scale(0.9, 1.1);
  }

  50% {
    -webkit-transform: scale(1.1, 0.9);
    transform: scale(1.1, 0.9);
  }

  75% {
    -webkit-transform: scale(0.95, 1.05);
    transform: scale(0.95, 1.05);
  }
}
@-webkit-keyframes gelatine {
  from, to {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  25% {
    -webkit-transform: scale(0.9, 1.1);
    transform: scale(0.9, 1.1);
  }

  50% {
    -webkit-transform: scale(1.1, 0.9);
    transform: scale(1.1, 0.9);
  }

  75% {
    -webkit-transform: scale(0.95, 1.05);
    transform: scale(0.95, 1.05);
  }

  from, to {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  25% {
    -webkit-transform: scale(0.9, 1.1);
    transform: scale(0.9, 1.1);
  }

  50% {
    -webkit-transform: scale(1.1, 0.9);
    transform: scale(1.1, 0.9);
  }

  75% {
    -webkit-transform: scale(0.95, 1.05);
    transform: scale(0.95, 1.05);
  }
}








.slider{
	position: relative;
	padding:0;
	text-align: center;
}

.box{
	overflow: hidden;
	background-color: #fff;
	box-shadow: 0px 0px 6px #999;
}
.floor{
    margin-top:20px;
 }


.left-side,
  .right-side{
    float: left;
  }
  .right-side:after,
  .news-content:after,
  .notice-box:after{
  	display: table;
    content: " ";
    clear: both;
  }
  .floor01>.left-side.box{
    width:73.7%;
    height:370px;
    margin-right:1.3%;
  }
  .floor01>.right-side.box{
    width:25%;
    height:370px;
  }
  .notice-box{
    height: 60px;
    line-height: 60px;
    border-bottom:1px solid #e1e1e1;
    background: linear-gradient(to bottom, #fff , #eee); 
  }
  .notice-box .left-side{
    padding:0px 15px;
    color: #f66566;
  }
  .notice-box .left-side i{
    position: relative;
    font-size: 28px;
    top:6px;
  }
  /* 重要公告 */
  .block {
	padding:0 5px; 
	height:40px; 
	margin-top: 10px;
	overflow:hidden; 
	float:left;
  }
  .block ul,
  .block li {
    width:100%;
	 min-width:600px;
	height:40px; 
	line-height: 40px;
	margin:0; 
	padding:0; 
	list-style:none;
  }
  .block li a {
	display:block;
	width: 600px;
	height:40px; 
	line-height:40px; 
	color:#555; 
	text-decoration:none;
  }
  .block li a:hover{
	color: #f66566;
  }

  .notice-box .right-side button{
    border:none;
    background-color: transparent;
    font-size: 14px;
  }
  .notice-box .right-side button:hover{
  	color:#f66566;
  }

  /* 焦点新闻 */
  
  .news-content .left-side,
  .news-content .right-side{
    padding:15px;
  }
  .news-content .left-side{
    width:44%;
    text-align: center;
  }
  .news-content .right-side{
    width:52%;
  	overflow: hidden;
  }
  .news-content .item{

  }
  
  .news-content .carousel-indicators{
    display: block;
    position: relative;
    width: 40%;
    height:30px;
    line-height: 30px;
    margin:0;
    left: 15px;
    bottom:10px;
    text-align: center;
  }
  .news-content .carousel-indicators li{
  	width: 10px;
  	height: 10px;
  	margin:0 2px;
  	background-color: #ccc;
  	border:none;
  }
  .news-content .carousel-indicators li.active{
  	width: 10px;
  	height: 10px;
  	background-color: #f66566;
  	border:none;
  }
  .news-content .carousel-indicators li:hover{
  	background-color: #36d0e8;
  }

  .news-content .right-side p{
    height:140px;
    max-height: 140px;
    line-height: 1.8;
    margin-top: 20px;
    overflow: hidden;
    color:#666;
    text-align: justify;
  }
  .news-content .right-side a:hover{
  	text-decoration: none;
  }
  .news-content .right-side a:hover h3{
  	color:#f66566;
  }
  .news-content .right-side a:hover p{
  	color:#333;
  }
  .news-content .more{
  	position: relative;
  	right:3%;
  	bottom: 15px;
  	font-size: 14px;
  	color:#444;
  }
  .news-content .more:hover{
  	text-decoration: none;
  	color: #f66566;
  }




  
  .login-box .buttons{
    padding:10px;
    text-align: center;
  }
  .login-box .buttons .btn{
    width:45%;
    color: #fff;
  }
  .login-box .buttons .btn-login{
    margin-right: 5px;
    background-color: #5dcf8a;
    transition: all 0.4s;
  }
  .login-box .buttons .btn-reg{
    margin-left: 5px;
    background-color: #36d0e8;
    transition: all 0.4s;
  }
  .login-box .buttons .btn-login:hover,
  .login-box .buttons .btn-reg:hover{
  	transform: scale(1.2);
  }


/* 登录框 */
.login-box .col-xs-6{
	height:158px;
	padding:0;
	border:1px solid #eee;
}
.login-box .col-xs-6 a{
	display: block;
	font-size: 14px;
	text-align: center;
	text-decoration: none;
}
.login-box .col-xs-6 i{
	display: inline-block;
	width:90px;
	height:90px;
	line-height: 90px;
	margin-top: 20px;
	margin-bottom: 10px;
	font-size: 40px;
	border-radius: 90px;
	color:#fff;
	transition: all 0.4s;
}
.login-box .col-xs-6:hover i{
	transform: scale(1.2);
}
.btn-buyer i{
	background-color: #5dcf8a;
}
.btn-supplier i{
	background-color: #f8997b;
}
.btn-complaint i{
	background-color: #f7d47d;
}
.btn-credit i{
	background-color: #36d0e8;
}

/* 交易排行 */
.floor02{
    min-width: 1200px;
    height:500px;
    background: url(../images/rank_bg.jpg) center no-repeat;
  }
  .floor02 h3{
    margin-top: 30px;
    margin-bottom: 20px;
    color:#fff;
  }
  .floor02 .col-xs-4{
    height:170px;
    margin-bottom: 30px;
  }
  .floor02 .col-xs-4 section{
    height: 170px;
    font-size: 14px;
    background-color: #fff;
    color:#999;
    transition: all 0.4s;
  }
  .floor02 .col-xs-4:hover section{
  	transform: scale(1.2);
  }
  .floor02 .col-xs-4 section h4{
    height:50px;
    line-height: 50px;
    padding:0 15px;
    margin:0 -15px 20px -15px;
    font-size: 20px;
    font-weight:normal;
    color:#555;
    background-color: #f1f1f1;
  }
  .floor02 .col-xs-4 section h4 i{
    font-size: 32px;
    position: relative;
    top:6px;
    color:#555;
  }
  .floor02 .col-xs-4 section p{
    margin:0;
    font-size: 32px;
    font-family: arial;
    color:#f66566;
  }


/* Floor03  */

.floor03 .left-side{
    width:73.7%;
    margin-right:1.3%;
}

.news-list li{
	line-height: 45px;
}
.news-list .news-list-header{
	height:60px;
	line-height: 60px;
	color:#999;
}
.news-list span,
.news-list li a{
	display: inline-block;
	text-align: left;
	float: left;
}
.news-list li{
	padding:0 15px;
}
.news-list li:after{
	display: table;
	content: " ";
	clear: both;
}
.news-list .news-name,
.news-list li a{
	width:67%;
	text-decoration: none;
}
.news-list .status{
	width:10%;
	font-size: 13px;
}
.news-list .date{
	width:13%;
	font-size: 13px;
}
.news-list .category{
	width:10%;
	font-size: 13px;
}
.news-list .news-list-header span{
	font-size: 16px;
}
.news-list li:hover{
	background-color: #f5f5f5;
}
.news-list li:hover a,
.closed,
.news-list li .icons-new{
	color: #f66566;
}
.running{
	color: #57d4ac;
}
.news-list li .icons-new{
	position: relative;
	top:5px;
	margin-left: 10px;
	font-size: 24px;
}


.floor03 .right-side{
    width:25%;
}
.index-box{
	text-align: center;
}
.index-box .col-xs-6{
	height:180px;
	padding-top:20px;
	background-color: #eaf6ff;
}
.index-box i{
	display: inline-block;
	width:80px;
	height:80px;
	line-height: 80px;
	margin-bottom: 6px;
	font-size: 48px;
	border-radius: 90px;
	background-color: #648edf;
	color:#fff;
	transition: all 0.4s;
}

.index-box a{
	cursor:default;
	color:#648edf;
}
.index-box a:hover{
	text-decoration: none;
}
.index-box .col-xs-6:hover{
	background-color: #fff !important;
}
.index-box .col-xs-6:hover i{
	background-color: #36d0e8;
	transform: scale(1.2);
}
.index-box .col-xs-6 span{
	font-size:18px;
	color: #f66566;
}

.public-box{
  height:227px;
  margin-top: 20px;
  background:#e0f1ff;
  background-image: url(../images/pattern.png);
  text-align: center;
}
.public-box h4{
  height:36px;
  line-height: 36px;
  margin-top: 0;
  padding:0 15px;
  text-align: left;
  background-color:#648edf;
  color:#fff;
}
.floor04 h4{
  height:48px;
  line-height: 48px;
  padding:0 15px;
  margin:0;
  border-top:3px solid #35b70d;
  color: #35b70d;
  /*color: #57d4ac;*/
}
.floor04 h4 span{
  font-size: 14px;
  font-weight: normal;
}

.floor04 h4:after,
.floor04 ul:after{
  display: table;
  content: " ";
  clear: both;
}
.floor04 img{
  border:1px solid #eee;
  transition: all 0.4s;
}
.floor04 img:hover{
  transform: scale(1.2);
  box-shadow: 0 0 3px #666;
}
.floor04 ul{
  padding:15px;
}
.floor04 ul li{
  float: left;
  width:16.6666666666%;
  text-align: center;
}

/* Floor05 */
.container-fluid .event-box {
  position:relative; 
  height:180px; 
  overflow:hidden;
}
.container-fluid .event-box a {
  position:absolute; 
  width:20%;
  top:0; 
  float:left;
  text-align: center; 
  display:inline-block; 
  height:180px; 
  -webkit-transition:all 0.5s; 
  transition:all 0.5s;
}
.container-fluid .event-box a img{
  -webkit-transition:all 0.5s; 
  transition:all 0.5s;
}

.container-fluid .event-box .event00{
  left:0; 
  z-index:1;
  background-color: #8A42CF;
}
.container-fluid .event-box .event00:hover{
  width: 35%;
}
.container-fluid .event-box .event01:hover,
.container-fluid .event-box .event02:hover,
.container-fluid .event-box .event03:hover{
  width:35%;
}
.container-fluid .event-box .event04:hover{
  width:35%;
}
.container-fluid .event-box .event01:hover img,
.container-fluid .event-box .event02:hover img,
.container-fluid .event-box .event03:hover img,
.container-fluid .event-box .event04:hover img{
  transform: scale(1.2);
}
.container-fluid .event-box .event01 {
  left:20%; 
  z-index:2;
  background-color: #f66566;
}
.container-fluid .event-box .event02 {
  left:40%; 
  z-index:3;
  background-color: #ffb86b;
}
.container-fluid .event-box .event03 {
  left:60%; 
  z-index:4;
  background-color: #6f7bc9;
}
.container-fluid .event-box .event04 {
  left:80%; 
  z-index:5;
  background-color: #57d4ac;
}
.container-fluid .event-box.state0 .event01 {left:35%;}
.container-fluid .event-box.state0 .event02 {left:45%;}
.container-fluid .event-box.state0 .event03 {left:65%;}
.container-fluid .event-box.state0 .event04 {left:85%;}

.container-fluid .event-box.state1 .event01 {left:15%;}
.container-fluid .event-box.state1 .event02 {left:50%;}
.container-fluid .event-box.state1 .event03 {left:65%;}
.container-fluid .event-box.state1 .event04 {left:85%;}

.container-fluid .event-box.state2 .event01 {left:15%;}
.container-fluid .event-box.state2 .event02 {left:35%;}
.container-fluid .event-box.state2 .event03 {left:70%;}
.container-fluid .event-box.state2 .event04 {left:85%;}

.container-fluid .event-box.state3 .event01 {left:15%;}
.container-fluid .event-box.state3 .event02 {left:30%;}
.container-fluid .event-box.state3 .event03 {left:50%;}
.container-fluid .event-box.state3 .event04 {left:85%;}

.container-fluid .event-box.state4 .event01 {left:15%;}
.container-fluid .event-box.state4 .event02 {left:30%;}
.container-fluid .event-box.state4 .event03 {left:50%;}
.container-fluid .event-box.state4 .event04 {left:65%;}


/* Floor06  */
.floor06{
    margin-top: 20px;
  }
  .floor06 .box{
  	height:250px;
    padding:15px;
	 border-top:3px solid #048fd3;
   /* border-top:3px solid #36d0e8;*/
   
  }  
  .floor06 .box h4{
    margin:0;
    margin-bottom: 15px;
    color: #048fd3;
  }
  .floor06 .box h4 i{
    position: relative;
    top:4px;
    font-size: 24px;
  }
  .floor06 h4 a{
    margin-top:4px;
    font-size: 14px;
    font-weight: normal;
    color: #666;
  }
  .floor06 h4 a:hover{
    color:#f66566;
    text-decoration: none;
  }
  .floor06 ul li{
    width:335px;
    height:36px;
    line-height: 36px;
    overflow: hidden;
  }
  .floor06 ul li .icons-round{
    position: relative;
    top:-3px;
    margin-right:10px;
    font-size: 6px;
    color:#048fd3;
  }
  .floor06 ul li:hover .icons-round{
  	color: #f66566;
  }
  .floor06 ul li:hover a{
  	text-decoration: none;
  	color: #f66566;
  }



footer{
  min-width: 1200px;
	padding:20px 0px 20px 0px;
	margin-top:20px;
	background-color: #444;
	color: #999;
	font-size: 14px;
}
footer:after{
	display: table;
	clear: both;
	content: " ";
}
footer a{
	color: #999;
}
footer a:hover{
	color: #fff;
}
footer .col-xs-5 span{
	display: block;
	margin-bottom: 10px;
	font-size: 16px;
}


/* 漂浮侧边栏 */

.floator-bar {
	position:fixed; 
	right:0px; 
	top:50%; 
	width:50px; 
	z-index:99; 
	margin-top:-145px;
}
.floator-bar ul{
	margin:0;
}
.floator-bar li {
	position:relative; 
	float:left; 
	width:50px; 
	height:50px; 
	margin-top:-1px; 
	line-height:50px; 
	background:#333; 
	text-align:center;
}
.floator-bar li i {
	font-size:24px; 
	color:#e8e8e8;
}
.floator-bar li.title {
	height:30px; 
	line-height:normal; 
	border-top-left-radius:3px;
}
.floator-bar li.title{
	color:#e8e8e8; 
	padding:8px 0 3px;
}
.floator-bar li.zx { 
	border-bottom-left-radius:3px;
}
.floator-bar li .circle {
	display:inline-block; 
	width:36px; 
	height:36px; 
	line-height:36px; 
	background:#1f1f1f; 
	border-radius:100%; 
	margin-top:8px; 
	text-align:center; 
	cursor:pointer;
}
.floator-bar li .circle i {
	font-size:20px; 
	color:#3ad08b;
}
.floator-bar li.item {
	margin-top:3px; 
	border-radius:3px 0 0 3px; 
	cursor:pointer;
}
.floator-bar li.item i {
	height:50px; 
	width:50px; 
	line-height:50px;
}
.floator-bar li.item:hover {
	background:#3ad08b;
}
.floator-bar li.backtop {
	display:none;
}
.floator-bar .hide-box{
  position: absolute;
  width:220px;
  top: 0;
  right: -300px;
  z-index: -1;
  background-color:#fff;
  border:1px solid #ccc;
  border-radius: 4px;
}
.floator-bar .btn-bg {
	position:relative; 
	width:100%; 
	margin-right:20px; 
	padding:10px; 
	text-align:left; 
	cursor:default;
}
.floator-bar .btn-bg label {
	display:block; 
	padding:5px 0 0 5px; 
	line-height:1; 
	color:#39d08e;
}
.floator-bar .btn-bg span {
	padding-left:5px; 
	font-size:24px; 
	color:#39d08e;
}
.floator-bar .btn-bg a {
	display:block; height:35px; 
	line-height:35px; 
	text-align:center; 
	color:#fff; 
	border-radius:3px;
  background-color: #3ad08b; 
}
.floator-bar .btn-bg a i {
	height:35px; 
	width:auto; 
	margin-right:5px; 
	line-height:35px; 
	color:#fff;
}
.floator-bar .btn-bg a:hover {
	opacity:.8; 
	filter:alpha(opacity=80);
  text-decoration: none;
}
.floator-bar .btn-bg .img {
	text-align: center;
}
.floator-bar .btn-bg .outart {
  position:absolute; 
  top:20px; 
  right:-13px; 
  height:0; 
  width:0; 
  border-width:5px 6px; 
  border-style:solid; 
  border-color:transparent transparent transparent #aaa;
}
.floator-bar .btn-bg .inart {
  position:absolute; top:20px; 
  right:-12px; 
  height:0; 
  width:0; 
  border-width:5px 6px; 
  border-style:solid; 
  border-color:transparent transparent transparent #fff;
}

.login-pf{
	position:absolute; 
     z-index: 1000;
	 top:250px;
	 clear:both;
	 width:100%;
	  color:#fff;

	
}
.login-pf a{
	display:block; height:35px; 
	line-height:35px; 
	text-align:center; 
	color:#fff; 
	border-radius:3px;
    /*background-color:rgba(197, 207, 175, 0.7);*/
	background-color:rgba(64, 20, 24, 0.5);
  width:180px;
  font-size:16px;
  font-weight:bolder;
}
.login-pf a:hover{
	/*background-color:rgba(149, 191, 217, 0.8);*/
	background-color:rgba(239, 130, 1, 0.8);
	
}