<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";

.main-search .search-off,.main-search .search-on {
	margin-top: 15px\9\0;
	-webkit-appearance: none;
	transition: width .5s
}
a.select {
	background-color: #ec584e;
    color: #fff;
}
.main_username,.text-ellipsis {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.ellipsis,.main_username,.text-ellipsis {
	text-overflow: ellipsis
}

#ajaxResult li,#moreFunc li,li {
	list-style: none
}

.main-items-box .callbox .call-pop:after,.main-items-box .callbox .call-pop:before,.main-items-box .qr .main-code:after,.main-items-box .qr .main-code:before {
	position: absolute;
	content: "";
	height: 0;
	width: 0;
	line-height: 0;
	font-size: 0;
	overflow: hidden
}

input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 1000px #fff inset
}

.dpn {
	display: none
}

.dpb {
	display: block
}

.mr0 {
	margin-right: 0!important
}

.main-nav {
	float: left
}

.main-nav .nav-a {
	float: left;
	display: block;
	padding: 0 15px;
	color: #737687;
	line-height: 80px
}

.main-nav .nav-a:hover,.main-nav .thisHeaderNav {
	color: #fff;
	background: #FF7D5F
}

.main-nav #news {
	padding-right: 30px;
	position: relative
}

.main-nav #news:hover .nb-arrow {
	border-color: #fff
}

.main-nav .nb-arrow {
	position: relative;
	display: block;
	top: 35px;
	right: -39px;
	width: 5px;
	height: 5px;
	border-left: 1px solid #727689;
	border-bottom: 1px solid #727689;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.main-infor-li {
	float: left;
	position: absolute;
	top: 80px;
	left: -20px;
	z-index: 1000000;
	overflow: hidden;
	display: none;
	background: #fff;
	-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.5);
	-moz-box-shadow: 0 0 10px 0 rgba(0,0,0,.5);
	-ms-box-shadow: 0 0 10px 0 rgba(0,0,0,.5);
	-o-box-shadow: 0 0 10px 0 rgba(0,0,0,.5);
	box-shadow: 0 0 10px 0 rgba(0,0,0,.5)
}

.main-infor-li a {
	display: block;
	width: 120px;
	height: 35px;
	text-align: center;
	line-height: 35px;
	color: #737687;
	border-bottom: 1px solid #eaeaea
}

.main-infor-li a:hover {
	color: #FF7D5F
}

.main-search {
	float: right;
	height: 80px;
	line-height: 80px;
	line-height: 80px\9;
	position: relative
}

.main-search .search-off {
	width: 0;
	height: 35px;
	border: none
}

.main-search .search-on {
	width: 260px;
	height: 35px;
	border: 1px solid #dcdcdc;
	padding-left: 5px
}

@media only screen and (max-width:1100px) {
	.main-search .search-on {
		width: 150px
	}
}

.main-search input::-webkit-search-cancel-button {
	display: none
}

.main-search .search-submit {
	display: block;
	width: 35px;
	height: 35px;
	margin: 23px auto;
	background-position: 0 -205px;
	transition: all .5s
}

.main-search .search-submit:hover {
	transform: scale(1.2)
}

.main-search .search-submit-wrap {
	display: inline-block;
	width: 55px;
	height: 80px;
	position: absolute;
	border-left: 1px solid #dcdcdc;
	border-right: 1px solid #dcdcdc;
	right: 0;
	top: 0
}

.main_username,.reg {
	position: relative;
	height: 80px;
	line-height: 80px
}

.reg {
	float: right;
	margin-right: 70px
}

.reg .reg-click {
	display: inline-block;
	color: #374256;
	margin: 0 25px
}

.reg .reg-click:hover {
	color: #FF7D5F
}

.main_username {
	display: inline-block;
	width: 120px;
	text-indent: 20px;
	color: #374256
}

.main_username:before {
	position: absolute;
	content: "";
	line-height: 0;
	width: 0;
	height: 0;
	top: 45%;
	right: 20px;
	border-top: 10px solid #374256;
	border-right: 7px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 7px solid transparent
}

.add_userName {
	color: #fff!important;
	background: #FF7D5F
}

.add_userName:before {
	border-top: 10px solid #fff!important
}

.main-search .proListCard .proListName {
	line-height: 50px!important
}

.main-search .proListCard .proListName a {
	font-size: 16px!important
}

.main-search .proListCard p {
	line-height: 24px!important;
	white-space: normal!important
}

#ajaxResult {
	position: absolute;
	z-index: 20000;
	display: none;
	width: 350px;
	margin-left: 0;
	padding: 20px;
	background: #fff
}

#ajaxResult li {
	margin: 10px 0
}

#ajaxResult li a input {
	width: 130px;
	padding: 10px;
	cursor: pointer;
	text-align: center;
	color: #fff;
	border: 0
}

.login-right,.login-right-top {
	position: relative;
	border-bottom: 1px solid #dcdcdc
}

.investorListCard,.proListCard {
	float: left;
	width: 95%;
	margin: 5px 0;
	padding: 10px;
	background: #f2ecec
}

.investorListName,.proListName {
	margin: 0 0 0 10px;
	float: left
}

.investorListCard img,.proListCard img {
	float: left;
	width: 100px;
	height: auto
}

.investorListCard img {
	height: 100px
}

.investorListName a,.proListName a {
	color: #000
}

.investorListName a:hover,.proListName a:hover {
	color: red
}

.uInfo {
	width: 200px;
	margin-top: 10px;
	margin-left: 0
}

.uInfo span {
	margin-right: 15px
}

.wrap {
	width: 1180px;
	padding-top: 45px;
	margin: 0 auto
}

.wrap .fot-l {
	margin-left: 20px;
	text-align: center
}

.wrap .fot-l span {
	display: block;
	width: 80px;
	height: 80px
}

.wrap .fot-l p {
	line-height: 40px;
	color: #fff
}

.wrap .fot-l .main-qr1 {
	margin-left: 27px;
	background: url(../images/u001.png) 0 -236px no-repeat
}

.wrap .fot-l .main-qr2 {
	margin-left: 45px;
	background: url(../images/u001.png) 0 -318px no-repeat
}

.wrap .fot-l-l {
	width: 130px
}

.wrap .fot-l-r {
	width: 170px
}

.fot-r {
	line-height: 42px;
	color: #6a6c7c;
	font-size: 16px
}

.fot-r nav {
	margin-left: 20px
}

.fot-r nav a {
	color: #999
}

.fot-r nav i {
	padding: 0 27px;
	color: #666
}

.fot-r a:hover {
	color: #ec584e
}

.fot-r .fot-txt {
	color: #999;
	font-size: 14px;
	line-height: 1
}

.main-bot-box {
	width: 760px;
	height: 42px
}

.main-src-box {
	width: 760px;
	height: 24px;
	overflow: hidden
}

.main-src-box li {
	line-height: 30px;
	color: #6a6c7c;
	font-size: 16px
}

.pageList {
	text-align: center;
	font-size: 16px;
	width: 100%;
	margin: 40px auto;
	float: left
}

.pageList a {
	color: #737687;
	display: inline-block;
	height: 30px;
	line-height: 30px;
	margin: 0 10px;
	padding: 5px 20px;
	border-radius: 2px
}

.pageList #thisPage,.pageList a:hover {
	color: #fff;
	background-color: #737687
}

.login-left img,.login-right,.login-wrap {
	height: 620px
}

.pageList #nextPage,.pageList #prevPage {
	width: 70px
}

.login-content {
	width: 100%;
	overflow: hidden;
	background-color: #f1f3f6
}

.login-wrap {
	background-color: #fff;
	width: 1250px;
	margin: 125px auto
}

.login-left {
	float: left;
	width: 750px
}

.login-right {
	float: left;
	width: 500px;
	box-sizing: border-box;
	border-top: 1px solid #dcdcdc;
	border-right: 1px solid #dcdcdc
}

.login-right-top {
	width: 100%;
	height: 80px;
	line-height: 80px;
	overflow: hidden
}

#moreFunc,#navUpTrigon img,.no-id {
	position: absolute
}

.login-right-top h3 {
	font-size: 22px;
	text-align: center;
	color: #737687
}

.login-right-top .login-switch {
	position: absolute;
	right: 0;
	top: -10px
}

.login-right-top .login-switch i {
	font-size: 55px;
	display: none;
	cursor: pointer
}

.login-right-mid {
	width: 300px;
	margin: 45px 0 0 100px;
	display: none
}

.showErrorLogin {
	text-align: center;
	color: red;
	margin-top: 20px
}

.login-form input[type=text],.login-form input[type=password] {
	background-color: #f1f3f6;
	padding-left: 8px;
	width: 292px;
	height: 57px;
	line-height: 57px\9;
	border: 1px solid #dcdcdc
}

.login-form input[type=password] {
	margin-top: 10px
}

.login-form span {
	margin-left: 10px;
	color: #737687;
	vertical-align: middle
}

.login-form input[type=checkbox] {
	margin-top: 10px;
	vertical-align: sub
}

.login_form #remember,.login_form label,.project_item .label i {
	vertical-align: middle
}

.login-form .login-btn {
	display: block;
	width: 300px;
	font-size: 17px;
	letter-spacing: 5px;
	height: 57px;
	background-color: #ec584e;
	color: #fff;
	text-align: center;
	line-height: 57px;
	margin-top: 10px;
	border: none
}

.login-form .findPW {
	color: #737687;
	float: right;
	margin-top: 4px
}

.no-id {
	color: #737687;
	bottom: -50px;
	left: 180px
}

.no-id:hover {
	color: #FF7D5F
}

.reg-type {
	display: inline-block;
	height: 45px;
	width: 145px;
	border: 1px solid #dcdcdc;
	text-align: center;
	line-height: 45px;
	color: #737687;
	cursor: pointer
}

.reg-form input[type=radio] {
	display: none
}

.reg-form input[type=text],.reg-form input[type=password] {
	margin-top: 10px;
	width: 290px;
	height: 45px;
	line-height: 45px\9;
	padding-left: 8px;
	border: 1px solid #dcdcdc
}

.reg-form .reg,.reg-form .send-capture {
	height: 45px;
	line-height: 45px;
	color: #fff;
	text-align: center;
	margin-top: 10px
}

.reg-form input[name=captcha] {
	width: 165px
}

.reg-form .send-capture {
	width: 115px;
	background-color: #374256;
	border: 1px solid #dcdcdc
}

.reg-form .send-capture:hover {
	background-color: #FF7D5F
}

.reg-form .reg,.reg-form .reg:hover {
	background-color: #ec584e
}

.reg-form .reg {
	width: 300px;
	display: inline-block;
	font-size: 16px;
	letter-spacing: 5px
}

.bi-labelEdge,.bi-limSpan {
	border-radius: 3px;
	font-size: .8em
}

#moreFunc {
	top: 80px;
	display: none;
	background: #fff;
	box-shadow: 0 1px 2px #737687;
	z-index: 1000
}

#navUpTrigon img {
	z-index: 99;
	top: -22px;
	left: 40px
}

.bi-bar,.bi-wrp {
	position: relative
}

#moreFunc li {
	width: 120px;
	height: 35px;
	text-align: center;
	line-height: 35px;
	border-bottom: 1px solid #eaeaea
}

#moreFunc li:last-child {
	border-bottom: 0
}

#moreFunc li a {
	color: #374256;
	display: block
}

#moreFunc a:hover {
	background: #FF7D5F;
	color: #fff
}

.headConR #uNameCard {
	display: inline-block;
	margin-top: 10px;
	padding: 3px
}

.bi-vertical .bi-bar,.bi-vertical .bi-label {
	display: table-cell
}

.bars {
	height: 8px
}

.bar {
	color: #fff
}

.bi-wrp.bi-horizontal {
	width: 100%
}

.bi-barInner,.bi-labelEdge,.bi-milestone {
	position: absolute
}

.bi-horizontal .bi-bar {
	width: 100%;
	float: left
}

.bi-horizontal .bi-barInner {
	top: 0;
	bottom: 0;
	left: 0
}

.bi-vertical .bi-barInner {
	width: 100%;
	bottom: 0
}

.bi-label-l {
	padding-right: 5px
}

.bi-label-r {
	padding-left: 5px
}

.bi-hor-topLeft .bi-label,.bi-hor-topRight .bi-label {
	padding-bottom: 5px
}

.bi-hor-left .bi-label,.bi-hor-topLeft .bi-label {
	float: left
}

.bi-hor-right .bi-label,.bi-hor-topRight .bi-label {
	float: right
}

.bi-hor-left .bi-label,.bi-hor-right .bi-label {
	padding: 5px
}

.bi-titleSpan {
	display: inline-block
}

.bi-titleSpan.bi-titleSpan-topLeft {
	float: left;
	margin-right: 10px
}

.bi-titleSpan.bi-titleSpan-left,.bi-titleSpan.bi-titleSpan-right {
	width: 100%
}

.bi-titleSpan.bi-titleSpan-right {
	text-align: right
}

.bi-labelEdge {
	top: 5px;
	padding: 1px 5px;
	background-color: rgba(0,0,0,.1);
	color: #555;
	z-index: 1200
}

.bi-edge-min {
	left: -10px
}

.bi-edge-max {
	right: -10px
}

.bi-limSpan {
	display: none;
	padding: 3px 5px;
	color: #fff;
	margin: 0 5px
}

.bi-limSpan-min,.bi-wrp.bi-default-theme.bi-avgBelow .bi-barInner,.bi-wrp.bi-default-theme.bi-cRange-optimal .bi-barInner {
	background-color: #5cb85c
}

.bi-limSpan-max,.bi-wrp.bi-default-theme.bi-avgAbove .bi-barInner,.bi-wrp.bi-default-theme.bi-cRange-critical .bi-barInner {
	background-color: #d9534f
}

.bi-limPos-num .bi-label&gt;.bi-limSpan,.bi-limPos-title&gt;.bi-titleSpan .bi-limSpan {
	display: inline-block
}

.bi-limPos-num.bi-hor-left .bi-label&gt;.bi-limSpan,.bi-limPos-num.bi-hor-right .bi-label&gt;.bi-limSpan,.bi-limPos-num&gt;.bi-limSpan,.bi-limPos-title .bi-label&gt;.bi-limSpan {
	display: none
}

.bi-label-vis-hover .bi-label {
	position: absolute;
	background-color: #f1f1f1;
	padding: 5px 10px;
	box-shadow: 0 0 5px 0 rgba(0,0,0,.5);
	-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.5);
	-moz-box-shadow: 0 0 5px 0 rgba(0,0,0,.5);
	-ms-box-shadow: 0 0 5px 0 rgba(0,0,0,.5);
	-o-box-shadow: 0 0 5px 0 rgba(0,0,0,.5);
	display: none
}

.bi-label-vis-hover:hover .bi-label {
	display: block
}

.bi-label-vis-hidden .bi-label {
	display: none
}

.bi-milestone {
	z-index: 1050;
	cursor: pointer
}

.bi-mlst-inner {
	width: 100%;
	height: 100%;
	float: left;
	position: relative;
	background-color: transparent
}

.bi-mlst-innerLine,.bi-mlst-label {
	display: inline-block;
	position: absolute
}

.bi-mlst-label {
	opacity: 0;
	transition: all 150ms ease-out
}

.bi-horizontal .bi-mlst-inner.bi-mlst-innerVisible .bi-mlst-label {
	opacity: 1;
	display: block
}

.bi-horizontal .bi-mlst-inner.bi-mlst-innerHidden .bi-mlst-label {
	display: none
}

