@font-face {
  font-family: 'iconfont';
  src: url('//at.alicdn.com/t/font_1450866982_4831305.eot'); /* IE9*/
  src: url('//at.alicdn.com/t/font_1450866982_4831305.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('//at.alicdn.com/t/font_1450866982_4831305.woff') format('woff'), /* chrome、firefox */
  url('//at.alicdn.com/t/font_1450866982_4831305.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('//at.alicdn.com/t/font_1450866982_4831305.svg#iconfont') format('svg'); /* iOS 4.1- */
}
                                
                    
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 300;
	src: local('Open Sans Light'), local('OpenSans-Light'), url(../fonts/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}

@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	src: local('Open Sans'), local('OpenSans'), url(../fonts/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(../fonts/MTP_ySUJH_bn48VBG8sNSnhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}

@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 700;
	src: local('Open Sans Bold'), local('OpenSans-Bold'), url(../fonts/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}

.iconfont {
	font-family: "iconfont" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
}

body {
	font-size: 14px;
	font-family: "Microsoft Yahei";
	background: #ffffff;
}

body {
	min-width: 1170px;
}

.container {
	min-width: 1170px;
	max-width: auto;
	width: 1170px!important;
}

#blog {
	background: #efefef;
}
.btn:visited,
.btn:active,
.btn:hover,
.btn:focus,
.btn:active:focus,
a.active,
a:visited,
a:focus,
a:hover {
	text-decoration: none;
	outline: none;
}

.popover {
	-webkit-animation: 0.5s ease;
	-moz-animation: 0.5s ease;
	-ms-animation: 0.5s ease;
	animation: 0.5s ease;
	-webkit-animation-name: bounce;
	-moz-animation-name: bounce;
	-ms-animation-name: bounce;
	animation-name: bounce;
}


/* 弹跳 */

@-webkit-keyframes bounce {
	0%,
	20%,
	50%,
	80%,
	100% {
		-webkit-transform: translateY(0);
	}
	40% {
		-webkit-transform: translateY(-30px);
	}
	60% {
		-webkit-transform: translateY(-15px);
	}
}

@-moz-keyframes bounce {
	0%,
	20%,
	50%,
	80%,
	100% {
		-moz-transform: translateY(0);
	}
	40% {
		-moz-transform: translateY(-30px);
	}
	60% {
		-moz-transform: translateY(-15px);
	}
}

@-ms-keyframes bounce {
	0%,
	20%,
	50%,
	80%,
	100% {
		-ms-transform: translateY(0);
	}
	40% {
		-ms-transform: translateY(-30px);
	}
	60% {
		-ms-transform: translateY(-15px);
	}
}

@keyframes bounce {
	0%,
	20%,
	50%,
	80%,
	100% {
		transform: translateY(0);
	}
	40% {
		transform: translateY(-30px);
	}
	60% {
		transform: translateY(-15px);
	}
}

.modal-content .alert {
	margin: 0;
	font-size: 24px;
}

.ease {
	-webkit-transition: all 0.18s ease-out;
	-moz-transition: all 0.18s ease-out;
	-ms-transition: all 0.18s ease-out;
	-o-transition: all 0.18s ease-out;
	transition: all 0.18s ease-out;
}

#dropdownDownload,
#dropdownProduct {
	text-align: center;
	padding: 20px 0 0 0;
	display: none;
}

#dropdownDownload.open,
#dropdownProduct.open {
	display: block;
}

#dropdownDownload p,
#dropdownProduct p {
	margin-top: 8px;
}

#dropdownDownload img,
#dropdownProduct img {
	height: 120px;
}


/***************************/

.navbar-top {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	min-width: 1170px;
	z-index: 99;
	background: #fff;
	opacity: .95;
	filter: alpha(opacity: 95);
	border-radius: 0;
	box-shadow: #f5f5f5 1px 1px 1px;
}

.nav-logo {
	width: 150px;
}

.navbar-header {
	float: left!important;
}

.navbar-top-product {
	position: absolute;
	margin-bottom: 0;
}

.nav-main .nav {
	float: left;
}

.nav-main .nav>li {
	float: left;
}

.nav-main .nav>li>a {
	font-size: 16px;
	padding-top: 15px;
	padding-bottom: 15px;
	text-transform: uppercase;
	color: #333;
	font-family: 'Open Sans';
}

.nav-main .nav li.active > a,
.nav-main li.active:hover > a {
	color: #0da3e2;
}

.nav-main .navbar-right {
	float: right;
}

.nav-main .navbar-right a {
	padding-bottom: 11px;
}
.nav-main .navbar-right>li>a .badge{
	position:absolute;
	top:2px;
	right:2px;
	background:#d44950;	
}
.nav-main .navbar-right .badge{
	background:#d44950;	
}
.navbar-top .col-sm-2 {
	display: table-cell;
	width: 16.66666666%!important;
}

.navbar-top .navbar-toggle {
	padding: 0px;
	font-size: 30px;
	line-height: 30px;
}

.navbar-top .navbar-right .info-user img {
	width: 26px;
	border-radius: 50%;
}

.navbar-top .navbar-right a {
	font-size: 20px;
}

.navbar-top .navbar-right a i {
	font-size: 26px;
}

.navbar-top .navbar-right .dropdown-menu a {
	font-size: 16px;
}

.navbar-brand {
	padding: 10px
}

.navbar-brand img {
	height: 30px;
}

.navbar-holder {
	height: 58px;
}


/*********************************/

.banner {
	margin-bottom: 20px;
}

.banner-blog {
	height: 323px;
	padding-top: 200px;
	color: #fff;
	background: url(../images/banner-blog.jpg) no-repeat top center;
}

.product-item-box {
	padding-top: 85px;
	background: #0068b7;
	position: relative;
	margin-bottom: 30px;
}

.product-item-title {
	padding: 40px;
}

.product-item-title > .page-item {
	color: #fff;
	display: inline-block;
	padding: 10px 40px;
	background: #0574c9;
	border-radius: 40px;
	font-size: 36px;
}

