.b-row{
	
}


.b-row:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

.b-row .b-span2{
	width: 15%;
	float: left;
	margin-left: 2%;
}


.b-row .b-span3{
	width: 23.5%;
	float: left;
	margin-left: 2%;
}

.b-row .b-span7{
	width: 57.5%;
	float: left;
	margin-left: 2%;
}

.b-row .b-span9 {
	width: 74.5%;
	float: left;
	margin-left: 1%;
}

.b-row .b-span9-with-border {
	width: 73.5%;
	float: left;
	margin-left: 2%;
	margin-top: 10px;
	border: 1px solid #DDD;
	box-sizing: border-box;
	*box-shadow: #ccc 0 2px 5px 2px;
}

.b-row>:first-child{
	margin-left: 0;
}

/*span9中两列右边一列的比例*/
.b-row .span9-left{
	width: 10%;
	float: left;
	margin-left: 2%;
}

/*span9中两列右边一列的比例*/
.b-row .span9-right{
	width: 74%;
	float: left;
	margin-left: 2%;
}



/*"3-9设计" 左边栏导航的设计*/
.b-row .b-span3 .nav-list>li>a{
	display: block;
	padding: 8px 14px;
	border: 1px solid #e5e5e5;
	font-size: 120%;
	margin-bottom:-1px;
}

/*end*/







/*小修饰*/
.gutter-top-in-1{
	padding-top: 10px;
}

.gutter-top-in-2{
	padding-top: 20px;
}

.gutter-top-in-4{
	padding-top: 40px;
}


/*end*/






/*自适应的设计*/
@media only screen and (max-width: 640px) {
	
	.b-row .b-span1, 
	.b-row .b-span2, 
	.b-row .b-span3, 
	.b-row .b-span4, 
	.b-row .b-span5, 
	.b-row .b-span6, 
	.b-row .b-span7, 
	.b-row .b-span8, 
	.b-row .b-span9, 
	.b-row .b-span10, 
	.b-row .b-span11, 
	.b-row .b-span12{
		float: none  !important;
		margin-left: 0;
		width: 100%;
	}
}

/*end*/


/**
 * 	3D旋转
 */
.d3-modules {
	-webkit-transition: opacity .2s ease-out, -webkit-transform .2s ease-out;
	-moz-transition: opacity .2s ease-out, -moz-transform .2s ease-out;
	-o-transition: opacity .2s ease-out, -o-transform .2s ease-out;
	-ms-transition: opacity .2s ease-out, -ms-transform .2s ease-out;
	transition: opacity .2s ease-out, transform .2s ease-out;
	opacity: 1;
}

/*正旋转90度*/
.d3-modules.exit-plus {
	-webkit-transform: perspective(3000) rotateY(90deg);
	-moz-transform: perspective(3000) rotateY(90deg);
	-o-transform: perspective(3000) rotateY(90deg);
	-ms-transform: perspective(3000) rotateY(90deg);
	transform: perspective(3000) rotateY(90deg);
	opacity: 0;
	-webkit-transition: opacity .2s ease-in, -webkit-transform .2s ease-in;
	-moz-transition: opacity .2s ease-in, -moz-transform .2s ease-in;
	-o-transition: opacity .2s ease-in, -o-transform .2s ease-in;
	-ms-transition: opacity .2s ease-in, -ms-transform .2s ease-in;
	transition: opacity .2s ease-in, transform .2s ease-in
}

/*反旋转90度*/
.d3-modules.exit-negative {
	-webkit-transform: perspective(3000) rotateY(-90deg);
	-moz-transform: perspective(3000) rotateY(-90deg);
	-o-transform: perspective(3000) rotateY(-90deg);
	-ms-transform: perspective(3000) rotateY(-90deg);
	transform: perspective(3000) rotateY(-90deg);
	opacity: 0;
}

/*维持正90度隐藏*/
.d3-modules.hidden90{
	-webkit-transform: rotateY(90deg);
	-moz-transform: rotateY(90deg);
	-o-transform: rotateY(90deg);
	-ms-transform: rotateY(90deg);
	transform: rotateY(90deg);
	opacity: 0;
}

/*维持负90度隐藏*/
.d3-modules.hidden-90{
	-webkit-transform: rotateY(-90deg);
	-moz-transform: rotateY(-90deg);
	-o-transform: rotateY(-90deg);
	-ms-transform: rotateY(-90deg);
	transform: rotateY(-90deg);
	opacity: 0;
}

/*恢复可见*/
.d3-modules.enter {
	-webkit-transform: perspective(3000) rotateY(0deg);
	-moz-transform: perspective(3000) rotateY(0deg);
	-o-transform: perspective(3000) rotateY(0deg);
	-ms-transform: perspective(3000) rotateY(0deg);
	transform: perspective(3000) rotateY(0deg);
	opacity: 1;
}