.bi-horizontal .bi-mlst-inner.bi-mlst-innerHover:hover .bi-mlst-label {
	opacity: 1;
	top: -28px
}

.bi-vertical .bi-mlst-inner.bi-mlst-innerHover:hover .bi-mlst-label {
	opacity: 1;
	top: -35px
}

#close-button a:hover,#closeBtn:hover,#interviewCard a:hover,.feedback-dialog .mod-close-btn:hover {
	opacity: .8
}

.bi-wrp.bi-default-theme .bi-barInner {
	background-color: #3498db
}

.bi-wrp.bi-default-theme.bi-cRange-alert .bi-barInner {
	background-color: #d9aa4f
}

.bi-wrp.bi-default-theme .bi-milestone {
	background-color: transparent
}

.bi-wrp.bi-default-theme.bi-vertical .bi-milestone {
	left: 50%
}

.bi-wrp.bi-default-theme.bi-horizontal .bi-milestone {
	top: 50%
}

.bi-wrp.bi-default-theme .bi-mlst-innerLine {
	background-color: #555
}

.bi-wrp.bi-default-theme.bi-vertical .bi-mlst-innerLine {
	left: 0;
	right: 0;
	top: 50%
}

.bi-wrp.bi-default-theme.bi-horizontal .bi-mlst-innerLine {
	top: 0;
	bottom: 0;
	left: 50%
}

.bi-wrp.bi-default-theme .bi-mlst-label {
	padding: 5px;
	background-color: #555;
	color: #fff;
	border-radius: 3px;
	font-size: .8em;
	white-space: nowrap
}

.bi-wrp.bi-default-theme.bi-vertical .bi-mlst-label {
	top: -30px
}

.bi-wrp.bi-default-theme.bi-horizontal .bi-mlst-label {
	top: -23px
}

body .tips .layui-layer-content {
	text-align: center;
	background-color: rgba(0,0,0,.5);
	color: #fff;
	background-color: #374256\9
}

.main-items-box {
	position: fixed;
	z-index: 100020;
	right: -10px;
	bottom: 110px;
	width: 60px
}

.main-items-box.srcolltop {
	bottom: 70px
}

.main-items-box.srcolltop .elevator {
	display: none!important
}

.main-items-box .main-items {
	position: relative;
	display: block;
	width: 40px;
	height: 40px;
	margin-bottom: 4px;
	background: url(../images/u001.png) no-repeat
}

.main-items-box .main-items.hover {
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease
}

.main-items-box .main-items.hover:hover {
	opacity: .8;
	filter: alpha(opcity=80)
}

.main-items-box .declare {
	text-align: center;
	line-height: 40px;
	color: #fff;
	background: #ef2e14
}

.main-items-box .qr {
	background-position: 0 -121px
}

.main-items-box .qr:hover .main-code {
	display: block;
	opacity: 1;
	filter: alpha(opcity=1)
}

.main-items-box .qr .main-code {
	position: absolute;
	content: "";
	top: -18px;
	right: 55px;
	width: 121px;
	height: 121px;
	background: url(../images/u001.png) no-repeat;
	display: none
}

.main-items-box .qr .main-code:after,.main-items-box .qr .main-code:before {
	top: 50%;
	margin-top: -33px;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent
}

.main-items-box .qr .main-code:before {
	right: -10px;
	border-left: 10px solid #ffd0be
}

.main-items-box .qr .main-code:after {
	right: -9px;
	border-left: 10px solid #fff
}

.main-items-box .feedback {
	background-position: -40px -121px
}

.main-items-box .callbox {
	background-position: -80px -121px
}

.main-items-box .callbox:hover .call-pop {
	display: block
}

.main-items-box .callbox .call-pop {
	position: absolute;
	right: 55px;
	top: 10px;
	width: 170px;
	height: 80px;
	background: #fff;
	text-align: center;
	border: 1px solid #ffd0be;
	display: none
}

.main-items-box .callbox .call-pop:after,.main-items-box .callbox .call-pop:before {
	top: 50%;
	margin-top: -33px;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent
}

.main-items-box .callbox .call-pop:before {
	right: -10px;
	border-left: 10px solid #ffd0be
}

.main-items-box .callbox .call-pop:after {
	right: -9px;
	border-left: 10px solid #fff
}

.main-items-box .callbox .call-pop p {
	margin-top: 10px;
	line-height: 1;
	color: #FF7D5F
}

.main-items-box .callbox .call-pop .call-tim {
	color: #737687
}

.main-items-box .elevator {
	background-position: 0 -161px
}

.feedback-dialog {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10000
}

.feedback-dialog .mod-close-btn {
	float: right;
	display: block;
	margin: 15px 20px 0 0;
	cursor: pointer
}

.feedback-dialog .icon-delete {
	font-size: 16px!important;
	color: #5C515C
}

.feedback-dialog .con {
	position: relative;
	width: 760px;
	margin: 15% auto 0;
	background-color: #fff;
	padding-bottom: 20px;
	box-shadow: 0 0 15px rgba(0,0,0,.7);
	box-sizing: border-box
}

.feedback-dialog .con-link {
	margin-top: -15px;
	margin-left: 35px;
	text-align: left;
	color: #949494
}

.feedback-dialog .con-link p {
	margin-left: 10px;
	color: #949494
}

.feedback-dialog .con-link input {
	width: 235px;
	height: 35px;
	border: 1px solid #f1f1f1;
	outline: 0;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 5px
}

.feedback-dialog .tit {
	height: 50px;
	line-height: 50px;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 14px;
	text-align: center;
	color: #333;
	background-color: #c8c8c8
}

.feedback-dialog .interview {
	width: 688px;
	height: 148px;
	padding: 10px 10px 30px;
	margin: 20px 0 0 35px;
	font-size: 14px;
	resize: none;
	border-color: #f1f1f1;
	box-sizing: border-box
}

.feedback-dialog .counter {
	display: block;
	width: 100%;
	text-align: right;
	padding-right: 45px;
	position: relative;
	top: -30px;
	right: 0;
	box-sizing: border-box;
	color: #949494!important;
	background-color: transparent!important
}

.feedback-dialog .counter #counterNum {
	color: #949494!important
}

.feedback-dialog .mod-sub-btn {
	float: right;
	display: block;
	width: 167px;
	height: 39px;
	line-height: 39px;
	margin-top: 20px;
	margin-right: 35px;
	border-radius: 4px;
	text-align: center;
	border: 0;
	color: #fff;
	background-color: #f6553f
}

#pop-up-modal,#pop-up-modal2 {
	position: fixed;
	z-index: 10000;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%
}

#pop-up-modal-container,#pop-up-modal-container1 {
	width: 760px;
	margin: 15% auto 0;
	position: relative;
	background: url(../images/overlay_inner_bg.png)
}

#pop-up-modal {
	display: none;
	height: 100%
}

#pop-up-modal2 {
	font-weight: 200;
	height: 100%
}

#pop-up-modal-container {
	height: 360px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px
}

#pop-up-modal-container1 {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px
}

#modal-bg {
	height: 100%;
	border-radius: 2px;
	box-shadow: 0 2px 5px rgba(0,0,0,.3)
}

.floatFrameCard {
	text-align: center;
	background-color: #c4c4c4;
	padding: 30px 0;
	border-radius: 5px;
	box-shadow: 2px 2px 2px #aaa
}

.cancelCutPic,.saveNewCutPic {
	padding: 8px 25px;
	margin: 15px;
	cursor: pointer
}

.saveNewCutPic {
	background: #333b4e;
	color: #fff;
	border: 0
}

.cancelCutPic {
	background: #c4c4c4;
	color: #333b4e;
	border: 0
}

.cutModal {
	height: auto;
	margin: 3% 3% 3% -951.5px;
	position: absolute;
	z-index: 11000;
	border: 0;
	left: 50%;
	top: -200px;
	display: block;
	background: 0 center
}

.head_list&gt;li,.head_m,.main-prolib {
	position: relative
}

#close-button {
	float: right
}

#uploadStatus {
	height: 14px
}

#close-button a {
	display: block;
	width: 12px;
	height: 12px;
	text-decoration: none;
	border: 0
}

#interview {
	overflow: hidden;
	display: block;
	margin: 20px auto 0;
	font-size: 16px;
	resize: none
}

.interview_char {
	display: inline-block;
	margin-top: 15px;
	margin-left: 20px;
	color: #666
}

#closeBtn,#interviewCard a {
	line-height: 35px;
	width: 140px;
	height: 35px;
	padding: 0 15px;
	color: #fff;
	border-radius: 3px;
	float: right;
	text-align: center
}

#interviewCard a {
	display: inline-block;
	margin-right: 20px;
	background-color: #374256
}

.feedback_icon {
	display: none;
	margin: 30px auto
}

#closeBtn {
	display: inline-block;
	margin-top: 20px;
	margin-right: 20px;
	background-color: #0166ff
}

.common-wrap {
	background-color: #f1f3f6;
	padding-top: 1px;
	width: 100%;
	height: 100%
}

.common-content {
	margin: 63px auto 50px;
	width: 1180px;
	border: 1px solid #dcdcdc;
	background-color: #fff
}

.find-password {
	width: 300px;
	margin: 140px auto 0
}

.find-password h3 {
	text-align: center
}

.find-password input[type=text] {
	padding-left: 6px;
	height: 50px;
	margin-top: 10px;
	border: 1px solid #dcdcdc;
	box-sizing: border-box;
	background-color: #f1f3f6
}

.find-password input[type=text]:focus {
	border: 1px solid #FF7D5F
}

.find-password input[type=radio] {
	display: none
}

.find-password label {
	display: inline-block;
	width: 140px;
	height: 50px;
	border: 1px solid #dcdcdc;
	text-align: center;
	line-height: 50px;
	cursor: pointer
}

.getCaptchaFind,.next {
	color: #fff;
	border: none;
	height: 50px
}

.find-password .mr6 {
	margin-right: 6px
}

.find-password-phone {
	width: 290px
}

.find-password-captcha {
	width: 190px
}

.getCaptchaFind {
	width: 100px;
	background-color: #374256
}

.getCaptchaFind:hover {
	background-color: #FF7D5F
}

.byEmail {
	display: none
}

.next {
	width: 290px;
	margin-top: 10px;
	background-color: #374256
}

.next:hover {
	background-color: #FF7D5F
}

.reset-password {
	width: 300px;
	margin: 140px auto 0
}

.reset-password h3 {
	text-align: center
}

.reset-password input[type=password] {
	padding-left: 6px;
	width: 290px;
	height: 50px;
	margin-top: 10px;
	border: 1px solid #dcdcdc;
	box-sizing: border-box;
	background-color: #f1f3f6
}

.reset-password input[type=password]:focus {
	border: 1px solid #FF7D5F
}

.no-bb ul,.user_center {
	top: 55px;
	border-radius: 2px;
	overflow: hidden
}

.subListOn {
	background: #FF7D5F
}

.header .subListOn a {
	color: #fff!important
}

.main-prolib {
	display: block;
	float: right;
	width: 56px;
	height: 80px;
	background: url(../images/prolib.png) center center no-repeat;
	text-indent: -9999px
}

.head {
	width: 100%;
	height: 57px;
	background-color: #eb2822;
	font-size: 16px
}

.head .thisHeaderNav {
	background-color: #fff
}

.head .thisHeaderNav&gt;a {
	color: #EB2822
}

.head_m {
	width: 1260px;
	height: 57px;
	margin: 0 auto;
	background-color: #eb2822
}

.logo {
	width: 160px;
	height: 43px;
	margin-top: 8px;
	display: inline-block;
	background: url(../images/vchellologo.png) center center no-repeat;
	background-size: cover;
	margin-right: 40px
}

.head_list&gt;li {
	float: left;
	width: 90px;
	height: 57px;
	line-height: 57px;
	text-align: center
}

.head_list&gt;li:hover {
	background: #2a2a2a
}

.head_list&gt;li:hover::after,.head_list&gt;li:last-child:hover::after,.head_list&gt;li:nth-last-child(2):hover::after {
	content: '';
	height: 0;
	background-color: #fff;
	left: 0;
	bottom: 0;
	display: block;
	position: absolute
}

.head_list&gt;li:last-child:hover::after,.head_list&gt;li:nth-last-child(2):hover::after {
	width: 0
}

.head_list&gt;li:hover::after {
	width: 90px
}

.no-bb:hover ul {
	display: block
}

.no-bb ul li:hover a {
	background-color: #414141!important
}

.no-bb {
	padding: 0 5px
}

.no-bb ul {
	position: absolute;
	left: 0!important;
	width: 100px!important;
	box-shadow: 0 0 0 transparent!important;
	display: none
}

.no-bb ul li {
	width: 100px!important;
	height: 40px;
	line-height: 40px
}

.no-bb ul li a {
	color: #fff!important;
	display: block;
	font-size: 14px;
	width: 100%;
	height: 100%;
	background-color: #2a2a2a!important
}

.head_list li&gt;a,.set_btn ul li a:hover,.user_center li :hover a {
	color: #fff
}

.head_m_search :hover ul {
	display: none
}

.set_btn:hover ul {
	display: block
}

.user_center {
	position: absolute;
	left: 0;
	width: 110px;
	box-shadow: 0 0 15px #666;
	display: none
}

.user_center li {
	width: 110px;
	height: 40px;
	line-height: 40px;
	background-color: #fff
}

.user_center li :hover {
	background-color: #eb2822
}

.user_center li a {
	color: #666;
	display: block;
	width: 100%;
	height: 100%
}

.head_m_search {
	margin-right: 10px
}

.Project_d {
	width: 90px;
	height: 30px;
	position: absolute;
	top: 16px;
	right: 120px;
	background-color: #fff;
	text-align: center;
	font-size: 16px;
	margin-right: 12px;
	margin-left: 40px;
	color: #eb2822
}

.Project_d a {
	color: #eb2822;
	line-height: 30px
}

.register {
	margin: 0 15px;
	color: #fff
}

.footer {
	width: 100%;
	height: 420px;
	min-width: 1200px
}

.footer_T {
	height: 400px;
	background-color: #354145
}

.link_Q {
	padding-top: 30px
}

.link_Q ul li:first-child {
	font-size: 18px;
	color: #fff;
	line-height: 52px;
	padding-bottom: 13px
}

.link_Q ul li&gt;a {
	color: #aeb0b2;
	font-size: 12px;
	margin-right: 38px;
	text-align: left
}

.link_Q ul li {
	line-height: 34px
}

.link_code {
	text-align: center;
	width: 101px;
	color: #fff;
	font-size: 14px
}

.link_code p {
	line-height: 32px;
	padding-bottom: 8px
}

.link_code img {
	width: 82px;
	height: 82px;
	background: center center no-repeat;
	background-size: cover
}

.footer_B {
	height: 120px;
	background-color: #242c33
}

.footer_B_A {
	width: 1200px;
	margin: 0 auto;
	text-align: center
}

.footer_B_A a {
	padding-top: 6px;
	text-align: center;
	height: 66px;
	line-height: 66px;
	font-size: 18px;
	color: #94979a;
	padding-left: 27px;
	padding-right: 27px
}

.footer_B_A span {
	height: 15px;
	border-left: 1px solid #495055
}

.footer_B_A p {
	color: #a0a2a5
}

.bind_tab {
	overflow: hidden
}

.bind_tab li {
	float: left;
	text-align: center;
	font-size: 15px;
	cursor: pointer;
	width: 248px
}

.bind_tab li.active {
	background-color: #f2f2f2;
	color: #ec584e;
	border-left: 1px solid #dcdcdc;
	border-right: 1px solid #dcdcdc
}