.product-item-box .arrow {
	position: absolute;
	display: block;
	left: 50%;
	bottom: -38px;
	margin-left: -36px;
	color: #0068b7;
	font-size: 72px;
	width: 72px;
	height: 72px;
	overflow: hidden;
	line-height: 1;
}

.subnav {
	top: 0;
	left: 0;
	width: 100%;
	z-index: 98;
	border-radius: 0;
	color: #fff;
}

.subnav .subnav-detail-toggle {
	margin: 15px;
	color: #fff;
}

.subnav-product {
	position: absolute;
	margin-top: 52px;
	background: #0068b7;
}

.subnav-detail {
	background: #0068b7;
}

.subnav-product.fixed {
	position: fixed;
	top: -54px;
}

.subnav-product .bg {
	background: #0068b7;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}

.subnav-product-general .bg {}

.subnav h1 {
	font-size: 30px;
}

.subnav-detail {
	padding: 60px 0 40px 0;
	color: #fff;
	display: block;
}

.subnav-detail h1 {
	font-size: 60px;
}

.subnav-detail p {
	font-size: 36px;
}

.subnav-detail button {
	height: 70px;
	border: #fff 2px solid;
	background: transparent;
	font-size: 32px;
	line-height: 44px;
	border-radius: 36px;
	color: #fff;
	padding: 10px 28px
}

.subnav-detail button:hover {
	color: #fff;
}

.subnav-detail button i {
	font-size: 36px;
}

.subnav-product.fixed .subnav-detail {
	display: none;
}

.subnav-product.subnav-detail-hide .subnav-detail {
	display: none;
}

.subnav-product.subnav-detail-show .subnav-detail {
	display: block;
}

.subnav-product .pull-right {
	padding-top: 10px;
	color: #2e88ce;
	font-size: 16px;
}

.subnav-product .pull-right a {
	color: #fff;
	font-size: 16px;
	margin-left: 4px;
	margin-right: 4px;
}

.subnav-product .pull-right a.active {
	color: #83c9ff;
}

.subnav-product .page-item-title {
	margin: 48px 0;
	text-align: center;
}


/*************************************/

.form-faq-search {
	position: relative;
	padding: 40px 0;
}

.form-faq-search .page-item {
	min-width: 400px;
	max-width: 560px;
	margin: 0 auto;
	position: relative;
}

.form-faq-search input,
.form-faq-search button {
	height: 60px;
	border-radius: 40px;
	font-size: 24px;
}

.form-faq-search input {
	padding-left: 50px;
	background: #0574c9;
	border-color: #2581ca;
	color: #ffffff;
	font-size: 18px;
}

.form-faq-search button {
	padding-left: 20px;
	padding-right: 20px;
	text-align: center;
	color: #015392;
}

.form-faq-search .icon-search {
	position: absolute;
	top: 0;
	left: 20px;
	z-index: 9;
	font-size: 24px;
	line-height: 60px;
	color: #fff;
}

.form-faq-search .icon-face {
	position: absolute;
	top: 5px;
	right: 20px;
	width: 50px;
	height: 50px;
	z-index: 9;
	font-size: 24px;
	background: url(../img/search-words.png) no-repeat center center;
}

.no-padding {
	padding: 0;
}

.no-padding-top {
	padding-top: 0;
}

.no-padding-left {
	padding-left: 0;
}

.no-padding-right {
	padding-right: 0;
}

.no-padding-bottom {
	padding-bottom: 0;
}

.index-swiper {
	position: relative;
	max-height: 900px;
	overflow: hidden;
}

.index-swiper .swiper-slide {
	overflow: hidden;
	position: relative;
}

.index-swiper .item0 {
	overflow: hidden;
}

.index-swiper .item0 img {
	position: absolute;
}

.index-swiper .item0 .swiper-item-image {
	position: inherit;
	width: 100%;
}

.index-swiper .item0 .swiper-item-txt {
	top: 34.5%;
	left: 12.8%;
	height: 38.888888%;
}

.index-swiper .item0 .swiper-item-btn {
	position: absolute;
	top: 55%;
	left: 12.8%;
	width: 20.8%;
	height: 8.88888%;
}

.index-swiper .item0 .swiper-item-btn img {
	width: 100%;
	height: 100%;
}

.index-swiper .item1 .swiper-item-image {
	width: 100%;
}

.index-swiper .item1 .swiper-item-btn {
	position: absolute;
	top: 65%;
	left: 23.8%;
	width: 20.8%;
	height: 8.88888%;
}

.index-swiper .item1 .swiper-item-btn img {
	width: 100%;
	height: 100%;
}


.index-swiper .item2 {
	overflow: hidden;
}

.index-swiper .item2 img {
	position: absolute;
}

.index-swiper .item2 .swiper-item-image {
	position: inherit;
	width: 100%;
}


.index-swiper .item2 .swiper-item-btn {
	position: absolute;
	top: 67.44444444444444%;
	left: 52.96875%;
	width: 22.3%;
	height: 10.2222%;
}

.index-swiper .item3 {
	overflow: hidden;
}

.index-swiper .item3 img {
	position: absolute;
}

.index-swiper .item3 .swiper-item-image {
	position: inherit;
	width: 100%;
}


.index-swiper .item3 .swiper-item-btn {
	position: absolute;
	top: 66.1%;
	left: 52.96875%;
	width: 22.3%;
	height: 10.2222%;
}


.index-swiper .arrow {
	position: absolute;
	top: 50%;
	z-index: 9;
	width: 72px;
	height: 72px;
	line-height: 72px;
	margin-top: -36px;
	background: #37383a;
	text-align: center;
	font-size: 42px;
	color: #ffffff;
}

.index-swiper .arrow:hover {
	background: #0068b7;
}

.index-swiper .arrow-left {
	left: 0;
}

.index-swiper .arrow-right {
	right: 0;
}

.index-title {
	text-align: center;
	position: relative;
}

.index-title h1 {
	display: inline-block;
	font-size: 72px;
	background: #fff;
	padding: 20px 40px;
}

.index-title span {
	display: inline-block;
	font-size: 36px;
	background: #fff;
	color: #333333;
	font-weight: normal;
}

.index-title hr {
	position: absolute;
	left: 20px;
	right: 20px;
	top: 50%;
	z-index: -1;
}

.index-s1,
.index-s2,
.index-s3 {
	position: relative;
	height: 100%;
	padding-top: 46.875%;
}

.index-s1 .bg,
.index-s2 .bg,
.index-s3 .bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.index-s1 a,
.index-s2 a,
.index-s3 a {
	position: absolute;
	z-index: 1;
	display: block;
	height: 9.55555555%;
}

.index-s1 a img,
.index-s2 a img,
.index-s3 a img {
	width: 100%;
}

.index-s1 a {
	top: 67.5555555%;
	left: 6.25%;
	width: 15.9375%;
}

.index-s2 a {
	top: 64.4444444%;
	left: 56.77083333%;
	width: 15.9375%;
}

.index-s3 a {
	top: 67.5555555%;
	left: 6.25%;
	width: 15.9375%;
}


/**************************************/

.blog-main {
	padding-bottom: 20px;
}

.blog-item {
	padding: 5px 15px 15px;
	background: #fff;
	margin-bottom: 20px;
	border-bottom: 2px solid #ccc;
}

.blog-item .post-title {
	margin-top: 0;
	padding: 10px 0;
}

.blog-item .post-title a {
	color: #444;
	font-size: 20px;
	line-height: 22px;
}

.blog-item .post-title a.cate {
	background: #5bc0de;
	color: #fff;
	padding: 2px 4px 2px 8px;
	border-radius: 2px;
	margin-right: 12px;
	position: relative;
	font-size: 16px;
}

.blog-item .post-title a.cate i {
	position: absolute;
	right: -7px;
	color: #5bc0de;
	font-size: 22px;
	top: 1px;
}

.blog-item .post-title a.cate:hover {
	color: #fff;
}

.blog-item .attr {
	border: 0;
	padding: 10px 0 0;
	margin-bottom: 10px;
	background: #fff;
	color: #AAA;
}

.blog-item .summary {
	border: #e5e5e5 1px solid;
	border-left: #0068b7 6px solid;
	background: #f9f9f9;
	padding: 20px;
	margin-bottom: 20px;
}

.blog-item .attr,
.blog-item .attr a {
	color: #AAA;
	font-size: 12px;
}

.blog-item .attr .pull-right a {
	margin-left: 12px;
}

.blog-item .attr .fa-heart {
	color: #e74c3c;
}

.blog-item .cover {
	max-height: 360px;
	margin-bottom: 10px;
	overflow: hidden;
}

.blog-item .cover img {
	width: 100%;
	border-radius: 4px 4px 0 0;
}

.blog-item .text {
	line-height: 24px;
}

.blog-item .more {
	margin-top: 8px;
}

.m-side {}

.side-item {
	background: #fff;
	margin-bottom: 10px;
	padding: 10px;
}

.side-item blockquote {
	border-left: #0068b7 3px solid;
	padding: 10px;
	font-size: 14px;
	line-height: 1.4em;
	margin: -10px -10px 10px;
	background: #0068b7;
	color: #fff;
	font-style: italic;
}

.blog-side .category {}

.blog-side .category ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.blog-side .category li:nth-child(2n-1) {
	background: #fafafa;
}

.blog-side .category ul a {
	display: inline-block;
	padding: 8px 12px;
}

.blog-side .side-content {
	padding: 10px 0;
}

.blog-side .share a {
	color: #fff;
	width: 48px;
	height: 48px;
	line-height: 48px;
	font-size: 48px;
	display: inline-block;
	border-radius: 50%;
	transition-property: all;
	transition-duration: 0.5s;
	-moz-transition-property: all;
	-moz-transition-duration: 0.5s;
	-webkit-transition-property: all;
	-webkit-transition-duration: 0.5s;
	-o-transition-property: all;
	-o-transition-duration: 0.5s;
}

.blog-side .share a:hover {
	transform: scale(1.1);
}

.blog-side .share i.iconfont {
	font-size: 48px;
	line-height: 48px;
	vertical-align: top;
}

.blog-side .share a.share-facebook {
	background: #537bbc;
}

.blog-side .share a.share-googleplus {
	background: #e92225;
}

.blog-side .share a.share-youtube {
	background: #e9644a;
}

.blog-side .share a.share-twitter {
	background: #78cbef;
}

.blog-side .share a.share-weibo {
	background: #e6162d;
}

.blog-side .share a.share-weixin {
	background: #33c532;
}

.blog-side .posts {
	margin-bottom: 10px;
}

.blog-side .post-cate {
	border-bottom: #337AB7 2px solid;
	margin-top: 0px;
	margin-bottom: -1px;
}

.blog-side .post-cate a {
	background: #337AB7;
	display: inline-block;
	padding: 4px 12px;
	color: #fff;
	font-size: 12px;
}

.post-cate-box {
	margin-bottom: 10px;
}

.post-item {
	border-top: 1px solid #EEE;
	padding: 8px 0 0 0;
	margin-bottom: 10px;
}

.post-item .post-cover {
	display: table-cell;
	vertical-align: top;
	width: 110px;
}

.post-item .post-cover img {
	width: 100px;
	height: 75px;
	border: none;
}

.post-item .post-body {
	display: table-cell;
	padding: 5px 0;
}

.post-item .post-body a {
	display:block;
	width:134px;
	line-height: 18px;
	max-height: 36px;
	color: #666666;
	overflow: hidden;
}

.blog-item .post-title a:hover,
.post-item .post-title:hover {
	color: #337AB7;
}

.post-item .post-body .post-like {
	color: #666666;
}

.post-item .post-body .post-date {
	font-size: 12px;
	color: #aaa;
}

.post-item .post-body .post-like:hover,
.post-item .post-body .post-like.active {
	color: #e76049;
}

.post-share {
	padding: 20px 0;
	text-align: center;
	color: #666;
}

.post-share a {
	margin: 0 10px;
	color: #666;
	font-size: 24px;
}
.post-share a .iconfont{
	font-size:24px;
}
.post-share a:hover {
	color: #5bc0de;
}

.m-pagination {
	text-align: center;
	padding: 10px 2px
}

.m-pagination a,
.m-pagination span {
	margin: 0 4px;
	font-size: 12px;
	padding: 8px 12px;
	border-style: solid;
	border-width: 1px;
	border-color: #dddddd #dddddd #cccccc;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	display: inline-block;
	line-height: 16px;
	background: #f5f5f5;
	color: #333333;
	text-shadow: 0 1px 0 #ffffff;
}

.m-pagination span.current {
	background: #337ab7;
	color: #ffffff;
	cursor: default;
}

#content {
	width: 100%;
	border: 0;
	border-spacing: 0;
	border-collapse: collapse;
}

