/* icon */
.icon{
	background-image: url(../img/icon.png) ;
	background-repeat: no-repeat;
	background-size: 157px 375px;
}

	.return{
		display: block;
		width: 22px;
		height: 22px;
		background-position: -108px 0;
	}
	.so{
		display: block;
		width: 22px;
		height: 22px;
		background-position: -27px 0;
	}
	.logo{
		display: block;
		margin-top: 11px;
		width: 109px;
		height: 22px;
		background-position: 0 -154px;
		text-indent: -999em;
	}
	.logo a{
		display: block;
		width: 109px;
		height: 22px;
	}

.icon-block{
		display: flex;
		justify-content: center;
		align-items: center;
		margin: 0 5px;
		width: 44px;
		height: 44px;
	}

.center{
		max-width: 6rem;
	}
	.center h1{
			font-size: 18px;
			font-weight: 400;
			line-height: 44px;
			color: #fff;
		}


.g-flexview {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 auto;
    max-width: 960px;
}

.nav{
    overflow: hidden;
    padding: 10px 8px;
    background: #fff;
    margin-bottom: 8px;
}
.nav a{
    float: left;
    display: block;
    width: 20%;
    text-align: center;
    color: #666;
    font-size: 16px;
}
.nav a.current{
		font-weight: 800;
		color: #ff5c00;
	}

.m-navbar{
	background-image: url(../img/header-1.jpg) ;
	background-repeat: no-repeat;
	background-size: 100% auto;
	display: flex;
	justify-content:space-between;
	height: 44px;
}


.scrolltab-nav {
    width: 80px;
    background-color: #f7f7f7;
}
.scrolltab-item {
    padding: 0;
    height: 48px;
    line-height: 48px;

}

.scrolltab-content-item{
	/*margin-left: 16px;*/
}

.scrolltab-content-title {
	text-indent: 10px;
    font-size: 18px;
    font-weight: 700;
    color: #222;
    display: block;
    padding: 11px 0;
    position: relative;
    z-index: 1;
}

.scrolltab-title {
	margin: 0 auto;
	max-width: none;
    font-size: 16px;
    color: #666;
}

.back-ico{
	color: #fff;
}



.tags{
	display: flex;
	flex-wrap: wrap;
	padding: 8px 0;
}
.tags .trans{
	flex: 0 0 50%;
	display: flex;
	justify-content: center;
    background: #f7f7f7;
    height: 60px;
    border: 6px solid #fff;
	padding: 5px;
	line-height: 1.2;
    text-align: center;
}
.tags .trans .name{
	align-self: center;
    font-size: 14px;
    font-weight: 400;
    color: #666;
}



@media screen and (min-width: 960px){	
	
	.nav a:hover{
		color: #ff5c00;
	}
	.tags .trans {
		flex: 0 0 25%;
	}
	.tags .trans .name{
		align-self: center;
	    font-size: 16px;
	    color: #666;
	}
	.tags .trans:hover{
		background: #ff5c00;
	}
	.tags .trans:hover .name{
		color: #fff;
	}
}

	.works-more{
		display: block;
		padding-bottom: 24px;
		text-align: center;
		font-size: 16px;
		color: #999;
	}