.sendCode {
	width: 100px!important;
	height: 46px;
	background-color: #ec584e;
	border: 1px solid #ec584e;
	color: #fff
}

.phoneCode {
	width: 185px!important
}

.quick-form {
	padding: 0 30px
}

.quick-form canvas {
	margin: 10px auto 0;
	display: block
}

.quick-form .phone_code {
	font-size: 16px;
	margin-top: 10px;
	text-align: center
}

.scan_success {
	position: relative;
	display: none;
	margin-top: -10px
}

.scan_success i {
	display: block;
	width: 100%;
	height: 125px;
	line-height: 125px;
	margin: 0 auto;
	text-align: center
}

.scan_success .icon-ok {
	font-size: 28px;
	color: #78c430;
	z-index: 2;
	position: absolute;
	top: 0;
	left: 0
}

.scan_success .icon-phone {
	font-size: 120px;
	color: #000;
	opacity: .1
}

.scan_success p {
	text-align: center;
	padding-top: 20px
}

.scan_success p a,.scan_success p b,.scan_success p span {
	display: block
}

.scan_success p a {
	color: #ec584e
}

.login_box,.register_box {
	background: #fff;
	width: 600px;
	height: 468px;
	margin: 100px auto;
	position: relative;
	box-shadow: 0 0 35px rgba(0,0,0,.1)
}

.login_box canvas,.register_box canvas {
	width: 235px;
	height: 235px
}

.login_switch {
	position: absolute;
	right: 15px;
	top: 15px
}

.login_switch i {
	color: #ec584e;
	font-size: 70px;
	display: none;
	line-height: normal;
	cursor: pointer
}

.login_wrap,.register_wrap {
	padding: 60px 80px
}

.login_title,.register_title {
	overflow: hidden;
	padding-bottom: 40px;
	height: 24px;
	line-height: 24px
}

.login_title h3,.register_title h3 {
	float: left;
	font-size: 24px;
	color: #222;
	height: 100%
}

.login_title .reg_txt,.register_title .reg_txt {
	float: right;
	color: #ec584e;
	font-size: 14px;
	margin-top: 2px;
	height: 100%
}

.login_title .reg_txt:hover,.register_title .reg_txt:hover {
	text-decoration: underline
}

.login_title .toreg,.register_title .toreg {
	color: #222
}

.login_mid {
	display: none
}

.login_form {
	width: 100%
}

.login_form .login_input {
	background: #f5f5f5;
	border: none;
	display: block;
	padding: 20px 30px;
	width: 380px;
	margin-bottom: 20px;
	font-size: 16px
}

.login_form .login_input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 1000px #f5f5f5 inset
}

.login_form .login_find {
	width: 100%;
	margin-top: 10px
}

.login_form .login_btn {
	display: block;
	width: 100%;
	height: 45px;
	text-align: center;
	line-height: 45px;
	color: #fff;
	font-size: 18px;
	letter-spacing: 5px;
	background: #ec584e;
	border-radius: 5px;
	margin-top: 5px
}

.login_form label {
	margin-left: 10px;
	color: #222
}

.login_form .findPW {
	color: #222;
	float: right;
	margin-top: 4px
}

.login_form .findPW:hover {
	color: #ec584e
}

.login_form .showErrorLogin {
	color: #ec584e;
	height: 25px;
	line-height: 25px;
	text-align: center
}

.bind_box {
	width: 600px;
	background: #fff;
	margin: 75px auto;
	box-shadow: 0 0 35px rgba(0,0,0,.1)
}

.bind_box .bind_wrap {
	width: 440px;
	margin: 0 auto;
	padding: 50px 0
}

.bind_box .bind_main {
	display: none
}

.bind_box .top_tab {
	border-bottom: 1px solid #f5f5f5
}

.bind_box .top_tab li {
	float: left;
	width: 50%
}

.bind_box .top_tab li a {
	width: 148px;
	display: block;
	color: #666;
	font-size: 16px;
	padding-bottom: 15px;
	margin: 0 auto;
	text-align: center
}

.bind_box .top_tab li.on a {
	border-bottom: 1px solid #ec584e;
	color: #ec584e;
	position: relative
}

.bind_box .top_tab li.on a:after {
	content: " ";
	position: absolute;
	left: 50%;
	bottom: -5px;
	background: #fff;
	width: 9px;
	height: 9px;
	border: 1px solid #ec584e;
	border-left: 0;
	border-bottom: 0;
	z-index: 99999;
	margin-left: -5px;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.main_form {
	width: 100%;
	margin-top: 40px;
	overflow: hidden
}

.main_form input {
	background: #f5f5f5;
	border: none;
	display: inline-block;
	padding: 20px 30px;
	width: 380px;
	font-size: 16px;
	margin-bottom: 20px;
	border-radius: 5px
}

.main_form input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 1000px #f5f5f5 inset
}

.main_form .reg {
	display: block;
	width: 100%;
	height: 45px;
	text-align: center;
	line-height: 45px;
	color: #fff;
	font-size: 18px;
	letter-spacing: 5px;
	background: #ec584e;
	border-radius: 5px
}

.main_form .reg-type {
	width: 200px;
	font-size: 18px;
	height: 58px;
	line-height: 60px;
	margin-bottom: 20px
}

.main_form #captcha,.main_form #phoneCode {
	width: 260px;
	border-radius: 5px 0 0 5px
}

.main_form #Verify,.main_form #codeHint,.main_form #obtain {
	width: 120px;
	height: 58px;
	border-radius: 0 5px 5px 0;
	cursor: pointer
}

.main_form #codeHint,.main_form #obtain {
	background: #ec584e;
	color: #fff;
	display: inline-block;
	float: right;
	line-height: 60px;
	text-align: center
}

.main_form #obtain {
	background: #868686
}

.main_form #obtain i {
	font-style: normal
}

#project {
	overflow: hidden;
	width: 1180px;
	margin: 0 auto
}

.wt_title {
	width: 100%;
	height: 25px;
	line-height: 25px;
	padding: 20px 0;
	overflow: hidden
}

.wt_title h5 {
	font-size: 22px;
	font-size: 500;
	border-left: 5px solid #ec584e;
	text-indent: 20px;
	float: left
}

.wt_title h5 a {
	font-size: 22px;
	font-size: 500;
	color: #000;
	float: none
}

.wt_title a {
	display: block;
	float: right;
	font-size: 14px;
	color: #999
}

.wt_title a:hover {
	color: #ec584e
}

.project_wrap {
	overflow: hidden;
	width: 1220px
}
.pageList li {
float:left;height:30px;line-height:30px;overflow:hidden;
}
.project_item {
	float: left;
    width: 390px;
    height: 180px;
    background-color: #fff;
    position: relative;
    overflow: hidden;
    margin-right: 15px;
    cursor: pointer;
}

.project_item .border {
	position: absolute;
	display: none
}

.project_item .border.left {
	border-top: 1px solid #ec584e;
	border-left: 1px solid #ec584e;
	left: 0;
	top: 0
}

.project_item .border.right {
	border-top: 1px solid #ec584e;
	border-right: 1px solid #ec584e;
	right: 0;
	top: 0
}

.project_item .border.top {
	border-bottom: 1px solid #ec584e;
	border-right: 1px solid #ec584e;
	right: 0;
	bottom: 0
}

.project_item .border.bottom {
	border-bottom: 1px solid #ec584e;
	border-left: 1px solid #ec584e;
	left: 0;
	bottom: 0
}

.project_item:hover .border {
	display: block
}

.project_item a {
	width: 380px;
	height: 240px;
	background-color: #fff
}

.project_item .person_wrap {
	height: 30px;
	width: 100%
}

.project_item .iv_person {
	display: inline-block;
	height: 28px;
	position: relative;
	line-height: 28px;
	font-size: 14px;
	padding: 0 20px;
	color: #ec584e;
	border-radius: 5px;
	border: 1px solid #ec584e
}

.project_item .project_main {
	overflow: hidden;
	position: absolute;
	width: 340px;
	top: 28px;
	left: 20px
}

.fluid-media,sub,sup {
	position: relative
}

.project_item .project_main .oh {
	height: 120px;
	overflow: hidden
}

.project_item .project_main img {
	width: 120px;
	height: 120px;
	display: block;
	float: left;
	margin-right: 20px;
	overflow: hidden;
	border-radius: 6px;
}

.project_item .project_main .main_text h4,.project_item .project_main .main_text p {
	display: -webkit-box;
	display: -moz-box;
	-moz-box-orient: vertical;
	overflow: hidden;
	-webkit-box-orient: vertical
}

.project_item .project_main .main_text {
	float: left;
	width: 200px;
	height: 120px
}

.project_item .project_main .main_text h4 {
	color: #000;
	font-size: 20px;
	line-height: normal;
	-webkit-line-clamp: 1;
	margin-bottom: 5px;
	-moz-line-clamp: 1
}

.project_item .project_main .main_text p {
	color: #a7a7a7;
	font-size: 14px;
	line-height: 22px;
	height: 44px;
	margin: 10px 0;
	-webkit-line-clamp: 2;
	-moz-line-clamp: 2
}

.project_item .label span,.project_item .project_info span {
	margin-left: 3px;
	display: inline-block
}

.project_item .project_info {
	margin-top: 20px;
	color: #666;
	overflow: hidden
}

.project_item .project_info li {
	float: left;
	width: 25%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.project_item .project_info i {
	color: #ec584e;
	font-size: 14px;
	vertical-align: middle
}

.project_item .label {
	width: 100%;
	overflow: hidden;
	color: #666;
	margin-top: 5px
}

pre,textarea {
	overflow: auto
}

.project_item .label i {
	color: #ec584e;
	font-size: 14px
}

.hot_projects .project_item {
	margin-bottom: 20px
}

blockquote,body,dd,dir,dl,fieldset,figure,form,h1,h2,h3,h4,h5,h6,hr,input,legend,menu,ol,optgroup,p,pre,tbody,td,textarea,tfoot,th,thead,ul {
	margin: 0;
	padding: 0
}

.fr {
	float: right
}

.fl {
	float: left
}

ol,ul {
	list-style-type: none;
	list-style-image: none
}

a {
	text-decoration: none;
	outline: 0
}

a:active {
	background-color: transparent
}

a:active,a:focus,a:hover {
	outline: 0
}

html {
	text-size-adjust: 100%;
	font-size: 62.5%
}

body,button,input,select,textarea {
	-ms-text-autospace: ideograph-alpha ideograph-numeric ideograph-parenthesis;
	text-spacing: ideograph-alpha ideograph-numeric ideograph-parenthesis;
	color: #333;
	font: 14px/1.4 'Helvetica Neue','Hiragino Sans GB','WenQuanYi Micro Hei','Microsoft Yahei',sans-serif
}

h1,h2,h3,h4,h5,h6 {
	font-weight: 400
}

h1 {
	font-size: 36px
}

h2 {
	font-size: 30px
}

h3 {
	font-size: 22px
}

h4 {
	font-size: 16px
}

h5 {
	font-size: 14px
}

h6 {
	font-size: 12px
}

abbr,acronym {
	border-bottom: 1px dotted;
	cursor: help
}

b,strong {
	font-weight: 700
}

dfn {
	font-style: italic
}

hr {
	box-sizing: content-box;
	height: 0
}

input:-ms-input-placeholder,input:input-placeholder,textarea:-ms-input-placeholder,textarea:input-placeholder {
	color: #e6e6e6
}

input::-moz-placeholder,input::-webkit-input-placeholder,textarea::-moz-placeholder,textarea::-webkit-input-placeholder {
	color: #999
}

input:-webkit-autofill,select:-webkit-autofill,textarea:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 1000px #fff inset
}

::-ms-clear,::-ms-reveal {
	display: none
}

mark {
	background-color: #D2E5FF;
	color: #000
}

code,kbd,pre,samp {
	font-family: monaco,menlo,consolas,'courier new',courier,monospace
}

pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word
}

q {
	quotes: none
}

q:after,q:before {
	content: '';
	content: none
}

small {
	font-size: 85.7%
}

sub,sup {
	font-size: 75%;
	line-height: 0;
	vertical-align: baseline
}

sup {
	top: -.5em
}

sub {
	bottom: -.25em
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

th {
	text-align: left
}

table td,table th {
	border: 1px solid #ddd;
	padding: 8px 10px
}

table th {
	font-weight: inherit;
	border-bottom-width: 2px;
	border-bottom-color: #ccc
}

img {
	border: 0;
	max-width: 100%;
	vertical-align: top;
	-ms-interpolation-mode: bicubic
}

svg:not(:root) {
	overflow: hidden
}

fieldset {
	border: 1px solid silver;
	margin: 0 2px;
	padding: .35em .625em .75em
}

legend {
	border: 0;
	white-space: normal
}

button,input,select,textarea {
	font-family: inherit;
	font-size: 100%;
	margin: 0;
	vertical-align: baseline;
	outline: 0
}

button,select {
	text-transform: none
}

button,html input[type=button],input[type=reset],input[type=submit] {
	-webkit-appearance: button;
	cursor: pointer
}

button[disabled],input[disabled] {
	cursor: default
}

input[type=checkbox],input[type=radio] {
	box-sizing: border-box;
	padding: 0
}

input[type=search] {
	-webkit-appearance: textfield;
	box-sizing: content-box
}

input[type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}

button::-moz-focus-inner,input::-moz-focus-inner {
	border: 0;
	padding: 0
}

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
	height: auto
}

textarea {
	resize: none
}

.clearall,.clip-hide,.ellipsis,.ir,.text-hide {
	overflow: hidden
}

option:disabled:checked,select:disabled option:checked {
	color: #D2D2D2
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	input {
		line-height: normal!important
	}
}

input::-moz-placeholder,textarea::-moz-placeholder {
	color: #a9a9a9;
	opacity: 1
}

select[multiple],select[size],select[size][multiple] {
	border: 1px solid #AAA;
	padding: 0
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {
	display: block
}

audio,canvas,progress,video {
	display: inline-block;
	vertical-align: baseline
}

audio:not([controls]) {
	display: none;
	height: 0
}[hidden],template {
	display: none
}

.arrow,.dib,.justify:after {
	display: inline-block
}[draggable] {
	cursor: move
}

dialog {
	border: 1px solid;
	padding: 0;
	margin: auto;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: fit-content;
	height: fit-content
}

dialog::backdrop {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0,0,0,.3)
}

.dib-box {
	font-size: 0
}

@media (-webkit-min-device-pixel-ratio:0) {
	.dib-box {
		letter-spacing: -5px
	}
}

.dib-box .dib,.justify .dib {
	letter-spacing: normal;
	word-spacing: normal
}

.dib-box .dib {
	vertical-align: top;
	font-size: 14px
}

.dib-box .justify,.justify {
	font-size: 0;
	line-height: inherit
}

.justify {
	text-align: justify;
	text-justify: inter-ideograph;
	text-align-last: justify
}

.justify:after {
	content: "";
	width: 100%
}

.justify .dib {
	text-align-last: auto;
	text-justify: auto;
	text-align: left;
	font-size: 12px
}

.arrow {
	font-size: 0;
	width: 0;
	height: 0;
	line-height: 0;
	vertical-align: -2px;
	border: 0 dashed transparent;
	border-width: 6px
}

.arrow-bottom,.arrow-left-top,.arrow-right-top {
	border-top-style: solid;
	border-top-color: #2AB2DF
}

.arrow-left-bottom,.arrow-right-bottom,.arrow-top {
	border-bottom-style: solid;
	border-bottom-color: #2AB2DF
}