#content >tr >td,
#content >tbody >tr >td {
	border: 0;
	padding: 20px 0;
}

#content img {
	max-width: 100%;
	cursor: pointer;
}

.comment {
	padding: 10px;
	background: #fff;
}

.comment .media-body,
.comment form {
	position: relative;
}

.comment blockquote {
	border-left: #0068b7 3px solid;
	padding: 10px;
	font-size: 14px;
	line-height: 1.4em;
	margin: -10px -10px 10px;
	background: #0068b7;
	color: #fff;
	font-style: italic;
}

.comment .comment-login-tip {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	padding-top: 15px;
	text-align: center;
}

.comment .panel-body .comment-login-tip {
	padding-top: 5px;
}

.list-comment {}

.list-comment .media {
	margin: 0;
	padding: 10px 0;
	border-bottom: #f6f4f4 1px solid;
}

.list-comment .media .media-left img {
	width: 50px;
	height: 50px;
	border: 1px solid #eee;
	padding: 1px;
}

.list-comment .media .media-body {
	overflow: auto;
}

.list-comment .media .media-heading small {
	color: #999999;
}

.list-comment > .media:last-child {
	border-bottom: 0;
}

.list-comment .media-deep1 {
	margin-left: 4em
}

.list-comment .media-deep2 {
	margin-left: 8em
}

.list-comment .media-deep3 {
	margin-left: 12em
}

.list-comment .media-deep4 {
	margin-left: 16em
}

.list-comment .media-deep5 {
	margin-left: 20em
}

.list-comment .media-deep6 {
	margin-left: 24em
}

.list-comment .action a {
	font-size: 12px;
}

.list-comment .floor {
	font-size: 25px;
	font-style: italic;
	padding-right: 5px;
	color: #888;
}


/***************************************************/

.product-swiper {
	padding: 20px 0;
}

.product-swiper .container {
	position: relative;
}

.product-swiper img {
	max-width: 100%;
}

.product-swiper .arrow {
	position: absolute;
	top: 50%;
	z-index: 9;
	width: 72px;
	height: 72px;
	line-height: 72px;
	margin-top: -36px;
	background: #37383a;
	text-align: center;
	font-size: 42px;
	color: #ffffff;
}

.product-swiper .arrow:hover {
	background: #0068b7;
}

.product-swiper .arrow-left {
	left: 0;
}

.product-swiper .arrow-right {
	right: 0;
}

.resource-download {
	margin-top: 50px;
}

.resource-download .related_resource {
	padding: 10px 0 10px 13px;
	background: #0068B7;
	color: #fff;
	font-size: 14px;
	border-radius: 4px 4px 0 0;
}

.resource-download .list-group-item {
	padding: 10px;
}

.resource-download .resource_icon {
	width: 45px;
	height: 45px;
	margin-right: 5px;
}

.resource-download .table td {
	font-size: 12px;
}

.resource-download .resource-title {
	background: #0068B7;
	padding: 2px 12px;
	border-radius: 4px 4px 0 0;
}

.resource-download .btn-download {
	font-size: 16px;
	font-weight: bold;
}

.resource-download .btn-history {
	padding-top: 4px;
	position: absolute;
	right: 25px;
}

.resource-download .download-releases {
	border: 1px solid #ccc;
	border-top: none;
	padding: 20px;
	margin-top: -21px;
	margin-bottom: 40px;
	display: none;
	margin-right: 1px;
}

.resource-download .download-releases .download-title {
	color: #fff;
}


/***************************************************/

.product-faq {
	color: #666;
}

.product-faq .panel-faq {
	background: transparent;
	border-bottom: #e8e7e7 1px solid;
}

.product-faq .panel-heading {}

.product-faq .panel-title i {
	font-size: 12px;
	line-height: 1.4;
	color: #bdbec3;
	margin-right: 2px;
}

.product-faq .panel-body {
	border-top: 0!important;
	background: #efefef;
	padding: 20px;
	position: relative;
	margin-top: 10px;
}

.product-faq .panel-body .arrow {
	position: absolute;
	color: #efefef;
	top: -20px;
	left: 40px;
	font-size: 30px;
}

.product-faq .direct {
	padding: 8px 0 0 0;
}

.product-faq .direct a {
	color: #015392;
}

.product-resource h2 {
	border-bottom: 4px solid #0574C9;
	color: #666;
	font-size: 20px;
	padding-bottom: 10px;
	margin-bottom: 20px;
}

.product-resource .file-box {
	padding: 10px 0;
	height: 110px;
}

.product-resource .file-detail,
.product-resource .file-icon {
	display: table-cell;
	padding: 4px 10px;
	vertical-align: top;
}

.product-resource .file-icon {
	width: 90px;
}

.product-resource .file-icon img {
	width: 70px;
	height: 70px;
}

.product-resource .file-name {
	font-size: 16px;
}

.product-resource .file-version,
.product-resource .file-released {
	font-size: 13px;
	color: #999;
	margin-bottom: 6px;
}

.product-resource .file-released {
	margin-bottom: 8px;
}

.product-resource .btn-info {
	background: #0068b7;
	border-color: #0068b7;
	margin: 0 4px;
	border-radius: 4px!important;
}

.product-resource .file-buttons {}

.product-resource .file-extbox {
	border: #eee 1px solid;
	border-radius: 2px;
	padding: 20px 0 0 0;
	background: #f0f0f0;
	margin: 0 0 10px 0;
	position: relative;
}