.arrow-left {
	border-right-style: solid;
	border-right-color: #2AB2DF
}

.arrow-right {
	border-left-style: solid;
	border-left-color: #fff
}

.arrow-left-top {
	border-left-width: 0!important
}

.arrow-right-top {
	border-right-width: 0!important
}

.arrow-left-bottom {
	border-left-width: 0!important
}

.arrow-right-bottom {
	border-right-width: 0!important
}

.fluid-media div,.fluid-media embed,.fluid-media iframe,.fluid-media object,.fluid-media video {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0
}

.widescreen {
	padding-bottom: 56.25%
}

.narrowscreen {
	padding-bottom: 75%
}

.wole,.youku {
	padding-top: 40px
}

.tudou {
	padding-top: 50px
}

.iqiyi {
	padding-top: 45px
}

.youtube {
	padding-top: 30px
}

.center-box {
	font-size: 0;
	height: 100%
}

@media (-webkit-min-device-pixel-ratio:0) {
	.center-box {
		letter-spacing: -5px
	}
}

.center-box .center-hack {
	display: inline-block;
	font-size: 0;
	width: 0;
	height: 100%;
	vertical-align: middle
}

.center-box .center-body,.center-box .center-img {
	display: inline-block;
	width: 100%;
	margin: 0!important;
	padding: 0!important;
	vertical-align: middle
}

.center-box .center-body {
	letter-spacing: normal;
	word-spacing: normal;
	font-size: 12px;
	white-space: normal;
	word-wrap: break-word
}

.center-box .center-img {
	text-align: center;
	font-size: 0
}

.center-box img {
	vertical-align: middle
}

.clearfix {
	zoom: 1
}

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

.clearcell {
	display: table-cell
}

.clearcell:after {
	clear: both;
	display: block;
	visibility: visible;
	overflow: hidden;
	height: 0!important;
	line-height: 0;
	font-size: xx-large;
	content: " x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x "
}

.nowrap {
	white-space: nowrap;
	word-wrap: normal
}

.wrap {
	white-space: normal;
	word-wrap: break-word
}

.hidden,body .hide {
	display: none
}

.ellipsis {
	display: block;
	white-space: nowrap;
	word-wrap: normal;
	text-align: left
}

.text-hide {
	text-indent: 100%;
	white-space: nowrap
}

.clip-hide {
	position: absolute!important;
	clip: rect(1px,1px,1px,1px);
	padding: 0!important;
	border: 0!important;
	height: 1px!important;
	width: 1px!important
}

.ir,.ir-bg {
	position: relative
}

.ir {
	z-index: -1
}

.ir-bg {
	z-index: 1
}

.ime-inactive {
	ime-mode: inactive!important
}

.select-no-appearance {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	text-overflow: "";
	text-indent: .01px
}

.antialiased {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.rmb,.yuan {
	font-family: arial;
	font-style: normal
}

.iconfont,.joinInvest .layui-layer-setwin .layui-layer-close1 {
	font-family: iconfont!important;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.table table th,.table th {
	border: 0;
	border-bottom: 2px solid #ccc
}

.table table td,.table td {
	border: 0;
	border-top: 1px solid #ddd
}

.table-striped tbody tr:nth-child(odd) td {
	background-color: #fafafa
}

.type .table-hover tbody tr:hover td,.type .table-hover thead tr:hover th {
	background-color: #f6f6f6
}

@media (max-width:767px) {
	.table-responsive {
		width: 100%;
		overflow-x: scroll;
		overflow-y: hidden;
		border-right: 1px solid #ddd;
		-ms-overflow-style: -ms-autohiding-scrollbar;
		-webkit-overflow-scrolling: touch
	}

	.table-responsive table {
		margin: 0
	}

	.table-responsive td,.table-responsive th {
		white-space: nowrap
	}

	.table-responsive .table {
		border: 0
	}
}

@font-face {
	font-family:iconfont;src:url(../fonts/iconfont.eot);src:url(../fonts/iconfont.eot) format("embedded-opentype"),url(../fonts/c4f86800a0654e9eac7f459e27d62e3a.woff) format("woff"),url(../fonts/iconfont.ttf) format("truetype"),url(../fonts/iconfont.svg) format("svg")
}

.iconfont {
	font-size: 16px;
	font-style: normal
}

.icon-mingpian:before {
	content: "\e67c"
}

.icon-youjian:before {
	content: "\e694"
}

.icon-jiantou1:before {
	content: "\e671"
}

.icon-erweima:before {
	content: "\e616"
}

.icon-youxiang:before {
	content: "\e665"
}

.icon-quanzi-1:before {
	content: "\e663"
}

.icon-pengyouquan:before {
	content: "\e65f"
}

.icon-fudao:before {
	content: "\e674"
}

.icon-up-experience:before {
	content: "\e686"
}

.icon-icon46:before {
	content: "\e637"
}

.icon-icon54:before {
	content: "\e63e"
}

.icon-llcouponmapmark:before {
	content: "\e684"
}

.icon-xingxing:before {
	content: "\e612"
}

.icon-dingwei:before {
	content: "\e601"
}

.icon-iconfontdituxuexiao:before {
	content: "\e672"
}

.icon-icon:before {
	content: "\e628"
}

.icon-phone:before {
	content: "\e62e"
}

.icon-sousuo:before {
	content: "\e622"
}

.icon-v1:before {
	content: "\e688"
}

.icon-sheji:before {
	content: "\e61d"
}

.icon-pinpai:before {
	content: "\e6a3"
}

.icon-quanzi-4:before {
	content: "\e6d6"
}

.icon-zhaojiudian:before {
	content: "\e697"
}

.icon-tuijian:before {
	content: "\e673"
}

.icon-fenxiang:before {
	content: "\e606"
}

.icon-xinsui:before {
	content: "\e613"
}

.icon-zhandian:before {
	content: "\e806"
}

.icon-xuexi-1:before {
	content: "\e65b"
}

.icon-weibiaoti103:before {
	content: "\e631"
}


.icon-xiaoxi:before {
	content: "\e626"
}

.icon-xiaodaohangwenjiangongxiang:before {
	content: "\e74a"
}

.icon-keyefudao:before {
	content: "\e676"
}

.icon-rongzihuiyuan:before {
	content: "\e647"
}

.icon-1218biaoqianhongqi:before {
	content: "\ec71"
}

.icon-iconfontyoujian:before {
	content: "\e638"
}

.icon-vip:before {
	content: "\e648"
}

.icon-ziyuan1:before {
	content: "\e677"
}

.icon-shanchu:before {
	content: "\e617"
}

.icon-shanchu1:before {
	content: "\e618"
}

.icon-Friend-Plane:before {
	content: "\e6b1"
}

.icon-htmal5icon18:before {
	content: "\e636"
}

.icon-keshikebiao-3:before {
	content: "\e66c"
}

.icon-iconfontyoujiantou:before {
	content: "\e68f"
}

.icon-dianzan:before {
	content: "\e66f"
}

.icon-icon1:before {
	content: "\e640"
}

.icon-keshikebiao-1:before {
	content: "\e666"
}

.icon-liaotian:before {
	content: "\e653"
}

.icon-heilongjiangtubiao06:before {
	content: "\e65a"
}

.icon-diannao:before {
	content: "\e62a"
}

.icon-guanxi:before {
	content: "\e675"
}

.icon-31:before {
	content: "\e627"
}

.icon-iconfontlink:before {
	content: "\e608"
}

.icon-erweima1:before {
	content: "\e62d"
}

.icon-iconfontz040:before {
	content: "\e657"
}

.icon-wode:before {
	content: "\e66e"
}

.icon-shijian-4:before {
	content: "\e664"
}

.icon-angel1148587easyiconnet:before {
	content: "\e629"
}

.icon-iconfontdunpai:before {
	content: "\e61c"
}

.icon-icon4:before {
	content: "\e68a"
}

.icon-sanjiaoxing-copy-copy-copy:before {
	content: "\e68e"
}

.icon-dizhi:before {
	content: "\e633"
}

.icon-rongzirongquan01:before {
	content: "\e649"
}

.icon-wenjian:before {
	content: "\e7b2"
}

.icon-anquancelve:before {
	content: "\e680"
}

.icon-huifu:before {
	content: "\e634"
}

.icon-keshikebiao-5:before {
	content: "\e6ab"
}

.icon-hrrq-sjbk:before {
	content: "\e67b"
}

.icon-yunyingshixin:before {
	content: "\e64a"
}

.icon-qun:before {
	content: "\e609"
}

.icon-xiangmuwenjian:before {
	content: "\e614"
}

.icon-renzheng:before {
	content: "\e605"
}

.icon-earth:before {
	content: "\e60a"
}

.icon-rili:before {
	content: "\e67d"
}

.icon-tese-3:before {
	content: "\eb5d"
}

.icon-v:before {
	content: "\e604"
}

.icon-keshikebiao-6:before {
	content: "\e669"
}

.icon-xiangji:before {
	content: "\e603"
}

.icon-riliriqi2:before {
	content: "\e808"
}

.icon-iconfontquanzi:before {
	content: "\e64b"
}

.icon-xitong:before {
	content: "\e65c"
}

.icon-cuowutishi:before {
	content: "\e619"
}

.icon-xueyuan:before {
	content: "\e643"
}

.icon-baogao:before {
	content: "\e60b"
}

.icon-zhaoziben:before {
	content: "\e60c"
}

.icon-touzi:before {
	content: "\e645"
}

.icon-biaoqian:before {
	content: "\e61e"
}

.icon-renminbi:before {
	content: "\e635"
}

.icon-ok:before {
	content: "\e623"
}

.icon-xiangmu1:before {
	content: "\e670"
}

.icon-guanli:before {
	content: "\e64c"
}

.icon-wanshanziliao:before {
	content: "\e620"
}

.icon-xiangmu:before {
	content: "\e60d"
}

.icon-vip1:before {
	content: "\e64d"
}

.icon-lejiejieshou:before {
	content: "\e6e8"
}

.icon-xiaosanjiao:before {
	content: "\e68c"
}

.icon-luntan2:before {
	content: "\e624"
}

.icon-next:before {
	content: "\e62f"
}

.icon-prev:before {
	content: "\e630"
}

.icon-jiantou:before {
	content: "\e63c"
}

.icon-mubiao-copy:before {
	content: "\e60e"
}

.icon-sousuo1:before {
	content: "\e650"
}

.icon-icontaijie:before {
	content: "\e615"
}

.icon-shouyetouzi:before {
	content: "\e682"
}

.icon-gengduo:before {
	content: "\e621"
}

.icon-wajue:before {
	content: "\e60f"
}

.icon-tianxie:before {
	content: "\e61a"
}

.icon-tese-1:before {
	content: "\e66a"
}

.icon-gongxiang:before {
	content: "\e64e"
}

.icon-shijian-3:before {
	content: "\e65d"
}

.icon-chengchangtequan:before {
	content: "\e610"
}

.icon-bd_huifu:before {
	content: "\e639"
}

.icon-keshikebiao-4:before {
	content: "\e716"
}

.icon-shangshengjiantou:before {
	content: "\e63d"
}

.icon-shouqi:before {
	content: "\e67e"
}

.icon-qishi:before {
	content: "\e607"
}

.icon-delete:before {
	content: "\e63b"
}

.icon-keshikebiao-2:before {
	content: "\e667"
}

.icon-shijian-1:before {
	content: "\e65e"
}

.icon-jingxuan1:before {
	content: "\e681"
}

.icon-10:before {
	content: "\e6b2"
}

.icon-huifushixin:before {
	content: "\e66b"
}

.icon-huiyuan:before {
	content: "\e654"
}

.icon-fugaiyuguang:before {
	content: "\e61b"
}

.icon-weibiaoti553:before {
	content: "\e68b"
}

.icon-yewu:before {
	content: "\e611"
}

.icon-iconfontrenshueps0201:before {
	content: "\e695"
}

.icon-tiexizhengceguanli:before {
	content: "\e64f"
}

.icon-piechart:before {
	content: "\e62c"
}

.icon-naozhong:before {
	content: "\e602"
}

.icon-juhui:before {
	content: "\e795"
}

.icon-arrow-down:before {
	content: "\e646"
}

.icon-xingxing1:before {
	content: "\e642"
}

.icon-chuangye-copy:before {
	content: "\e683"
}

.icon-zengjiagudong:before {
	content: "\e641"
}

.icon-ren1:before {
	content: "\e691"
}

.icon-tese-2:before {
	content: "\e6a9"
}

.icon-yuyue:before {
	content: "\e63a"
}

.icon-icontag:before {
	content: "\e600"
}

.icon-renshengjieduan:before {
	content: "\e61f"
}

.icon-xiaoxi2:before {
	content: "\e692"
}

.icon-kehujiazhipaiming:before {
	content: "\e696"
}

.icon-qitaleidengguang:before {
	content: "\e9e2"
}

.icon-iconfuzhi:before {
	content: "\e632"
}

.icon-xiaoxituisong:before {
	content: "\e759"
}

.icon-yewu-copy:before {
	content: "\e651"
}

.icon-xuexi-3:before {
	content: "\e660"
}

.icon-xuexibaogao:before {
	content: "\e706"
}

.icon-xingyeyanjiu:before {
	content: "\e644"
}

.icon-liulan:before {
	content: "\e78e"
}

.icon-xiaoxi1:before {
	content: "\e67a"
}

.icon-duijie:before {
	content: "\e690"
}

.icon-tuandui:before {
	content: "\e89f"
}

.icon-tuijian1:before {
	content: "\e8a4"
}

.icon-link:before {
	content: "\e6bc"
}

.icon-shuangyong:before {
	content: "\e652"
}

.icon-liaotian3:before {
	content: "\e685"
}

.icon-icon-bar-chart-o:before {
	content: "\e62b"
}

.icon-dingzhi-dingzhi:before {
	content: "\e661"
}

.icon-tese-4:before {
	content: "\e66d"
}

.icon-quanzi-3:before {
	content: "\e655"
}

.icon-shangsheng:before {
	content: "\e63f"
}

.icon-liulan1:before {
	content: "\e7f7"
}

.icon-dongchanrongzi:before {
	content: "\e656"
}

.icon-liaotian1:before {
	content: "\e6a0"
}

.icon-chuangyezhe:before {
	content: "\e6d2"
}

.icon-lianmeng:before {
	content: "\e699"
}

.icon-966caidan_tuandui:before {
	content: "\e68d"
}

.icon-liulan2:before {
	content: "\e805"
}

.icon-jishu:before {
	content: "\e658"
}

.icon-daoshi:before {
	content: "\e687"
}

.icon-shijian-2:before {
	content: "\e662"
}

.icon-zhekou:before {
	content: "\e70f"
}

.icon-huifu1:before {
	content: "\e67f"
}

.icon-iconshi:before {
	content: "\e679"
}

.icon-zhengce:before {
	content: "\e678"
}

.icon-quanzi-2:before {
	content: "\e668"
}

.icon-D:before {
	content: "\e717"
}

.icon-wodeziyuan:before {
	content: "\e71c"
}

.icon-jishu1:before {
	content: "\e659"
}

.icon-shu2:before {
	content: "\e689"
}

.icon-icon-bar-chart-o-copy:before {
	content: "\ec73"
}

.icon-fuwu:before {
	content: "\e693"
}

.icon-chengshihehuoren:before {
	content: "\e72e"
}

.icon-xueyuan1:before {
	content: "\e703"
}

.icon-shequn:before {
	content: "\e698"
}

.icon-butie:before {
	content: "\e81f"
}

.dl-a:after,.dl-a:before,.music-player .progress span:after {
	content: ""
}

body {
	background: #f8f8f8
}

.header .nav {
	top: -17px\9
}

.projectsSearch {
	width: 1180px;
	margin: 20px auto 0
}

.projects-select {
	width: 1200px;
    margin: 0 auto;
    background-color: #fff;
    margin-top: 45px;
}

.projects-select span {
	color: #737687
}

.projects-select .article {
	width: 1180px
}

.projects-select .article .select-ul a {
	color: #737687;
	font-size: 16px;
	display: block
}

.projects-select .article .select-ul a:hover {
	color: #ec584e;
	background-color: #fff
}

.projects-select .article .select-ul&gt;ul {
	background-color: #ebeae9
}

.projects-select .article .select-ul&gt;ul li {
	width: 160px;
	height: 50px;
	text-align: center;
	line-height: 50px
}

.projects-select .article .select {
	padding: 0 25px
}

.projects-select .article .select div {
	overflow: hidden;
	border-bottom: 1px solid #f1f1f1;
	padding: 10px 0
}

.projects-select .article .select div a {
	padding: 5px 10px;
	display: block;
	color: #737687
}

.projects-select .article .select div a:hover {
	background-color: #ec584e;
	color: #fff
}

.projects-select .article .select div:last-child {
	border-bottom: none
}

.projects-select .article .select div span {
	margin-right: 20px;
	padding: 5px 0;
	float: left
}

.projects-select .article .select div ul .ml74 {
	margin-left: 74px
}

.projects-select .article .select div ul .mt8 {
	margin-top: 8px
}

.projects-select .article .select div ul li {
	margin-right: 25px
}

.projects-select .article .select div .dib-box {
	width: 1000px;
	float: left
}

.projects-proList {
	width: 100%;
	background-color: #f1f3f6;
	padding-bottom: 80px
}

.projects-proList .projects-proList-wrap {
	width: 1180px;
	margin: 0 auto;
	padding-top: 1px;
	padding-bottom: 80px
}

.projects-proList .projects-proList-wrap .article {
	width: 100%;
	height: 350px;
	margin-top: 20px;
	background-color: #fff;
	box-shadow: 0 1px 2px rgba(0,0,0,.2)
}

.projects-proList .projects-proList-wrap .article:first-child {
	margin-top: 40px
}

.projects-proList .projects-proList-wrap .article .imgBox {
	float: left;
	overflow: hidden;
	width: 820px;
	height: 350px
}

.projects-proList .projects-proList-wrap .article .imgBox a {
	display: block;
	transition: all ease-out .3s
}

.projects-proList .projects-proList-wrap .article .imgBox a:hover {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1)
}

.projects-proList .projects-proList-wrap .article .imgBox img {
	width: 100%;
	height: 350px
}

.projects-proList .projects-proList-wrap .article .proInfo {
	float: left;
	width: 360px
}

.projects-proList .projects-proList-wrap .article .proInfo .top {
	height: 80px;
	padding: 0 34px;
	background-color: #f1f3f6
}

.projects-proList .projects-proList-wrap .article .proInfo .top img {
	width: 50px;
	height: 50px;
	margin-top: 15px;
	border-radius: 100%
}

.projects-proList .projects-proList-wrap .article .proInfo .top span {
	line-height: 80px;
	margin-left: 15px;
	color: #737687
}

.projects-proList .projects-proList-wrap .article .proInfo .top span a {
	color: #737687
}

.projects-proList .projects-proList-wrap .article .proInfo .top span a:hover {
	color: #ff7d5f
}

.projects-proList .projects-proList-wrap .article .proInfo .top .pro-state {
	width: 80px;
	color: #fff;
	line-height: 80px;
	text-align: center;
	height: 80px;
	float: right;
	background: url(../images/pro-state.png) center center no-repeat
}

.projects-proList .projects-proList-wrap .article .proInfo .center {
	margin: 0 34px;
	border-bottom: 1px solid #dcdcdc
}

.projects-proList .projects-proList-wrap .article .proInfo .center h4 {
	margin-top: 13px;
	color: #374256
}

.projects-proList .projects-proList-wrap .article .proInfo .center p {
	margin-top: 2px;
	color: #737687
}

.projects-proList .projects-proList-wrap .article .proInfo .center ul {
	margin: 7px 0 15px;
	white-space: nowrap
}

.projects-proList .projects-proList-wrap .article .proInfo .center ul li {
	font-size: 12px;
	margin-right: 25px;
	color: #aaa
}

.projects-proList .projects-proList-wrap .article .proInfo .center ul li span {
	font-size: 12px;
	color: #737687
}

.projects-proList .projects-proList-wrap .article .proInfo .center ul li .width58 {
	width: 58px;
	display: inline-block;
	vertical-align: middle
}

.projects-proList .projects-proList-wrap .article .proInfo .center ul .mr0 {
	margin-right: 0;
	width: 105px;
	white-space: nowrap
}

.projects-proList .projects-proList-wrap .article .proInfo .bottom {
	margin: 0 70px
}

.projects-proList .projects-proList-wrap .article .proInfo .bottom .circleBar {
	position: relative;
	float: left;
	margin-top: 20px
}

.projects-proList .projects-proList-wrap .article .proInfo .bottom .circleBar font {
	font-size: 20px;
	font-weight: 700;
	position: absolute;
	top: 28px;
	left: 30px;
	color: #ff7d5f
}

.projects-proList .projects-proList-wrap .article .proInfo .bottom ul {
	float: right;
	margin-top: 35px
}

.projects-proList .projects-proList-wrap .article .proInfo .bottom ul li {
	font-size: 12px;
	color: #aaa
}

.projects-proList .projects-proList-wrap .article .proInfo .bottom ul li span {
	font-size: 12px;
	color: #737687
}

.projects-seaList {
	width: 100%;
	overflow: hidden
}

.projects-seaList .projects-seaList-wrap {
	width: 1180px;
	margin: 20px auto;
	overflow: hidden;
	padding-top: 1px
}

.projects-seaList .projects-seaList-wrap .article {
	width: 380px;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	position: relative;
	top: 0;
	background: #fff;
	height: 456px;
	box-shadow: 0 0 15px 0 #888;
	transition: all .3s;
	cursor: pointer
}

.projects-seaList .projects-seaList-wrap .article:hover {
	top: -5px
}

.projects-seaList .projects-seaList-wrap .article .imgBox {
	float: left;
	overflow: hidden;
	width: 380px
}

.projects-seaList .projects-seaList-wrap .article .imgBox img {
	display: block;
	transition: all ease-out .3s;
	width: 380px;
	height: 230px
}

.projects-seaList .projects-seaList-wrap .article .imgBox img:hover {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1)
}