.product-resource .file-extbox .form-label {
	width: 28%;
}

.product-resource .file-extbox .arrow {
	position: absolute;
	color: #f0f0f0;
	top: -28px;
	width: 36px;
	height: 36px;
	line-height: 36px;
	font-size: 36px;
}


/***************************************************/

.footer {
	background-color: #171515;
	width: 100%;
	padding-top: 30px;
}

.footer .f-warp {
	width: 1000px;
	margin: 0 auto;
	overflow: hidden;
}

.footer .f-lnks {
	border-bottom: 1px solid #666;
}

.footer dl {
	float: left;
}

.footer dt {
	font-size: 16px;
	color: #fff;
}

.footer dd {
	color: #888;
	font-size: 14px;
	padding: 20px 0;
	line-height: 20px;
}

.footer dd a {
	color: #888;
	text-decoration: none;
	padding-right: 15px;
}

.footer .f-l {
	width: 500px;
	margin-right: 60px;
}

.footer .f-r {
	width: 440px;
}

.footer .f-l p {
	margin-bottom: 10px
}

.footer .email-list {
	margin-left: 40px;
}

.footer .email-list li:hover,
.footer a:hover {
	color: #CCC;
}

.footer .ficon {
	padding-right: 5px;
	display: inline-block;
	height: 33px;
	width: 33px;
}

.footer-logo {
	background: url(../images/footer-logo.png) no-repeat;
	width: 170px;
	height: 41px;
	display: inline-block;
	vertical-align: bottom;
}

.footer .ico-tt {
	background: url(../images/exticons.png) no-repeat 0 -5px;
}

.footer .ico-fb {
	background: url(../images/exticons.png) no-repeat -45px -5px;
}

.footer .ico-ytb {
	background: url(../images/exticons.png) no-repeat -90px -5px;
}

.footer .ico-gg {
	background: url(../images/exticons.png) no-repeat -180px -5px;
}

.footer .ico-github {
	background: url(../images/exticons-github.png) no-repeat;
}


/*footer {
	padding: 40px 0;
	border-top: #d6d6d6;
	background: #f3f5f5;
	color: #666;
}
footer a {
	color: #666;
}
.footer-links {
	padding: 8px;
}
.footer-links li {
	display: inline;
}
.footer-links li a {
	padding: 2px 8px;
	color: #666;
	font-size: 14px;
}
.footer-copyright {} .footer-follows {
	padding: 8px;
}
.footer-follows li {
	display: inline;
	line-height: 36px;
}
.footer-follows li a {
	font-size: 36px;
	padding: 0 6px;
	line-height: 36px;
}
.footer-follows li a i.iconfont {
	font-size: 36px;
}*/


/* logo page */

.login {
	background-color: #444 !important;
}

.login .logo {
	margin: 0 auto;
	margin-top: 60px;
	padding: 15px;
	text-align: center;
}

.login .content {
	background-color: #fff;
	width: 360px;
	margin: 0 auto;
	margin-bottom: 0px;
	padding: 30px;
	padding-top: 20px;
	padding-bottom: 15px;
}

.login .content h3 {
	color: #000;
}

.login .content h4 {
	color: #555;
}

.login .content p {
	color: #222;
}

.login .content .login-form,
.login .content .forget-form {
	padding: 0px;
	margin: 0px;
}

.login .content .input-icon {
	border-left: 2px solid #39b3d7 !important;
}

.login .content .input-icon .form-control {
	border-left: 0;
}

.login .content .forget-form {
	display: none;
}

.login .content .register-form {
	display: none;
}

.login .content .form-title {
	font-weight: 300;
	margin-bottom: 25px;
}

.login .content .form-actions {
	background-color: #fff;
	clear: both;
	border: 0px;
	padding: 0px 30px 25px 30px;
	margin-left: -30px;
	margin-right: -30px;
}

.login .content .form-actions .checkbox {
	margin-left: 0;
	padding-left: 0;
}

.login .content .forget-form .form-actions {
	border: 0;
	margin-bottom: 0;
	padding-bottom: 20px;
}

.login .content .register-form .form-actions {
	border: 0;
	margin-bottom: 0;
	padding-bottom: 0px;
}

.login .content .form-actions .checkbox {
	margin-top: 8px;
	display: inline-block;
}

.login .content .form-actions .btn {
	margin-top: 1px;
}

.login .content .forget-password {
	margin-top: 25px;
}

.login .content .create-account {
	border-top: 1px dotted #eee;
	padding-top: 10px;
	margin-top: 15px;
}

.login .content .create-account a {
	display: inline-block;
	margin-top: 5px;
}


/* select2 dropdowns */

.login .content .select2-container {
	border-left: 2px solid #35aa47 !important;
}

.login .content .select2-container .select2-choice {
	border-left: none !important;
}

.login .content .select2-container i {
	display: inline-block;
	position: relative;
	color: #ccc;
	z-index: 1;
	top: 1px;
	margin: 4px 4px 0px 3px;
	width: 16px;
	height: 16px;
	font-size: 16px;
	text-align: center;
}

.login .content .has-error .select2-container i {
	color: #b94a48;
}

.login .content .select2-container a span {
	font-size: 13px;
}

.login .content .select2-container a span img {
	margin-left: 4px;
}


/* footer copyright */

.login .copyright {
	text-align: center;
	margin: 0 auto;
	padding: 10px;
	color: #999;
	font-size: 11px;
}

.form {
	padding: 0 !important;
}

.login .form-body {
	padding: 10px;
}

.login .form-actions {
	padding: 20px 10px;
	margin-top: 20px;
	background-color: #f5f5f5;
	border-top: 1px solid #e5e5e5;
	*zoom: 1;
}

.login .form-actions.nobg {
	background-color: transparent;
}

.login .form-actions.top {
	margin-top: 0;
	margin-bottom: 20px;
	border-top: 0;
	border-bottom: 1px solid #e5e5e5;
}

.login .form-actions.fluid {
	padding: 20px 0;
}