.projects-seaList .projects-seaList-wrap .article .proInfo {
	float: left;
	width: 100%
}

.projects-seaList .projects-seaList-wrap .article .proInfo .outer-therm {
	margin: 0
}

.projects-seaList .projects-seaList-wrap .article .proInfo .therm {
	border-radius: 0
}

.projects-seaList .projects-seaList-wrap .article .proInfo .inner-therm span {
	color: #000
}

.projects-seaList .projects-seaList-wrap .article .proInfo .center {
	overflow: hidden;
	padding: 10px 15px
}

.projects-seaList .projects-seaList-wrap .article .proInfo .center h4 {
	float: left;
	text-align: left;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	font-weight: 700;
	color: #374256;
	width: 270px
}

.projects-seaList .projects-seaList-wrap .article .proInfo .center h4 a {
	color: #374256
}

.projects-seaList .projects-seaList-wrap .article .proInfo .center h4 a:hover {
	color: #ff7d5f
}

.projects-seaList .projects-seaList-wrap .article .proInfo .center .this-state {
	padding: 0 5px;
	width: 50px;
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	text-align: center;
	color: #fff;
	margin-top: 3px
}

.projects-seaList .projects-seaList-wrap .article .proInfo .center .this-state1 {
	background: url(../images/thisstate01.png) no-repeat;
	background-size: 100% 100%
}

.projects-seaList .projects-seaList-wrap .article .proInfo .center .this-state2 {
	background: url(../images/thisstate02.png) no-repeat;
	background-size: 100% 100%
}

.projects-seaList .projects-seaList-wrap .article .proInfo .center .this-state3 {
	background: url(../images/thisstate03.png) no-repeat;
	background-size: 100% 100%
}

.projects-seaList .projects-seaList-wrap .article .proInfo .center .this-state4 {
	background: url(../images/thisstate04.png) no-repeat;
	background-size: 100% 100%
}

.projects-seaList .projects-seaList-wrap .article .proInfo .center .this-state5 {
	background: url(../images/thisstate05.png) no-repeat;
	background-size: 100% 100%
}

.projects-seaList .projects-seaList-wrap .article .proInfo .center .this-statenone {
	background: 0 0;
	background-size: 100% 100%
}

.projects-seaList .projects-seaList-wrap .article .proInfo .center .this-state span {
	float: right;
	color: #fff
}

.projects-seaList .projects-seaList-wrap .article .proInfo p {
	height: 50px;
	padding: 0 15px;
	color: #737687;
	font-size: 14px;
	min-height: 50px;
	max-height: 50px;
	word-break: break-all;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden
}

.projects-seaList .projects-seaList-wrap .article .proInfo ul {
	padding: 0 15px
}

.projects-seaList .projects-seaList-wrap .article .proInfo ul li {
	float: left;
	width: 33.33333%;
	white-space: nowrap;
	word-wrap: normal;
	overflow: hidden;
	text-overflow: ellipsis
}

.projects-seaList .projects-seaList-wrap .article .proInfo ul li img {
	width: 16px;
	height: 16px;
	vertical-align: sub
}

.projects-seaList .projects-seaList-wrap .article .proInfo ul li span {
	font-size: 14px;
	color: #737687
}

.projects-seaList .projects-seaList-wrap .article .proInfo .label {
	overflow: hidden;
	height: 35px;
	line-height: 35px;
	padding: 0 15px;
	color: #737687
}

.projects-seaList .projects-seaList-wrap .article button {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: #e6e7ec;
	border: 0;
	height: 55px;
	line-height: 55px;
	color: #3c3c3c;
	font-size: 16px;
	transition: background .5s
}

.projects-seaList .projects-seaList-wrap .article button span {
	font-size: 22px;
	color: #ff7d5f
}

.projects-seaList .projects-seaList-wrap .article .proInfo .label .label-img {
	float: left;
	display: block;
	width: 18px;
	height: 18px;
	margin-right: 10px;
	margin-top: 8px
}

.projects-seaList .projects-seaList-wrap .article .proInfo .label span {
	overflow: hidden;
	color: #737687
}

.projects-seaList .projects-seaList-wrap .article .proInfo .label span i {
	font-style: normal;
	margin-right: 8px;
	float: left;
	display: block
}

.projects-seaList .projects-seaList-wrap .article-two {
	float: left;
	box-sizing: border-box;
	width: 380px;
	height: 320px;
	margin-top: 20px;
	margin-right: 20px;
	background-color: #fff;
	box-shadow: 0 1px 2px rgba(0,0,0,.2)
}

.projects-seaList .projects-seaList-wrap .article-two .imgBox {
	float: left;
	overflow: hidden;
	width: 380px
}

.projects-seaList .projects-seaList-wrap .article-two .imgBox a {
	display: block;
	margin-left: -3px;
	transition: all ease-out .3s
}

.projects-seaList .projects-seaList-wrap .article-two .imgBox a:hover {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1)
}

.projects-seaList .projects-seaList-wrap .article-two .imgBox a img {
	width: 100%;
	height: 200px
}

.projects-seaList .projects-seaList-wrap .article-two .proInfo {
	float: left;
	width: 100%
}

.projects-seaList .projects-seaList-wrap .article-two .proInfo .outer-therm {
	margin: 0
}

.projects-seaList .projects-seaList-wrap .article-two .proInfo .therm {
	border-radius: 0
}

.projects-seaList .projects-seaList-wrap .article-two .proInfo .inner-therm span {
	color: #000
}

.projects-seaList .projects-seaList-wrap .article-two .proInfo .center {
	margin: 10px 20px 5px
}

.projects-seaList .projects-seaList-wrap .article-two .proInfo .center h4 {
	display: inline-block;
	text-align: left;
	width: 260px
}

.projects-seaList .projects-seaList-wrap .article-two .proInfo .center h4 a {
	color: #374256
}

.projects-seaList .projects-seaList-wrap .article-two .proInfo .center h4 a:hover {
	color: #ff7d5f
}

.projects-seaList .projects-seaList-wrap .article-two .proInfo .center span {
	float: right;
	margin-top: 3px;
	color: #737687
}

.projects-seaList .projects-seaList-wrap .article-two .proInfo p {
	margin: 0 20px;
	padding-top: 7px;
	color: #737687;
	border-top: 1px solid #dcdcdc;
	overflow: hidden;
	height: 53px
}

.projects-seaList .projects-seaList-wrap .last {
	margin-right: 0
}

.project-detail-top {
	position: relative;
	width: 100%;
	height: 400px;
	background-size: 100% 400px
}

.top-mask {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #000;
	opacity: .3;
	filter: alpha(opacity=30)
}

.project-detail-top-wrap {
	position: absolute;
	z-index: 3;
	width: 1180px;
	height: 350px;
	top: 25px;
	left: 50%;
	margin-left: -590px;
	background-color: #fff
}

.top-left,.top-left img {
	width: 534px;
	height: 350px
}

.top-left {
	float: left;
	margin-right: 18px
}

.top-right {
	position: relative;
	float: left;
	color: #676868;
	font-size: 16px;
	width: 615px
}

.top-right .tags-list&gt;li {
	float: left;
	padding: 0 20px;
	color: #737686;
	font-size: 12px;
	list-style: none;
	background: url(../images/tags-list-bor.png) left center no-repeat
}

.top-right .tags-list&gt;li:first-child {
	background: 0 0
}

.tags-list {
	margin: 18px 0 0 -20px;
	text-align: center;
	overflow: hidden
}

.tags-list i {
	display: inline-block;
	width: 14px;
	height: 14px;
	margin-right: 10px;
	background: url(../images/projects.png) no-repeat
}

.last-li {
	width: 200px;
	line-height: 20px
}

.fan-li {
	width: 90px;
	height: 20px;
	overflow: hidden
}

.tags-list .area {
	background-position: 0 -57px
}

.tags-list .posit {
	background-position: -3px -38px
}

.tags-list .fan {
	background-position: -25px -54px
}

.tags-list .key-tag-ic {
	float: left;
	background-position: -5px -19px
}

.key-tag {
	float: left;
	width: 305px;
	overflow: hidden;
	margin: -13px 0 0 20px
}

.key-tag ul {
	width: 200px;
	height: 15px;
	overflow: hidden
}

.key-tag li {
	float: left
}

.key-tag li a {
	margin-right: 10px;
	color: #737687
}

.invest-header {
	margin: 42px 0 0 14px;
	line-height: 56px;
	font-size: 18px
}

.invest-header img {
	width: 56px;
	height: 56px;
	margin-right: 22px;
	border-radius: 50%
}

.invest-header a {
	color: #0a3871
}

.invest-header a:hover {
	color: #ff7d5f
}

.top-right h3 {
	color: #374256;
	font-size: 22px;
	line-height: 62px;
	font-weight: 700
}

.top-right h3 b,.top-right h3 span {
	font-size: 12px;
	font-weight: 400
}

.top-right h3 span {
	padding-left: 34px;
	color: #ff7d5f
}