.login .form-actions.fluid > [class^="col-"] {
	padding-left: 13px;
}

.login .form-actions:before,
.login .form-actions:after {
	display: table;
	line-height: 0;
	content: "";
}

.login .form-actions:after {
	clear: both;
}

.login .form-section {
	margin: 30px 0px 25px 0px;
	padding-bottom: 5px;
	border-bottom: 1px solid #eee;
}

.login .form .form-section:first-child {
	margin-top: 5px;
}

.login .form-group label,
.login .checkbox {
	font-weight: normal;
}

.login .form-group a,
.login .create-account a,
.login .forget-password a {
	display: inline;
	padding: 0!important;
	color: #2a6496!important;
}


/* input with left aligned icons */

.input-icon {
	position: relative;
}

.input-icon input {
	padding-left: 33px !important;
}

.input-icon i {
	color: #ccc;
	display: block;
	position: absolute;
	margin: 9px 2px 4px 10px;
	width: 16px;
	height: 16px;
	font-size: 16px;
	text-align: center;
}

.input-icon.right input {
	padding-left: 12px !important;
	padding-right: 33px !important;
}

.input-icon.right i {
	right: 8px;
	float: right;
}

@media (max-width: 480px) {
	/***
  Login page
  ***/
	.login .logo {
		margin-top: 10px;
	}
	.login .content {
		padding1: 20px;
		width: 280px;
	}
	.login .content h3 {
		font-size: 22px;
	}
	.login .checkbox {
		font-size: 13px;
	}
}

@media (min-width: 992px) {
	.blog .col-md-9 {
		width: 70%
	}
	.blog .col-md-3 {
		width: 30%;
	}
}

.bar-side {
	position: fixed;
	bottom: 10px;
	width: 72px;
	right: 10px;
	z-index: 22;
}

.bar-side::before {
	font-family: 'iconfont';
	content: '';
	position: absolute;
	top: -18px;
	left: 28px;
	width: 18px;
	height: 18px;
	display: block;
	font-size: 18px;
	color: #78cbef;
}

.bar-side a:link,
.bar-side a:hover,
.bar-side a:active,
.bar-side a {
	display: block;
	width: 72px;
	height: 72px;
	line-height: 72px;
	text-align: center;
	background: #78cbef;
	color: #fff;
	border-bottom: #78cbef 1px solid;
	text-decoration: none;
}

.bar-side a:first-child {
	border-top-left-radius: 12px!important;
	border-top-right-radius: 12px!important;
}

.bar-side a:last-child {
	border-bottom-left-radius: 12px!important;
	border-bottom-right-radius: 12px!important;
	border-bottom: 0;
}

.bar-side a i {
	font-size: 30px;
}

.nav-side {
	position: fixed;
	top: 260px;
	width: 36px;
	left: 0px;
	z-index: 99;
	height: 144px;
	overflow: hidden;
}

.nav-side .share {
	border-top-right-radius: 12px;
	border-bottom-right-radius: 12px;
	background: #78cbef;
}

.nav-side a:link,
.nav-side a:hover,
.nav-side a:active,
.nav-side a {
	display: block;
	width: 36px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
}

.nav-side a:first-child {}

.nav-side a:last-child {
	border-bottom: 0;
}

.nav-side a i {
	font-size: 18px;
}

.nav-side.open {
	width: 180px;
	height: auto;
}

.nav-side.open .share {
	height: 36px;
	border-bottom-right-radius: 0;
}

.nav-side.open .share a {
	display: inline-block;
	float: right;
}

.nav-side .ext {
	border-bottom-right-radius: 12px;
	background: #78cbef;
	padding: 5px;
}

.nav-side .ext a {
	width: auto;
	height: 28px;
	line-height: 28px;
	text-align: left;
}

.nav-side .ext a:hover {
	padding-left: 2px;
	background: #62accc;
	color: #fff;
}

.plugins-share {
	width: 100px;
}

.plugins-share a i {
	font-size: 24px;
}

.plugins-share {
	width: 100px;
}

.plugins-share a.share-googleplus:hover {
	color: #e92225;
}

.plugins-share a.share-facebook:hover {
	color: #537bbc;
}

.plugins-share a.share-twitter:hover {
	color: #78cbef;
}


/*******************************************/

.page-404 {
	padding: 300px 0 200px 0;
	text-align: center;
}

.page-404 .number {
	position: relative;
	top: 5px;
	display: inline-block;
	letter-spacing: -10px;
	margin-top: 0px;
	margin-bottom: 10px;
	line-height: 128px;
	font-size: 128px;
	font-weight: 300;
	color: #0DA3E2;
	text-align: right;
}

#page .navbar-holder {
	height: 90px;
}

.nav-pages {
	display: table;
	width: 100%;
	border: 0;
}

.nav-pages li {
	float: none;
	display: table-cell;
	text-align: center;
	border-bottom: 1px solid #ddd;
}

.nav-pages li.active {
	border-bottom: transparent;
}

.nav-pages a {
	width: 100%;
}


/***************************************************/

.banner-apply {
	position: relative;
	color: #fff;
	text-align: center;
}

.banner-apply .bg {
	background: #0068b7;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
}

.banner-apply .container {
	font-size: 22px;
	line-height: 36px;
	padding: 10px 0;
}

.banner-apply .clearfix {
	text-align: left;
	padding: 0 40px 0 110px;
}

.banner-apply h2 {
	font-size: 48px;
}

.banner-apply label {
	font-weight: normal;
	margin-right: 4px;
}

.banner-apply b {
	display: inline-block;
	background: #ff0;
	color: #000;
	padding: 0px 8px;
	font-size: 24px;
}

.banner-apply .fc-grey {
	color: #96cef8;
}

.banner-apply .amounts {
	color: #ff0;
	margin-right: 40px;
	font-size: 30px;
}

.banner-apply .candidates {
	color: #ff0;
	font-size: 30px;
}

.banner-apply .btn-applynow,
.banner-apply .btn-votenow {
	height: 70px;
	border: #fff 2px solid;
	background: transparent;
	font-size: 32px;
	line-height: 44px;
	border-radius: 36px;
	color: #fff;
	padding: 10px 28px;
	margin: 40px 0;
}

.banner-apply .btn-applynow i,
.banner-apply .btn-votenow i {
	font-size: 36px;
}

.banner-apply .share {
	padding: 10px 0 0;
	color: #00ffff;
	font-size: 20px;
}

.banner-apply .share a i,
.banner-apply .share a {
	color: #efefef;
	font-size: 24px;
	margin-right: 4px;
}

.apply-main {
	font-family: 'Tahoma';
}

.apply-main .tab-tt {
	background: #313131;
}

.tab-tt .nav-tabs {
	border-color: transparent;
}

.tab-tt li>a {
	color: #fff;
	padding: 14px 18px;
	font-size: 20px;
}

.tab-tt li.active>a,
.tab-tt li.active>a:focus,
.tab-tt li.active>a:hover,
.tab-tt li a:focus,
.tab-tt li a:hover,
.tab-tt li a:active,
.tab-tt li a:visited,
.tab-tt .open>a,
.tab-tt .open>a:focus,
.tab-tt .open>a:hover, 
.tab-tt .active>a:hover {
	border-color: transparent;
	border-radius: 0;
	background: #0068b7;
	color: #fff
}

.tab-tt .dropdown-menu {
	background: #313131;
}

.apply-main {
	background: #f3f3f3;
}
.apply-main .breadcrumb{
	background:#fff;
}
.apply-main .tab-pane {
	padding: 20px 0;
}

.apply-main section {
	margin-bottom: 40px;
}

.apply-main section h3 {
	font-size: 30px;
	line-height: 48px;
	border-bottom: #e1e1e1 1px solid;
	padding: 10px 20px;
}

.apply-main section .steps {
	list-style: none;
	margin: 0;
	padding: 0 0 0 50px;
	position: relative;
}

.apply-main section .steps li {
	width: 16.66666%;
	overflow: hidden;
	float: left;
	padding-right: 50px;
	position: relative;
	color: #0068b7;
}

.apply-main section .steps i {
	position: absolute;
	top: 50%;
	left: 0;
	width: 36px;
	height: 48px;
	line-height: 48px;
	margin-top: -24px;
	text-align: center;
	font-size: 48px;
	font-style: normal;
}

.apply-main section .steps div {
	background: #fff;
	border-radius: 8px;
	padding: 10px 0 10px 36px;
}

.apply-main section .steps p {
	font-size: 22px;
	margin: 10px 0 0;
}

.apply-main section .steps small {
	color: #595757;
	font-family: Helvetica;
}

.apply-main section .steps li:after {
	content: '\e628';
	position: absolute;
	top: 50%;
	right: 0px;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-family: "iconfont";
	font-size: 50px;
	margin-top: -25px;
}

.apply-main section .steps li.active {
	color: #e4007f;
}

.apply-main section .steps li:last-child:after {
	content: '';
}
.list-project .col-md-4{
	width:390px!important;
}

.item-project {
	width:100%;
	overflow:hidden;
	background: #fff;
	border-radius: 10px;
	margin-bottom: 30px;
}
.item-project.project-success{
	background:#c9e5ce;
}
.item-project.project-fail{
	background:#dedede;
}

.item-project .superscript{
	position:absolute;
	top:0;
	left:20px;
	width:42px;
	height:57px;
	background:url(../images/badge-1.png) no-repeat center center;
}
.item-project .superscript-2{
	background:url(../images/badge-2.png) no-repeat center center;
}
.item-project .superscript-3{
	background:url(../images/badge-3.png) no-repeat center center;
}
.item-project .img {
	position: relative;
	border-bottom:#999 1px solid;
}

.item-project .img p {
	margin-bottom:0;
	display: none;
	position: absolute;
	width: 100%;
	height: 60%;
	bottom: 0;
	left: 0;
	padding: 40px 40px 20px;
	background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgi…gd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g");
	background-size: 100%;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, transparent), color-stop(50%, rgba(0, 0, 0, 0.4)), color-stop(100%, rgba(0, 0, 0, 0.8)));
	background-image: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.8) 100%);
	background-image: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.8) 100%);
	background-image: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.8) 100%);
	color: #ffffff;
	z-index: 1;
}

.item-project .img a {
	display: block;
	position: relative;
}

.item-project .img a:hover p {
	display: block;
}

.item-project .img a img {
	width: 100%;
	max-width: 100%;
	height:230px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.item-project .txt {
	display: table;
	width: 100%;
	padding: 10px 0;
}

.item-project .avatar {
	display: table-cell;
	width: 100px;
	text-align: center;
	vertical-align: middle;
}
.item-project .avatar div{
	width:100px;
	height:20px;
	overflow:hidden;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	-webkit-text-overflow:ellipsis;
	-moz-text-overflow:ellipsis;
	white-space:nowrap;
}
.item-project .avatar img {
	width: 80px;
	max-width: 80px;
	border: #999 1px solid;
}

.item-project .btns {
	padding: 0 20px;
	display: table-cell;
	vertical-align: middle;
	font-size: 16px;
	height:108px;
	overflow:hidden;
}

.item-project .btns > a {
	display: block;
	position: relative;
	padding: 4px 0;
	color: #595757;
	width:220px;
	height:26px;
	overflow: hidden;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	-webkit-text-overflow:ellipsis;
	-moz-text-overflow:ellipsis;
	white-space:nowrap;
}

.item-project .btns > a:before {
	content: "";
	position: absolute;
	z-index: 0;
	left: 50%;
	right: 50%;
	bottom: 0;
	background: #2098d1;
	height: 4px;
	-webkit-transition-property: left, right;
	transition-property: left, right;
	-webkit-transition-duration: 0.2s;
	transition-duration: 0.2s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.item-project .btns > a:hover:before {
	left: 0;
	right: 0;
}

.item-project .btns .btn {
	padding: 6px 16px;
	border-radius: 20px;
	background: transparent;
	margin: 10px 0 0;
	font-size: 18px;
	position: relative;
}

.item-project .btns .btn:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	border-radius: 20px;
	border: #0068b7 2px solid;
}

.item-project .btns .btn:hover:before {
	-webkit-animation-name: hvr-ripple-out;
	animation-name: hvr-ripple-out;
}

.item-project .btns .tag-success {
	display:inline-block;
	width:122px;
	height:40px;
	background:url(../images/tag-succ.png);
}
.item-project .btns .tag-fail {
	display:inline-block;
	width:122px;
	height:40px;
	background:url(../images/tag-fail.png);
}


.item-project .btns .btn-vote:before {
	border: #0068b7 2px solid;
}

.item-project .btns .btn-vote b {
	color: #0068b7;
}


/* Ripple Out */

@-webkit-keyframes hvr-ripple-out {
	100% {
		top: -12px;
		right: -12px;
		bottom: -12px;
		left: -12px;
		opacity: 0;
	}
}

@keyframes hvr-ripple-out {
	100% {
		top: -12px;
		right: -12px;
		bottom: -12px;
		left: -12px;
		opacity: 0;
	}
}

#base,
#contact {
	padding: 0 20px 40px 20px;
	background: #fff;
	border-radius: 8px;
	box-shadow: #fff 1px 1px 1px;
	margin-bottom: 40px;
}