.top-right .top-mes {
	line-height: 60px;
	font-size: 14px
}

.top-right .top-mes .sell-copright a {
	color: #6CD3F8;
	font-size: 16px
}

.top-right .top-mes .intention {
	padding-left: 65px
}

.top-right .top-mes .b {
	color: #ff7d5f;
	font-weight: 700;
	font-style: normal;
	font-size: 16px
}

.top-right .project-progress .complete {
	margin-left: 220px
}

.top-right .project-progress .complete span {
	color: #ff7d5f
}

.top-right .appoint a {
	display: block;
	width: 245px;
	height: 52px;
	line-height: 52px;
	text-align: center;
	font-size: 16px;
	color: #fff
}

.top-right .appoint {
	float: right;
	margin: -51px 7px 0 0
}

.top-right .appoint .appoint-btn {
	background-color: #374256
}

.top-right .appoint .appoint-btn1,.top-right .appoint .appoint-btn:hover {
	background-color: #ff7d5f
}

.top-right .appoint .appoint-btn span {
	font-size: 10px
}

.top-right .appoint .appoint-txt {
	position: relative;
	color: #737687;
	font-size: 14px;
	margin-top: 12px
}

.appoint-txt .qust-ico {
	display: inline-block;
	float: right;
	width: 20px;
	height: 20px;
	background: url(../images/projects.png) -25px 0 no-repeat
}

.success-btn {
	display: block;
	width: 255px;
	height: 120px;
	margin-top: -24px;
	background: url(../images/projects.png) -33px -194px no-repeat
}

.invest-status-mes {
	position: absolute;
	z-index: 20;
	right: -30px;
	top: 10px;
	text-align: center
}

.invest-status-mes div {
	width: 98px;
	height: 50px;
	padding-top: 10px;
	color: #fff;
	background: url(../images/projects.png) no-repeat
}

.invest-status-mes .state1 {
	background-position: -159px 0
}

.invest-status-mes .state2 {
	background-position: -54px -122px
}

.invest-status-mes .state3 {
	background-position: -54px -62px
}

.invest-status-mes .state4 {
	background-position: -54px 0
}

.invest-status-mes .state7 {
	background-position: -159px -64px
}

.projects-detail-bottom {
	width: 100%;
	background-color: #f1f3f6
}

.appoint .succes {
	width: 280px;
	height: 100px
}

.quest-con {
	display: none;
	position: absolute;
	z-index: 21;
	bottom: 30px;
	left: 210px;
	width: 190px;
	height: 220px;
	padding: 10px;
	color: #fff;
	background: #000;
	-webkit-border-radius: 5px;
	border-radius: 5px
}

.qst-aw {
	position: absolute;
	left: 2px;
	bottom: -19px;
	width: 0;
	height: 0;
	line-height: 0;
	font-size: 0;
	border-top: 28px solid #000;
	border-right: 2px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 18px solid transparent
}

.qst-p {
	font-size: 12px
}

.projects-detail-bottom-nav {
	position: relative;
	z-index: 2;
	top: 0;
	left: 0;
	width: 100%;
	height: 60px;
	border-bottom: 1px solid #e4e5e8;
	background-color: #d5d6d9
}

.projects-detail-bottom .projects-detail-bottom-nav ul {
	width: 1180px;
	margin: 0 auto
}

.projects-detail-bottom .projects-detail-bottom-nav ul li {
	float: left;
	margin-right: 1px;
	background: url(../images/projects-detail-navborder.jpg) top left no-repeat
}

.projects-detail-bottom-nav li a {
	line-height: 60px;
	display: inline-block;
	width: 200px;
	height: 60px;
	text-align: center;
	color: #737687
}

.projects-detail-bottom-nav li .state,.projects-detail-bottom-nav li a:hover {
	background-color: #ff7d5f;
	color: #fff
}

.projects-detail-bottom-content {
	width: 1180px;
	margin: 40px auto 0;
	padding-bottom: 190px
}

.projects-detail-bottom-content-right {
	position: "relative";
	float: right;
	width: 360px;
	margin-top: -20px
}

.login-msg .proInfo {
	width: 100%;
	height: auto;
	background: #fff;
	margin-bottom: 20px
}

.login-msg .proInfo .proInfo-data {
	float: left;
	width: 100%;
	margin-top: 15px;
	margin-bottom: 30px
}

.login-msg .proInfo .proInfo-data&gt;p {
	float: left;
	box-sizing: border-box;
	width: 50%;
	text-align: center
}

.login-msg .proInfo .proInfo-data&gt;p:first-child {
	border-right: 1px solid #dcdcdc
}

.login-msg .proInfo .proInfo-data&gt;p span {
	font-size: 30px;
	color: #374256
}

.login-msg .proInfo .proInfo-data&gt;p i {
	font-style: normal;
	position: relative;
	top: -15px;
	display: block
}

.login-msg .proInfo-data .target {
	width: 120px;
	font-size: 14px
}

.login-msg .proInfo-data .remise {
	width: 120px;
	font-size: 16px
}

.login-msg .target-rate {
	width: 120px;
	font-size: 14px;
	text-indent: 20px
}

.login-msg .proInfo .unLogin {
	width: 270px;
	padding: 20px 45px;
	margin-top: 20px;
	color: #aaa;
	background: #fff;
	text-align: center
}

.login-msg .proInfo .unLogin a {
	display: inline;
	color: #374256;
	margin: 0
}

.login-msg .proInfo .unLogin a:hover {
	background: 0 0;
	color: #ff7d5f
}

.login-msg .proInfo a {
	display: block;
	width: 245px;
	height: 52px;
	line-height: 52px;
	text-align: center;
	margin-left: 54px
}

.login-msg .proInfo a:hover {
	background-color: #ff7d5f
}

.login-msg .proInfo .project-state {
	font-size: 12px;
	line-height: 36px
}

.login-msg .proInfo .project-state img {
	float: right;
	margin: 8px 24px 0 0
}

.projects-detail-bottom .right-content {
	padding: 0 0 30px 30px
}

.followInvest p,.leadInvest p {
	margin-left: 76px
}

.Record-comp {
	margin: 8px 0 0 10px
}

.right-mes {
	margin-bottom: 20px;
	background: #fff
}

.msgRecord p {
	margin-left: 75px
}

.right-mes p {
	color: #374256
}

.right-mes p:last-child {
	color: #737686
}

.right-mes img {
	float: left;
	width: 60px;
	height: 60px;
	border-radius: 100%
}

.right-mes&gt;p {
	width: 100px;
	margin: 0 auto 5px;
	border-bottom: 1px solid #eee
}

.right-mes h3 {
	font-size: 18px;
	line-height: 60px;
	text-align: center;
	font-family: "Î¢ÈíÑÅºÚ";
	color: #666
}

.projects-detail-bottom-mes {
	width: 100%;
	padding-bottom: 20px;
	margin-bottom: 20px;
	background-color: #fff
}

.common-qustion {
	margin-top: 15px
}

.common-qustion p {
	line-height: 23px;
	overflow: hidden
}

.common-qustion p i {
	width: 4px;
	height: 4px;
	background: #ec584e;
	margin-top: 9px;
	display: block;
	float: left
}

.common-qustion p a {
	float: left;
	width: 234px;
	margin-left: 10px;
	color: #737686
}

.common-qustion a.on,.common-qustion p a:hover {
	color: #ec584e
}

.common-qustion p.common-answer {
	display: none;
	color: #000;
	padding: 20px 0 10px;
	margin-left: 10px
}

.projects-detail-bottom-news {
	border-bottom: 1px solid #f8f8f8;
	overflow: hidden;
	padding: 15px 0
}

.projects-detail-bottom-news:last-child {
	border-bottom: none
}

.projects-detail-bottom-news img {
	width: 78px;
	height: 54px;
	float: left;
	border-radius: 0
}

.projects-detail-bottom-news .txt {
	margin-left: 90px;
	color: #737686
}

.projects-detail-bottom-news .txt a {
	color: #737686;
	word-break: break-all
}

.projects-detail-bottom-news .txt a:hover {
	color: #169BD5
}

.others-wrap li a span,.overview&gt;p {
	color: #737687
}

.musiucPanel {
	width: 760px;
	height: 108px;
	background: #ececec;
	margin: 0 0 20px 20px
}

.musiucPanel-left,.musiucPanel-left img {
	width: 160px;
	height: 87px
}

.musiucPanel-left {
	float: left;
	margin: 10px
}

.jp-playlist {
	display: none
}

.music-player {
	position: relative;
	width: 460px;
	height: 108px;
	margin: 40px 0 0 192px
}

.music-player .info {
	width: 100%;
	height: 58px;
	position: relative
}

.music-player .progress,.music-player .progress span {
	display: block;
	width: 460px;
	height: 8px;
	border-radius: 5px
}

.music-player .progress {
	background: #d1d2d2;
	position: absolute;
	bottom: 0;
	cursor: pointer
}

.music-player .progress span {
	position: relative;
	background: #ff7d5f
}

.music-player .progress span:after {
	position: absolute;
	right: -21px;
	top: -7px;
	width: 22px;
	height: 22px;
	background: url(../images/projects.png) -23px -23px no-repeat
}

.music-player .controls {
	text-align: center;
	overflow: hidden;
	margin: -20px 0 0 476px;
	width: 40px;
	height: 50px
}

.music-player .controls .play-controls a {
	display: inline-block;
	width: 40px;
	height: 40px
}

.icon-play {
	background: url(../images/projects.png) -1px -73px no-repeat
}

.icon-pause {
	background: url(../images/projects.png) 0 -113px no-repeat
}

.others-wrap {
	margin: 15px 0 15px 25px
}

.others-wrap ul {
	overflow: hidden
}

.others-wrap li {
	float: left;
	margin: 0 23px 20px 0
}

.others-wrap li a {
	display: block;
	width: 60px;
	text-align: center
}

.others-wrap li img {
	width: 60px;
	height: 60px;
	border-radius: 100%
}

.projects-detail-bottom-content-left {
	float: left;
	width: 800px
}

.overview {
	height: 620px;
	width: 100%;
	background-color: #fff;
	border: 1px solid #dcdcdc;
	margin-top: 0
}

.overview&gt;p {
	line-height: 60px;
	height: 60px;
	margin-left: 55px
}

.overview&gt;p span {
	font-size: 20px
}

.video-pictures .bd {
	width: 800px;
	height: 445px
}

.video-pictures .bd ul li {
	display: block;
	text-align: center
}

.video-pictures .bd ul li img {
	display: block;
	height: 445px;
	margin: 0 auto
}

.video-pictures .hd {
	width: 800px;
	margin: 30px 10px
}

.video-pictures .hd li {
	margin-right: 5px
}

.video-pictures .hd ul img {
	display: block;
	width: 100px;
	height: 56px;
	cursor: pointer
}

.projects-detail-bottom .details {
	width: 100%;
	background-color: #fff
}

.projects-detail-bottom-tit {
	height: 65px;
	text-align: center;
	border-bottom: 1px solid #fbfbfc
}

.projects-detail-bottom-tit h3 {
	color: #676868;
	font-size: 24px;
	text-align: center;
	padding-top: 19px;
	line-height: 28px
}

.projects-detail-bottom-tit span {
	padding: 0 10px;
	color: #676868;
	background-color: #fff;
	margin-top: 20px;
	line-height: 0
}

.projects-detail-bottom-tit i {
	display: block;
	width: 56px;
	border-bottom: 1px solid #ff7d5f;
	margin: 0 auto
}

.details .detail-content {
	padding: 20px
}

.details .detail-content .product-address {
	margin-top: 30px;
	height: 60px;
	line-height: 60px;
	background-color: #f1f3f6;
	color: #000;
	padding-left: 20px
}

.details .detail-content .product-address a {
	display: block;
	width: 460px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #169bd5
}

.details .detail-content .product-address a:hover {
	text-decoration: underline
}

.detail-content-text {
	color: #737686;
	font-family: "Microsoft YaHei";
	line-height: 25px;
	margin-bottom: 20px
}

.team {
	margin-top: 20px;
	background: #fff
}

.teamRow {
	border-bottom: 1px dashed #efefef
}

.team .teamRow:last-child {
	border-bottom: 0
}

.team-detail-content {
	padding: 30px 28px 28px 20px
}

.project-re {
	padding-bottom: 20px
}

.team-detail-content .team-detail-img,.team-detail-img img {
	float: left;
	width: 100px;
	height: 100px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%
}

.team-detail-text h5 {
	padding-left: 122px;
	font: 18px/60px "Microsoft YaHei"
}

.team-detail-text p {
	color: #737686;
	padding-left: 122px
}

.team-detail-text h5 span {
	font-size: 16px;
	font-weight: 400;
	padding-left: 20px;
	color: #676868
}

.projects-detail-bottom .projects-detail-bottom-content .projects-detail-bottom-content-left .milestone {
	width: 100%;
	margin-top: 20px;
	background-color: #fff;
	border: 1px solid #dcdcdc
}

.projects-detail-bottom .projects-detail-bottom-content .projects-detail-bottom-content-left .milestone&gt;p {
	line-height: 60px;
	height: 60px;
	margin-left: 55px;
	color: #737687
}

.projects-detail-bottom .projects-detail-bottom-content .projects-detail-bottom-content-left .milestone&gt;p span {
	font-size: 20px
}

.projects-detail-bottom .projects-detail-bottom-content .projects-detail-bottom-content-left .milestone .milestone-list {
	margin: 20px 0 60px
}

.projects-detail-bottom .projects-detail-bottom-content .projects-detail-bottom-content-left .milestone .milestone-list .milestone-row {
	position: relative;
	margin-left: 55px
}

.projects-detail-bottom .projects-detail-bottom-content .projects-detail-bottom-content-left .milestone .milestone-list .milestone-row&gt;p {
	position: absolute;
	top: 34px;
	display: inline-block;
	margin-right: 55px;
	margin-left: 20px;
	color: #737687
}

.projects-detail-bottom .projects-detail-bottom-content .projects-detail-bottom-content-left .milestone .milestone-list .milestone-row .timeDot {
	position: absolute;
	top: 40px;
	left: 93px;
	display: inline-block;
	width: 5px;
	height: 5px;
	border: 5px solid #fff;
	border-radius: 100%;
	background: #aaa
}

.milestone-date {
	display: inline-block;
	width: 80px;
	padding-top: 20px;
	padding-right: 20px;
	text-align: left;
	border-right: 1px solid #aaa
}

.milestone-date p {
	color: #737687
}

.milestone-date p span {
	font-size: 25px;
	color: #737687
}

.milestone-date p:last-of-type {
	position: relative;
	bottom: 10px
}

.tags {
	width: 100%;
	margin-top: 20px;
	background-color: #fff
}

.tags-show {
	padding: 22px 0 20px
}

.projects-detail-bottom-content-left .tags&gt;p {
	line-height: 60px;
	height: 60px;
	margin-left: 55px;
	color: #737687
}

.tags&gt;p span {
	font-size: 20px
}

.tags .tags-content {
	margin: 0 42px 50px;
	padding-bottom: 40px
}

.tags .tags-content .tags-show span {
	float: left;
	padding: 10px;
	margin: 0 10px 10px 0;
	background-color: #f1f3f6;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	color: #5B5B5B
}

.tags-select .tags-select-top {
	line-height: 50px;
	height: 50px;
	margin: 20px 0 10px;
	background-color: #f1f3f6;
	border-radius: 5px
}

.tags-select .tags-select-top p {
	display: inline-block;
	margin-left: 33px;
	color: #5B5B5B;
	font-size: 16px
}

.discussions&gt;p span,.projects-detail-bottom .bp&gt;p span {
	font-size: 20px
}

.tags-select .tags-select-top p a {
	color: #169BD5
}

.tags-select .tags-select-top .tags-input {
	float: right;
	width: 266px;
	padding-top: 6px;
	margin-right: 20px;
	color: #868686
}

.tags-input-txt {
	float: left;
	width: 210px;
	height: 38px;
	padding: 0 50px 0 10px;
	color: #676868;
	line-height: 38px;
	border: none;
	border-radius: 2px;
	background: #e5e5e7
}

.tags-input-btn {
	float: right;
	width: 55px;
	height: 38px;
	margin: -38px -15px 0 0;
	text-align: center;
	line-height: 38px;
	color: #fff;
	background: #727687;
	border: 0;
	-webkit-border-radius: 0 3px 3px 0;
	-moz-border-radius: 0 3px 3px 0;
	-ms-border-radius: 0 3px 3px 0;
	-o-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0
}

.tags .tags-select-bottom {
	float: left;
	margin-top: 13px;
	margin-bottom: 13px
}

.tags .tags-select-bottom a {
	display: inline-block;
	float: left;
	margin-top: 5px;
	margin-left: 15px;
	cursor: pointer;
	border: 1px solid #dcdcdc;
	padding: 8px;
	color: #676868;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px
}

.tags .tags-select-bottom a:hover {
	color: #ff7d5f;
	border: 1px solid #ff7d5f
}

.tags .tags-select-bottom span {
	display: none
}

.team-detail-bor {
	border-bottom: 1px dashed #efefef
}

.projects-detail-bottom .bp {
	width: 100%;
	background-color: #fff;
	padding-bottom: 50px
}

.projects-detail-bottom .misp {
	height: 235px;
	width: 100%;
	margin-bottom: 20px;
	background-color: #fff
}

.projects-detail-bottom .bp&gt;span {
	display: block;
	padding-top: 50px;
	text-align: center;
	color: #aaa
}

.projects-detail-bottom .bp&gt;span a {
	color: #374256
}

.projects-detail-bottom .bp&gt;span a:hover {
	color: #ff7d5f
}

.ifra-bp {
	width: 730px;
	height: 690px;
	margin-left: 25px;
	border: 1px solid #DDD
}

.dl-b {
	padding: 20px 30px;
	overflow: hidden
}

.dl-b a {
	float: right;
	display: block;
	width: 160px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	color: #fff;
	background: #374256;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px
}

.dl-b a:hover {
	background: #ff7d5f
}

.dl-b .downit1 {
	float: left
}

.dl-b .dl-a {
	position: relative;
	top: 0;
	left: 0;
	text-indent: -20px
}

.dl-a i,.dl-a:after,.dl-a:before {
	position: absolute
}

.dl-a:before {
	top: 16px;
	right: 12px;
	width: 4px;
	height: 11px;
	background: #fff
}

.dl-a:after {
	top: 23px;
	right: 8px;
	width: 0;
	height: 0;
	line-height: 0;
	word-spacing: 0;
	border-top: 6px solid #fff;
	border-right: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 6px solid transparent
}

.dl-a i {
	top: 30px;
	right: 9px;
	width: 10px;
	height: 2px;
	background: #fff
}

.projects-detail-bottom .gallery {
	width: 780px;
	overflow: hidden;
	margin: 36px auto
}

.gallery {
	margin-top: 15px
}

.gallery .bp-card {
	margin: 20px 0 0
}

.discussions,.gallery .bp-card:first-child {
	margin-top: 0
}

.gallery .bp-card a img {
	position: static!important;
	width: 100%!important
}

.discussions {
	width: 100%;
	background: #fff;
	position: relative
}

.discussions&gt;p {
	line-height: 60px;
	height: 60px;
	margin-left: 55px;
	color: #737687
}

.discussions-content {
	margin: 20px 0
}

.discussions-content textarea {
	width: 720px;
	height: 120px;
	border: none;
	color: #676868
}

.discussions-content .txt-input2 {
	height: 70px
}

.discussions-content&gt;span {
	color: #aaa;
	position: absolute;
	left: 300px;
	top: 64px
}

.discussions-content&gt;span a {
	color: #374256
}

.discussions-content&gt;span a:hover {
	color: #ff7d5f
}

.replay-btn {
	margin: 10px 0 0 620px;
	width: 160px;
	height: 48px;
	background-color: #374256;
	text-align: center;
	line-height: 48px;
	color: #fff;
	font-size: 16px;
	cursor: pointer;
	border: none
}

.discussions .discussions-content button:hover {
	background-color: #ff7d5f
}

.discussions .discussions-content .ask {
	padding: 25px 0
}

.discussions .discussions-content .ask:last-child {
	border-bottom: 0
}

.discussions .discussions-content .ask:first-child {
	margin-top: 40px
}

.discussions .discussions-content .ask img {
	float: left;
	width: 100%;
	border-radius: 100%
}

.discussions .discussions-content .ask-msg {
	float: left;
	width: 678px;
	margin: 0 0 0 20px
}

.discussions .discussions-content .ask-msg span {
	float: left
}

.discussions a {
	display: block;
	float: left;
	width: 80px;
	height: 80px
}

.discussions .discussions-content .ask-msg p:first-child {
	height: 25px;
	line-height: 25px;
	font-size: 16px;
	color: #999
}

.discussions .discussions-content .ask-msg p:nth-child(2) {
	color: #374256;
	margin-top: 15px;
	line-height: 22px;
	word-break: break-all
}

.discussions .discussions-content .ask-msg p span {
	color: #374256
}

.discussions .discussions-content .ask-msg p span a {
	float: left;
	width: auto;
	height: 25px;
	color: #222;
	margin-right: 15px
}

.discussions .discussions-content .ask-msg p b {
	width: auto;
	height: 23px;
	font-weight: 400;
	color: #ec584e;
	border: 1px solid #ec584e;
	padding: 0 12px;
	text-align: center;
	line-height: 23px;
	display: inline-block;
	border-radius: 8px;
	font-size: 14px
}

.discussions .discussions-content .ask i {
	font-style: normal;
	font-size: 12px;
	color: #A9A9A9;
	float: right;
	line-height: 25px
}

.ask-icon {
	width: 100%
}

.ask-icon&gt;span {
	display: block;
	width: 23px;
	height: 23px;
	text-indent: -9999px;
	background: url(../images/projects.png) no-repeat
}

.ask-icon .agree {
	background-position: 0 -179px
}

.ask-icon .comment {
	background-position: 0 -156px;
	float: right!important
}

.discussions .discussions-content .reply {
	margin-left: 100px;
	background: #f8f8f8;
	margin-top: 20px;
	padding: 20px;
	width: 636px;
	border: 1px solid #f3f3f3;
	position: relative
}

.discussions .discussions-content .reply .mi {
	content: " ";
	position: absolute;
	left: 38px;
	top: -10px;
	background: #f5f5f5;
	width: 20px;
	height: 20px;
	border: 1px solid #e2e3e4;
	border-left: 0;
	border-bottom: 0;
	z-index: 99999;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

#close-button a:before,.joinInvest .layui-layer-setwin .layui-layer-close1:before {
	content: "\e63b"
}

.discussions-content .reply img {
	float: left;
	width: 60px;
	border-radius: 100%
}

.discussions-content .reply-msg p {
	color: #737687;
	height: 23px;
	line-height: 23px
}

.discussions-content .reply-msg p a {
	color: #ec584e;
	width: auto;
	height: 23px;
	line-height: 23px;
	float: left
}

.discussions-content .reply-msg p i {
	font-style: normal;
	font-size: 12px;
	float: right
}

.Media-reports {
	width: 100%;
	background-color: #fff;
	border: 1px solid #dcdcdc;
	margin-top: 0
}

.Media-reports&gt;p {
	line-height: 60px;
	height: 60px;
	margin-left: 55px;
	color: #737687
}

.Media-reports&gt;p span {
	font-size: 20px
}

.Media-reports .report-content {
	margin-left: 40px;
	margin-right: 40px;
	border-top: 1px solid #dcdcdc;
	margin-bottom: 100px
}

.Media-reports .report-content&gt;span {
	display: block;
	text-align: center;
	margin-top: 50px
}

.Media-reports .report-row {
	padding: 30px 0;
	border-bottom: 1px solid #dcdcdc
}

.Media-reports .report-row img {
	float: left
}

.Media-reports .report-mid {
	float: left;
	width: 350px;
	margin-left: 15px;
	padding-right: 25px;
	border-right: 1px solid #dcdcdc
}

.Media-reports .report-mid h5 {
	color: #374256;
	margin-top: 10px
}

.Media-reports .report-mid p {
	color: #737687;
	margin-top: 10px
}

.Media-reports .report-right {
	width: 100px;
	float: left;
	margin-top: 10px;
	margin-left: 25px
}

.Media-reports .report-right p {
	color: #737687;
	font-size: 12px
}

.Media-reports .report-right p span {
	font-size: 20px
}

.joinInvest .layui-layer-title {
	font-size: 18px;
	padding: 0;
	color: #333;
	text-align: center;
	height: 60px;
	line-height: 60px;
	background-color: #e9eaee
}

.joinInvest .layui-layer-setwin {
	top: 22px
}

.joinInvest .layui-layer-setwin .layui-layer-close1 {
	background: 0 0;
	font-size: 16px;
	font-style: normal;
	-webkit-text-stroke-width: .2px;
	color: #4a4a4a
}

.joinInvest .layui-layer-content {
	padding: 0 0 25px;
	margin-left: 30px
}

.joinInvest .layui-layer-content label {
	margin-right: 10px
}

.joinInvest .layui-layer-content input[type=text] {
	font-size: 15px;
	width: 100px;
	background: #f5f5f5;
	height: 45px;
	border: none;
	padding-left: 10px
}

.joinInvest .layui-layer-content b.unit {
	font-size: 15px;
	width: 45px;
	background: #ebebeb;
	font-weight: 400;
	text-align: center;
	line-height: 45px;
	display: inline-block;
	height: 45px
}

.joinInvest .layui-layer-content .joinInvestNav {
	float: left;
	width: 100%
}

.joinInvest .layui-layer-content .joinInvestNav a {
	width: 50%;
	float: left;
	text-align: center;
	color: #969696;
	height: 50px;
	line-height: 50px;
	border-bottom: 3px solid #e7e7e7
}

.joinInvest .layui-layer-content #progressTrigon {
	color: #969696;
	overflow: hidden
}

.joinInvest .layui-layer-content #progressTrigon span {
	margin-right: 65px
}

.joinInvest .layui-layer-content .formItem {
	position: relative;
	margin-top: 25px
}

.joinInvest .layui-layer-content .formItem i.required {
	color: #ec584e;
	line-height: 16px;
	display: inline-block;
	margin-right: 5px;
	vertical-align: middle
}

.joinInvest .layui-layer-content .formItem .itemName {
	width: 150px;
	text-align: right;
	display: inline-block
}

.joinInvest .layui-layer-content .formItem .itemForm {
	margin-left: 20px
}

.joinInvest .layui-layer-content .formItem .itemForm textarea {
	width: 414px;
	background: #f5f5f5;
	border: none;
	height: 150px;
	resize: none;
	padding: 5px
}

.joinInvest .layui-layer-content .formItem .error {
	position: absolute;
	color: #ec584e;
	left: 170px;
	line-height: 20px;
	height: 20px;
	padding-top: 1.5px;
	display: none
}

.joinInvest .layui-layer-btn {
	padding-bottom: 40px;
	text-align: center
}

.joinInvest .layui-layer-btn .layui-layer-btn0 {
	line-height: 45px;
	width: 140px;
	height: 45px;
	border: none;
	color: #fff;
	font-size: 16px;
	background-color: #ec584e
}

.joinInvestContent {
	float: left;
	margin-left: 70px
}

.joinInvest .layui-layer-btn .layui-layer-btn1 {
	border: none;
	background-color: transparent;
	height: 45px;
	line-height: 45px;
	font-size: 16px;
	color: #666
}

.joinInvest {
	border: none
}

span.take_value_char {
	width: 200px;
	display: inline-block;
	height: 45px;
	line-height: 45px;
	position: relative;
	background: #f5f5f5;
	border: 1px solid #f5f5f5;
	margin-left: 20px;
	text-align: center;
	font-size: 16px
}

span.take_value_char input[type=radio] {
	width: 100%;
	height: 100%;
	position: absolute;
	display: block;
	opacity: 0
}

span.take_value_char.on {
	border: 1px solid #ec584e;
	color: #ec584e
}

#login_modal {
	display: none
}

.adminSee {
	margin: 0 auto 30px
}

.adminSee .con {
	float: left;
	margin-right: 20px
}

.bot-right {
	margin-top: 20px;
	padding: 20px 0;
	background-color: #fff;
	margin-bottom: 20px
}

.bot-right img {
	padding: 35px 107px 47px
}

.attention-msg {
	overflow: hidden
}

.bot-right a {
	display: inline-block;
	float: left;
	width: 160px;
	height: 48px;
	margin-left: 14px;
	text-align: center;
	line-height: 48px;
	color: #fff;
	background-color: #374256
}

.bot-right a:hover {
	background-color: #FF7D5F
}

.new-comment {
	display: none;
	overflow: hidden
}

.new-comment .new-comment-txt {
	width: 579px;
	height: 20px;
	padding: 10px;
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	border: 1px solid #eee;
	text-align: left;
	color: #676868;
	line-height: 20px
}

.reply-msg .new-comment-txt {
	width: 419px
}

.new-comment a {
	display: block;
	height: 42px;
	width: 77px;
	float: right;
	margin: 10px 0 0;
	background: #ec584e;
	line-height: 42px;
	text-align: center;
	color: #fff
}

.new-comment a:hover {
	background-color: #f66d63
}

.areVeto-con {
	cursor: pointer;
	width: 1180px;
	margin: 40px auto 0;
	box-shadow: 0 0 15px 0 #888
}

.w820 {
	width: 820px;
	overflow: hidden;
	height: 350px
}

.w820 img {
	width: 100%;
	height: 100%;
	transition: all .3s
}

.areVeto-con:hover .w820 img {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1)
}

.areVeto-pro {
	width: 360px;
	background: #fff;
	height: 350px;
	position: relative
}

.areVeto-pro .top {
	position: relative;
	height: 80px;
	padding: 0 34px;
	background-color: #f1f3f6
}

.areVeto-pro .top .invest-status-mes {
	right: -17px
}

.areVeto-pro .top img {
	width: 50px;
	height: 50px;
	margin-top: 15px;
	border-radius: 100%
}

.areVeto-pro .top span {
	line-height: 80px;
	margin-left: 15px;
	color: #737687;
	font-size: 18px
}

.areVeto-pro .top span a {
	color: #0a3871
}

.areVeto-pro .center {
	margin: 0 34px;
	border-bottom: 1px solid #dcdcdc
}

.areVeto-pro .center h4 {
	margin-top: 13px;
	font-weight: 700
}

.areVeto-pro .center h4 a {
	color: #374256
}

.areVeto-pro .center p {
	margin-top: 2px;
	color: #737687;
	font-size: 14px;
	min-height: 50px;
	max-height: 50px;
	word-break: break-all;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden
}

.areVeto-pro .center ul {
	margin: 7px 0 15px;
	white-space: nowrap
}