#base h2,
#contact h2 {
	margin: 0;
	padding: 20px 20px 0 20px;
	color: #00b7ee;
}

#base h2 > i.iconfont,
#contact h2 i.iconfont {
	background: #00b7ee;
	border-radius: 50%;
	padding: 8px;
	font-size: 18px;
	color: #fff;
	vertical-align: middle;
}

#contact .alert-warning {
	margin: 20px 40px 0 40px;
	color: #aaa;
}

.project-form {
	padding-top: 20px;
	background: #efefef;
}

.project-form .breadcrumb {
	background: #fff;
}

.project-form .control-label {
	font-weight: normal;
}

.project-form small {
	color: #aaa
}

.select-state button {
	padding-right: 32px;
}

.select-state ul {
	width: 440px;
	max-height: 200px;
	overflow: auto;
}

.select-state ul li {
	padding: 4px 20px 4px 10px;
	cursor: pointer;
}

.select-state ul li:hover {
	background: #efefef;
}

.select-state i {
	display: inline-block;
	margin-top: 4px;
	float: left;
	width: 16px;
	height: 11px;
	background-image: url(../images/state.png);
	background-repeat: no-repeat;
	margin-right: 8px;
}

.project-main {
	padding: 20px 0;
	background: #efefef;
}

.project-main .breadcrumb {
	background: #fff;
}

.project-main .info {
	background: #fff;
	display: table;
	width: 100%;
	overflow: hidden;
	position: relative;
}

.project-main .content {
	background: #fff;
	width: 100%;
	margin: 20px 0;
	padding: 0 20px;
}

.project-main .cover {
	position: relative;
	width: 348px;
	float: left;
}
.project-main .cover  img{
	width:348px;
	height:226px;
}

.project-main .cover .desc {
	position: absolute;
	width: 100%;
	height: 60%;
	bottom: 0;
	left: 0;
	padding: 40px 40px 20px;
	background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgi…gd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g");
	background-size: 100%;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, transparent), color-stop(20%, rgba(0, 0, 0, 0.4)), color-stop(100%, rgba(0, 0, 0, 0.8)));
	background-image: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.4) 20%, rgba(0, 0, 0, 0.8) 100%);
	background-image: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.4) 20%, rgba(0, 0, 0, 0.8) 100%);
	background-image: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.4) 20%, rgba(0, 0, 0, 0.8) 100%);
	color: #ffffff;
	z-index: 1;
}

.project-main .cover img {
	width: 100%;
}

.project-main .inner {
	float: left;
	padding: 0 20px;
	z-index: 1;
	vertical-align: top;
	width: 488px;
}
.project-main .inner .views{
	font-size:12px;
	color:#888;
}
.project-main .inner .views .iconfont{
	color:#888;
}
.project-main .inner h3 {
	font-size: 2em;
	height:30px;
	overflow:hidden;
  text-overflow:ellipsis;
  -o-text-overflow:ellipsis;
  -webkit-text-overflow:ellipsis;
  -moz-text-overflow:ellipsis;
  white-space:nowrap;
}

.project-main .inner .date {
	color: #AAA;
	font-size: 12px;
}

.project-main .inner .buttons {
	text-align: center;
}

.project-main .inner .buttons .btn {
	border-radius: 28px;
	border: #0068b7 3px solid;
	padding: 6px 18px;
	font-size: 24px;
	opacity: 1;
	text-transform: uppercase;
	margin: 14px 0 20px;
}

.project-main .inner .buttons .iconfont {
	font-size: 35px;
}

.project-main .inner .cnt {
	display: table-cell;
	padding: 0 20px 10px;
	font-size: 12px;
}

.project-main .inner .iconfont {
	font-size: 14px;
	color: #efefef;
}
.project-main .share a i.iconfont,
.project-main .share a {
	font-size: 24px;
	color:#337ab7;
}
.project-main .share a.share-weibo i.iconfont{
	color:#e6162d;
}
.project-main .detail-item {
	margin: 8px 20px 0 0;
	font-size: 18px;
	float: left;
	color: #0068b7;
}

.project-main .detail-item label {
	font-size: 14px;
	color: #999;
	font-weight: normal;
	text-transform: uppercase;
}

.page-login {
	width: 380px;
	background: #fff;
	margin: 100px auto;
	padding: 10px;
	border: #eee 1px solid;
	border-radius: 4px;
}

.side-author .avatar img {
	width: 50%;
}

.side-votemembers a {
	width: 25%;
	float: left;
	text-align:center;
}

.side-votemembers a img {
	width: 48px;
	height: 48px;
}

.side-votemembers span {
	font-size: 12px;
	margin:0 auto;
	display: block;
	width: 48px;
	height: 28px;
	line-height:28px;
	overflow:hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-moz-text-overflow: ellipsis;
	white-space: nowrap;
}
.banner-voting{
	height:auto;
}