.areVeto-pro .center ul li {
	font-size: 14px;
	margin-right: 15px;
	width: 76px;
	vertical-align: top;
	height: 25px;
	line-height: 25px;
	color: #737687;
	overflow: hidden;
	display: inline-block;
	border-radius: 5px;
	padding: 0 5px;
	letter-spacing: 0
}

.areVeto-pro .center ul li img {
	width: 16px;
	height: 16px;
	vertical-align: sub
}

.areVeto-pro .center ul .mr0 {
	margin-right: 0
}

.areVeto-pro .label {
	margin: 15px 34px 0;
	overflow: hidden;
	height: 35px;
	line-height: 35px
}

.areVeto-pro .label .label-img {
	float: left;
	display: block;
	width: 18px;
	height: 18px;
	margin-right: 8px;
	margin-top: 8px
}

.areVeto-pro .label span {
	color: #737687;
	display: block;
	overflow: hidden
}

.areVeto-pro .label i {
	font-style: normal;
	margin-right: 8px;
	float: left;
	display: block
}

.areVeto-pro .bottom {
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: center;
	overflow: hidden
}

.areVeto-pro .bottom a {
	display: block;
	color: #333c4e;
	background: #e6e7ec;
	height: 55px;
	line-height: 55px;
	font-size: 16px;
	transition: background .5s
}

#jquery-lightbox,#lightbox-loading {
	text-align: center;
	line-height: 0;
	width: 100%;
	left: 0;
	position: absolute
}

.areVeto-pro .bottom a span {
	font-size: 22px;
	color: #ff7d5f
}

.areVeto-pro .bottom a:hover {
	background: #ff7d5f;
	color: #fff
}

#jquery-overlay {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px
}

#jquery-lightbox {
	top: 0;
	z-index: 100
}

#jquery-lightbox a img {
	border: none
}

#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	max-width: 800px!important;
	height: auto!important;
	margin: 0 auto
}

#lightbox-container-image {
	padding: 10px
}

#lightbox-loading {
	top: 40%;
	height: 25%
}

#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10
}

#lightbox-container-image-box&gt;#lightbox-nav {
	left: 0
}

#lightbox-nav a {
	outline: 0
}

#lightbox-nav-btnNext,#lightbox-nav-btnPrev {
	width: 49%;
	height: 100%!important;
	zoom: 1;
	display: block
}

#lightbox-nav-btnPrev {
	position: absolute;
	top: 0;
	left: -190px!important;
	background: url(../images/prev.png) left center no-repeat!important
}

#lightbox-nav-btnNext {
	position: absolute;
	top: 0;
	right: -190px!important;
	background: url(../images/next.png) right center no-repeat!important
}

#projects_detail,.ell {
	position: relative
}

#lightbox-container-image-data-box {
	font: 10px;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	max-width: 780px;
	padding: 0 10px
}

#lightbox-container-image-data {
	padding: 0 10px;
	color: #666
}

#lightbox-container-image-data #lightbox-image-details {
	width: 70%;
	float: left;
	text-align: left
}

#lightbox-image-details-caption {
	font-weight: 700
}

#lightbox-image-details-currentNumber {
	display: block;
	clear: left;
	padding-bottom: 1em
}

#lightbox-secNav-btnClose {
	float: right;
	width: 80px;
	height: 32px
}

#lightbox-loading-link {
	display: block;
	width: 32px;
	height: 32px;
	margin: 0 auto
}

.ell .ellCon {
	line-height: 30px
}

.ell .more-msg {
	display: inline-block;
	color: #169BD5
}

#projects_detail {
	width: 1180px;
	margin: 0 auto
}

.card_border,.projects_wrap {
	box-sizing: content-box;
	border: 1px solid #f2f2f2
}

.public_card {
	padding: 0 20px
}

.public_card .title {
	font-size: 18px;
	font-weight: 500;
	padding-top: 30px
}

.projects_card .card_left .content .other .intention b,.projects_card .card_left .content .other .sell-copright b {
	font-weight: 400;
	color: #ec584e
}

.card_inside {
	padding: 0 20px
}

.projects_card {
	height: 320px;
	width: 1180px;
	margin: 20px 0;
	background-color: #fff
}

.projects_card .card_left {
	width: 880px;
	float: left;
	border-right: 1px solid #f2f2f2;
	height: 260px;
	padding: 30px 0 30px 30px
}

.projects_card .card_left .pic {
	width: 260px;
	height: 260px;
	margin-right: 28px;
	float: left;
	position: relative
}

.projects_card .card_left .pic .state {
	position: absolute;
	left: 0;
	top: 12px;
	padding: 0 15px;
	border-radius: 0 15px 15px 0;
	background: rgba(0,0,0,.5);
	color: #fff
}

.projects_card .card_left .pic img {
	width: 100%;
	height: 100%
}

.projects_card .card_left .content {
	float: left;
	width: 590px;
	height: 260px;
	overflow: hidden
}

.projects_card .card_left .content h3 {
	line-height: 25px
}

.projects_card .card_left .content .see_num {
	float: right;
	margin-right: 40px;
	color: #7c6c64;
	font-size: 14px
}

.projects_card .card_left .content .see_num i {
	font-size: 16px;
	color: #7c6c64;
	vertical-align: middle
}

.projects_card .card_left .content .simpleDescription {
	font-size: 16px;
	color: #666;
	line-height: 1;
	margin-top: 15px
}

.projects_card .card_left .content .info_list {
	margin-top: 40px
}

.projects_card .card_left .content .info_list li {
	float: left;
	margin-right: 30px
}

.projects_card .card_left .content .info_list i {
	color: #ec584e;
	font-size: 14px;
	vertical-align: middle
}

.projects_card .card_left .content .info_list span {
	display: inline-block;
	margin-left: 3px
}

.projects_card .card_left .content .tag_list {
	margin-top: 20px;
	overflow: hidden;
	height: 27px
}

.projects_card .card_left .content .tag_list span {
	display: inline-block;
	background-color: #fdeeed;
	color: #ec584e;
	padding: 0 10px;
	height: 27px;
	line-height: 27px;
	border-radius: 5px;
	margin-right: 8px
}

.projects_card .card_left .content .other {
	height: 60px;
	margin-top: 30px
}

.projects_card .card_left .content .other .financing {
	width: 340px;
	padding: 0 15px;
	background-color: #f8f8f8;
	height: 60px;
	line-height: 60px;
	font-size: 16px;
	color: #666;
	float: left
}

.projects_card .card_left .content .other .s_person {
	float: left;
	margin-left: 20px;
	width: 200px;
	line-height: 60px;
	font-size: 16px;
	color: #666
}

.projects_card .card_left .content .other .s_person a {
	color: #666
}

.projects_card .card_left .content .other .s_person img {
	width: 40px;
	height: 40px;
	vertical-align: middle;
	border-radius: 100%;
	margin-right: 10px
}

.fun_group a,.projects_card .card_right .fun_btn {
	display: block;
	border: 1px solid #7c6c64;
	text-align: center
}

.projects_card .card_left .content .other .sell-copright {
	float: left
}

.projects_card .card_left .content .other .sell-copright a {
	color: #ec584e
}

.projects_card .card_left .content .other .intention {
	float: right
}

.projects_card .card_right {
	width: 268px;
	float: left;
	height: 100%;
	height: 270px;
	padding-top: 50px
}

.projects_card .card_right .fun_btn {
	width: 178px;
	height: 38px;
	color: #7c6c64;
	line-height: 38px;
	font-size: 15px;
	margin: 0 auto 20px
}

.projects_card .card_right .fun_btn:hover {
	background: #7c6c64;
	color: #fff
}

.projects_navbar {
	background-color: #fff;
	height: 60px;
	line-height: 60px;
	width: 1180px;
	position: relative;
	top: 0;
	z-index: 2
}

.code-img,.code-img:before {
	z-index: 20;
	position: absolute
}

.anchor_nav {
	float: left
}

.anchor_nav li {
	float: left;
	color: #666;
	font-size: 16px;
	padding: 0 40px
}

.anchor_nav .on a,.anchor_nav li:hover a {
	color: #ec584e
}

.anchor_nav a {
	color: #666;
	display: block;
	height: 100%;
	width: 100%
}

.fun_group {
	float: right;
	line-height: 60px
}

.fun_group a {
	float: left;
	margin-right: 18px;
	margin-top: 10px;
	width: 118px;
	height: 38px;
	line-height: 40px;
	color: #7c6c64;
	font-size: 16px
}

.fun_group a.on,.fun_group a:hover {
	background: #7c6c64;
	color: #fff;
	border: 1px solid #7c6c64
}

.fun_group i {
	vertical-align: middle;
	margin-top: -2px;
	display: inline-block
}

.fun_group a.hide {
	display: none
}

.fun_group a.show {
	display: block
}

#projects_main {
	padding-bottom: 50px
}

.card_group {
	width: 860px;
	float: left;
	margin-right: 20px
}

.other_msg {
	float: right;
	width: 290px
}

#project_bp,#project_bulletin,#project_intro,#project_question,#project_team {
	background: #fff;
	margin-top: 20px
}

#project_intro {
	background: #fff
}

#project_intro .intro_txt {
	font-size: 14px;
	color: #666;
	line-height: 24px;
	padding-bottom: 30px
}

#project_intro .intro_txt a {
	color: #156edb;
	text-decoration: underline
}

#project_intro .intro_txt a:hover {
	color: #ec584e
}

#project_intro .intro_label {
	color: #000
}

.team_list {
	padding: 30px 0;
	border-bottom: 1px solid #f1f1f1
}

.team_list img {
	float: left;
	width: 80px;
	height: 80px;
	border-radius: 100%;
	display: block
}

.team_list .team_text {
	float: left;
	margin-left: 10px;
	width: 685px
}

.team_list .team_text h5 {
	height: 22px;
	line-height: 22px;
	font-size: 16px;
	font-weight: 500;
	color: #222
}

.team_list .team_text h5 span {
	font-size: 14px;
	color: #999;
	margin-left: 15px
}

.team_list .team_text p {
	color: #3d3d3d;
	line-height: 24px;
	margin-top: 5px
}

.project_unlogin {
	height: 75px;
	line-height: 75px
}

.project_unlogin b {
	font-size: 18px;
	font-weight: 500;
	float: left;
	display: block;
	width: 90px
}

.project_unlogin a,.project_unlogin i {
	float: right;
	color: #ec584e
}

.project_unlogin i {
	color: #e5e5e5;
	padding: 0 8px;
	display: inline-block;
	vertical-align: middle
}

.project_unlogin span {
	color: #999;
	margin-left: 100px
}

.bp_fun {
	width: 440px;
	margin: 40px auto
}

.bp_fun a {
	width: 180px;
	height: 40px;
	margin-left: 40px;
	float: left;
	display: block;
	text-align: center;
	line-height: 40px
}

.bp_fun a.download_bp {
	background: #ec584e;
	color: #fff
}

.bp_fun a.send_bp {
	background: #7c6c64;
	color: #fff
}

.bp_fun i {
	vertical-align: middle;
	display: inline-block
}

.interaction .wt_textarea {
	padding: 10px;
	height: 200px;
	border: 1px solid #f2f2f2;
	position: relative
}

.interaction .wt_textarea #talkTextarea {
	height: 175px;
	width: 100%;
	display: block;
	border: none
}

.interaction .wt_textarea .textarea_counter {
	display: block;
	text-align: right;
	line-height: 30px;
	height: 30px;
	color: #999;
	font-size: 15px
}

.interaction .wt_textarea .textarea_counter span {
	color: #ec584e;
	padding: 0 2px
}

.interaction .replay {
	width: 100%;
	margin-top: 15px
}

.interaction .replay button {
	width: 100px;
	margin: 0;
	height: 40px;
	background-color: #ec584e;
	text-align: center;
	line-height: 40px;
	color: #fff;
	float: right;
	font-size: 16px;
	cursor: pointer;
	border: none
}

.interaction .replay button:hover {
	background: #f66d63
}

#project_mind,#project_problem,#project_report {
	background: #fff;
	margin-top: 20px
}

.mind_person li {
	float: left;
	width: 60px;
	margin: 15px 10px;
	text-align: center
}

.mind_person a {
	display: block;
	width: 100%;
	height: 100%
}

.mind_person img {
	width: 100%;
	height: 60px;
	border-radius: 100%
}

.mind_person span {
	color: #666
}

#interTitle {
	font-size: 18px;
	padding: 0;
	color: #333;
	text-align: center;
	height: 60px;
	line-height: 60px;
	background-color: #e9eaee
}

#close-button a {
	position: absolute;
	right: 15px;
	top: 20px;
	margin: 0;
	background: 0 0;
	font-family: iconfont!important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: .2px;
	-moz-osx-font-smoothing: grayscale;
	color: #4a4a4a
}

#close-button a:hover {
	background: 0 0
}

#interview,.counter {
	background: #f5f5f5;
	border: none;
	width: 688px
}

#interview {
	padding: 15px;
	height: 150px
}

.counter {
	margin: 0 auto;
	padding: 0 15px;
	height: 30px;
	text-align: right
}

.counter span {
	color: #ec584e;
	padding: 0 2px
}

#modal-bg {
	background: #fff
}

#interviewCard a {
	background: #ec584e;
	margin-top: 16px
}

#uploadStatus {
	margin-top: 5px
}

.code-img {
	width: 90px;
	height: 90px;
	top: -10px;
	display: none;
	right: 85px;
	padding: 8px;
	background: rgba(0,0,0,.5);
	text-align: center
}

.code-img img {
	margin-right: 20px;
	border: 1px solid #ededed;
	-webkit-transition: opacity .2s;
	-moz-transition: opacity .2s;
	-o-transition: opacity .2s;
	transition: opacity .2s;
	-ms-transition: none
}

.code-img:before {
	content: "";
	line-height: 0;
	width: 0;
	height: 0;
	bottom: -19px;
	right: 20%;
	border-right: 7px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 7px solid transparent;
	border-top: 10px solid #000;
	opacity: .5
}

#project_push:hover~.code-img {
	display: block
}

.project_success {
	width: 1180px;
	overflow: hidden;
	margin: 0 auto
}

.project_success ul {
	width: 1200px
}

.project_success li {
	width: 378px;
	border: 1px solid #f4f4f4;
	float: left;
	background-color: #fff;
	height: 198px;
	margin-top: 20px;
	margin-right: 20px
}

.project_success a.wrap {
	display: block;
	padding: 39px 23px;
	height: 120px;
	overflow: hidden;
	color: #000;
	width: 332px
}

.project_success h3,.project_success p {
	width: 100%;
	display: -webkit-box;
	display: -moz-box;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	overflow: hidden
}

.project_success h3 {
	font-size: 18px;
	line-height: 1;
	height: 18px;
	margin-top: 12px;
	color: #000;
	-webkit-line-clamp: 1;
	-moz-line-clamp: 1
}

.project_success p {
	color: #999;
	line-height: 1.5;
	margin-top: 11px;
	-webkit-line-clamp: 2;
	-moz-line-clamp: 2
}

.project_success img {
	float: left;
	display: block;
	margin-right: 20px
}

.project_success .content {
	float: left;
	width: 188px
}

.project_success .single_person {
	height: 40px;
	line-height: 40px
}

.project_success .single_person img {
	width: 40px;
	height: 40px;
	border-radius: 100%;
	display: inline-block;
	margin-right: 10px
}

.project_success .single_person span {
	color: #666;
	font-size: 16px;
	display: -webkit-box;
	display: -moz-box;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-webkit-line-clamp: 1;
	-moz-line-clamp: 1;
	overflow: hidden
}
.dd {
    margin-top: 70px;
}</pre></body></html>